/*
 Theme Name:     Latinato Theme
 Template:       Divi
 Version:        1.0.0
 Description:    Los estilos personalizados de este sitio web se encuentran dentro de este tema. Es recomendable no desinstalar o desactivar este tema, a menos de que tenga conflicto con otros plugins instalados. Si deseas soporte, escribe al correo soporte@latinato.com.
 Author:         Latinato
 Author URI:     https://latinato.com/    
*/

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


/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------General Styles----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

:root {
	--black1:#191919;
	--yellow1:#ffcd00;
	--yellow2:#f5d95a;
	--grey1:#dcdcdc;
	--blue1:#0d98ff;
	--blue2:#126eb3;
}


/*-----------------------------------------------------------------------------------------------*/
/*------------------------------Align text and items vertically----------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 981px){
	.general-align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 980px){
	.general-align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}




/*-----------------------------------------------------------------------------------------------*/
/*------------------------------Enhance Mobile Experience----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media (max-width:980px) {
	.reverse-columns-mobile {
		display:flex;
		flex-direction:column-reverse;
	}
}

@media only screen and (max-width: 980px) {
	.two-columns .et_pb_column {
		width:50%!important;
	}
	.three-columns .et_pb_column {
		width:33.33%!important;
	}
	.four-columns .et_pb_column {
		width:25%!important;
	}
}

	
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------Remove Blurb Animations------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

.et_pb_main_blurb_image .et_pb_animation_top.et-animated {
	opacity: 1;
    -webkit-animation: none;
    animation: none;
}

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ General Blog Styles---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ Single Post Comments -------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

.comment_area .comment-reply-link {
    position: relative;
    top: 15px;
    display: inline-block;
    font-size:14px!important;
}
 
@media (min-width: 768px) { /** The breakpoint for the comments form **/
 body:not(.logged-in) #comment {
 		max-width: 50%; float: right;  height: 105px; margin-top:14px;
 	} /** even form sections **/
}

.bypostauthor .comment_avatar img{
    border:2px solid var(--blue1);
    border-radius:250px;
}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------Single Blog Post Styles------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

.en-blog-post h2, .en-blog-post h3, .en-blog-post h4, .en-blog-post h5, .en-blog-post h6 {
	margin-bottom:30px;
	margin-top:50px;
}


/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ Main Menu Styles -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

#top-menu li a {
	font-size:16px!important;
	font-weight:300;
	transition: all 0.3s ease-in-out!important;
}
#top-menu li a:hover {
	color:var(--blue2);
    text-decoration:underline;
	transition: all 0.3s ease-in-out!important;
}

/*---------------Menu CTA Button---------------*/
 
#top-menu li a:hover {opacity: 1!important;}
             
.en-cta-menu a {
    text-transform:uppercase!important;
    font-weight:600!important;
    background-color: var(--yellow1);
	border-radius:10px;
	border:2px solid var(--yellow1);
    color:#000000!important;
    padding: 12px 20px!important;
    text-align: center;
    transition: all 0.2s ease-in-out!important;
}
 
.en-cta-menu a:hover {
    background-color: #000000;
    color: var(--yellow1)!important;
    text-decoration:none!important;
    transition: all 0.2s ease-in-out!important;
    box-shadow: 0px 6px 14px -6px rgba(0,0,0,0.25);
}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
    padding-bottom:5px!important;
}
/*---------------CTA Button Color on Fixed Navigation---------------*/
#main-header.et-fixed-header .en-cta-menu a {
	color: #000000 !important;
	}
#main-header.et-fixed-header .en-cta-menu a:hover {
	color: var(--yellow1)!important;;
	}
	 
	 
/*---------------Menu CTA Button Mobile Settings---------------*/
@media only screen and (max-width: 980px) {
	.en-cta-menu a {
		background-color: var(--yellow1);
		}
	}


/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ Mobile Menu Styles ---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media all and (max-width: 980px){   
	.container {
		width:90%;
	}
}  

@media all and (max-width: 980px){   
.et_mobile_menu li a {
	font-size:14px!important;
	font-weight:300;
}
}  

span.mobile_menu_bar:before{
	color:#000000;
	background:var(--yellow1);
	border-radius:0px;
	padding:2px;
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
	color: var(--yellow1);
	transition: all ease-in-out 0.3s;
	z-index: 100;
 	background: var(--black1);
	border-radius:0px;
}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ FF Pop Up ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover {
    background-color: #000!important;
    border-color: rgba(0, 0, 0, 1);
}

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
   font-weight:700;
}