/*
 Theme Name:     L.A Digital Magazine
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/***** GENERAL LAYOUT *****/
.et_pb_row{
	width: 100% !important;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

.brand-watch{
	font-family:'Fedra Serif A Medium';
	font-size: 20px;
	text-transform: uppercase;
}

.single-post-1-1 .post-content{
  position: absolute;
  z-index: 99;
  bottom: 0px;
  padding: 20px;
  background: transparent !important;
}

.single-post-1-1 .post-content h2.entry-title{
  font-size: 45px;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px;
  width:100%;
}

.post-categories a{
  font-family: 'Fedra Serif A Book';
  line-height: 1.2em;
  background: #000;
  color: #fff;
  padding: 5px 10px !important;
  text-transform: uppercase;
  font-size: 10px !important;
  letter-spacing: 1px;
}

/***** CARROUSEL ****/
.dmach-postmeta-item-content{
  width:100%;
}

.item-carrousel h1.dmach-post-title,
.item-carrousel p.dmach-postmeta-value{
  text-align: center;
}

.item-carrousel img.featured-image{
	height: 300px;
	width: auto;
	margin: 0px auto 50px auto;
}

.item-carrousel h1.dmach-post-title{
	height: 40px;
	margin: 5px 0px;
	padding: 0px;	
}

a.dmach-acf-value .et_pb_button{
	border-left:0px solid transparent !important;
}

/***** GRID BLOG MODULE 2 COLUMNS *****/
.grid-posts-2-columns article.et_pb_post{
	display: block;
	width:48%;
  	height: 350px;
  	margin-bottom: 30px;
}

.grid-posts-2-columns article.et_pb_post:nth-child(2n){
	float: right;
}

.grid-posts-2-columns article.et_pb_post:nth-child(2n+1){
	float: left;
}

.grid-posts-2-columns .post-content{
  padding:0px !important;
}

.grid-posts-2-columns .post-media{
  margin-bottom: 10px;
}

.grid-posts-2-columns .post-content h2.entry-title{
  font-size: 20px;
  line-height: 1.2em;
  padding: 0px;
  margin:0px;
  letter-spacing: 1px;
}

.grid-posts-2-columns .post-content .post-categories{
  margin-bottom: 0px !important;
}

.grid-posts-2-columns .post-content .post-categories a{
  font-family: 'Fedra Serif A Book';
  line-height: 1.2em;
  background: #000;
  color: #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.grid-posts-2-columns .et_pb_image_container {
	margin:0px;
}

/***** GRID BLOG MODULE 3 COLUMNS *****/
.grid-3-columns .el-isotope-item{
}

.grid-3-columns article{
	box-shadow: none !important;
}

.grid-3-columns article .entry-title{
	border-bottom: none !important;
}

.grid-3-columns article .post-content{
	padding: 10px 0px !important;
}

/***** FULLWIDTH POST *****/
.fullwidth-post .post-content{
  float: left !important;
  width:30% !important;
  height: 100%;
  padding: 0px !important;
  padding-left: 7.2% !important;
  background: #878273 !important;
}

.fullwidth-post .post-media{
  padding: 0px !important;
}

.fullwidth-post .post-content .el-read-more-btn{
  text-align: left !important;
}

.fullwidth-post .post-content h2.entry-title{
  color:#fff;
  line-height: 1.2em;
}

#fullwidth-post-homepage .post-content{
  background-color: #587381 !important;
  color: #000 !important;
}

/***** BLOG MODULE SINGLE POST *****/
.single-post h2.entry-title{
	position: absolute;
	bottom: 0px;
	padding: 0px 20px 40px 20px;
	width: 66.6666%;
}

.grid-3-columns h2.entry-title{
	position: relative;
	padding: 0px;
}

/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo img {
  transform: scale(1);
  transition: transform 10s ease-in-out;
}

/* The Transformation */
.img-hover-zoom--slowmo:hover img {
  transform: scale(1.2);
  transition: transform 10s ease-in-out ;
}

.et_pb_post_extra .post-media img,
.et_pb_post_extra:not(.el_dbe_block_extended) .post-media img{
  
}

.et_pb_post_extra .post-media img:hover,
.et_pb_post_extra:not(.el_dbe_block_extended) .post-media:hover{
  opacity: 1 !important;
}

/***** TYPOGRAPHY *****/
h1{
  font-family: 'Fedra Serif A Medium' !important;
  font-size: 38px !important;
  color: #000000 !important;
}

.et_pb_text h2{
  font-family: 'Fedra Serif A Medium' !important;
  font-size: 38px !important;
  line-height: 42px !important;
  color: #878273 !important;
}

.et_pb_text h3,
.row-hotspot-intro p.dmach-postmeta-value{
	font-family: 'Fedra Serif A Medium' !important;
	font-size: 18px !important;
	line-height: 1.6em !important;
	text-transform: uppercase !important;
}

.et_pb_text h4{
	font-family: 'Fedra Serif A Medium' !important;
	font-size: 18px !important;
	color: #000000 !important;
	line-height: 1.6em !important;
}

h6{
	font-family: mongoose, sans-serif !important;
	font-style: normal !important;
	font-size: 30px !important;
	letter-spacing: 3px !important;
	background: #fff;
	width: fit-content;
	padding: 10px 15px;
	margin: 0 auto;
	color: #000000 !important;
}

.wc-content p{
	font-size: 18px !important;
}

