/*
Theme Name:     Latinos Lead Cumbre
Author:         Tessa Bradford - Shompton
Author URI:     https://shompton.com/
Template:       Divi
Version:        1.0.0
*/


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

.nav li ul {
	width: 320px;
}

.et_pb_menu .et-menu>li {
    padding-left: 10px;
    padding-right: 10px;
}

.et-menu li li a {
    width: 280px;
}

.underlined:after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background-color: #ffb607;
	margin: 10px auto auto;
}

.underlined.darkblue:after {
	background-color:#001B36;
}

.underlined.teal:after {
	background-color:#16717C;
}

.buttonsinline .et_pb_button_module_wrapper {
	display: inline-block;
	margin-right: 20px; 
}

.headingtreatment {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 42px;
}

.fullcoverimg, 
.fullcoverimg .et_pb_image_wrap, 
.fullcoverimg img { 
	height: 100%; 
	object-fit: cover; 
}

.programbox {
	height: 650px;
	width:100%;
	max-width: 560px;
	margin: auto;
	background-position: center;
	background-size: cover;
	overflow:hidden;
	position: relative;
}

.programbox .programoverlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(1, 56, 79,0.84);
	opacity: 0;
	transition: all .5s ease-in-out;
}

.programbox:hover .programoverlay {
	opacity: 1;
}

.programbox .programinfo {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -70px;
	text-align: center;
	z-index: 2;
	color: #FFF;
	padding: 20% 10% 0;
	transition: all .5s ease-in-out;
}

.programbox:hover .programinfo {
	bottom: 30%;
}

.programbox .programinfo h4 {
	color: #FFF;
	font-size: 36px;
}

.programbox .programtext {
	min-height: 95px;
}

.programbox .programinfo a span {
	color: #ffb607;
	font-size: 70px;
	border: 4px solid #ffb607;
	border-radius: 50%;
	margin-top: 35px;
	opacity:0;
	transition: opacity .5s ease-in-out, color .3s ease-in-out, border .3s ease-in-out;
}

.programbox:hover .programinfo a span {
	opacity: 1;
}

.programbox .programinfo a:hover span {
	color: #8b2232;
	border: 4px solid #8b2232;
}

.programbox .programinfobackground {
	position: absolute;
	height: 50%;
	width: 100%;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to top, #1c1c1c, rgba(0,0,0,.0) 100%);
	opacity: 1;
	transition: all .5s ease-in-out;
}

.programbox:hover .programinfobackground {
	opacity: 0;	
}

.dica_divi_carousel .dica-container .swiper-button-next, .dica_divi_carousel_0 .dica-container .swiper-button-prev {
	border: 1px solid #000000;
	border-radius: 50%;
}

.customtemplatepostcontent .et_pb_row {
	width: 100%;
}

.et_pb_blog_grid .column .et_pb_post,
.et_pb_blog_grid .column .et_pb_post:hover .entry-title {
	transition: all .3s ease-in-out;
}

.et_pb_blog_grid .column .et_pb_post:hover {
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,.1);
}

.et_pb_blog_grid .column .et_pb_post:hover .entry-title {
	color: #8b2232;
}

.nf-form-layout .nf-form-content button, 
.nf-form-layout .nf-form-content input[type=button], 
.nf-form-layout .nf-form-content input[type=submit] {
	cursor: pointer;
	width: 100%;
	background: #8B2232;
	border: 1px solid #8B2232;
}

.nf-form-layout .nf-form-content button:hover, 
.nf-form-layout .nf-form-content input[type=button]:hover, 
.nf-form-layout .nf-form-content input[type=submit]:hover {
	color: #ffb607; 
	background: transparent;
	border-color: #ffb607;
}

#fancybox-wrap {
    width: 50% !important;
    margin-top: 50px;
    position: fixed !important;
    top: 0 !important;
    left: 25% !important;
    height: auto !important;
}

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

.leadership-popup img {
	padding: 0px 25px 10px 0px; 
	float: left;
}

.leadership-container {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.leadership-post {
	margin-bottom: 3%;
	width: 30%;
	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;
	width: 280px;
    height: 280px;
    object-fit: cover;
    object-position: top center;
}

.leadership-title {
	padding: 10px;
}

.leadershiprole {
	font-weight: 700;
    text-transform: uppercase;
}

.leadershiptitle, .leadershiprole {
	padding-bottom:0;
}

.leadershipcompany {
	font-size: 90%;
}

.leadership-popup .et-pb-icon,
.leadership-title .et-pb-icon {
	font-size: 20px;
    margin-top: 10px;
}

.wp-caption {
    border: none;
    background-color: transparent;
}

.wp-caption p.wp-caption-text {
	display: inline-block; 
    border-top: #e3e3e3 solid 1px;
}

#footer-info a {
	color: #f5a623 !important;
	font-weight: normal;
}

.footersocials {
	margin-top: 20px;
}

.footersocials .et-pb-icon {
	font-size: 32px;
	margin-right:14px;
}

.footer-widget .fwidget {
	width: 100%;
}

#footer-widgets .footer-widget .fwidget {
	margin-bottom: 0px;
}	

@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;
	}
	#fancybox-wrap {
		width: 80% !important;
		left: 10% !important;
	}
}

@media (max-width: 980px) {
	#fancybox-wrap, #fancybox-outer, #fancybox-content, #fancybox-content > div {
		height: auto !important;
		max-height: 90vh !important;
	    margin-top: 2vh;
	}
	.programbox {
		height: 450px; 
	}
	
	.programbox .programtext {
		height: auto;
	}
	
	.programbox:hover .programinfo {
		bottom: 15%;
	}
	.buttonsinline .et_pb_button_module_wrapper {
		display: block;
		margin-right: auto;
	}
	.buttonsinline .inlinebutton {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.desktoponly {
		display: none;
	}
}

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