/* NAV MENU */
a.menu-item:hover {   
  color: #efc216 !important;  
}
.current-menu-item {
  color: #efc216 !important;    
}

/* CONTACT NINJA FORM PARAMS */
/* NAME */
#nf-field-1 {
  height: 55px;
  font-size: 100%;  
}
/* PHONE */
#nf-field-8 {
  height: 55px;
  font-size: 100%;  
}
/* E-MAIL */
#nf-field-2 {
  height: 55px; 
  font-size: 100%; 
}
/* ADDRESS */
#nf-field-10 {
  height: 55px; 
  font-size: 100%; 
}
/* MESSAGE */
#nf-field-3 {
  height: 165px; 
  font-size: 100%; 
}
/* SUBMIT BUTTON */
#nf-field-4 {
  height: 55px;  
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;    
  font-size: 1.3rem;  
  text-align: center;  
  vertical-align: middle;
  color: white;
  font-family: Chakra Petch;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  background-origin: border-box;
  background-color: #b1a688; 
}
/* SUBMIT BUTTON - MOUSE HOVER */
#nf-field-4:hover {
  background-color: transparent;
  border: 2px solid #b1a688;
  color: #efc216;
}

.grunt-button {
    border-radius: 0px !important;
    font-family: Chakra Petch !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    display: block !important;
    margin: 0 auto !important;
    width: 200px !important;
    cursor: pointer !important;
    background-color: #303030 !important;
    color: #efc216 !important;
    text-align: center !important;
    text-transform: uppercase !important;
	  border: none !important;
    line-height: 50px !important;
	  min-height: 1px !important;
	  height: 50px !important;
	  overflow: hidden;
	  padding-top: 0px !important;
	  padding-bottom: 0px !important;
    margin-top: 50px !important;
    position: relative;
	  top: 15px;
}

#booking-form {
	
	  height: 1200px
    margin-bottom: 100px !important;
}

#booking-form iframe {
	
	height: 125% !important;
}

#grunt-buttons .uk-panel {
	
	width: 200px !important;

}

#grunt-buttons a.grunt-button {

}

#grunt-buttons .uk-first-column, #grunt-buttons .uk-child-width-1-3\@m>* {
	
	width: auto !important;
}

#grunt-buttons .el-content {
	
	width: auto !important;
}

/* CSS Spacing Fix */

.uk-section {
	
	padding-top: 25px;
	padding-bottom: 25px
}

#booking-form {
	
	height: 1000px;
}

html {
  scroll-behavior: smooth;
}


/* Colors: 
 * Army Green = #4b5320
 * Desert Tan = #b1a688
 * */

/* General */

a:hover {
	text-decoration: none;
}

#mms-phones {
	padding-top: 200px;
	display: none;
	z-index: 99;
	position: fixed;
	height: 100%;
	top: 0px;
}

/* Header */

.desktopNumbers {
	border-left: solid 2px #b1a688;
	padding-left:10px;
}

.uk-sticky-fixed {
	top: auto !important;
}

.call-button {
	display: block;
	padding: 5px;
	text-align: center;
	color: #303030;
	font-weight: bold;
	background-color: #b1a688;
	line-height: 2rem;
	height: 100px;
	font-size: 0.8rem;
}

.call-button:hover {
	color: #303030;
}

.call-button img {
	display: inline-block;
	margin: 0 auto;
	width: 70px;
}

.mobile-call-button {
	display: none !important;
	width: 80px;
	font-size: 0.8rem;
	line-height: 1rem;
	height: 105px;
	left: 0px;
	float: left;
	position: fixed;
	top: 0px;
	z-index: 999;
	transition: right 0.2s ease-in-out;
}

.uk-logo img {
  left: 0px;
  top: 25px;
	z-index: 9;
	padding: 10px 0px;
}

.tm-top {
	padding: 0px;
}

.uk-button {
	padding: 0.5rem 1.5rem;
}

.uk-button, 
.uk-button a {
-webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */
       -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none; /* Non-prefixed version, currently
                                 Supported by Chrome and Opera */
}

/**/
/* Hero */

.sub-hero-menu {
	background-color: #414722;
}

.uk-subnav>*>:first-child {
	color: white;
}