.et_pb_text span.reference-item{
	font-family:'Fedra Serif A Book';
	font-size: 12px;
	line-height: 1.6em;
	color: #aaaaaa;
}

a.et_pb_button{
	font-size: 10px !important;
	line-height: 1.6em !important;
	letter-spacing: 1px !important;
	height: 35px !important;
}


/***** IMAGE RATIO *****/
.pa-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.pa-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.pa-blog-image-16-9 .entry-featured-image-url {
  padding-top: 56.25%;
  display: block;
}

.pa-blog-image-16-9 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.pa-blog-image-4-3 .entry-featured-image-url {
  padding-top: 75%;
  display: block;
}

.pa-blog-image-4-3 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.pa-blog-image-3-2 .entry-featured-image-url {
  padding-top: 66.66%;
  display: block;
}

.pa-blog-image-3-2 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.pa-blog-image-2-3 .entry-featured-image-url {
  padding-top: 150%;
  display: block;
}

.pa-blog-image-2-3 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/***** MENU *****/
.menu-desktop{
	
}

.menu-desktop ul li{
	padding: 15px 0px;
}

.menu-desktop ul li ul.sub-menu{
	text-align: center !important;
	padding: 0px 7% !important;
}

.menu-desktop ul li ul.sub-menu li {
	padding:5px 0px;
}

.menu-mobile .et_pb_menu__wrap{
	float: right;
}

.menu-mobile ul#mobile_menu2 {
	position: absolute;
	top:47px;
	padding: 20px;
}

.menu-mobile .et_mobile_menu .menu-item-has-children>a,
.menu-mobile .et_mobile_menu li.menu-item a{
	border-bottom: 1px solid #878273;
	padding: 5px 0px;
}

.menu-mobile .et_mobile_menu .menu-item-has-children ul.sub-menu{
	padding-left: 10px;
}

.menu-mobile .et_mobile_menu .menu-item-has-children ul.sub-menu li{
	padding-left: 0px;
}

.menu-mobile .et_mobile_menu .menu-item-has-children ul.sub-menu li a{
	color:#fff !important;
	padding: 5px 0px;
	border-bottom: none;
}

.et_pb_menu_0_tb_header .et_pb_menu__wrap .et-menu-nav li.menu-item-has-children.et-show-dropdown ul.sub-menu,
.et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu .et-menu-nav li.menu-item-has-children.et-show-dropdown ul.sub-menu{
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
            opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
  }
}

@media (max-width: 980px) {
	.et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
		margin:0px;
	}

}

.et_mobile_menu li a:hover, .nav ul li a:hover{
	background: transparent;
	color: #878373 !important;
}

/***** IMAGE HOTSPOTS *****/
.dipl_hotspot .et_pb_module_inner{
	height: 100%;
}

.dipl_hotspot .dipl_hotspot_wrapper{
	width:100%;
	height: 100%;
}

.dipl_hotspot .dipl_image_wrapper{
	height: 100%;
}

.dipl_hotspot .dipl_image_wrapper img{
	height: 100%;
	display: block;
	margin: auto;
}

.tooltipster-sidetip .tooltipster-box{
	background: rgb(170,170,170)!important;
}

.tooltipster-sidetip .tooltipster-box .tooltipster-content{
	padding: 10px !important;
}

.tooltipster-content p{
	font-family: 'Fedra Serif A Book' !important;
	font-size: 14px !important;
	letter-spacing: 1px !important;
	line-height: 18px !important;
	color:#fff !important;
	font-weight: normal !important;
}

.tooltipster-content h5{
	font-family: 'Fedra Serif A Medium' !important;
	font-size: 14px !important;
	letter-spacing: 1px !important;
	line-height: 12px !important;
	color: #828773 !important;
}

/***** CATALOG PAGES *****/
.filter-watches-selection .grid-item img.featured-image{
	display: block;
	margin:auto;
	max-height: 400px;
	width: auto;
	padding: 25px 0px; 
}

a.active-watch span.et_shop_image{
	background-color: #ffffff;
}

.logo-brand img{
	width:200px;
	height: auto !important;
	margin:0 auto;
}

.row-hotspot-intro .et_pb_column_1{
	margin:0 !important;
}

.row-hotspot-intro .brand-watch,
.row-hotspot-intro .et_pb_de_mach_title{
	margin-bottom: 20px !important;
}

.et-db #et-boc .et-l .et_pb_de_mach_thumbnail:hover{
	background-color: transparent !important;
}

.et_pb_de_mach_thumbnail:hover img{
	filter: grayscale(100%);
}

/***** CITY GUIDE *****/
.city-guide .et_pb_text_inner{
	height:100% !important;
}

.city-guide .wpgmza_map{
	width:50% !important;
	float: right;
}

.city-guide .dataTables_wrapper{
	width:50% !important;
	float: left;
	clear: none !important;

}

/***** MEDIA QUERIES *****/
@media screen and (max-width: 1639.999999px) {
	.col-left-fullwidth-oneside,
  .fullwidth-post .post-content{
		padding-left: 20px !important;
	}

	.col-right-fullwidth-oneside{
		padding-right: 20px !important;
	}
}

@media screen and (min-width: 1640px) {
	.col-left-fullwidth-oneside,
  .fullwidth-post .post-content{
		padding-left: 7.2%;
	}

	.col-right-fullwidth-oneside{
		padding-right: 7.2%;
	}
}