/*
Theme Name: DCIS Understood
Theme URI: 
Description:
Version: 1.0
Author: Emily Frick
Tags: 
*/


/* LAYOUT STRUCTURE */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none;
	}

html,
body {
	width: 100%;
    height: 100%;
    overflow-x: hidden;
	text-align:center;
	font-family: 'Avalon-Medium', sans-serif;
	font-size: 1em;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	color: #212427;
	scroll-behavior: smooth;
	}	
	
	em {
		font-style: italic;
		}
	
	p { margin: 0px 0px 1em 0px;
		}
	
	ul.wp-block-list {
		list-style: disc;
		margin-left: 2em;	
		}
	
	ul.wp-block-list li {
		list-style: disc;
		padding-bottom: 1em;
		}
	
	
	ol.wp-block-list {
		list-style-type: decimal;
		margin-left: 2em;
		}
	
	ol.wp-block-list li {
		list-style-type: decimal;
		padding-bottom: 1em;
		list-style-position: inside;
		}
	
	ol.wp-block-footnotes {
		font-size: .9em;
		border-top: 1px #E8983D solid;
		padding: 2em 0;
		margin-top: 3em;
		}
		
	ol.wp-block-footnotes li {
		list-style-type: decimal;
		padding-bottom: 1em;
		list-style-position: inside;	
		}

	strong {
		font-family: 'Avalon-Demi', sans-serif
		}
	
#rap {
	width:100%;
	margin:0 auto;
	text-align:left;
	padding: 6px 0px;
	xmax-width: 1366px;
	box-sizing: border-box;
	background: #ffffff;
	position: fixed;
	top: 0;
	z-index:500;
	}
	
#content {
	padding: 1em 2em 2em 2em;
	max-width: 1366px;
	width: 100%;
	margin:0 auto;
	flex: 1 0 auto;
	box-sizing: border-box;
	margin-top:50px;
	font-size: 1.1em;
	line-height: 1.8em;
	letter-spacing: .02rem;
	}
	
#content-wrap  {
	padding:0px 0em;
	xoverflow: auto;
	display: flex;
	flex-direction:column;
	text-align: left;
	}
	
 #page-wrap {
	  text-align: left;
	  justify-content: flex-start;
	  margin: 0 auto 50px;
	  }
	  
	#page-wrap h1 {
		margin: 10px 0px 20px 0px;
	  	}


/* Links and Buttons */	  

a { 
	outline:none;
	color: #226792;
	text-decoration: none;
	font-family: 'Avalon-Demi', sans-serif;
	}
	
	a:hover {
		text-decoration: underline;
		}
		
.button {
		background: #fff !important;
		color: #226792 !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 12px 20px;
		border: 1px solid #226792 !important;
		transition: all 0.23s ease-in-out 0s;
		font-family: 'Avalon-Demi', sans-serif;
		font-size: 1em;
		border-radius: 25px;
		}
			
		.button:hover {
		background: #226792 !important;
		color: #fff !important;
		border: 1px solid #226792 !important;
		text-decoration: none;
		}
		
.whitebutton, #submit {
	background: #fff !important;
	color: #226792 !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border: 1px solid #226792 !important;
	transition: all 0.23s ease-in-out 0s;
	font-family: 'Avalon-Demi', sans-serif;
	font-size: 1em;
	border-radius: 25px;
	}
		
	.whitebutton:hover, #submit:hover {
		background: #226792 !important;
		color: #fff !important;
		border: 1px solid #226792 !important;
		text-decoration: none;
		}
		
.whitebutton_footer{
		background: #fff !important;
		color: #226792 !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 5px 10px;
		border: 1px solid #226792 !important;
		transition: all 0.23s ease-in-out 0s;
		font-family: 'Avalon-Demi', sans-serif;
		font-size: 1em;
		border-radius: 25px;
		display: flex;
		flex-direction: row;
		height: 25px;
		margin-left: 5px;
		}
			
		.whitebutton_footer:hover {
			opacity: .6;
			text-decoration: none;
			}
	
.bluebutton {
	background: #226792 !important;
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border: 1px solid #226792 !important;
	transition: all 0.23s ease-in-out 0s;
	font-family: 'Avalon-Demi', sans-serif;
	font-size: 1em;
	border-radius: 25px;
	}
			
	.bluebutton:hover {
		background: #fff !important;
		color: #226792 !important;
		border: 1px solid #226792 !important;
		text-decoration: none;
		}
		
.orangebutton {
		background: #E8983D !important;
		color: #fff !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 12px 20px;
		border: 1px solid #E8983D !important;
		transition: all 0.23s ease-in-out 0s;
		font-family: 'Avalon-Demi', sans-serif;
		font-size: 1em;
		border-radius: 25px;
		}
				
	.orangebutton:hover {
		background: #fff !important;
		color: #E8983D !important;
		border: 1px solid #E8983D !important;
		text-decoration: none;
		}
				
