/*Drift Woodworking css*/

/* Cookie Blocker */

#redim-cookiehint {
    padding: 15px 20px !important;
    background-color: #000 !important;
    font-size: 15px !important;
}

#redim-cookiehint .cookiecontent {
    font-size: 15px !important;
    line-height: 20px !important;
}

#redim-cookiehint .cookiebuttons #cookiehintsubmit.btn{
    padding: 5px 25px !important;
    color: #000 !important;
    background-color: #00fe90!important;
    font-size: 14px!important; 
    line-height: 2.5em;
    margin-top: 2px!important; 
    margin-bottom: 2px!important; 
	border: none !important;
	transition: opacity 0.4s ease;
	margin: 3px;
}

#redim-cookiehint .cookiebuttons #cookiehintsubmitno.btn{
    padding: 5px 25px !important;
    color: #202020 !important;
    background-color: #f7f7f7!important;
    font-size: 14px!important; 
    line-height: 2.5em;
    margin-top: 2px!important; 
    margin-bottom: 2px!important; 
	border: none !important;
	transition: opacity 0.4s ease;
	margin: 3px;
}

#redim-cookiehint .cookiebuttons #cookiehintsubmit.btn:hover, #redim-cookiehint .cookiebuttons #cookiehintsubmitno.btn:hover {
	opacity: 0.6 !important;
}

#redim-cookiehint a {
	color: #00fe90!important;
}

#redim-cookiehint .cookiecontent {
    display: block !important;
	text-align: center;
}

#redim-cookiehint .cookiebuttons {
    display: block !important;
    float: none !important;
    text-align: center!important;
    margin-top: 15px!important;
}

/* navbar*/



/*Btns*/

.uk-button-text{
  padding-bottom: 5px;
}

.uk-light .uk-button-primary{
 background: rgb(0,254,144);
 background: linear-gradient(90deg, rgba(0,254,144,1) 0%, rgba(0,162,254,1) 100%);
 height: 49px;
 border: 0px solid transparent;
 line-height:49px;
}

.uk-button-primary{
 background: rgb(0,254,144);
 background: linear-gradient(90deg, rgba(0,254,144,1) 0%, rgba(0,162,254,1) 100%);
 height: 49px;
 border: 0px solid transparent;
 line-height:49px;
}

.uk-button, a{
	transition: all 0.4s ease!important;
}

.uk-button:hover, .a:hover, .getintouchbutton:hover {
	opacity: 0.6!important;
}


/*hero*/

#anchor{
 background: transparent;
 position: relative;
 margin-top: -80px;
}

.arrowdown a {
 background-image: url('arrow-down.svg');
 background-repeat: no-repeat;
 background-size: 40px 40px;
 background-position: 50% 50%;
 background-color: #fff;
 width: 80px;
 height: 80px;
 display: block;
 transition: all 0.4s ease;
}

.arrowdown {
 width: 80px;
 height: 80px;
 z-index: 1;
 margin-right: 40px;
 position: relative;
 right: 50px;
 float: right;
}

.arrowdown a:hover {
	background-position: 50% 70%;
}

/*Intro content*/


.blue-background{
 background-image: url('bluepixel.jpg');
 background-repeat:repeat-y;
 width: 100%;
 background-size: 50% auto;
 
}


.gold-background{
 background-image: url('goldpixel.jpg');
 background-repeat:repeat-y;
 width: 100%;
 background-size: 50% auto;
 background-position: 100% 50%;
}

.cta-background{
 background-image: url('bluepixel.jpg');
 background-repeat:repeat-y;
 width: 100%;
 background-size: 50% auto;
 background-position: 100% 50%;
}

.overlayimages {
 position: relative;
 margin-top: -100px;
 bottom: -50px;
}


/*Home Overlay*/


.home-overlay .el-content {
 background: rgba(255,255,255,0.85);
 width:auto;
padding: 40px 50px;
}

.bottom-blue{
 background-image: url('/templates/yootheme_deadw/css/bluesquare.jpg');
 background-repeat: repeat-x;
 background-size: 140px 170px;
 background-position: bottom;
	
}

.bottom-gold{
 background-image: url('/templates/yootheme_deadw/css/goldsquare.jpg');
 background-repeat: repeat-x;
 background-size: 140px 170px;
 background-position: bottom;
	
}

@media (min-width: 640px) {
.home-overlay .uk-dotnav{
  display:none;
 }
} 

.uk-lightbox-button svg{
 width: 25px;
}


/*slides*/

.home-overlay .uk-slidenav-large {
  padding: 10px 10px;
  border-radius: 50%;
  background-color: #2d2d2d;
  margin-left: 30px;
  margin-right: 30px;
}

.home-overlay .uk-slidenav {
  color: rgba(129,129,129,0);
}

