/*
Theme Name: Divi-child
Theme URI: https://pinesdefutbol.com.ar
Version: 1.0
Description: Sitio Web de Pines de Fútbol
Author: Contexto Digital                
Author URI: https://contextodigital.com.ar/ 
Template: Divi
Version: 1.0
Text Domain: divi-child
*/
 
@import url("../Divi/style.css");

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

#main-header { /*height: 10em !important;*/ border-top: 1.25em solid /*#75aadb*/ #00aaff !important; }

/* ------------------------------------------------------- */

#main-header img#logo {
	/*margin-top: -5px !important;*/
	/*min-height: 100px !important;*/
	margin-top: 5px !important;
	height: 90px !important;
}

@media only screen and (min-width: 981px) {
	#main-header {
		min-height: 120px !important;
	} /* normal */
    #main-header.et-fixed-header {
		min-height: 95px !important;
	} /* shrunken header */
	
	#main-header img#logo {
		/*margin-top: -15px !important;*/
		/*min-height: 210px !important;*/
		margin-top: 10 !important;
		min-height: 95px !important;
	}
    #main-header.et-fixed-header img#logo {
		/*margin-top: -15px !important;
		min-height: 105px !important;*/
		margin-top: 0 !important;
		min-height: 75px !important;
	}
}

/* ------------------------------------------------------- */

@media only screen and (min-width: 981px) {
	#main-header #top-menu-nav {
		margin-top: 10px !important;
	}
	 #main-header.et-fixed-header #top-menu-nav {
		margin-top: 10px !important;
	}
}

.menu-item a { margin-bottom: 5px; padding: 5px 11px 5px 11px !important; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 4px !important; }
.menu-item a:hover,
.sub-menu .menu-item a:hover { background-color: #00aaff ; color: #FFFFFF !important; border: 1px solid /*#004aff*/ #00aaff; border-radius: 4px !important; }

.mobile_menu_bar::after, .mobile_menu_bar::before { color: #00aaff; }

#mobile_menu {border-top: 3px solid #00aaff;}

.et_mobile_menu a:link { border: none; }
.et_mobile_menu a:visited { border: none; }
.et_mobile_menu a:hover { border: none; }
.et_mobile_menu a:active { border: none; }

#top-menu-nav li a:link {
	/*color: #F08122;*/
}
#top-menu-nav li a:visited {
	/*color: #F08122;*/
}
#top-menu-nav li a:hover {
	color: #FFFFFF;
}
#top-menu-nav li a:active {
	color: #00aaff;
	border-bottom: 1px solid #00aaff !important;
}

/* ----------------------- */

/* https://divitorials.com/en/code-snippets/underlining-the-active-primary-menu-link/ */

/* Underline the active primary menu link */
#top-menu li.current-menu-item>a:before {
	content: "";
	background: #00aaff; /* Change color value here as desired */
	width: 80%; 
	height: 3px; /* Change line height here as desired */
	position: absolute;
	left: 10%;
	bottom: -10px;
}


#top-menu .sub-menu li.current-menu-item>a:before {
	content: "";
	background: #00aaff; /* Change color value here as desired */
	width: 80%; 
	height: 3px; /* Change line height here as desired */
	position: absolute;
	left: 5%;
	bottom: -5px;
}

/* ----------------------- */

/* https://www.divithemeexamples.com/change-the-divi-dropdown-menu-arrow-to/ */

/* Divi menu dropdown icon */
  
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	right: -5px !important;
    content: "\43" !important;
}

/* ----------------------- */

@media only screen and (min-width: 981px) {
	#et_top_search {
	  margin: 17px 0 0 22px !important;
	}
}

/* ----------------------- */

/* Ocultar carrito en barra de menú */

.et-cart-info {
	display: none !important;
}

/* ----------------------- */

/* slider pantalla completa  */

/* clase ---> divicon_full_screen_slider */

/* https://www.youtube.com/watch?v=wtXrEDf4o7c */

.divicon_full_screen_slider .et_pb_slides {
    height: 90vh;
}

.divicon_full_screen_slider .et_pb_slides .et_pb_slide {
    height: 90%;
}

/*@media only screen and (min-width: 981px) {
	.divicon_full_screen_slider .et_pb_slides {
		height: 80vh;
	}

	.divicon_full_screen_slider .et_pb_slides .et_pb_slide {
		height: 80%;
	}
}*/

/* ----------------------- */

