/*
 Theme Name:   National Down Syndrome Congress Child Theme
 Template:     thestory
*/

@import url("../thestory/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body {
    background-color: #e2e3df;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
}


.dark-header #header {
    background-color: #131f40;
}


ul.menu-ul > li, div.menu-ul > ul > li {
    padding-bottom: 0px;
    border-right: 1px solid #285779;
}


li#menu-item-15813 {
    background-color: #c79d4f;
}


.nav-menu ul li a {
    font-weight: 700;
}

.nav-menu ul li:hover a {
    color: #ffffff;
    background-color: #3585a7;
    font-weight: 700;
}

/*
.nav-menu ul li a:focus {
    background-color: #3585a7;
}
*/

.nav-menu ul .current-menu-item > a, .nav-menu > ul > li:hover > a, .current-menu-ancestor > a {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=100);
}

.nav-menu ul ul {
    top: 25px;
	width: 250px;
}

.nav-menu ul ul ul {
    left: 250px;
}

.nav-menu .sub-menu li:first-child, .nav-menu .children li:first-child {
    border-top: 0px solid rgba(0, 0, 0, 0.2);
}

.nav-menu ul li ul li a:hover {
    color: #1b284a;
}

.nav-menu > ul > li > a:after, .nav-menu > div.menu-ul > ul > li > a:after {
    display: none;
}

/*    Dont use anymore. Use default of 6px and then widened the sub menu widths to handle long link text and arrow position.

.nav-menu ul ul li .drop-arrow {
    top: -15px;
}
*/

.nav-menu ul ul li:last-child .drop-arrow {
    top: 8px;
}

.fixed-header-scroll .nav-menu ul {
    margin-top: 2px;
}

.fixed-header-scroll .nav-menu > ul > li > ul {
    padding-top: 17px;
}





.header-search input[type="text"].search-input {
    border-radius: 1px;
}


.page-title-wrapper {
    background-color: #e2e3df;
}


.page-title {
    text-align: left;
	padding: 20px 0 0 0;
}

.page-title h1 {
    color: #3385a9;
}

.page-title h1:after {
    display: none;
}

.home .page-title h1 {
    display: none;
}


/* for home page  */

.home .page-title-wrapper {
    min-height: 20px;
    height: 20px;
}

#full-width .content-box {
    padding: 25px 0 0 0;
    width: 100%;
}

#content-container .section-full-width .section-boxed {
    margin: 40px auto;
}

.section-full-width {
    box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.03) inset, 0 0px 0 0 rgba(0, 0, 0, 0.03) inset;
}

.section-light2 .sub-title {
    margin-bottom: 0;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    font-size: 17px;
    margin-top: 10px;
}

.section-light2 .section-title:after {
    display: none;
}

#stayup-to-datewithndscnews h2.section-title {
    font-size: 30px;
}

#stayup-to-datewithndscnews a {
    text-decoration: none !important;
}

.content-slider {
    padding: 10px 0 50px 0;
}

.content-slider-wrapper {
    margin-top: 30px;
}

.content-slider-wrapper p {
    color: #ffffff;
    line-height: 1.2;
}

ul#cs-slider-ul {
    margin-left: 0 !important;
	min-height: 0;
    height: 310px;
}

.cs-content-centered.col {
    max-width: 45%;
    width: 100%;
	margin-top: 350px;
}

ul#cs-slider-ul h2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.cs-arrows {
    display: none;
}


/*  end for home page  */









#content-container {
    padding: 10px 3%;
    background-color: #ffffff;
    margin: 10px auto 50px auto;
}


.content-box {
	padding: 2% 4% 4% 2%;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}

.content h1 {
	font-size: 1.8rem;
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	text-decoration: underline;
	text-decoration-color: #3c86a5;
	line-height: 1.3;
}

.content h2 {
	line-height: 1.4;
}


#content a, #content a:visited {
	text-decoration: underline;
}


#content a:hover {
	text-decoration: none;
}


.content h3 {
    color: #c79d4f !important;
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
	padding-bottom: 0;
}

#content ul {
    margin-left: 30px;
    color: #4e4e4e;
	font-size: .96rem !important;
}

p {
    margin: 24px 0;
    font-weight: 300;
    font-size: .96rem;
    color: #4e4e4e;
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
}


#content img.size-full {
    margin-top: 15px;
    padding: 10px 0 10px 0;
    border-top: 2px solid #3585a7;
    border-bottom: 2px solid #3585a7;
}


