/*
Theme Name: Clayton Custom Homes
Theme URI: https://claytoncustomhomes.ca
Author: Brianna Beahen
Author URI: http://briannabeahen.com/
Description: A devdmbootstrap4 child theme.
Version: 1.81
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: devdmbootstrap4
*/

/* Global */
a, .dmbs-logo-image, scroll-logo  {
  transition: all .5s !important;
}

.dmbs-logo-image, .scroll-logo {
  transition:visibility 0.5s linear,opacity 0.5s linear;
}

:focus {
  outline: none !important;
  box-shadow:none !important;
}

.text-strip .elementor-widget-container {
  display:inline-block;
}

.img-overlay h2 a {
  background-color:rgba(83,84,96,.9);
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  line-height: 9 !important;
}

.img-overlay h2 a:hover, .img-overlay h2 a:focus {
  background-color:rgba(83,84,96,.7);
  text-decoration:none;
}

.secondary-btn .elementor-button {
  border: 2px solid #94653B;
    background-color: transparent;
    color: #94653B;
}

.secondary-btn .elementor-button:hover, .secondary-btn .elementor-button:focus {
  border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

.secondary-btn.white-btn .elementor-button {
  border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

.secondary-btn.white-btn .elementor-button:hover, .secondary-btn.white-btn .elementor-button:focus {
  border: 2px solid rgb(201,164,107);
    background-color: transparent;
    color: rgb(201,164,107);
}

.mb-none {
  margin-bottom:0px !important;
}

.offset-header {
  margin-top: -100px !important; padding-top: 100px !important;
}
/* END Global */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Montserrat:wght@300;600;800&display=swap');
div, p, ul, li, ol {
  font-family:'Lora', serif;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  font-weight:300;
}

h4, h5, h6 {
  font-weight:600;
  letter-spacing:2px;
}

h5, h6, {
  text-transform:none;
  letter-spacing:0px;
}
/* END Fonts */

/* Main Navigation */
#mega-menu-wrap-main_menu {
  margin-left:auto;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.nav-btn > a.mega-menu-link {
  background-color: #A27E59;
    color: #fff;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    line-height: 1;
    margin-left:15px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.nav-btn > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.nav-btn > a.mega-menu-link:focus {
  background-color:#94653b;
}

.dmbs-logo-image {
  padding: 30px;
  background-color: #000;
  position: absolute;
top: 0px;
z-index:5000;
}

.navbar {
  padding-top: 40px;
  padding-bottom: 40px;
}

.top-nav {
  position: fixed;
  z-index: 5000;
  background-color: #fff;
  left:0px;
  right:0px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-left:15px;
  padding-right:15px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:2px;
  font-family:'Montserrat', sans-serif;
  font-weight:600;
  margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
    padding-left:0px;
    padding-right:0px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
  font-weight:600;
}

#mega-menu-main_menu .mega-menu-item > .mega-sub-menu {
  top:70px !important;
}

/* Nav Hover */

/* NAVIGATION */
@media only screen and (min-width:992px) {
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s !important;
}

/* stroke */
nav.stroke ul li a {
  position: relative !important;
}
nav.stroke ul li a:after  {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto !important;
  width: 0% !important;
  content: '.' !important;
  display:inline-block !important;
  color: transparent !important;
  background: #94653b !important;
  height: 1px !important;
}

nav.stroke ul li a:hover:after {
  width: 100% !important;
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #333;
  }
}

/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #eee;
    border-radius: 100%;
  }
  100% {
    background: #aaa;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}
}
/* END Nav Hover */

#mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  text-align:center;
}

.navbar-expand-lg {
  justify-content: flex-end;
}

.nav-scroll .scroll-logo {
  visibility:visible !important;
  opacity:1 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100px !important;
    width:auto;
}

.nav-scroll .dmbs-logo-image {
  visibility:hidden;
  opacity:0;
  height:0px;
}

.nav-scroll .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav-scroll #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  padding-top:75px !important;
}

body {
  scroll-padding-top: 100px; /* height of sticky header */
}

/* Ultimately, this is the correct place for scroll-padding */
html {
  scroll-padding-top: 100px; /* height of sticky header */
}

.dmbs-header-left {
  margin-top:-10px !important;
}
/* END Main Navigation */

/* Social Nav */
.elementor-1272 .elementor-element.elementor-element-5017de8 {
  top: 50vh !important;
bottom: auto !important;
}
/* END Social Nav */

/* Forms */
.eael-contact-form input[type=text], .eael-contact-form input[type=email], .eael-contact-form input[type=url], .eael-contact-form input[type=tel], .eael-contact-form input[type=date], .eael-contact-form input[type=number], .eael-contact-form textarea {
  border:1px solid #ddd;
  box-shadow:none;
  outline:none;
  padding:10px 15px;
  margin-bottom:15px;
}

.eael-contact-form input {
  width:50%;
  float:left;
}