#main-content {
	margin-bottom: -30px !important;
}

/* ----------------------- */

.woocommerce .products ul, .woocommerce ul.products {
	padding-top: 1.75em !important;
}

/* ----------------------- */

/* https://www.diseñowebmurcia1.es/quitar-sidebar-del-blog-wordpress-divi/ */

/*** Eliminar la línea separadora del sidebar ***/
#main-content .container:before {background: none;}

/*** Ocultar el sidebar ***/
#sidebar {display:none;}

/*** Expandir el contenido para coger el area del sidebar ***/
@media (min-width: 981px){
#left-area {
width: 100%;
padding: 23px 0px !important;
float: none !important;
}
}

/* ----------------------- */

/* Formatear archive */

article {
	margin-bottom: 2em !important;
}

/* ----------------------- */

/* https://www.elegantthemes.com/blog/divi-resources/how-to-change-the-number-of-columns-in-the-divi-blog-module */

/*.grilla_escudos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 8fr));
  gap: 10px;
}*/

/* https://help.elegantthemes.com/en/articles/2310880-change-blog-module-columns-number */

.grilla_escudos .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}

@media only screen and ( min-width: 769px ) {
	.grilla_escudos .et_pb_salvattore_content[data-columns]::before {
		content: '3 .column.size-1of3' !important;
	}
}

@media only screen and ( min-width: 769px ) {
	.grilla_escudos .column.size-1of3 {
	    width: 32%!important;
	    margin-right: 1%;
	}
}

@media only screen and ( min-width: 981px ) {
	.grilla_escudos .et_pb_salvattore_content[data-columns]::before {
		content: '9 .column.size-1of9' !important;
	}
}

@media only screen and ( min-width: 981px ) {
	.grilla_escudos .column.size-1of9 {
	    width: 10%!important;
	    margin-right: 1%;
	}
}

/* ----------------------- */

/*style the Divi blog pagination buttons*/

/* https://www.peeayecreative.com/how-to-style-and-customize-the-divi-blog-pagination/ */
.pagination .alignleft a,
.pagination .alignright a {
	/*color: #ffffff !important;
	background: #0071fc !important;
	border: 2px solid #0070fc !important;
	padding: .7em 1.3em !important;
	border-radius: 50px !important;
	text-transform: capitalize !important;
	transition: all 0.3s ease-in-out !important;*/
}
/*style the Divi blog pagination buttons on hover*/
.pagination .alignleft a:hover,
.pagination .alignright a:hover {
	/*background: transparent !important;
	color: #0070fc !important;
	border: 2px solid #0070fc !important;
	transition: all 0.3s ease-in-out !important;*/
}

/* ----------------------- */

.wp-pagenavi {
  margin-bottom: 2em !important;
}

/* ----------------------- */

/*style the wp-pagenavi pagination links*/
.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	/*border-radius: 100px;*/
	transition: all .5s;
}
/*style the wp-pagenavi current page number*/
.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #00aaff !important;
	/*border-radius: 100px;*/
}
/*style the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #00aaff!important;
}
/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;
}
/*remove border and center the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: center;
}

div.wp-pagenavi span.pages,
div.wp-pagenavi a.previouspostslink,
div.wp-pagenavi a.page.smaller,
div.wp-pagenavi span.current,
div.wp-pagenavi a.page.larger,
div.wp-pagenavi a.nextpostslink {
	font-family: Open Sans, Arial, sans-serif !important;
	font-size: 1em !important;
}

.wp-pagenavi span.current {
	color: #fff !important;
	background: #00aaff !important;
}

div.wp-pagenavi a.nextpostslink,
div.wp-pagenavi a.nextpostslink {
	color: #000;
	background: #f1f3f5;
}
	
/* ----------------------- */
.et_pb_contact_right {
	margin-top: 25px !important;
}

.et_contact_bottom_container,
span.et_pb_contact_captcha_question,
div.et_pb_contact_right p.clearfix,
input.input.et_pb_contact_captcha,
input.input.et_pb_contact_captcha.et_contact_error,
div.et-pb-contact-message p,
div.et-pb-contact-message ul li {
	color: #ffffff !important;
}

/* ----------------------- */
#main-footer {
	background-color: #18252c !important;
}

.page.et_pb_pagebuilder_layout #main-content {
	/*margin-bottom: -30px;*/
}

#footer-bottom {
	margin-top: 30px !important;
}