.home-overlay .uk-position-center-left.uk-icon{
position: relative;
background-image: url("back.svg");
background-repeat: no-repeat;
background-position: 43% 50%;
background-size: 20px 20px !important;
}

.home-overlay .uk-position-center-right.uk-icon{
position: relative;
background-image: url("next.svg");
background-repeat: no-repeat;
background-position: 57% 50%;
background-size: 20px 20px !important;
}

.el-slidenav:hover{
	opacity:0.9;
}

/*Testimonials section*/


.testimonial-slider span{
 color:#00A2FE;
}

.testimonial-slider em{
 font-size:24px;
}

/* banners */

.subbanner .uk-section{
 padding-top: 232px;
 padding-bottom: 100px;
}

.uk-divider-icon.uk-divider-icon{
	position: relative;
    background-image: url("logo-divider-icon.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-size: 40px 40px !important;

}

.uk-divider-icon {
  height: 50px;
}


.services-grid .el-content{
  min-height: 125px;
}

/*Footer*/

.footer-text{
 color: rgba(255,255,255,0.6);
}

.bybfooter a {
	color: rgba(255,255,255,0.6) !important;
}
.bybfooter a:hover {
	color: rgba(255,255,255,1) !important;
}

.uk-section-secondary:not(.uk-preserve-color) .social-footer  .uk-icon-link{
 color: #00FE90;
}

.uk-section-secondary:not(.uk-preserve-color) .social-footer  .uk-icon-link:hover{
 color: #00FE90;
 opacity: 0.7;
}



/* contact */

.contact-subbanner .uk-h1, .contact-subbanner .uk-h4{
 color:#ffff;
}

/* Form */


.deadwform .ba-form-page input[type="text"], .deadwform .ba-form-page input[type="email"], .deadwform .ba-form-page textarea {
	box-shadow: 0px 2px 10px rgba(0,0,0,0.3) !important;
	border: 2px solid transparent!important;
	color:#000!important;
}
.deadwform .ba-form-page input[type="text"]:focus, .deadwform .ba-form-page input[type="email"]:focus, .deadwform .ba-form-page textarea:focus {
	box-shadow: 0px 2px 15px rgba(0,0,0,0.3) !important;
	border: 2px solid #00FE90!important;
	color:#000!important;
}

.ba-form-submit-btn {
    padding: 0px 35px !important;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    transition: opacity 0.6s ease;
	font-weight: 500!important;
    text-transform: uppercase !important;
	font-weight: 700!important;
    letter-spacing: 1.3px!important;
    border-radius: 500px!important;
	margin-top: 25px!important;
}

.ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
	padding-left: 40px !important;
}

.ba-form-acceptance-field .ba-form-acceptance-html p {
	color: #fff !important;
	font-size: 16px !important;
}

.ba-form-acceptance-field .ba-form-acceptance-html p a {
	color: #fff!important;
	font-weight:700;
	text-decoration: underline !important;
}
.ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
	color: #fff!important;
	text-decoration: underline !important;
	opacity: 0.7;
}

.deadwform .ba-form-page {
  padding: 0px !important;
  
}

.upload-file-btn{
	font-weight: 400 !important;
	text-transform: uppercase !important;
}


.sectorsgrid .uk-card-default{
	margin-top: 0px;
}
.sectorsgrid .el-content {
  padding-bottom: 0px;
}

/* site map */

#jmap_sitemap h1 {
	font-size:36px;
}

.site-map-page .uk-navbar-container{
 background:#010203;
}

 
.treeview span {
 color: #3c3c3c!important;
}
 
a.hover{
 text-decoration:none;
}

.treeview a{
 color: #3c3c3c;
}

.treeview .hover{
 color: rgba(60, 60, 60, 0.5);
 text-decoration:none;
}

.treeview a.selected {
 background-color: #fff;
 text-decoration:none;
}

.treeview a.selected {
font-size: 18px;
}

.sitemap-page .uk-navbar-container{
background-color:#2d2d2d;
padding-bottom: 12px;
	
}

/*slideshow */

.uk-lightbox-button{
 padding:0px;
 width: 50px;
 height: 50px;
}

.uk-close svg{
 width:18px;
}


/* video */

#video-section [uk-cover] {
--uk-position-translate-x: -50%;
--uk-position-translate-x: -35%;
}

@media all and (min-width: 1400px) and (max-width:1599px){

#video-section [uk-cover] {
--uk-position-translate-x: -50%;
--uk-position-translate-x: -38%;
}
}



/*Adjust Responsive*/

/*small desktop*/

@media all and (min-width: 1400px) {
 
 .outdoor-structure-separator{
 padding-top: 0px;
 padding-bottom: 0px;
}
}

@media all and (min-width: 1200px) and (max-width:1399px){
	
#homehero .uk-h1 {
	font-size: 40px;
}

.uk-h2 {
	font-size: 36px;
}
 
.services-grid .el-content{
  min-height: 175px;
}