.accordion-title {
    background: none;
    border-bottom: 1px solid #d4d4d4;
    color: #565656;
    display: block;
    cursor: pointer;
    font-family: 'Roboto Slab', serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 20px 10px 20px 0px;
    text-decoration: none;
    text-transform: none;
    width: 95% !important;
}

blockquote {
    border-left: 3px solid #3585a7;
	margin-left: 20px;
}

button, .button, input[type="submit"], input[type="button"], #submit {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 2px 0;
    padding: 12px 25px;
    background: none;
    background-image: none;
    background-color: #3585a7;
    text-transform: none;
    font-weight: 500;
    font-size: 15px;
    font-family: 'Roboto', serif;
}

input[type="submit"].search-button, input[type="submit"]#searchsubmit {
    top: 5px;
}


/* --- Bloomerang embedded form styles needed --- */


#email-registration-form-container .section, #donation-form-container .section, #registration-form-container .section, #interaction-form-container .section {
    background-color: #efefef;
	padding-top: 0;
}

.btn-group .btn-submit-email, .btn-group .btn-submit-donation, .btn-group .btn-submit-registration {
    padding: 12px 25px !important;
}

#email-registration-form-container, #donation-form-container, #registration-form-container, #interaction-form-container {
	background-color: #efefef;
	padding: 20px;
}

.donation-form .section.recurring {
    padding-left: 20px !important;
}

.donation-form .field.radio input, .donation-form .field.checkbox input {
    top: -6px !important;
    margin-left: 10px !important;
}

/* --- END Bloomerang embedded form styles needed --- */




#sidebar {
    margin: 45px 0 40px 0;
}

.sidebar-box .title {
    text-transform: none;
    font-size: 16px !important;
    border-bottom: 1px solid #e2e3df;
}

#sidebar .widget_nav_menu {
    background-color: #efefef;
	padding: 15px 10px 10px 15px;
}

#sidebar .widget_nav_menu li a:hover {
    color: #3985a5;
}

#sidebar .widget_nav_menu ul ul {
    border-top: 0px solid #f7f7f7;
}

#sidebar .widget_nav_menu ul ul li {
    border-bottom: 0px solid #f7f7f7;
}

.widget_nav_menu li {
    padding: 5px 0;
    padding-left: 2px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}

.widget_nav_menu li.current-menu-item > a {
    font-weight: 700;
	padding-left: 0;
}

#sidebar input[type="text"] {
    background-color: #f9f9f9 !important;
}

#text-4 {
    background-color: #efefef;
	padding: 15px 10px 10px 15px;
}

#text-4 a:hover {
    color: #3985a5; 
}


/* --- Custom Sidebar Boxes created with Content Blocks Plugin --- */


	/* --- Colored Promo Boxes --- */

	.cb-global-style {
		padding: 15px 10px 10px 15px;
		margin: 0 0;
		line-height: 20px;
	}

	.cb-global-style h4.title {
		border-bottom: none !important;
		color: #ffffff;
		font-size: 18px !important;
	}

	.cb-global-style p {
		color: #ffffff !important;
		line-height: 20px;
		margin: 12px 0;
	}

		/* --- What's Coming Next? --- */

		.cb-ltgold-dkgold {
    		background-color: #c79d4f;
    		border-bottom: 8px solid #89682a;
		}

		/* --- Reach for Your Star, NDSC En Espanol --- */

		.cb-dkblue-ltblue {
    		background-color: #1b284a;
    		border-bottom: 8px solid #3585a7;
		}

		/* --- NDSC Advocates --- */

		.cb-ltblue-dkblue {
    		background-color: #3585a7;
    		border-bottom: 8px solid #1b284a;
		}

	/* --- END Colored Promo Boxes --- */

	/* --- Social Icons Sidebar --- */

	#sidebar-social h4 {
    	border-bottom: none;
	}

	#sidebar-social.social-profiles {
    	float: none;
    	padding: 5px 0 5px 0;
    	margin-left: 0px;
    	width: 100%;
	}

	.social-icons-sidebar li {
    	float: left;
    	padding: 0px;
    	line-height: 1em;
    	margin-right: 23px;
	}

	.fbookicon-top-marg {
		margin-top: -2px;
	}

	.emailicon-top-pad {
		padding-top: 2px;
	}

	/* --- END Social Icons Sidebar --- */

	/* --- Recent Post & Search by Category Sidebar content block: 63=English, 64=Espanol --- */


	#custom_post_widget-63, #custom_post_widget-64 {
    	margin-top: -20px;
	}

	#custom_post_widget-63 .accordion-title, #custom_post_widget-64 .accordion-title {
    	font-size: 16px;
    	font-weight: 700;
		color: #333332;
		padding: 20px 10px 10px 0px;
		border-bottom: 1px solid #e2e3df;
	}

	#custom_post_widget-63 .widget_nav_menu, #custom_post_widget-64 .widget_nav_menu {
    	background-color: #ffffff;
    	padding: 0;
		margin-top: -20px;
	}

	#custom_post_widget-63 .widget_nav_menu li, #custom_post_widget-64 .widget_nav_menu li {
    	border-bottom: 1px dashed #f1f1f1;
	}

	/* --- END Recent Post & Search by Category Sidebar content block: 63=English, 64=Espanol --- */


	/* --- Plugin Recent Posts Sidebar styles --- */

	.lcp_catlist li {
    	padding-bottom: 5px;
    	padding-top: 5px;
    	border-bottom: 1px dashed #f1f1f1;
	}

	.lcp_catlist li a:hover {
    color: #3985a5;
	}

	/* --- END Plugin Recent Posts Sidebar --- */