.wpforms-submit {
	background: #fff !important;
	color: #226792 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	padding: 10px 20px !important;
	border: 1px solid #226792 !important;
	transition: all 0.23s ease-in-out 0s !important;
	font-family: 'Avalon-Demi', sans-serif !important;
	font-size: 1em !important;
	border-radius: 25px !important;
	}
	
.wpforms-submit:hover {
	background: #226792 !important;
	color: #fff !important;
	border: 1px solid #226792 !important;
	text-decoration: none;
	}
	
	img.avatar {display:none}
	
/* TYPOGRAPHY */

@font-face {
	font-family: 'Bodenpro Bold';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bodenpro-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
	font-family: 'Bodenpro Italic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bodenpro-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
	font-family: 'Bodenpro Roman';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bodenpro-roman-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}

 @font-face {
	font-family: 'Avalon-MediumOblique';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Avalon-MediumOblique-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}

@font-face {
	font-family: 'Avalon-Medium';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Avalon-Medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	
@font-face {
	font-family: 'Avalon-Demi';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/Avalon-Demi-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
		
h1 {
	font-family: 'Bodenpro Roman', serif;
	color: #226792;
	font-size: 2em;
	margin: 10px 0px 0px 0px;
	padding: 0;
	text-align: left;
	xborder-bottom: 1px solid #226792;
	line-height: 1.2em;
	}
	
	h1 a {
		font-family: 'Bodenpro Roman', serif;
		}
	
	#homepage_feature h1,
	#homepage_feature h2 { 
		color: #fff;
		font-family: 'Bodenpro Demi', serif;
		margin-top: 0;
		padding-bottom: 0;
	    }	
	
h2 {
	font-family: 'Bodenpro Roman', serif;
	color: #226792;
	font-size: 1.8em;
	xmargin: 0px 0px 20px 0px;
	padding: 20px 0px;
	text-align: left;
	line-height: 1.2em;
	}
	
	h2 a {
		font-family: 'Bodenpro Roman', serif;
		}
	
	h2.home_h2  {
		text-align: left;
		font-size: 2em;
		}
		
	h2.h_underline  {
		font-size: 2em;
		border-bottom: 5px solid #E8983D;
		padding: 0px 0px 5px 0px;
		margin-bottom: 1em;
		}
		
	.h_underline {border-bottom: 5px solid #E8983D;}
		
	h2 strong {font-family: 'Bodenpro Roman', serif;}
	
	h2.wp-block-heading {display: inline-block}
		
	#home_blog_left h2 {
		padding: 10px 0px;
		}
	
	.news_item h2 {
		padding: 0px;
		}
			
h3 {
	font-family: 'Avalon-Demi', sans-serif;
	color: #212427;
	font-size: 1.1em;
	padding: 0;
	margin-top: 10px;
	}
	
	h3.social_header {
		font-size: 1.3em !important;
		color: #fff;
		font-family: 'Bodenpro Demi', serif !important;
		padding-top: 1em;
	}
	
	.orangebox h3 {
		font-family: 'Bodenpro Roman', serif !important;
		font-size: 1.2em;
		xpadding-bottom: 2.2em;
		}
		
#sidebar h3 {
	font-family: 'Bodenpro Demi', serif;
	color: #226792;
	font-size: 1.8em;
	border-bottom: 5px solid #E8983D;
	padding: 0px 0px 5px 0px;
	margin-bottom: .4em;
	}

#sidebar {
	text-align: left;
	padding-top: 2em;
	}

#sidebar div {
	margin-bottom: 2em;
	}
	
/* HEADER */

.header_wrap {
	max-width: 1366px;
	display: flex;
	margin: 0 auto;
	padding: .5em 2em;
	justify-content: space-between;
	}

.site-title-wrap {
	display: block;
	margin: 0;
	}
		
.site-title {
	width:150px;
	height:40px;
	position:relative;
	z-index:500;
	background:url('images/logo_dcis.svg') left top no-repeat;
	background-size:auto;
	text-indent:-9999px;
	text-align: left;
	margin: 0;
	}
	
.site-title a {
	display:block;
	width:inherit;
	height:inherit;
	z-index:500;
	}
		
.site-navs-wrap {
	display: block;
	}
	
.header-buttons {
	display:none;
	}
	
.header-buttons a {
	margin-left: .5em;
	font-size: 1.2em;
	}
		
