/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.wd-dropdown-menu.wd-design-default {
 
  --wd-dropdown-width: 250px;
}
.whb-col-right .wd-dropdown-menu.wd-design-default{left:0;}
.wd-dropdown-menu{background:#a79492;box-shadow:none;margin-top:-5px;}
.wd-dropdown-menu a{color:#fff!important;font-size:16px!important;text-transform:uppercase;}
h2 {
  position: relative;
  display: inline-block; /* Adjust based on your layout needs */
  font-size: 24px; /* Example font size */
  margin-bottom: 20px; /* Adjust spacing as needed */
}

h2::after {
  content: "";
  display: block;
  width: 50px; /* Set the width of the line */
  height: 1px; /* Set the height of the line */
  background-color: black; /* Set the color of the line */
  margin: 15px 0 0; /* Adjust margin to position the line */
}
.mybtnright{margin-left:50px;margin-top:-50px;margin-bottom:50px;font-size:60px!important;padding:0px 0px 12px 0px!important;line-height:0;width:50px;height:50px;line-height:30px!important;}
.mybtnleft{margin-right:550px;margin-top:-50px;margin-bottom:50px;font-size:60px!important;padding:0px 0px 12px 0px!important;line-height:0;width:50px;height:50px;line-height:30px!important;}

.video-container {
  position: relative;
  width: 100%;
  height: calc(100vh - 145px); /* Adjust as needed */
  overflow: hidden;
}

.video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* Cover the container while maintaining aspect ratio */
}
.mytextright, .mytextleft{padding:50px;max-width:650px;}
.mytextleft{margin-left:auto;}





.text-larger{font-size:120%;}
.btn-color-black{font-size:120%;}

.vc_single_image-wrapper {
width: 100%!important;        
height: 1000px!important;      
overflow: hidden!important;   
position: relative!important; 
}


.vc_single_image-wrapper img {
width: auto!important;   /* Allow the width to adjust automatically */
height: 100%!important;  /* Ensure the image fills the container's height */
object-fit: cover!important;
object-position: center!important;
}
ex.vc_single_image-wrapper {
width: 100%!important; /* Set the width of the container */
height: 650px!important; /* Set the height of the container */
overflow: hidden!important; /* Ensure any overflow is hidden */
position: relative!important;
}

ex.vc_single_image-wrapper img {
width: 100%!important;
height: 100%!important;
object-fit: cover!important; /* This makes the image behave like a background image */
object-position: center!important; /* Optional: center the image */
}



h1{font-size:28px;line-height:35px;}

h2{font-size:35px;line-height:35px;}


.woodmart-nav-link span, h1, h2, h3{font-family: "cormorant-garamond", serif;
font-weight: 400!important;
font-style: normal!important;}

.woodmart-nav-link span{font-weight:bold;}


@media screen and (max-width: 1600px) {

ex.vc_single_image-wrapper {

height: 700px!important; /* Set the height of the container */

}


}
@media screen and (max-width: 1400px) {
ex.vc_single_image-wrapper {

height: 700px!important; /* Set the height of the container */

}
}
@media screen and (max-width: 1300px) {
ex.vc_single_image-wrapper {

height: 800px!important; /* Set the height of the container */

}
}

@media screen and (max-width: 1300px) {
ex.vc_single_image-wrapper {

height: 800px!important; /* Set the height of the container */

}
}

@media screen and (max-width: 560px) {
.videocont .video-background{min-height:470px!important;height:400px!important}
}