/* --- END Custom Sidebar Boxes created with Content Blocks Plugin --- */


/* --- Blog styles to account for Bloomerang email cut and paste for posts --- */

table tr {
    border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}

td.email-design-block-margin.designBlockSeparator {
    display: none;
}

/* --- END Blog styles to account for Bloomerang email cut and paste for posts --- */


.post-info {
    text-transform: none;
}

#blog-pagination a {
    background-color: #55a5c9;
    color: #ffffff;
    font-size: 13px;
	text-decoration: none;
}



#custom_html-2 a {
    padding: 0 4px 0 4px;
}




/* --- Styles for the address and email info in footer column 1 --- */

#text-3 p {
    color: #a4aab8;
    font-size: 12px;
    line-height: 1.2rem;
    padding-left: 8px;
}


#text-3 a {
    color: #ffffff;
}


/* --- END Styles for the address and email info in footer column 1 --- */


/* --- Footer Styles --- */

.footer-box .title {
    text-indent: 0;
}


.footer-box ul li a {
    color: #ffffff !important;
	font-family: 'Roboto', serif;
    font-size: 0.9rem;
    font-weight: 400;
    text-decoration: none;
	-webkit-font-smoothing: antialiased;
}


.footer-widgets {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #3585a7;
}

#footer ul.sub-menu {
    display: none;
}

.footer-widgets .widget_nav_menu li {
	padding: 0 0 5px 0;
}

.footer-bottom {
    padding: 15px 0 25px 0;
    margin-bottom: 50px;
}

#footer hr {
    background-color: #ff0000;
    background: #3585a7;
    border: 0;
    clear: both;
    display: block;
    height: 1px;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    width: 180px;
}

.copyrights, .footer-nav {
    text-transform: none;
	letter-spacing: 0px;
    font-size: 12px;
}

.footer-nav li a {
    color: #ffffff !important;
	font-weight: 700;
}

.footer-nav li:after {
    display: none;
}


#not-found h1 {
    border: 8px solid #3484a9;
    color: #c79d4f;
    text-align: center;
    font-weight: normal;
    font-size: 70px;
    font-family: 'Roboto', serif;
    text-decoration: none;
}

#not-found h2 {
    font-size: 18px;
}

/* --- END Footer Styles --- */


/* --- Mobile Style Customizations --- */

@media screen and (max-width: 1000px) {
.mob-nav-menu ul li a {
    text-transform: none;
    line-height: 15px;
	font-size: 14px;
}
}

/* --- Page Title on mobile --- */
@media screen and (max-width: 1000px) {
#main-container .page-title h1 {
    font-size: 25px;
}
}

/* --- To continue to show social icons as screen gets small --- */
@media screen and (max-width: 1000px) {
#sidebar-social.social-profiles {
    display: inline;
}
}

/* --- Search box needed some top spacing when in mobile --- */
@media screen and (max-width: 1000px) {
.search-wrapper {
    padding-top: 10px;
}
}



@media screen and (max-width: 1164px) {
.navigation-container {
    float: left;
	margin-top: 10px;
}
}

@media screen and (max-width: 768px) {
.cs-arrows {
    display: none;
}
}


/* --- END Mobile Style Customizations --- */