.services-grid img{
 max-width: 155%;
}

#video-section [uk-cover] {
  --uk-position-translate-x: -50%;
  --uk-position-translate-x: -40%;
}

.outdoor-structure-separator{
   padding-top: 0px;
}
.arrowdown {
  margin-right: 0px;
  right: 40px;
}
}

@media all and (min-width: 960px) and (max-width:1199px){
	
#homehero .uk-h1 {
	font-size: 40px;
}

.uk-h2 {
	font-size: 36px;
}

.uk-h3 {
  font-size: 30px;
}
 
.arrowdown {
  margin-right: 0px;
  right: 20px;
}

.uk-navbar-nav {
  gap: 50px;
}

.uk-navbar-right {
  gap: 50px;
}
	
.uk-navbar-container .uk-container {
  padding-left: 20px;
  padding-right: 20px;
}

.home-overlay .el-content {
 background: rgba(255,255,255,0.7);
 width:auto;
 padding: 30px 40px;
}

.services-grid .el-content{
  min-height: 110px;
}

div.uk-margin-medium > blockquote:nth-child(1) {
font-size: 17px;
}


#video-section [uk-cover] {
  --uk-position-translate-x: -50%;
  --uk-position-translate-x: -40%;
}

.outdoor-structure-separator{
   padding-top: 0px;
}

.uk-text-lead {
  font-size: 20px;
  line-height: 1.4;
}
.testimonial-slider em {
  font-size: 19px;
}

.uk-navbar-nav > li > a { 
letter-spacing: 2px;
font-size: 16px;
}
}


/*ipad*/
@media all and (min-width: 640px) and (max-width:959px){
	
#homehero .uk-h1 {
	font-size: 30px;
}

.uk-h2 {
	font-size: 28px;
}

.uk-h3, h4 {
  font-size: 24px;
}

.uk-text-lead {
  font-size: 20px;
  line-height: 1.4;
}

.testimonial-slider em {
  font-size: 20px;
}
 

#homehero .uk-background-cover {
	min-height: 300px !important;
}

#homehero .uk-section-xlarge {
 padding-top: 120px;
 padding-bottom: 40px;
}
 
 
#anchor{
 display:none;
}

.home-overlay .el-content {
 background: rgba(255,255,255,0.85);
 width: auto;
 padding: 15px 25px;
}

.blue-background, .gold-background, .cta-background{
background-image: none;
}

.overlayimages {
  margin-top: -50px;
  bottom: -50px;
}

.uk-slider-nav.uk-dotnav.uk-flex-left {
  justify-content: center;
}

.subbanner .uk-section {
  padding-top: 160px;
  padding-bottom: 60px;
}

.top-divider, .cta-image-column{
 display: none;
}

.bottom-divider{
 padding-bottom: 0px;
}

.uk-lightbox-button svg{
 width: 20px;
}

.image-quote-section{
 padding-bottom:0px;
}

.alt-cta-section{
 padding-top:40px;
}

.alt-cta-section h1{
padding-top: 40px;
}
}

/*mobile*/
@media (max-width: 639px) {
	
	
#homehero .uk-h1 {
	font-size: 25px;
}

.uk-h2 {
	font-size: 25px;
}

.uk-h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

.uk-text-lead {
  font-size: 18px;
  line-height: 1.4;
}

.testimonial-slider em {
  font-size: 18px;
}
	
#homehero .uk-background-cover {
	min-height: 300px !important;
}

#homehero .uk-section-xlarge {
padding-top: 120px;
  padding-bottom: 40px;
}

 
#anchor {
 display:none;
}

.home-overlay .el-content {
 background: rgba(255,255,255,0.7);
 width: auto;
 padding: 15px 25px;
}

.blue-background, .gold-background, .cta-background{
background-image: none;
}

.overlayimages {
  margin-top: -50px;
  bottom: -50px;
}

.uk-dotnav > * > * {
  width: 10px;
  height: 10px;
}

.uk-dotnav > * {
  flex: none;
  padding-left: 7px;
}

.uk-slider-nav.uk-dotnav.uk-flex-left {
  justify-content: center;
}

.subbanner .uk-section {
  padding-top: 160px;
  padding-bottom: 60px;
}

.top-divider, .cta-image-column{
 display: none!important;
}

.bottom-divider{
 padding-bottom: 0px;
}

.uk-lightbox-button svg{
 width: 18px;
}

.uk-lightbox-button{
 padding:0px;
 width: 30px;
 height: 30px;
 margin:0px;
}


.image-quote-section{
	padding-bottom:0px;
}

#video-section [uk-cover] {
 display:none;
}

#video-section{
 padding-top:0px;
 padding-bottom:0px;
}

.image-quote-section{
 padding-bottom:0px;
}

.alt-cta-section h1{
padding-top: 40px;
}

blockquote{
 font-size: 17px;
}
}