.search-container {
		position: relative;
		display: inline-block;
		height: 41px;
		width: 41px;
		vertical-align: center;
		top: 15px;
		margin-right: 5px
		}
	
	.mglass {
		display: inline-block;
		pointer-events: none;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		margin-top: 5px;
		margin-left: 13px;
		margin-bottom: 3px;
		}
	
	.searchbutton {
		position: absolute;
		font-size: 22px;
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
	.searchbox:focus + .searchbutton {
		transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		background-color: white;
		color: black;
		display: none;
		}
	
	.searchbox {
		position: absolute;
		left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
		background-color: white;
		outline: none;
		border: none;
		padding: 5px 0px 20px 0px;
		width: 0;
		min-height: 45px;
		height: 100%;
		z-index: 0;
		transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		border-bottom: 1px solid #226792;
		}
	
	
	.searchbox:focus {
		width: 300px; /* Bar width+1px */
		padding: 0 16px 0 0;
		}
	
	.expandright {
		left: auto;
		right: 49px; /* Button width-1px */
		}
	
	.expandright:focus {
		padding: 0 0 0 16px;
		}
	
/* NAVIGATION */
.nav-bars-wrapper
{
    display: flex;
    align-items:center;
    justify-content: center;
    flex-direction: column-reverse;
}
.menu-title-nav
{
    padding-top: 10px;
}
#nav-container {
	position: absolute;
	z-index:100;  
	opacity:0;
	transition-property: none; /*was all*/
	transition-duration: 0s;/*was 300ms*/
	transform: translateX(100%);
	width:100%;
	position: fixed;
	top:0;
	height:100%;
	xheight:100vh;
	xmax-height:100vh;
	background: #fff;
	border-bottom:1px solid #dad4d4;
	border-top:1px solid #dad4d4;
	max-height: calc(100vh - 150px);
	overflow: auto;
	}
	
.nav-header-buttons {
	padding: .5em 30px 2em;
	box-sizing: border-box;
	}
			
.main-navigation ul {
	background: #fff;
	padding: 0;
	width: 100%;
	z-index: 1000;
	text-align: left;
	left: -.0em;
	margin-top: 0px;
	}
	
	.arrow_toggle { 
	font-family: FontAwesome;
	padding: 0px  20px 0px 50px;
	position: relative;
	font-size: 1em;
	border: none;
	outline:0;
	color: #226792;
	text-decoration: none;
	display: inline-block;
	margin: 0;
	cursor: pointer;
	background: none;
	font-style: normal;
	}	
	
	.arrow_toggle i {font-style: normal}
	
	ul.sub-menu {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		}
		
		ul.sub-menu.active-menu {
			max-height: 500px;
			}
				
		/*padding: 0;
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-webkit-transform: translateY(-100%); 
		transform: translateY(-100%); 
		-webkit-transition: transform 0.3s ease-in-out; 
		-o-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;*/
		}
		
		.main-navigation ul ul li {
					border: 0;
					display: block;
					padding: 10px 0px 10px 0px;
					line-height: 1.5em;
					font-size: .8em;
					}
		
		.current {
			display: visible;
				-moz-transform: translateY(0%);
				-ms-transform: translateY(0%);
				-webkit-transform: translateY(0%);
				transform: translateY(0%);								
				}
		
			.main-navigation ul li a:hover,
			.main-navigation ul li a.focus {
				background: none;
				}
				
				.main-navigation ul li > a:hover:before {
					visibility: visible;
					-webkit-transform: scaleX(1);
					transform: scaleX(1);
					}
				
				.main-navigation ul li a:hover:after {
					width: 100%;
					}

.main-navigation ul li {
	border: 0;
	border-bottom: 1px solid #dad4d4;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0px;
	}
		
.main-navigation ul li a {
	color: #226792;
	text-decoration: none;
	font-family: 'Avalon-Demi', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.1em;
	padding: .5em 30px;	
	cursor: hand;
	letter-spacing: .04rem;
	}
	
	ul.sub-menu li a {
		font-size: .9em;
		padding: .5em 50px;	
		}
		
	.main-navigation ul li:hover > .arrow_toggle {
		color: #ffffff;
		}
	
	.main-navigation ul li.focus > a,
	.main-navigation ul li:focus > a,
	.main-navigation ul li:hover > a,
	.main-navigation ul li a:hover,
	.main-navigation ul li a:focus,
	.main-navigation ul li:hover,
	.main-navigation ul li.current_page_item a:hover,
	.main-navigation ul li.current-menu-item a:hover,
	.main-navigation ul li.current_page_item a:focus,
	.main-navigation ul li.current-menu-item a:focus {
		color: #ffffff;
		background: #226792;
		}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		xleft: 0.5em;
		xright: auto;
		}
		


.nav__trigger {
	display:block;
	position:absolute;
	width:30px;
	height:20px;
	right:10px;
	top:19px;
	z-index:200; 
	}
		
	.nav--active .nav__trigger {
	  opacity:0.5;
	  }
	
.nav__icon {
	display:inline-block;
	position: relative;
	width:30px;
	height:5px;
	background-color: #226792;
	transition-property: background-color, transform;
	transition-duration: 300ms;
	
	&:before,
	&:after {
	content:'';
	display:block;
	width:30px;
	height:5px;
	position: absolute;
	background: #226792;
	transition-property: margin, transform;
	transition-duration: 300ms;
	}
	
	&:before {
		margin-top:-9px;
	    }
	
	 &:after {
		margin-top:9px;
	    }
	}
		
.nav--active #nav-container {
	transition: all 300ms ease-in-out;
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	opacity:1;
	xbackground-color: #fff;
	position: relative;
	}
	
	.nav--active .nav__icon {
	background: rgba(0,0,0,0.0);
	 
		&:before {
		  margin-top:0;
		  transform:rotate(45deg);
		}
	
		&:after {
		  margin-top:0;
		  transform:rotate(-45deg);
		}
	}
	
