/*
Theme Name: Divi-child
Theme URI: https://tamanakuna.com.ar/
Version: 1.0
Description: Tamanakuna Glamping
Author: Contexto Digital                
Author URI: http://www.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 -----*/

/************************************************************************************************/
/* https://www.elegantthemes.com/blog/divi-resources/beautiful-css-hover-effects-you-can-add-to-your-divi-menus */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 45% !important;
 background: #AC1180; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/************************************************************************************************/
/* https://www.elegantthemes.com/blog/divi-resources/changing-the-number-of-columns-in-the-divi-gallery-module-at-different-breakpoints */
	.col-width .et_pb_gallery_item,
	.col-width-2 .et_pb_gallery_item {
		/*width: 16.66% !important; /*six columns*/
		/*clear: none !important;*/
	}
/** Desktop **/
@media (min-width: 981px){
	.col-width .et_pb_gallery_item,
	.col-width-2 .et_pb_gallery_item {
		/*width: 16.66% !important; /*six columns*/
		/*clear: none !important;*/
	}
}
 
/** Tablet **/
@media (max-width: 980px){
	.col-width .et_pb_gallery_item,
	.col-width-2 .et_pb_gallery_item {
		width: 25% !important; /*four columns*/
		clear: none !important;
	}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
	.col-width .et_pb_gallery_item,
	.col-width-2 .et_pb_gallery_item {
		/*width: 33.33% !important; /*three columns*/
		width: 50% !important; /*three columns*/
		clear: none !important;
	}
}
 
/** Phone **/
@media (max-width: 479px){
	.col-width .et_pb_gallery_item
	.col-width-2 .et_pb_gallery_item {
		/*width: 50% !important; /*two columns*/
		width: 100% !important; /*two columns*/
		/*clear: none !important;*/
	}
	img[class^="wp-image-"] {
		width: 100% !important;
	}
}

/************************************************************************************************/
/* DP Slider Navigation */
.dp-carousel .swiper-button-prev {
	transform: none;
    /*margin-top: -100px;*/
    /*top: 10px !important;*/
	top: 45% !important;
    margin-left: auto!important;
    /*right: 52px;*/
	left: 0;
	font-size: 20px !important;
	/*background-color: #fff;*/
	background-color: rgba(0,0,0,0.4);
    padding: 20px !important;
	border-radius: 15%;
}
.dp-carousel .swiper-button-next {
	transform: none;
	/*margin-top: -100px;*/
    /*top: 10px !important;*/
	top: 45% !important;
    right: 0px !important;
    /*background-color: #fff;*/
	background-color: rgba(0,0,0,0.4);
    padding: 20px !important;
	border-radius: 15%;
}

/* Arrow Size and Style */
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 20px;
    color: #fff;
}

/* DP Slider Pagination */
.dp-carousel .swiper-pagination-bullet-active {
	background-color: #fff;
}
.dp-carousel .swiper-pagination-bullet {
	background-color: #fff;
    top: 15px;
}

/************************************************************************************************/
.et-pb-arrow-next, .et-pb-arrow-prev {
  color: #FFFFFF !important;
}

.et-pb-controllers .et-pb-active-control {
  background-color: #FFFFFF !important;
}

.et_pb_bg_layout_light .et-pb-controllers a {
	background-color: #C4C4C4 !important;
}

/************************************************************************************************/
#footer-widgets {
	display: none;
}

#footer-info,
#footer-info a {
	color: #B3B3B3 !important;
}

#footer-info a:hover,
li.et-social-icon.et-social-facebook a.icon:hover,
li.et-social-icon.et-social-instagram a.icon:hover {
	color: #AC1180 !important;
}

#footer-info{
	font-size: .85em !important;
}

#footer-info a {
	font-size: .95em !important;
}

li.et-social-icon.et-social-facebook a.icon,
li.et-social-icon.et-social-instagram a.icon {
	font-size: 17px !important;
	color: #B3B3B3 !important;
}