/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       Woodmart
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Body */
body {
	border: 2px solid #fff;
}

/* Tipografia */
a {
	color: #000;	
}
a:hover {
  opacity: .65 !important;
}
.wd-image a:hover {
  opacity: 1 !important;
}
b, strong, .bold {
	font-weight: 400;	
}
body ul li {
  margin-bottom: 2px;
}
.text-light {
	font-weight: 200 !important;
}
.text-normal {
	font-weight: 400 !important;
}
.text-bold {
	font-weight: 600 !important;
}

/* Header */
.whb-header {
	margin-bottom: 0px;
}
.whb-header .whb-main-header .site-logo {
  	margin: 0 auto;
}
.home .whb-header .whb-main-header .site-logo {
	margin-top: 35px;
}
.whb-header.whb-sticked .whb-main-header {
  border: 2px solid #fff;
  border-bottom: 0;
}
.whb-header.whb-sticked .whb-main-header .site-logo {
	margin-top: 0 !important;
}
.whb-header.whb-sticked .whb-main-header .site-logo .wd-logo img {
  	padding-top: 10px;
  	padding-bottom: 10px;
}
.whb-main-header .wd-tools-element .wd-tools-icon {
  	border-radius: 4px !important;
}
.whb-main-header .btn-call {
	padding: 10px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 4px;
}
.whb-main-header .whb-mobile-left .wd-tools-text {
	display: none	
}

/* Mobile menù */
.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
	width: 100%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.wd-nav-mobile > li > a, 
.wd-nav-mobile > li > ul li > a {
	display: inline-block;
	padding: 15px 20px !important;
	border: 0 !important;
	text-align: center; 
	color: #444; 	
}
.wd-nav-mobile li.current_page_item a,
.wd-nav-mobile li a:hover {
	color: #fff !important;
}
.mobile-nav.wd-side-hidden {
  	background-color: rgba(0,0,0,0.85);
}
.mobile-nav .wd-heading {
	position: absolute !important;
  	right: -58px;
  	top: 0px;
  	background-color: transparent !important;
}
.mobile-nav .wd-action-btn.wd-style-text > a:before {
  	font-size: 40px;
	font-weight: 300;
}

/* Slider */
.wd-slide {
  position: relative;
}

.wd-slide::after {
  	content: "";
 	position: absolute;
  	width: 100%;
 	height: 100%;
  	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.3) 66%, rgba(0, 0, 0, 0.7) 100%);
  	left: 0;
  	top: 0;
 	z-index: 1; /* Ensures it sits above the image */
}

/* Ensure text/content sits above the overlay */
.wd-slide .wd-slide-container {
  	position: relative;
  	z-index: 2;
}

/* Blocco Studio Home */
.blocco-studio {
	filter: saturate(0);
}
.blocco-studio:hover {
	filter: saturate(1);
}
.blocco-studio:hover a {
	text-decoration: underline;
}
.blocco-studio:hover > .vc_column-inner > .wpb_wrapper > .vc_row {
	background-color: rgba(255,255,255,0.85) !important;
}

/* Titoli */
.wd-page-title {
	margin-top: 60px;
}
.wd-page-title .container {
	align-items: normal !important;	
	text-align: left !important;	
}
.wd-page-title .container .entry-title.title {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 600;
}
.wd-page-title .container .wd-breadcrumbs {
	font-size: 13px;
}
.wd-page-title .container .wd-breadcrumbs  .wd-delimiter {
  	margin-inline: 2px;
}

/* Bottoni */
.btn {
	font-size: 15px !important;	
  	display: inline !important;	
	color: #000;
}
.btn:not(.btn-call) .wd-icon.fa-angle-left,
.btn.btn-icon-pos-left:not(.btn-call) .wd-btn-icon {
	float: left;
  	padding-top: 3px;
  	padding-right: 4px;	
}
.btn.btn-color-white {
  	color: #fff;
}
.btn.btn-cv {
	padding-bottom: 3px;
	border: 0;
	font-size: 13px !important;	
	font-colr: #666;
}
.btn.btn-cv img {
	margin-top: -11px;
	width: 20px;
	opacity: 0.65;	
}

/* Video */
body .wd-el-video-control {
	gap: 5px;
	flex-direction: column;
}
body .wd-el-video-play-label {
  	font-weight: 200;
	text-transform: uppercase;
}

/* Prima / Dopo */
.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-overlay .twentytwenty-after-label {
  	display: none !important;
}

/* Casi clinici */
#altri-esempi h4 {
	font-size: 14px !important;	
}

/* Social Chat */
body .qlwapp__container.qlwapp__container--bottom-left, 
body .qlwapp__container.qlwapp__container--bottom-right {
  	bottom: 70px;
}
body .qlwapp__container.qlwapp__container--middle-right .qlwapp__button, 
body .qlwapp__container.qlwapp__container--bottom-right .qlwapp__button {
  	margin-right: 7px;
}