/* homepage_featurePAGE */
	  
	
#homepage_feature_container {
	background: #5b2e28;
	color: #fff;
	background:url('https://dcisunderstood.org/wp-content/uploads/2025/06/homebanner-background.webp') right top no-repeat;
	background-size: cover;
	width: 100%;
	text-align: left; 
	margin:0 auto;
	box-sizing: border-box;
	xin-height: 500px;
	position: relative;
	flex: 1 0 auto;
	top: 56px;
	}
	
#homepage_feature {
	max-width: 1366px;
	margin: 0 auto;
	text-align: left;
	padding: 0em;
	display: block;
	min-height: 300px;
	background:url('images/homebanner-woman.png') right top no-repeat;
	background-size: 200px;
	}
	
#homepage_feature ul {
	display: flex;
	flex-direction: column;
	justify-content: left;
	background: rgba(0, 0, 0, .5);
	padding: 1em;
	xmax-width: 650px;
	align-items: stretch;
	min-height: 300px;
	}
	
#homepage_feature li {
	height: 100%;
	color: #fff;
	}
	
#slideshow {
	position: relative;
	 margin: auto;
	}
	
#slideshow > div { 
	position: absolute; 
	font-size: 1.1em;
	}
	
.mySlides {
	display: none;
	}
	
.fade {
  animation-name: fade;
  animation-duration: 2s;
  }

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
  }	
  
 #home_blog_content {
	display: flex;
	flex-direction: column-reverse;
 	}
	 
	#home_blog_right img {
		width: 100%;
		height: auto;
		}
	
.two_column {
	margin-top: 4em;
	display: flex;
	flex-direction: column;
	gap: 50px;
	}
.second-boxx h3
{
	font-size: 1.5rem;
	line-height: 1.7
}
.orangebox {
	background: #FCF3D8;
	border: 3px solid #E8983D;
	border-radius: 15px;
	text-align: center;
	padding: 1em 2em 1em;
	min-height: 100px;
	flex:1;
	xjustify-content: center;
	align-items: center; 
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
/* 	justify-content: flex-end;  */
	position: relative;
	}
		
/* 	.orangebox h3 {
		margin: 0px 0px 20px 0px;
		}
		 */
	.button_bottom {
		padding-bottom:1.5em;
		}
		
	.orangebox .orangebutton {
		margin-top: 15px;
		padding: 7px 20px;
		xline-height: 1.2;
		}
				
/*Newsletter*/		

#mc_embed_shell {
	width: 100%;
	}

#mc_embed_signup{
		clear:left; 
		font:14px bodenpro-roman ,Arial,sans-serif; 
		text-align: center 
		}
			
		#mc_embed_signup form {
			padding: 0px 0 0px 0 !important;
			}
			
		#mc_embed_signup label {
			display: block;
			font-size: 1em !important;
			padding-bottom: none !important;
			font-weight: normal !important;
			text-align: center;
			}
			
		.sameline {
			display:flex;
			flex-direction: column;
			}
		
		#mc_embed_signup input.email, #mc_embed_signup input.text {
			font-size: 15px;
			border: 1px solid #ABB0B2;
			-webkit-border-radius: 0px !important;
			-moz-border-radius: 0px !important;
			border-radius: 0px !important;
			color: #343434;
			background-color: #fff;
			box-sizing: border-box;
			height: 42px !important;
			padding: 0px 0.4em;
			display: inline-block;
			margin: 0 auto 10px !important;
			width: 100%;
			max-width: 300px !important;
			vertical-align: top;
			}
			
		
			
		#mc_embed_signup div.mce_inline_error {
			margin: 0 0 1em 0;
			padding: 5px 10px;
			background-color: transparent !important;
			font-weight: bold;
			z-index: 1;
			color: #6B0505 !important;
			}
			
		#mc_embed_signup .button {
			font-family: 'Avalon-demi'!important;
			font-size: 1.3em !important;
			border: none !important;
			-webkit-border-radius: 0px !important;
			-moz-border-radius: 0px !important;
			border-radius: 0px !important;
			letter-spacing: .03em !important;
			color: #fff !important;
			background-color: #E8983D!important;
			box-sizing: border-box;
			height: 47px !important;
			line-height: 22px !important;
			padding: 12px 20px !important;
			display: inline-block;
			margin: 10px 0px 0px 0px !important;
			text-decoration: none;
			text-transform: none !important;
			width: inherit !important;
			text-align: center !important;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			text-transform: uppercase !important;
			border: 1px solid #E8983D !important;
			transition: all 0.23s ease-in-out 0s;
			border-radius: 25px !important;
			font-weight: normal !important;
			}
					
		#mc_embed_signup .button:hover {
			background: #ffffff !important;
			color: #E8983D !important;
			border: 1px solid #E8983D !important;
			}
	
/*BLOG*/

#blog-wrap {
	display: flex;
	flex-direction: column;
	}
	
#content_left	{
	width: 100%;
	text-align: left;
	}

#content_right	{
	width: 100%
	}
	
