/*
 Theme Name:   Latinos Lead 2017
 Theme URI:    http://latinoslead.org
 Description:  Custom Divi Child Theme for Latinos Lead
 Author:       Shompton Digital Agency (Melissa Royal)
 Author URI:   https://shompton.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Top Header */

#main-header #et-top-navigation {
    display: flex;
    align-items: center;
    padding: 0 !important;
    height: 100px;
    width: 80%;
}

#et-top-navigation #top-menu-nav {
	width: 100%;
}

#et-top-navigation #top-menu-nav  #top-menu {
	width: 100%;
    display: flex;
    justify-content: space-around;
}

.nav li ul {
	width: 340px;
}

#top-menu li li a {
	width: 300px;
}

.et_header_style_left #et-top-navigation #top-menu-nav>ul>li>a, .et_header_style_split #et-top-navigation #top-menu-nav>ul>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	display: none;
}

#top-menu li.mega-menu>ul {
    width: 360px;
	left: auto !important;
}

/* #top-menu li.mega-menu.mega-menu-parent-2>ul>li {
    width: 100%;
}

#top-menu li.mega-menu>ul>li>a:first-child {
	font-weight: 400; 
	color: #6d5c41;
}
 */
.navheading {
	cursor: default;
}

/* General */

@font-face {
	font-family: 'Century Gothic';
	src: url('fonts/CenturyGothic.eot');
	src: local('Century Gothic'), local('CenturyGothic'),
		url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('fonts/CenturyGothic.woff2') format('woff2'),
		url('fonts/CenturyGothic.woff') format('woff'),
		url('fonts/CenturyGothic.ttf') format('truetype'),
		url('fonts/CenturyGothic.svg#CenturyGothic') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, input, textarea, select,.cool-timeline-horizontal.white-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details, .cool-timeline-horizontal.dark-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details, .cool-timeline-horizontal.light-timeline .clt_caru_slider ul.slick-slider .slick-list li.slick-slide .timeline-post .content-details {
    font-family: 'Century Gothic', Helvetica, Arial, Lucida, sans-serif !important;
}

small {font-size: 12px;}

#loader {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: white;
    top: 0px;
	    z-index: 100000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important;
}

