/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.10
 Text Domain:  woodmart
*/

section.overlay-05 {
	box-shadow: -100vw 0 0 0 rgba(0,0,0,.05) inset;
}

section.overlay-15 {
	box-shadow: -100vw 0 0 0 rgba(0,0,0,.15) inset;
}

section.overlay-30 {
	box-shadow: -100vw 0 0 0 rgba(0,0,0,.3) inset;
}

section.overlay-50 {
	box-shadow: -100vw 0 0 0 rgba(0,0,0,.5) inset;
}

.dropshadow-15, .dropshadow-15 h1, .dropshadow-15 h2, .dropshadow-15 h3, .dropshadow-15 h4, .dropshadow-15 h5, .dropshadow-15 h6, .dropshadow-15 p {
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,.15))
}

.dropshadow-30, .dropshadow-30 h1, .dropshadow-30 h2, .dropshadow-30 h3, .dropshadow-30 h4, .dropshadow-30 h5, .dropshadow-30 h6, .dropshadow-30 p {
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,.3))
}

.dropshadow-50, .dropshadow-50 h1, .dropshadow-50 h2, .dropshadow-50 h3, .dropshadow-50 h4, .dropshadow-50 h5, .dropshadow-50 h6, .dropshadow-50 p {
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,.5))
}

.square-image-thumbnail figure {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.square-image-thumbnail figure::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.square-image-thumbnail img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	max-width: unset;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.standard-image-thumbnail figure {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.standard-image-thumbnail figure .vc_single_image-wrapper, .square-image-thumbnail figure .vc_single_image-wrapper {
	display: block;
}

.standard-image-thumbnail figure::before {
	content: '';
	display: block;
	padding-top: 75%;
}

.standard-image-thumbnail img {
	object-fit: cover;
	object-position: center;
	position: absolute;
	max-width: unset;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.wpb_custom_icon .vc_icon_element-icon::before {
	content: "";
	width: 100% !important;
	height: 100% !important;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.wpb_custom_icon .vc_icon_element-icon {
	width: calc(100% + 30px); /* inner row padding is 15px left & right */
	height: calc(100% + 30px);
}

@media (min-width: 570px) {
	.wpb_custom_icon .vc_icon_element-icon {
		width: calc(100% + 45px); /* at 570px the section padding increases adds 15px */
		height: calc(100% + 45px);
	}
}

@media (min-width: 768px) {
	/* at 768px the rows become columns and the padding is reduced again to make space */
	.wpb_custom_icon .vc_icon_element-icon {
		width: calc(100% + 30px);
		height: calc(100% + 30px);
	}
}

@media (min-width: 1094px) {
	.wpb_custom_icon .vc_icon_element-icon {
		width: calc(100% + 60px);
		height: calc(100% + 60px);
	}
}

.vc_do_toggle {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 28px 0;
	font-weight: 300;
}

.vc_do_toggle + .vc_do_toggle {
	border-top: 1px solid #eee
}

.vc_do_toggle .vc_do_custom_heading {
	margin-bottom: 0;
}

.vc_do_toggle b, .vc_do_toggle strong {
	font-weight: 500;
}

.wpb-reduced-icon-size .vc_icon_element-icon::before {
	font-size: .625em !important;
	line-height: 2;
}

@media (max-width: 768px) {
	.wpb-hide-on-mobile {display:none}
}

.aligned-bg-section .vc_row:first-child {
	min-height: 40vw;
}

@media (min-width: 601px) {
	.aligned-bg-section .vc_row:first-child {
		max-height: 70vh;
	}
}

.vc_icon_element.double-icon-size .vc_icon_element-inner {
	font-size: 2em;
}


.narrowed-contact-form {
	padding-left: 8px;
	padding-right: 8px;
}

.narrowed-contact-form .vc_column-inner {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1200px) {
	.narrowed-contact-form .vc_column-inner {
		padding-top: 32px;
		padding-right: 32px;
		padding-bottom: 24px;
		padding-left: 32px;
	}
}

.wpcf7-form .wpcf7-form-control {
	border: 1px solid #eaeaea;
	background-color: #f9f9f9;
}

form.wpcf7-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

form.wpcf7-form > * {
	grid-column: span 2;
}

form.wpcf7-form > .cf7-col {
	grid-column: span 1;
}

form.wpcf7-form br {
	display: none
}

form.wpcf7-form label {
	font-weight: bold;
}


.single-image-heading-inside-label h2 {
	position: absolute;
	font-size: 20px;
	z-index: 1;
	left: 50%;
	width: 70%;
	bottom: 25%;
	color: #111;
	background-color: rgba(255, 255, 255, .9);
	font-weight: bolder;
	transform: translate3d(-50%, 0, 0);
	margin: 0;
	padding: 10px 0;
	pointer-events: none;
	border-radius: 5px;
}

@media (min-width: 960px) {
	.single-image-heading-inside-label h2 {
		font-size: 28px;
	}
}