#sources {
	font-size: .9em;
	border-top: 1px #E8983D solid;
	padding: 2em 0;
	margin-top: 3em;
	}
	
.news_image {
	width: 100%;
	padding-bottom: .5em;
	}
	
.news_item  {
	border-bottom: 1px #E8983D solid;
	padding-bottom: 2em;
	margin-bottom: 2em;
	}
	
.post-date {
	color: #226792;
	font-size: .9em;
	padding-bottom: .5em;
	font-family: 'Bodenpro Demi', serif;
	display: block;
	}
	
.a2a_kit {
	padding-bottom: 1em;
	}
	
.a2a_svg {
	background-color: #226792 !important;
	border-radius: 25px !important
	}
	
.wp-block-separator {
	color: #E8983D;
	border: none;
	border-top: 1px solid !important;
	}
	
.storycontent { 
	xpadding: 0px 0px 20px;
	text-align: left;
	}
		  		
.pagecontent {
	}
	
#grid_header {
	  border-bottom: 3px solid #E8983D;
	}
	
#grid_header .col{
	  padding-bottom: 10px;
	}		
	
.flex-grid {
	  display: flex;
	  justify-content: space-between;
	  border-bottom: 1px solid #E8983D;
	}
	.col {
	  flex: 1;
	  padding: 20px;
	  }
	
.dt-container {
	xoverflow-x: scroll !important;
	}
	
#wpforms-confirmation-234 {
	background: #FCF3D8 !important;
	border: 1px solid #E8983D !important;
	}

.wp-block-image img {
	max-width: 350px!important;
	border: 1px solid #D3D3D3 ;
	}

.wp-block-image .alignleft {
	float: none !important;
	display: block !important;
	margin:.5em 0em .5em 0 !important;
	}

.wp-block-image .alignright {
	float: none !important;
	display: block !important;
	margin:.5em 0 .5em 0em !important;
	}

.wp-block-image .aligncenter {
	margin-left: auto;
	margin-right:auto
	}
	
.wp-element-caption {display: block !important;
	max-width: 350px !important;
	font-size: .8em;
	line-height: 1.5em;
	}

.wp-image-407 {border:none !important}

/* Tablepress */

.tablepress {
	--text-color: #111;
	--head-text-color: #fff!important;
	--head-bg-color: #226792!important;
	--odd-text-color: var(--text-color);
	--odd-bg-color: #fff;
	--even-text-color: var(--text-color);
	--even-bg-color: #f8fafc!important;
	--hover-text-color: var(--text-color);
	--hover-bg-color: #dee8ef!important;
	--border-color: #d8d8d8!important;
	--padding: 0.5rem;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
	margin: 0 auto 1rem;
	table-layout: auto;
	width:100%;
	}

.tablepress .column-2{
	width: 500px;
	}

.dt-column-title {
	text-decoration: none;
	font-family: 'Avalon-Demi', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: .9em;
	letter-spacing: .04rem;
	line-height: 1em!important;
	}

.tablepress>:where(thead,tfoot)>*>th {
	border: x1px solid #226792 !important;
	}

.tablepress thead .dt-orderable-asc:hover, .tablepress thead .dt-orderable-desc:hover, .tablepress thead .dt-ordering-asc, .tablepress thead .dt-ordering-desc {
	background-color: #4e85a8!important;
	color: #fff!important;
	}

/*donate*/



.page-id-631 .pagecontent  {
	display: flex;
	flex-direction: column;
	
	}
	
#donate_widget {
	max-width: 400px;
	width:100%}
		
/* FOOTER */

#footer {
	background: #226792;
	flex-shrink: 0;
	margin-top: 3em;
	}
		
#footer_content {
	max-width: 1366px;
	margin: 0 auto;
	color: #ffffff;
	text-align: left;
	padding: 1em 2em;
	display: block;
	}

.footer_right_wrap {
	text-align: left;
	}
	
.footer_site-title {
		width:250px;
		height:80px;
		position:relative;
		z-index:400;
		background:url('images/logo_dcis_white.svg') left top no-repeat;
		background-size:auto;
		text-indent:-9999px;
		text-align: left;
		margin: 0;
		padding-bottom: 1em;
		}
		
	.footer_site-title a {
		display:block;
		width:inherit;
		height:inherit;
		z-index:500;
		}

#footer .menu-primary-container ul {
    width: 100%;
	}
	
#footer ul {
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	xalign-content:space-around;
	max-width: 900px;
	margin: 0;
	padding-bottom: 1em;
	}
	
#footer ul li {
	border: 0;
	display: flex;
	padding: 0px;
	}
	
#footer ul li a {
	color: #ffffff;
	text-decoration: none;
	font-family: 'Bodenpro Roman', serif;
	text-transform:inherit;
	font-weight: normal;
	padding: .5em 0;
	display: block;
	font-size: 1.4em;
	margin: 0;
	position: relative;
	align-content: flex-start;
	}
	
#copyright ul li a {
	padding-top: 0em;
	padding-bottom: 0em;
	}
	
