/*
Theme Name: Divi-child
Theme URI: https://pequenoscuentos.com/wp-content/themes/divi/
Version: 1.0
Description: Sitio Web de Pequeños Cuentos
Author: Contexto Digital                
Author URI: https://contextodigital.com.ar/ 
Template: Divi
Version: 4.4.0
*/
 
@import url("../Divi/style.css");

/*---- A partir de aquí añadimos las modificaciones que queremos hacer sobre el tema padre -----*/

div#et-top-navigation,
div#et-top-navigation nav#top-menu-nav,
div#et-top-navigation nav#top-menu-nav ul#top-menu.nav {
	/*float: none !important;
	text-align: center !important;*/
}

/************************************************************************************************/

/* wordpress divi hide menu until scroll on mobile */
/* https://divi.help/threads/how-to-hide-divi-mobile-menu-header-until-scroll.6621/ */

@media screen and (max-width: 980px) {
    #main-header {
        top: -100% !important;
        position: fixed !important;
        transition: all 1s ease !important;
    }
    .et-fixed-header#main-header {
        top: 0 !important;
    }
}

@media screen and (max-width: 980px) {
    #page-container {
        /*padding-top: 0 !important;*/
    }
	
	div.et_pb_fullwidth_header_container.center {
		/*margin-top: -75px !important;*/
        /*margin-bottom: 75px !important;*/
    }
}

@media screen and (max-width: 980px) {
    .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        margin-top: -50px !important;
    }
}

/************************************************************************************************/

.et_header_style_fullscreen ul#mobile_menu_slide {

    /*background-color: rgba(132,132,132,0.52) !important;*/

}

.et_fixed_nav #main-header{

	background-color: rgba(132,132,132,0.52) !important;

}

span.mobile_menu_bar:before {

     color: #ffffff!important;

}

#et-top-navigation ul li a {

    /*color: #1B1B1B !important;*/

}

@media (min-width: 980px) {

	#et-top-navigation ul li a {

		/*color: #FFFFFF !important;*/

	}

}

span.mobile_menu_bar:before {

	/*color: #FFFFFF !important;*/

}

.et_mobile_menu {

	/*background-color: rgba(255,255,255,0.95) !important;

	border-top: 3px solid #FFFFFF;*/

}

.et_first_mobile_item > a:nth-child(1) {

	/*color: #1B1B1B !important;*/

}

.vertical-align {

	/*display: flex;

	flex-direction: column;

	justify-content: center;*/

}

/************************************************************************************************/

ul#mobile_menu_slide.et_mobile_menu,
p {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important;
	font-style: italic;
	font-size: 1.5em !important;
	line-height: 1.25em;
}

@media screen and (min-width: 980px) {
	p {
		line-height: 2.5em;
	}
}

/************************************************************************************************/

.divicon_img ul li {
	padding-bottom: 1em;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important;
	font-style: italic;
	font-size: 1.5em !important;
	line-height: 2.5em;
}

.divicon_img ul {
	list-style-image: url("https://pequenoscuentos.com/wp-content/uploads/2021/09/vineta_01.png");
}

/************************************************************************************************/

/* Footer */

#main-footer {
	background-color: transparent !important;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important;
    margin-top: -100px !important;
}

#footer-bottom {
	background-color: #7F5B49 !important;
}

#main-footer p,
#main-footer p a {
	font-size: 1em !important;
	color: #EEEEEE;
}

#footer-bottom .et-social-facebook a {
	font-size: 1.25em !important;
	color: #EEEEEE;
}

#footer-bottom .et-social-twitter a {
	font-size: 1.25em !important;
	color: #EEEEEE;

}

#footer-bottom .et-social-instagram a {
	font-size: 1.25em !important;
	color: #EEEEEE;

}

#footer-bottom .et-social-rss a {
	color: #EEEEEE;
}

/* Hover Colors*/

#footer-bottom .et-social-facebook a:hover {
	color: #eadbcb !important;
}

#footer-bottom .et-social-twitter a:hover {
	color: #eadbcb !important;
}

#footer-bottom .et-social-google-plus a:hover {
	color: #eadbcb !important;;
}

#footer-bottom .et-social-instagram a:hover {
	color: #eadbcb !important;;
}

#footer-bottom .et-social-rss a:hover {
	color: #eadbcb !important;
}