/*
 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 #38AAE1;
    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:14px!important;
	font-weight:300;
	color:#000000!important;
	transition: all 0.1s ease-in-out!important;
}
#top-menu li a:hover {
	text-decoration:underline;
	color:#000000!important;
	transition: all 0.1s ease-in-out!important;
}

.et-fixed-header #top-menu a:hover{
    color:#000000!important;
	transition: all 0.1s ease-in-out!important;
}

/****sub menu styles******/

#main-header .nav li ul {
    padding-top:15px!important;
    padding-bottom:10px!important;

 }
#top-menu li {
	padding-top:15px;
	padding-right:5px;
}
#main-header .nav li li {
padding-left:5px!important;
padding-right:5px!important;

 }
#main-header .nav li li a {
	padding-right:0px!important;
    font-size:13px!important;
        line-height: 1.4em;
        width:220px!important;
 }

.nav li li ul {
    z-index: 1000;
    top: -13px;
    left: 240px;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
    padding-bottom:5px!important;

}

header#main-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}



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

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

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

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color:#000 ;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\e044;';
	color: #fff;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\e043;';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}