#copyright ul li{
	padding: 0em;
	}
		
#footer ul li.focus > a,
	#footer ul li:focus > a,
	#footer ul li:hover > a,
	#footer ul li a:hover,
	#footer ul li a:focus,
	#footer ul li.current_page_item a:hover,
	#footer ul li.current-menu-item a:hover,
	#footer ul li.current_page_item a:focus,
	#footer ul li.current-menu-item a:focus {
		color: #E8983D ;
		}
		
#footer_menu{
	padding: 0px 0px 0px 0px;
	xwidth: 100%;
	}
				
#social_icons {
	padding: 1em 0px ;
	xwidth: 100%;
	display: flex;
	}

#social_icons svg {
	padding: 0px 5px;
	width: 35px;
	height: 35px;
	}
	
#social_icons path.icon_color:hover  {
  	stroke: #212427;
  	x-webkit-transition: color 0.3s ease-in-out;
  	xtransition: color 0.3s ease-in-out;
  	xcursor: hand;
	}

#social_icons a:hover {
	opacity: .6;
	}
	
#copyright {
	width: 100%;
	color: #fff;
	margin:0 auto;
	padding: 1em 0em;
	font-size: .8em;
	border-top: 1px solid #fff;
	display: flex;
	flex-direction: column-reverse;
	}
	
#google_translate_element {
	padding: 1em 0 2.5em;
	font-family: Avalon-Demi !important;
	color: #226792 !important;
	}

.goog-te-gadget-simple {
	background-color: #FFF;
	border-left: 1px solid #D5D5D5;
	border-top: 1px solid #9B9B9B;
	border-bottom: 1px solid #E8E8E8;
	border-right: 1px solid #D5D5D5;
	font-size: 10pt;
	display: inline-block;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	cursor: pointer;
	}
	
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
	color: #226799 !important;
	}
		
.footer_contact {
	padding-top: 1em;
	font-family: 'Bodenpro Bold', serif;
	font-size: 1.2em
	}

.footer_contact a {
	padding-top: 1em;
	font-family: 'Bodenpro Bold', serif !important;
	color:#fff;
	}

.footer_contact a:hover {
	color:#E8983D;
	text-decoration: none;
	}
	
	
//footer newsletter sign up modal

	.open-button {
		background: #fff !important;
		color: #226792 !important;
		text-decoration: none;
		text-transform: uppercase;
		padding: 5px 10px;
		border: 1px solid #226792 !important;
		transition: all 0.23s ease-in-out 0s;
		font-family: 'Avalon-Demi', sans-serif;
		font-size: 1em;
		border-radius: 25px;
		display: flex;
		flex-direction: row;
		height: 25px;
		margin-left: 5px;
		cursor: pointer;
		}
	
	.open-button:hover {
		opacity: .6;
		text-decoration: none;
		}
	
	.modal {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: opacity 300ms;
		xmargin: 20px;
		z-index: 999;
		}
	
	#modal-toggle ~ .modal {
		opacity: 0;
		pointer-events: none;
		}
	
	#modal-toggle:checked ~ .modal {
		opacity: 1;
		pointer-events: all;
		}
		
	.modal-box {
		xwidth: 40%;
		min-width: 300px;
		xheight: 400px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: white;
		color: #000;
		padding: 20px;
		}
	
	.modal-content h3 {
		margin: 20px 0px
		}
	
	.modal-content  {
		padding: 20px;
		overflow: auto; 
		z-index: 1000
		 }
		 
	
	.close-button {
		position: absolute;
		right: 15px;
		top: 15px;
		padding: 2px 8px;
		border: 1px solid #226792;
		color: #226792;
		cursor: pointer;
		border-radius: 25px;
		z-index: 1000;
		transition: all 0.23s ease-in-out 0s;
		}
	
	.close-button:hover {
		border: 1px solid #226792;
		color: #fff;
		background: #226792; 
		text-decoration: none;
		}
		
//end footer modal

.smallertext {
	font-size: .8em;
	}
	

.nav-header-buttons .bluebutton {
	display: none
	}
	
.mobile-buttons {
	xwidth:30%;
	}
	
.mobile-design { 
	font-size: .8em;
	padding: 10px;
	margin: 0px;
	margin-right: 30px;
	}
	

		
@media (min-width: 500px) { 
				
	.flex_container_header {
		flex-direction: row;
		justify-content: flex-start;
		}			
		
	.fbx-item-embed, .fbx-item-iframe, .fbx-item-image, .fbx-item-video {
		width: 80% !important;
		height: 80% !important;
		margin: 0 auto !important;
		}

	}
	
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	
	
}