.et_pb_member_position {color: #000;}

.single-issue-image {    float: left;
    padding: 0px 30px 30px 0;
    max-width: 300px;}

.container {width: 95%;}

.header-social {float: right; margin-bottom: .75em;}

#et-info {float: right; margin-top: 1px;    margin-right: 9px;}

.header-social .fa, .footer-social .fa { width: 30px; height: 30px; text-align: center; line-height: 20px; vertical-align: middle; padding: 0px 5px; font-size: 20px; display: table-cell; }

#text-8 {clear: both;}

#media_image-2 {margin-bottom: 28px;}

.footer-social img {max-width: 100px !important;}

.post-box-featured h2 {min-height: 66px; display: block;}

.post-box-featured .blog-link {margin-top: 0px;}

.header-social .fa:hover {color: #f0a900;}

.et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .et_pb_member_social_links a:hover, .woocommerce-page #content input.button:hover .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button, .blog-button {color: white;}

.et_pb_bg_layout_light .et_pb_button:hover, .et_pb_pricing_table_button:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover, .et_pb_bg_layout_light.et_pb_button:hover ,.blog-button:hover {background-color: #067296;}

 .blog-button {width: 100%;}

.filter-button {display: block;width: 100%;margin-bottom: 4px;}
 
 .line-height{line-height: 1.7em;}
 
 .category-filters h4 { font-size: 18px; text-transform: uppercase; margin: 7px 0; letter-spacing: 1px; padding-bottom: 0px;}
 
 .topics {margin-bottom: 30px;}
 
 .filter-button:last-child {margin-right:0px;}
 
.active-filter:after,.filter-button:after {display: none !important;}

.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}
 
.loading {text-align: center; margin: 20px 0; display: none;}
 
h2 {    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 34px;}

h2.widgettitle {font-size: 26px;}

.single .nf-form-fields-required {display: none;}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {padding: 8%;}

.partner-dollar {text-align:center;}

.two-lists .left, .two-lists .right {width: 50%; float: left;}

.partner-dollar div {font-size: 22px;
    padding: 5px 10px;
    border: 2px solid white;
    margin: 10px auto;
    display: inline-block;}

.post-box { margin-right: 3%; margin-bottom: 3%}

.grid-sizer,
.post-box { width: 30.3%; }

.post-box:nth-child(4n+4) { margin-right: 0%;}

.fancybox-youtube, .fancybox-vimeo {display: block; position: relative;}

.fancybox-youtube .fa,.fancybox-vimeo .fa {    position: absolute;
    top: 28%;
    left: 38%;
    font-size: 59px;
    color: rgba(139, 35, 50,.9);
    background-color: rgba(255, 252, 245,.9);
    padding: 16px 20px 16px 29px;
    border-radius: 50%;}

.post-box h2 {font-size: 18px;     background-color: #f7f7f7;
    color: #962f3e;
    text-align: center;
    padding: 10px 15px; line-height: 1.3em;}

.home .post-box h2 {  color: #fff;  background-color: rgba(139, 35, 50, 0.75); position: absolute; bottom: 0px;}
	
.post-box img {display: block; height: 250px;}

/* .post-content { padding: 0px 25px 25px;   background-color: #f7f7f7;} */
	
.blog-button {display: block; text-align: center; margin: 10px auto 0;}

.et_pb_button.et_pb_module,.et_pb_promo_button.et_pb_button { max-width: 384px;  width: 100%; }

.field-wrap input[type="submit"], .field-wrap input[type="button"], .field-wrap button{
	background-color: #067296;
	color: white;
	font-size: 18px;
}	

	.blog-link {display:block; margin-top:10px;   font-size: 14px;
    font-weight: bold;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Roboto;}
	
	.post-category {text-align: center;
    padding: 0px 0;
    border-bottom: 1px solid #8d7a65;
    border-top: 1px solid #8d7a65;
    max-width: 60%;
    margin: 0 auto 10px;
    font-size: 13px;}

.wpjb a.wpjb-button, .wpjb .wpjb-upload-actions a.button {
    background: #8b2332 !important;
    padding: 0.3em 1em !important;
    color: #ffffff !important;
    text-decoration: none;
    -moz-border-radius: 0px  !important;
    -webkit-border-radius: 0px  !important;
    border: 0px  !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 1.7em !important;
}

.blurb-position .et_pb_blurb_container {    background-color: #f7f7f7;
    padding: 20px;}

.blurb-position .et_pb_blurb_container h4 {  	
	    border-bottom: 1px solid #8b2332;
    border-top: 1px solid #8b2332;
    padding: 7px 50px 5px;
    margin-bottom: 10px;
	display: inline-block;
}

.border-heading {padding: 7px 0px 5px; border-bottom: 1px solid #8b2332;
    border-top: 1px solid #8b2332; letter-spacing: 1px; font-size: 18px !important;}

.et_pb_circle_counter h3, .et_pb_number_counter h3 {
    font-weight: normal;
    font-size: 18px;
	padding-top: 0px;
    line-height: 1.7em;
    font-family: 'Century Gothic', Helvetica, Arial, Lucida, sans-serif !important;
}
	
.blurb-position .et_pb_main_blurb_image a {line-height: 0px;display: block;}

.blurb-position .et_pb_main_blurb_image {margin-bottom: 0px;}

.leadership-popup {    padding: 20px;
    box-sizing: border-box !important;}

.et_pb_number_counter .percent {margin-top: 14px;    margin-bottom: 14px;}
	
.leadership-popup img {padding: 0px 25px 10px 0px; float: left;}

.category-filters {width: 22%; float: left; margin-right: 3%;    padding: 20px;  background-color: #f7f7f7;}

.category-filters h2, .issue-sidebar h2	{    background-color: #8b2332;
    color: white;
    padding: 22px 10px 13px;
    font-size: 24px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;}
	
.category-filters h2:after,.issue-sidebar h2:after {border-color: #8b2332 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 14px 14px 0;
    bottom: -27px;
    content: "";
    display: block;
    height: 0;
    left: 21px;
    position: relative;
    width: 0;}

.grid {width: 75%; float: left;}
	
.leadership-post {margin-bottom: 3%;width: 22%; float: left; margin-right: 3%; text-align: center;     background-color: #f7f7f7;}
.leadership-post:nth-child(8) { margin-right: 0%;}
.leadership-post:nth-child(9) {clear: both;}

.leadership-post img {line-height: 0px;}
.leadership-title {padding: 10px;}

.et_pb_text_inner ul {    margin-left: 33px;
    padding-top: 10px;
    padding-bottom: 10px;}

	.header-social .fa, .footer-social .fa {color: #fdb813;}

.bottom-nav {text-align:center;}

/* Alumni Directory*/

.acf-map {
    width: 70%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 0 auto;
}

.alumni-img-map {width: 40%; float: left; padding: 0 10px 0px 0; box-sizing: border-box;}

.alumni-img-map img {max-width: 100% !important; line-height: 0px;}

.map-right {float: right; width: 57%;}

.map-right p {padding-bottom: 10px;}

.gm-style-iw {width: 300px !important;}

select:disabled {
    background-color: #efefef;
    opacity: .7;
}
.filters {width: 25%; float: left;}

.filters .filter {width: 100%; margin-bottom: 25px;}

.filters .filter select, .filters .filter input, .nf-element {border: 1px solid #bbb !important; font-size: 18px; padding: 10px !important; width: 100% !important; }

#nf-field-35 {      border: 0px !important;  font-size: 18px;
    background: #067296;
    border-color: #067296;
    border-radius: 0px; color: white; text-transform: uppercase;}

.single #left-area {margin-bottom: 45px;}
	
.alumni-sidebar h3 {text-align:center; }
	
.alumni-container  {width: 100%; margin-bottom: 45px;}

.alumni-container div {
    box-sizing: border-box;
    padding: 5px 10px 2px;
    line-height: 1.5em;
}

.alumni-heading {width: 100%;background-color: #8b2332; color: white; font-weight: bold;}

.alumni-box .alumni-img {line-height: 0px;}

div.alumni-img {width: 7%; float: left; padding-left: 0px;}

.alumni-name {width: 31%; float: left;}

.alumni-position {width: 31%; float: left;}

.alumni-home {width: 31%; float: left;}

.alumni-specialties {width: 31%; float: left;}

#alumni-listings a {border-bottom: 1px solid #f7f7f7; color: #000000; display: block;}

#alumni-listings a:hover {background-color: #f7f7f7 !important;}

#no-results { text-align: center; font-weight: bold;}

.single-alumni-img { box-sizing: content-box; padding: 0px 25px 0px 0px;max-width: 150px; float: left;}

.alumni-meta { margin: 35px 0px; padding: 20px 10px;border-bottom: 1px solid #111111; border-top: 1px solid #111111; }

.alumni-meta .left { width: 48%; float: left; margin-right: 4%;}

.alumni-meta .right {width: 48%; float: left;}

.alumni-pagination { margin-bottom: 100px;text-align:center; }

.paging-link {border-right: 1px solid #8b2332; border-bottom: 1px solid #8b2332; border-top: 1px solid #8b2332;padding: 3px 15px;background-color: #fff; color: #8b2332; transition: all 0.25s ease;}

.paging-link:first-child {border-left: 1px solid #8b2332;}


.paging-link:hover {cursor: pointer;background-color: #8b2332; color: white;}

.paging-link.active {background-color: #8b2332; color: white;}

/* Job Board */

/* Constant Contact Form */

.ctct-form-wrapper .ctct-form-field {
	padding-bottom: 0;
}

.ctct-form-field input.text, .ctct-form-field input.title, .ctct-form-field input[type=email], .ctct-form-field input[type=password], .ctct-form-field input[type=tel], .ctct-form-field input[type=text], .ctct-form-field select, .ctct-form-field textarea {
	background-color: #7A8590;
    border: 1px solid transparent;
    padding: 2%;
    color: #FFF;
    width: 100%;
}

.ctct-form-field input.text:focus, .ctct-form-field input.title:focus, .ctct-form-field input[type=text]:focus, .ctct-form-field input[type=email]:focus, .ctct-form-field select:focus, .ctct-form-field textarea:focus, 
.ctct-form-field input.text::-webkit-input-placeholder, .ctct-form-field input.title::-webkit-input-placeholder, .ctct-form-field input[type=text]::-webkit-input-placeholder, .ctct-form-field input[type=email]::-webkit-input-placeholder, .ctct-form-field select::-webkit-input-placeholder, .ctct-form-field textarea::-webkit-input-placeholder {
	color: #FFF;
}

.ctct-form-field input.text::-moz-placeholder, .ctct-form-field input.title::-moz-placeholder, .ctct-form-field input[type=text]::-moz-placeholder, .ctct-form-field input[type=email]::-moz-placeholder, .ctct-form-field select::-moz-placeholder, .ctct-form-field textarea::-moz-placeholder, 
.ctct-form-field input.text:-ms-input-placeholder, .ctct-form-field input.title:-ms-input-placeholder, .ctct-form-field input[type=text]:-ms-input-placeholder, .ctct-form-field input[type=email]:-ms-input-placeholder, .ctct-form-field select:-ms-input-placeholder, .ctct-form-field textarea:-ms-input-placeholder, 
.ctct-form-field input.text:-moz-placeholder, .ctct-form-field input.title:-moz-placeholder, .ctct-form-field input[type=text]:-moz-placeholder, .ctct-form-field input[type=email]:-moz-placeholder, .ctct-form-field select:-moz-placeholder, .ctct-form-field textarea:-moz-placeholder {
	color:#FFF;
}

.ctct-form-wrapper .ctct-submit {
	border: none;
    padding: 0.3em 1em;
    text-transform: uppercase;
    font-size: 18px;
}

.ctct-form-wrapper .ctct-disclosure {
	line-height: 12px;
}

.ctct-form-wrapper .ctct-disclosure small {
	font-size: 10px;
    font-weight: 400;
}

.ctct-form-wrapper .ctct-disclosure small a {
	color:#FFF;
}

/* Footer */

#top-footer {background-color: #f1eae0 ; }

#top-footer .widget {width: 31.333%; margin-right: 3%;float: left;}

#top-footer .widget:last-child { margin-right: 0%;}

#footer-widgets .footer-widget li { display: inline; margin-right: 10px;}

#main-footer .widget_nav_menu {float: right;}

.footer-social {float: right;}

.home .post-box { width: 31.5%; margin-right: 2.7%; float: left; position: relative;}

.home .post-box:last-child  {margin-right: 0%;}

.post-box img {width: 100%;}

.et_pb_gutters2 .et_pb_specialty_fullwidth > .et_pb_row,.et_pb_gutters2 .et_pb_row.et_pb_row_fullwidth {    width: 100% !important;
    max-width: 100% !important;}
	
.issue-header {position: relative;}
	
.issue-header:before {   top: 0px; content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(000,000,000,.5);
    z-index: 2;}
	
	/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100% !important;
    padding: 0px !important;
    float: none !important;
}

.footer-widget:nth-child(2) {margin-right: 16% !important;}

.footer-widget:last-child {width: 18% !important;}
}

.post-box img {
    height: auto !important;
}

.mobile_menu_bar:before {
    color: #8b2332;
}

.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, blockquote {
    border-color: #8b2332 !important;
}

html, body {width:100%; overflow-x:hidden;}

.mobile-label {display:none;}

@media (max-width: 1260px){

#top-menu li {
    padding-right: 15px;
    font-size: 13px;
}
	
#logo {
    max-height: 60px !important;
    height: 50% !important;
}

}

@media (max-width: 1160px){

.intro-text-box p {
    font-size: 18px;
    line-height: 1.6em;
}

}

@media (max-width: 1166px) {
	#top-menu li {
		padding-right: 10px;
		font-size: 12px;
	}	
}

@media (max-width: 1100px){

	.category-filters {
		width: 30% !important;
		margin-right: 2% !important;
	}

	.grid {
		width: 68% !important;
	}

	.grid-sizer, .post-box {
		width: 47% !important;
	}

}

/* Show Mobile Menu sooner than Divi default */
@media (max-width: 1070px) {
    #et_mobile_nav_menu { 
		display:block !important; 
	}
    #top-menu-nav { 
		display:none; 
	}
}

@media (max-width: 980px){
	
	#main-header #et-top-navigation {
		display: block;
		align-items: center;
		padding: 24px 0 0 0 !important;
		height: auto;
    	width: auto;
	}
	
#footer-widgets .footer-widget:nth-child(n) {
    width: 100% !important;
    margin: 0px 0px 40px 0px !important;
}

#footer-widgets .footer-widget .fwidget {
    margin-bottom: 0% !important;
}

.et_pb_widget {
    float: none;
    max-width: 100%;
    display: block !important;
    text-align: center !important;
}

.footer-social {
    float: none !important;
    padding: 15px 0px 0px 0px !important;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0px auto;
}

.header-social .fa, .footer-social .fa {
    display: block !important;
    float: left !important;
}

#footer-widgets {
    padding: 40px 0px 0px 0px !important;
}

.bottom-nav li {
    display: inline-block;
    padding-right: 20px !important;
    margin: 10px 0px !important;
}

.dark-mod .et_pb_promo_description p {
    font-size: 20px;
    line-height: 1.6em;
}

.et_pb_column .et_pb_promo .et_pb_promo_description H2 {
    font-size: 22px !important;
    line-height: 1.3em;
}

.post-box h2 {
    font-size: 16px !important;
}

.post-box-featured h2 {
    min-height: 60px !important;
}

h2 {
    letter-spacing: 1.5px;
    font-size: 28px;
}

.et_pb_slide_description .et_pb_slide_title, .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2 {
    font-size: 30px !important;
    font-weight: 300 !important;
}

.issue-header.et_pb_slide_description {background-size:auto !important;}
	
}	

@media (max-width: 1000px){

.leadership-post {
    width: 47% !important;
}

.leadership-post:nth-child(9) {
    clear: none !important;
}

.leadership-post:nth-child(7) {
    clear: none !important;
}

}

@media (max-width: 800px){

.et_pb_cta_0.et_pb_promo {
    width: 100% !important;
}

.et_pb_row .et_pb_column .et_pb_column.et_pb_column_1_4 {
    width: 100% !important;
}

.home .post-box {
    width: 100% !important;
    margin: 0px auto 30px auto !important;
    float: none !important;
    max-width: 300px;
}

.category-filters {
    width: 100% !important;
    margin-right: 0% !important;
}

.grid {
    width: 100% !important;
    padding: 30px 0px 0px 0px !important;
}

.grid-sizer, .post-box {
    width: 47% !important;
}

.filters {
    width: 100%;
    float: none;
    max-width: 300px !important;
    margin: 0px auto 0px;
    text-align: center;
}

.acf-map {
    width: 100%;
    height: 360px;
    margin: 0 auto;
    max-width: 500px;
}

.alumni-heading {display:none;}

.mobile-label {
    display: block;
    font-weight: bold;
    padding: 0px 0px 4px 0px;
}

div.alumni-img {
    width: 50%;
    float: left;
    padding-left: 0px;
    padding: 0px 0px 10px;
    margin: 0px auto;
}

div.alumni-img img {
    width: 200px;
}

.alumni-name {
    width: 50%;
    float: right;
}

.alumni-home {
    width: 50%;
    float: right;
}

.alumni-position {
    width: 50%;
    float: right;
}

.alumni-specialties {
    width: 50%;
    float: right;
}
	
}	

@media (max-width: 600px){

.grid-sizer, .post-box {
    width: 100% !important;
}

.et_pb_slide_description .et_pb_slide_title, .et_pb_column_1_4 .et_pb_slider_fullwidth_off h2 {
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1.3em !important;
}

.leadership-post {
    width: 100% !important;
    float: none !important;
    display: block !important;
    max-width: 260px !important;
    margin: 0px auto 30px !important;
}

.two-lists .left, .two-lists .right {
    width: 100% !important;
    line-height: 1.3em !important;
}

.acf-map {
    height: 300px;
}
	
}

@media (max-width: 500px){

div.alumni-img {
    width: 100%;
	    text-align: center;
}

.alumni-name {
    width: 100%;
	    text-align: center;
}

.alumni-home {
    width: 100%;
	    text-align: center;
}

.alumni-position {
    width: 100%;
}

.alumni-specialties {
    width: 100%;
}

.single-alumni-img {
    float: none;
    margin: 8px auto 8px;
    padding: 0px 0px 0px 0px;
}

.single-lli_alumni h1.entry-title {text-align:center;}

.alumni-meta .left {
    width: 100%;
    float: left;
    margin-right: 0%;
}

.alumni-meta .right {
    width: 100%;
    float: left;
}

}