/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 25 2025 | 04:04:55 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out https://www.w3schools.com/css/css_syntax.asp

End of comment */ 


header#masthead {
    height: 70px;
    max-width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
    position: fixed;
    padding: 0;
    z-index: 100;
    width: 100%;
    right: 0;
    background-image: url(https://distinctdetail.com/wp-content/uploads/2021/02/DD_Logo_Bottom01-1-1.jpg)!important;
    left: 0;
  background-position: 1px!important;
  background-size: cover!important;
  background-repeat: no-repeat;
}


.pix-header.black, .pix-header.black .pix-top-bar {  
    max-width: 100%;
    padding-left: 10% !important;
    padding-right: 10% !important;
    position: fixed;
    padding: 0;
    z-index: 100;
    width: 100%;
    right: 0;
    background-image: url(https://distinctdetail.com/wp-content/uploads/2021/02/DD_Logo_Bottom01-1-1.jpg)!important;
    left: 0;
  background-position: 1px!important;
  background-size: cover!important;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 482px) {
.primary-navigation {
position: initial;
  }
}

#menu-primary-menu-1 > li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-435.shiftnav-sub-always.shiftnav-depth-0 > button {
  display: none!important;
}


@media only screen and (max-width: 1180px) {
  .site-logo .custom-logo {
    width: 180px!important;
  }
}




@media only screen and (max-width: 1180px) {
body > div.wrapper.layout.animated-css.page-layout-normal.woo-layout-default > header.pix-header.black.sticky-up.fixed {
  display: none!important;
  }
}

@media only screen and (max-width: 1180px) {
  .pix-header.black, .pix-header.black .pix-top-bar {
    display: none;!important
  }
}

#shiftnav-toggle-main {
background-image: url(https://distinctdetail.com/wp-content/uploads/2021/04/DD-Mobile.png)!important;
  background-repeat: no-repeat!important;
}


@media screen and (max-width: 1180px) {
  body.shiftnav-disable-shift-body {
    padding-top: 0px!important;
    
  }
}

#shiftnav-toggle-main a {
  font-size: xx-large;
}

.site-main .entry-header figure.post-thumbnail img {
    height: 500px !important;
    object-fit: cover;
    margin-top: 0px;
    object-position: top;
  margin-bottom: -1px!important;
}

#forminator-module-814 > div.forminator-response-message.forminator-show.forminator-success {
  background: black;
}


#shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content{
  display: none;
}


.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
  
    background: #aece38;
}


.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
      border-color: #aece38;!important	
    background-color: #aece38;!important
}

.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {
     border-color: #aece38;!important	
    background-color: #aece38;!important
}

html .custom-header {

}

body > div.wrapper.layout.animated-css.page-layout-normal.woo-layout-default {
  background: black;
}

body > div.wrapper.layout.animated-css.page-layout-normal.woo-layout-default > div {
  background-image: none;
}

/*
@media (min-width: 1360px)
.container { 
	width: 80%!important;
}*/