@media (min-width: 640px) { 
	
	.mobile-buttons
	{
		display: none
	}
	
	h1 {
		font-size: 2.5em;
		}

	.header-buttons a {
		font-size: 1em;
		}	
	
	#rap {
		position: relative;
		top: 0;
		}
	
	#content {
		margin-top:0px
		}
		
	.header_wrap {
		padding: .8em 2em;
		}
	
	.site-title-wrap {
		margin: 0 ;
		}
	
	.site-title {
		width:250px;
		height:60px;
		}
		
	.site-navs-wrap {
		background: #226792;
		width: 100%;
		padding-top: 0;
		}
		
	.header-buttons {
		display:flex;
		padding-top: 0px;
		align-items: center;
		}
	
	.header-buttons a {
		font-size: .8em;
		}
		
	.searchbutton {
		font-size: 1.3em;
		}
		
	.search-container {
		margin-left: .5em;
		margin-right: 0px;
		top:0
		}
	
	.searchbox {border-bottom: 1px solid #226792;}
	
	#site-navigation {
		max-width: 1366px;
		margin: 0 auto;
		color: #ffffff;
		text-align: left;
		padding: 1em 2em;
		}
		
	#nav-container {
		height:100%;
		max-height:100%;
		position: relative;
		display:block;
		opacity: 1;
		transform: translateY(0);
		background: transparent;
		transition-property: none;
		transition-duration: 0s;
		border-bottom:none;
		border-top:none;
		xmax-height: calc(100vh - 150px);
		overflow: visible;
		}
		
	.main-navigation ul {
		width: auto;
		display: flex;
		background: transparent;
		justify-content: space-between;
		padding: 0px 0px 0px;
		width: 100%;
		z-index: 0;
		margin: 0px;
		border-top: none;
		height: auto;
		position: relative;
		}
		
	.main-navigation ul li {
		border: 0;
		display: flex;
		padding: 0em 1em 0em 0em;
		position: relative;
		}
			
	.main-navigation ul li a {
		color: #fff;
		font-size: .7em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		padding: 0px 0em 0px 0px;		
		position: relative;
		x-webkit-transition: color 0.3s ease-in-out;
		xtransition: color 0.3s ease-in-out;
		cursor: hand;
		display: block;
		}
	
	.main-navigation ul li:last-of-type {
		padding-right: 0px;
		}
		
	.main-navigation ul ul.sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10000;
		background: #fff;
		border: 1px solid #bbb;
		padding: 0;
		transition: all 0.5s ease;
		justify-content: flex-start;
		max-height: calc(100vh - 100px);
		flex-direction: column;
		display:none;
		min-width: 200px;
		}
		
		.main-navigation ul ul.sub-menu li {	
			display: flex;
			width: 100%;
			}
		
		.main-navigation ul ul.sub-menu li a {
			padding: 1em 1em;	
			color: #226792;
			width: 100%;
			}
		
		ul.sub-menu li:hover,
		ul ul.sub-menu li a:hover {
		color: #fff;
		}
	
	.main-navigation ul li:hover > ul {
		display: flex;
		}
	
	.arrow_toggle {
		color: #fff;
		padding: 0px  0px 0px 10px;
		}
		
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 0;
		right: auto;
		}
	
	.main-navigation ul li a:hover,
	.main-navigation ul li a.focus {
		background: none;
		}
	
	.main-navigation ul li.focus > a,
	.main-navigation ul li:focus > a,
	.main-navigation ul li:hover > a,
	.main-navigation ul li a:hover,
	.main-navigation ul li a:focus,
	.main-navigation ul li.current_page_item a:hover,
	.main-navigation ul li.current-menu-item a:hover,
	.main-navigation ul li.current_page_item a:focus,
	.main-navigation ul li.current-menu-item a:focus {
		color: #fff;
		background:none ;
		}
	
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		xleft: 0.5em;
		xright: auto;
		}
				
	.main-navigation ul li > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 3px;
		bottom: 0;
		left: 0;
		background-color: #E8983D;
		visibility: hidden;
		-webkit-transform: translate3d(-50%, 0, 0) scaleX(0);
		transform: translate3d(-50%, 0, 0) scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		}
		
	.main-navigation ul li > a:hover:before {
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0) scaleX(1);
		transform: translate3d(0, 0, 0) scaleX(1);
		}
	
	.main-navigation ul li a:hover:after {
		width: 100%;
		}
		
		ul.sub-menu li > a:hover:before {
			visibility: visible;
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			}
		
		ul.sub-menu li a:hover:after {
			width: 0;
			}
			
	.nav-header-buttons {
		display: none;
		}
		
	.nav__trigger {
		display:none;
		}
		
	#homepage_feature_container {
		top: 0px;
		}
		
	h2.home_h2  {
		text-align: center;
		margin: 0 auto;
		}
		
	#home_blog_content {
		flex-direction: row;
	    }	
		
	#home_blog_left {
		width: 60%;
		padding: 0px 50px 0px 0px;
		}
	
	#home_blog_right {
		width: 40%;
		height: 100%;
		overflow: hidden;
		max-height: 400px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center; 
		}
		
	#home_blog_right img {
		width: auto;
		height: 100%;
		overflow: hidden;
		max-height: 500px;
		}
		
	#blog-wrap {
		display: flex;
		flex-direction: row;
		}
	
	#content_left	{
		width: 75%;
		padding-right: 50px;
		margin: 0px;
		}
	
	#content_right	{
		width: 25%;
		max-width: 400px;
		}
				
	#sidebar {
		text-align: left;
		padding-top: 1em;
		}
		
	.wp-block-image .alignleft {
		float: left !important;
		margin:.5em 1em .5em 0 !important;
		display: inline !important;
		}
	
	.wp-block-image .alignright {
		float: right !important;
		margin:.5em 0 .5em 1em !important;
		display: inline !important;
		}
	
	.wp-block-image .aligncenter {
		margin-left: auto;
		margin-right:auto;
		display: inline;
		}
		
	.footer_right_wrap {
		max-width: 400px;
		text-align: right;
		justify-content: flex-end;
		}	
		
	.footer_left_wrap {
		max-width: 400px;
		}
	  
	  #footer ul {
		padding: 0;
		width: 100%;
		font-size: .8em;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		}	
		
	#footer ul li a {
		xpadding: .5em 3em .5em 0em;
		}
	
	#footer_menu{
		padding: .4em 0em 0em 0em;
		}
		
	#footer_menu ul {
		flex-direction: column;
		flex-wrap: wrap;
		}
		
	#footer_menu ul li {
		flex-basis: 50%;
		flex-grow: 1;
		justify-content: flex-end;
		}
	  
	 #footer_flex {
		display: flex;
		justify-content: space-between;
		}
		
	#social_icons {
		padding: 1em 0px 2em 0px;
		}
	
	#copyright_menu ul {
		padding-bottom: 1em;
		}
		
	#copyright ul li{
		border-right: 1px solid #fff;
		}
		
	#copyright ul li{
		padding: 0em 1em;
		}
		
	#copyright ul li:first-child {
		padding: 0em 1em 0em 0em;
		}
		
	#copyright ul li:last-child {
		border-right: none;
		padding: 0em 0em 0em 1em;
		}
	
}
	
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	#homepage_feature ul  {
		max-width: 500px;
		}
	
	#homepage_feature{
		background-size: 210px;
		}
		
	.main-navigation ul ul.sub-menu {
		min-width: 300px;
		}
	
	.main-navigation ul li a {
		font-size: .95em;
		}
		
	.site-title {
		width:350px;
		height:80px;
		}
		
	.two_column {
		margin-top: 3em;
		flex-direction: row;
		justify-content: space-around;
/* 		align-items: flex-end; */
		gap: 50px;
		}
	#mc_embed_signup input.email
	{
		max-width: 100% !important;
		height: 34px !important
	}
	.orangebox {
		min-height: 100px;
		padding: 1em 3em 1em;
		}
		
	.footer_site-title {
		width:300px;
		height:90px;
		}
		
	.footer_left_wrap {
		max-width: 400px;
		}
		
	#footer_menu ul {
		flex-direction: row;
		flex-wrap: wrap;
		}  
	
	#copyright {
		border-top: 1px solid #fff;
		flex-direction: row;
		justify-content: space-between;
		color: #fff;
		}
}
	
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	
	#homepage_feature ul  {
		max-width: 600px;
		min-height:400px
		}
	
	#homepage_feature{
		background-size: 270px;
		min-height:400px
		}
	
	h2.home_h2  {
		max-width: 70%;
		font-size: 2.3em;
		}
	
	.main-navigation ul li a {
		font-size: 1em;
		letter-spacing: .04rem;
		}
	
	.site-title {
		width:400px;
		height:100px;
		}
	
	.header-buttons {
		display: visible;
		}
	
	.header-buttons a {
		font-size: 1.2em;
		}
		
	.searchbutton {
		font-size: 1.7em;
		}
	
	.search-container {
		height: 51px;
		width: 51px;
		}
	
	.mglass {
		margin-top: 5px;
		margin-left: 16px;
		margin-bottom: 3px;
		}
		
		.page-id-631 .pagecontent  {
			flex-direction: row;
			}
		
		#donate_widget {
			min-width: 400px;
			padding: 20px 0 0 20px}
			
		
					
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1050px) {
		
	.footer_left_wrap {
		max-width: 700px;
		}	
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1225px) {
	
	#homepage_feature ul  {
		max-width: 650px;
		}
		
	.orangebox {
		padding: 1em 4em 1em;
		}
	
	.pagecontent p, .pagecontent ul, .pagecontent ol {
		max-width: 75%;
		}
	
	#donate_widget {xmax-width:75%}
	
	.news_image {
		width: 50%;
		}
	
	#xcontent_left	{
		width: 65%;
		padding-right: 50px;
		margin: 0px;
		}
	
	#xcontent_right	{
		width: 35%;
		max-width: 800px;
		}
		
}

/* Extra large devices (large desktops, 1600px and up)*/
@media (min-width: 1366px) {
		
	#content {
		padding: 1em 0em 2em;
		}
		
	h1 {xmax-width: 75%}
						
}


/* Extra large devices (large desktops, 1600px and up)*/
@media (min-width: 1600px) {
	
					
}

/* Extra large devices (large desktops, 1600px and up)*/
@media (min-width: 2000px) {
	
	
		
}

	
}
@media screen and (min-width:570px)
{
	
}