.eael-contact-form input[type=submit] {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  cursor:pointer;
}

.eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap {
  width: 50%;
  float: left;
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap.your-message {
  width: 100%;
}

.eael-contact-form-7 .wpcf7-form p {
  /* text-align:center !important; */
}

.eael-contact-form input[type=text]:focus, .eael-contact-form input[type=email]:focus, .eael-contact-form input[type=url]:focus, .eael-contact-form input[type=tel]:focus, .eael-contact-form input[type=date]:focus, .eael-contact-form input[type=number]:focus, .eael-contact-form textarea:focus {
  border:1px solid #A27E59;
}

.wpcf7-not-valid-tip {
  margin-bottom:15px;
}
/* END Forms */


/* Contact */
.page-id-334 .elementor-165 .elementor-element.elementor-element-951d461 {
margin-top:0px !important;
}
.eael-contact-form-7 .wpcf7-form p input.wpcf7-submit {
  margin-left:7.5px;
  margin-right:7.5px;
}
/* END Contact */

/* gallery */
.filtr-container {
  margin-top:30px;
}

.portfolio-wraper .simplefilter li, .portfolio-wraper .simplefilter_424 li {
  text-transform: uppercase !important;
  font-size: 14px !important;
  letter-spacing: 2px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  background-color: transparent !important;
  color: #a27e59 !important;
  border: 2px solid #a27e59 !important;
}

.portfolio-wraper .simplefilter li.active, .portfolio-wraper .simplefilter_424 li.active {
  background-color:#a27e59 !important;
  color:#fff !important;
}

.portfolio-wraper .simplefilter li:hover, .portfolio-wraper .simplefilter li:focus,
.portfolio-wraper .simplefilter li.active:hover, .portfolio-wraper .simplefilter li.active:focus {
  background-color:#94653b !important;
  color:#fff !important;
}

.lb-number, .lb-caption {
  display:none !important;
}

.lb-outerContainer {
  background-color:transparent !important;
  border-radius:0px !important;
}

/* end gallery */

.elementor-invisible {
      visibility: visible !important;
}


/* Responsive */

@media only screen and (min-width:768px) {
.dmbs-header-nav-container .col-md-7 {
    flex: 0 0 58.3333333333% !important;
    max-width: 58.3333333333% !important;
}
}


@media only screen and (min-width:992px) {
  .mobile-social {
    display:none !important;
  }

  .dmbs-header-nav-container .col-lg-8 {
    flex: 0 0 66.6666666667% !important;
    max-width: 66.6666666667% !important;
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-left:10px !important;
  padding-right:10px !important;
}

.navbar-expand-lg {
  padding-left:0px !important;
  padding-right:0px !important;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  letter-spacing:1px !important;
}
}



@media only screen and (max-width:991px) {
.container.dmbs-header-nav-container {
  width: 100%;
max-width: 100%;
}

.container-fluid.top-nav, .header-left, .dmbs-header-left {
  padding-left:0px;
  padding-right:0px;
}

.scroll-logo {
  height:0px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item.nav-btn > a.mega-menu-link {
  margin-left:0px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding-left:30px;
  padding-right:30px;
  padding-top:30px;
}

.nav-scroll .scroll-logo {
  padding-left:15px;
}

.container.dmbs-header-nav-container.nav-scroll {
  border-bottom:1px solid #ddd;
}

.navbar {
  padding-top:30px;
  padding-bottom:30px;
}

.dmbs-logo-image {
  max-width: 300px;
  position: relative;
  margin-bottom: -40px;
}

.content-wrapper {
  padding-top:100px;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  background-color:#000 !important;
  padding-left:0px !important;
}

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li a, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  color:#fff !Important;
  text-align: left !important;
}


  #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    width:auto;
    float:left;
    clear:both;
  }

  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    width:auto !important;
    max-width:100%;
    padding-bottom:0px !important;
  }

  #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #94653b !important;
  }

  .mobile-social a:before {
    font-family: "Font Awesome 5 Brands" !important;
   content: "\f39e";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
  }

  .mobile-social.mobile-ig a:before {
    content: "\f16d";
  }

  #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color:#A27E59;
  }

  .nav-scroll #mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding-top:15px !important;
  }
}

@media only screen and (max-width:767px) {
  .elementor-165 .elementor-element.elementor-element-0065a93, .elementor-165 .elementor-element.elementor-element-18da639 {
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .t-wrap span {
    word-break: break-all;
  }

  .bg-none .elementor-column-wrap.elementor-element-populated {
    background-image:none !important;
  }
}

@media only screen and (max-width:575px) {
.eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap {
    width: 100%;
  }

  .nav-scroll .dmbs-logo-image {
    padding:0px;
  }

  .dmbs-logo-image {
    padding:15px;
  }

  .navbar {
    padding-right:0px;
  }

  .dmbs-header-right {
    padding-right:10px;
  }
}