/* Add here all your CSS customizations */

body {
font-family: 'Lato', Arial, sans-serif;
color: #282B22; 
font-size: 16px;
letter-spacing: 0.16px;
}

p {
color: #282828;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.16px;
}

@media (max-width: 479px) {
	.lead {
		font-size: 18px;

	}
}

/* For the award details at the bottom of main image on index page*/
.award {
border-top: 0px;
background: #D5DDC5 !important;
padding: 10px 0px !important;
}

#header .header-body {
	border-bottom-color: #e9e9e9;
}

/* For the green line at the top of the index page */
#header .header-body {
border-top: 5px solid #D5DDC5;
}

/* Logo image size */
#header .header-logo img {
height: 80px;
width: 80px;
}


@media (max-width: 479px) {
	#header .header-logo img {
	height: 60px;
	width: 60px;
	margin: 0px;
	}
}

@media (max-width: 991px) {
	#header .header-logo img {
	height: 60px;
	width: 60px;
	margin: 0px;
	}
}


/* Phone number link styling */
a[href^="tel"] {
    color: #282828 !important; /* Darker color for better visibility */
    text-decoration: none;
}

/* Specific styling for the contact section */
.font-index-contact-color a[href^="tel"] {
    color: #585858 !important;
}

/* Footer phone number */
#footer a[href^="tel"] {
    color: inherit !important;
}

/* Reduce logo margin on mobile so award is visible */
@media (max-width: 479px) {
	#header.header-narrow .header-logo img {
    		margin: 1px 1px 1px 0;
	}
}

@media (max-width: 991px) {
	#header.header-narrow .header-logo img {
    		margin: 1px 1px 1px 0;
	}
}




/* For the main navigation menu */

 #header .header-nav-main nav > ul > li > a {
 font-family: 'Lato', Arial, sans-serif;
 font-size: 13px;
 font-weight: 400;
 letter-spacing: 0.46px;
 text-transform: uppercase;
 border-radius: 0px;
}

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a {
color: #282B22;
padding: 10px 20px;
}

html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
    background: #D5DDC5;
    color: #ffffff;
}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li.dropdown.dropdown-menu {
  border-top:0px;
}
}

h1 {
font-family: 'Lora', serif; !important;
font-size: 1.8em;
font-weight: 600;
letter-spacing: normal;
color: #585858;
line-height: 30px;
}

h2 {
font-family: 'Lora', serif;
font-size: 1.8em;
font-weight: 600;
letter-spacing: normal;
color: #585858;
line-height: 30px;
}

h3 {
font-size: 1.4em;
line-height: 27px;
color: #585858;
}

h5 {
font-weight: 300;
}

#footer p {
color: #777;
font-size: 15px;
}

.lead-index {
font-size: 14px;
}

.white {
color: #ffffff !important;
}


.green {
color: #909A66;
}

.body-grey {
color: #282828;
}



#footer .footer-copyright 
p {
text-transform: none;
}

#header .header-btn-collapse-nav {
background: #D5DDC5;
color: #282B22;
}

#header .header-top {
padding: 0px;
}

text-color-tertiary {
color: ffffff;
}

#header .header-nav-top .nav > li > span {
font-size: 0.80em;
padding: 5px 10px;
}


.page-header.custom-product {
background-position: right bottom;
border-top: 0px;
height: 650px;
}


@media (max-width: 479px) {
	.page-header.custom-product {
		background-image: url("../img/custom-header-bg-medium1.jpg");
		height: 500px;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
}

@media (max-width: 991px) {
	.page-header.custom-product {
		background-image: url("../img/custom-header-bg-medium1.jpg");
		height: 500px;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
}



.page-header {
margin: 0px;
border-bottom: 0px;
}

.main-label {
font-family: 'Lora', serif;
visibility: inherit;
text-align: inherit;
line-height: 48px;
letter-spacing: 0px;
font-weight: 800;
font-size: 48px;
white-space: nowrap;
color: #909A66;
}

.top-label {
font-size: 30px;
font-weight: 800;
color: #909A66;
margin-bottom: 10px;
}

.bottom-label {
font-family: Rubik;
font-size: 16px;
color: #909A66;
letter-spacing: 2px;

}

.top-label-spacing {
margin-top: 175px;
}


@media (max-width: 479px) {
	.page-header {
		text-align:center;
	}

	.top-label {
		font-size: 15px;
		margin-bottom: 0px;
		line-height: 20px;
		
	}

	.main-label {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 2px;

	}
	
	.top-label-spacing {
		margin-top: 0px;
	}
	
}

@media (max-width: 991px) {
	.page-header {
		text-align:center;
	}

	.top-label {
		font-size: 15px;
		margin-bottom: 0px;
		line-height: 20px;
	}

	.main-label {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 2px;
	}

	.top-label-spacing {
		margin-top: 0px;
	}
}


.divider.divider-small hr {
background-color: #D5DDC5;
}


.featured-boxes-style-4 .featured-box .icon-featured {
color: #909A66;
}

.custom-divider {
    height: 56px;
    background: transparent url(../img/custom-divider-1.png) no-repeat center center;
}

.font-index-contact {
font-family: 'Lora', serif;
} 

.font-index-contact-color {
color: #585858;
} 

.font-info-tab {
color: #282828;
font-weight: 300;
font-size: 16px;
} 

.btn {
border-radius: 0px;
}

.thumb-info-caption p {
color: #282828;
font-weight: 300;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.16px;
padding: 0px;
}

.thumb-info-side-image .thumb-info-caption .thumb-info-caption-text {
padding: 5px;
}

@media (max-width: 479px) {
.index-mob-clear {
clear: both;
}
}

@media (max-width: 991px) {
.index-mob-clear {
clear: both;
}
}

.orders {
    font-family: 'Lato', Arial, sans-serif;
    color: #282828;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 0px;
    margin-top: 10px;
}