/*
 Theme Name:     Emotion Note 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@emotionnote.com.
 Author:         Emotion Note
 Author URI:     https://emotionnote.com/    
*/

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


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

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------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 #3dffcf;
    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;
}


/*---------------Menu CTA Button---------------*/

#top-menu li a:hover {opacity: 1!important;}
             
.en-cta-menu a {
    background-color: #ffffff;
	  font-weight: 600!important;
    color:#242440!important;
    padding: 12px 20px!important;
    border-radius: 5px;
	  border:1px solid #242440;
    text-align: center;
    transition: all 0.2s ease-in-out!important;
}
 
.en-cta-menu a:hover {
    background-color: #242440;
    color: #fff!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: #242440 !important;
	}
#main-header.et-fixed-header .en-cta-menu a:hover {
	color: #fff !important;
	}
	 
	/*---------------Menu CTA Button Mobile Settings---------------*/
	@media only screen and (max-width: 980px) {
	.en-cta-menu a {
		background-color: #fff;
		border: 1px solid #242440!important;
		}
	}
.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
     padding-bottom: 10px;
}


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

#top-menu li a {
	font-size:14px;
	font-weight:500;
	transition: all 0.3s ease-in-out!important;
}

.opened #mobile_menu a {
    text-align: center;
}
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------ Mobile Menu Styles ---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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

@media (min-width: 981px) {
.et_fullwidth_nav #main-header .container {
    width: 1280px;
    max-width: 90%;
    padding-right: 0px;
    padding-left: 0px;
}
}



span.mobile_menu_bar:before{
	color:#242440;
	background:#fff;
	border:2px solid #242440;
	border-radius:5px;
	padding:2px;

}
.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d';
	color: #fff;
	transition: all ease-in-out 0.3s;
	z-index: 100;
 	background: #242440;
	border-radius:0px;

}




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

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

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


/***form sg****/

.ff_t_c {
	font-size:12px;
	line-height:1.3em;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    position: relative;
    vertical-align: middle;
    top: 0px;
}

#fluentform_6_success > h2 
{
    font-weight: 700;
    font-size: 24px;
}

#fluentform_6_success > p:nth-child(2) {
    font-weight: 400;
    padding-bottom: 0;
}


/*******************************************************/
/*******************************************************/
/************* estilos libro form **********************/
/*******************************************************/
/*******************************************************/

h2.libformpagh {
	font-weight:500;
	background-color: #4f4d8b;
	padding: 10px 10px 10px 10px;
	color:#fff;
	text-align:center;
}
p.libformpagp {
	font-weight:500;
	font-style:italic;
	text-align:center;
	line-height:1.3em;
}
p.pasoformpagp {
	font-weight:400;
	font-style:italic;
	line-height:1.4em;
	text-align:center;
}
.ff-btn.ff-btn-submit.ff-btn-lg.butformpag {
	font-weight:500;
	border-radius:0px;
	background-color: #ac2977;
}
.ff-btn.ff-btn-submit.ff-btn-lg.butformpag:hover {
	background-color: #ac2977;
	opacity:1;
}


.pagdatosenvio h3.ff-el-section-title {
	font-weight:500;
	font-size:20px;
	text-decoration:underline;
	color:#4f4d8b;
	margin-top:20px;
}

.pagdatosenvio div.ff-section_break_desk {
	font-weight:400;
	font-size:16px;
    line-height:1.4em;
}


/*** highlights***/

.ltn-highlight-text-1 {
	background:linear-gradient(-180deg,#CFCEF2 15%,#E4E4F9 94%);
}

.ltn-highlight-text-2 {
	background:linear-gradient(-180deg,#FFD2C9 15%,#FFF0EE 94%);
}

.ltn-highlight-text-3 {
	background:#4F4D8B;
	color:#ffffff;
}

.ltn-highlight-text-4 {
	background:#AC2977;
	color:#ffffff;
}

.ltn-highlight-text-5 {
	background:#FFFCBF;
	color:#78355D;
	font-weight:800;
}




/*add the border and spacing around the entire blog list*/
.pa-blog-compact-list.et_pb_posts {
	border: 1px solid #4f4d8b;
	border-radius: 10px;
	padding: 30px 30px 20px;
}

/*adjust the spacing and add the border after each blog post*/
.pa-blog-compact-list .et_pb_post:not(:last-child) {
	margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #4f4d8b;
}

.pa-blog-compact-list .et_pb_post:last-child {
	margin-bottom: 0px;
}


/*make the title link spread over the entire post to make it clickable*/

.pa-blog-compact-list .entry-title a:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}


/*add the arrow icon on each blog post*/
.pa-blog-compact-list .entry-title a:after {
	content: "\35";
	font-family: ETModules;
	font-weight: 800;
	font-size: 1em;
	line-height: 1em;
	color: #ffffff;
	background-color: #4f4d8b;
	position: absolute;
	top: 2px;
	right: 0px;
	padding: 2px;
	border-radius: 50%;
	width: 1em;
	text-align: center;
}

/*change the icon color on hover*/
.pa-blog-compact-list .entry-title a:hover:after {
	color: #ffffff;
	transition: all ease .3s;
}