/* Blog */
.wd-blog-element.wd-rs-698b39c34f04c .wd-grid-g {
  	gap: 0;
}
body.home .blog-design-list {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border: none !important;
}
body.home .blog-design-list .wd-post-inner {
	border-top: 1px solid #000;
}
body.home .blog-design-list .wd-post-thumb {
  flex: 0 0 100px !important;
  margin-top: 16px;
}
.blog-design-list .wd-post-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
	align-items: start !important;
}
.blog-design-list .wd-post-inner .wd-post-img {
	display: none;
}
.blog-design-list .wd-post-inner .wd-post-date {
	position: relative !important;
	top: 1px !important;
	left: 0 !important;
	padding: 0 !important;
  	text-align: left;
	color: #000;
	box-shadow: none !important;
	font-size: 18px;
	font-weight: 400;
}
.blog-design-list .wd-post-thumb {
    flex: 0 0 100px !important;
}
.blog-design-list .wd-post-content-inner {
	flex-direction: row !important;
 	align-items: start !important;
  	gap: 20px !important;
}
.blog-design-list .wd-post-content-inner .wd-post-title {
	flex: 0 0 400px !important;
	font-size: 18px;
	line-height: 24px;
}
.blog-design-list .wd-post-content-inner .wd-post-excerpt {
	padding-right: 50px;
  	font-size: 17px;
	line-height: 24px;	
}
.blog-design-list .wd-post-read-more.wd-style-btn a {
  	box-shadow: none !important;
	min-height: 36px !important;
	background-color: #000 !important;
}
.blog-design-list .wd-post-read-more.wd-style-btn a:hover {
	background-color: rgba(0,0,0,0.5) !important;
}
body:not(.home) article.blog-post-loop {
	border: 1px solid #ececec;
}
article.blog-post-loop .wd-post-content {
	text-align: left;
	align-items: start;
	padding: 15px 20px;
}
article.blog-post-loop .wd-post-content .wd-post-title {
  	text-transform: uppercase;
}
body.single-post h1 {
	text-transform: uppercase;
	margin-top: 40px;	
	text-align: left;
  	width: 100%;
}
body.single-post .wd-page-title.page-title.title-blog,
body.single-post .wd-post-cat,
body.single-post .wd-post-meta .wd-post-author,
body.single-post .wd-post-meta .wd-post-reply,
body.single-post .recent-posts-comment,
body.single-post .wd-prefooter {
	display: none;	
}
body.single-post .wd-sidebar {
	margin-top: 120px;
}
body.single-post .woodmart-recent-posts .wd-entities-title {
  	margin-bottom: 0;
}
body.single-post h4 {
  	margin-top: 30px;
	margin-bottom: 5px;
}

.single-post aside #categories-1 ul li {
  	border-bottom: 1px solid #00000010;
  	padding: 8px 0;
}
.single-post aside #categories-1 ul li:last-child {
  	border-bottom: 0;
}
.single-post aside #categories-1 ul li a {
  	font-weight: normal;
}
.single-post aside #categories-1 .widget-title {
  	font-weight: 600;
}
body.archive .wd-post-author {
	display: none !important;
}
body.archive .wd-post-cat.wd-style-with-bg a {
	color: #fff !important;	
}

/* Form */
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
	border-bottom: 1px solid #000 !important;
}
.wpcf7-form .privacy p {
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0;
	font-weight: 200;
}
.wpcf7-form .privacy .wpcf7-form-control-wrap {
	vertical-align: 2px;
}
.wpcf7-form .privacy .wpcf7-list-item {
  	margin-inline-end: 0;
}
.wpcf7-form .wd-grid-f-stretch {
	margin-top: 30px;	
}

/* Pre-footer */


/* Footer */
footer a {
	color: #fff;
}

/* Varie */
.due-colonne {
    column-count: 2;
    column-gap: 30px;
}
.hover-opacity:hover {
	opacity: 0;	
}
.trasparent {
	opacity: 0;	
}
.img-grey {
	filter: saturate(0);
}
.hover-color:hover {
	filter: saturate(1);
}
.img-color {
	filter: saturate(1);
}
.text-upper {
	text-transform: uppercase !important;
}

/* FIX */
.vc_grid.vc_row.vc_grid-gutter-20px .vc_pageable-slide-wrapper {
  	font-size: 0;
}
/*
body .vc_grid.vc_row .vc_grid-item {
  	float: left;
}
*/


/* RESPONSIVE */
@media (min-width: 768px) {
  	.vc_col-sm-6 {
    	margin-right: -3px;
  	}
}
@media only screen and (min-width: 2500px) {

}

@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 1024px) {
	.home .whb-header .whb-main-header .site-logo {
	  	margin-top: 14px;
	}
	.whb-main-header .btn-call {
		padding: 11px 10px;
	}
  	.blog-design-list .wd-post-content {
    	flex-direction: row;
    	align-items: start;
    	flex: 1 1 auto;
    	gap: 20px;
  	}
	.blog-design-list .wd-post-content-inner .wd-post-title {
	  	flex: 0 0 200px !important;
	}
	.blog-design-list .wd-post-excerpt {
  		max-width: 60%;
	}
}
@media only screen and (max-width: 991px) {
	.blog-design-list .wd-post-thumb {
	  	flex: 0 0 70px !important;
	}
	.col-reverse-md {
		flex-direction: column-reverse;
	}
  	footer .wd-social-icons.wd-size-large .wd-icon:before {
    	font-size: 28px !important;
		margin-right: 8px;
  	}
}
@media only screen and (max-width: 767px) {
	body.home .blog-design-list .wd-post-thumb {
  		flex: 0 0 20px !important;
	}
	body.home article.blog-post-loop .wd-post-content {
	  	padding: 15px 0;
		margin-bottom: 10px;
	}
	.blog-design-list .wd-post-content {
    	flex-direction: column;
  	}
	.blog-design-list .wd-post-content-inner {
	  	flex-direction: column !important;
	}
	.blog-design-list .wd-post-content-inner .wd-post-title {
    	flex: 0 !important;
  	}
  	.blog-design-list .wd-post-content-inner .wd-post-excerpt {
    	max-width: 100%;
		padding-right: 0;
  	}
  	.blog-design-list .wd-post-thumb {
    	flex: 0 0 30px !important;
  	}
	.col-reverse-sm {
		flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 480px) {
	.col-reverse-xs {
		flex-direction: column-reverse;
	}
}