.uk-subnav>*>a:focus, .uk-subnav>*>a:hover {
	color: #b1a688;
}

/**/
/* Services */

#schedule-estimate-box .uk-inline-clip {
	border: solid 2px #303030;
}

#schedule-estimate-box .svg-icon {
	width: 150px;
	 -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

#schedule-estimate-box:hover .svg-icon {
	    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#schedule-estimate-box p {
	color: #303030;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}

.services {
	display: table;
	color: white;
}

.services h3, .services ul {
	color: white;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	list-style: none;
}

.services li {
	text-transform: uppercase;
	border-bottom: solid #8d9175 1px;
}

/**/
/* Projects */

.uk-slidenav {
	display: block;
	background-color: #b1a688;
	color: #303030;
	padding: 20px;
}

.projects-slider .uk-position-bottom-left {
	background-color: #b1a688;
}

.projects-slider .uk-position-bottom-left h3 {
	color: #303030;
}

/**/
/* Footer */

.footer-img-link {
	padding: 10px;
	max-width: 120px;
	display: block;
	float: left;
}

.footer-right {
	padding: 20px;
}

.footer-left {
	display: table;
	padding: 40px 0px;
}

.footer-left img, .footer-left p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.footer-contact-info a, .footer-contact-info p {
	color: white;
	font-size: 18px;
}

/**/
/* Contact Form */

.uk-input {
	padding: 0.4rem 0.7rem;
}

.nf-response-msg {
	color:#101010;
}

.icon-message-sent {
	width: 200px;
	display: block;
	margin: 0 auto;
}

.nf-response-msg h3, 
.nf-response-msg h4 {
	text-align: center;
	color: #101010;
	font-weight: 600;
}

/**/
/* Media Queries */

@media (max-width: 1100px) {
	.uk-logo img {
		top: 140px;
		width: 150px;
	}
	
	#booking-form {
	
	height: 1400px;
		margin-bottom: 100px !important;
}

#booking-form iframe {
	
	height: 150% !important;
}

}

@media (max-width: 959px) {
	.uk-logo img {
		position: relative;
		left: 0px;
		top: 0px;
		width: 150px;
	}
	.mobile-call-button {
		display: block !important;
	}
	
#booking-form iframe {
	
	height: 175% !important;
}
	
	#booking-form {
	
	height: 1200px;
		margin-bottom: 100px !important;
}

@media (max-width: 659px) {
	
	#booking-form {
	
	height: 1000px;
		margin-bottom: 100px !important;
}
	.grunt-button {
		
		margin-top: 12.5px !important;
		margin-bottom: 12.5px !important;
	}
	
	#grunt-buttons .uk-grid-margin {
		
		margin-top: 0px !important;
	}
	
	.footer-left img, .footer-left p {
		display: block;
	}
	.footer-left img {
		padding: 0px;
		margin: 0 auto;
	}
	.footer-left {
		padding: 0px;
	}
}

div.beforeandafter{ /* main container */
    background: white;
    border: 1px solid gray;
    display: block;
    width: 600px; /* width of largest image width */
    height: 400px; /* height of largest image height */
    overflow: hidden;
    position: relative; /* important */
}

div.before, div.after{ /* before and after DIVs within main container */
    width: 100%;
    height: 400px;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    transition: all 1s ease-in-out; /* CSS transition. */
    z-index: 100;
}
 
div.after{
    z-index: 1; /* z-index of after div should be smaller than before's */
}
 
div.beforeandafter:hover div.before{ /* on mouseover main container */
    width: 0; /* change "before" div width to 0 to hide it */
}

div.beforeandafter:hover div.before{ /* on mouseover main container */
    width: 0; /* change "before" div width to 0 to hide it */
}

/**/
::-moz-selection { /* Code for Firefox */
  color: red;
  background: yellow;
}

::selection {
  color: white;
  background: #b1a688;
}
.uk-accordion-title {
    font-size: 23px;
    color: #fff;
}
.uk-accordion-title::before {
    float: left;
	  color: #efc216 !Important;
}
.uk-accordion-content {
	margin-left:40px;
}


@media (max-width: 450px) {
	
#booking-form iframe {
	
	height: 185% !important;
}

	#grunt-buttons a.grunt-button {
	
	margin-left: 0px !important;
}