/**********************************************************************************************************
                     STYLESHEET SPECIFIC TO THIS WEBSITE TO OVERRIDE TEMPLATE DEFAULTS
**********************************************************************************************************/

/***** COLOURS FOR THIS SITE *****

Primary - aaaaaaaaaaaa;
Secondary - bbbbbbbbbbbb;
White - cccccccccccccc;
Black - dddddddddddd;

*/






body, p, a, ul li, ol li, span, td{
	color: bbbbbbbbbbbb;
}

h2, h3{
	color: bbbbbbbbbbbb;
}





/********************************************************************************************************
                                        COLOUR CHANGES 
********************************************************************************************************/

/************************* SECTIONS ON ALL PAGES *************************/

/***** HEADER *****/

.trans-header nav ul li a,
.nav ul li.current_page_item > a,
.nav ul li.current_page_parent > a{
	color: bbbbbbbbbbbb;
}

.trans-header nav ul li a:hover{
	color: aaaaaaaaaaaa;
}

.nav > ul > li:last-child a{
	background-color: bbbbbbbbbbbb;
}
.nav > ul > li:last-child a:hover{
	background-color: aaaaaaaaaaaa;
}

.nav > ul > li > ul > li > a:hover{
	color: aaaaaaaaaaaa;
}

.nav > ul > li:last-child.current_page_item a{
	color: aaaaaaaaaaaa;
}
.nav > ul > li:last-child.current_page_item a:hover{
	color: cccccccccccccc;
}



/***** LOGO *****/

#home-logo-mask{
	display: flex;
	z-index: 50001;
}
#home-logo-mask-image{
	margin: auto;
	max-width: 60%;
	display: none;
}



/***** HERO *****/

.home-header-overlay{ background-color: transparent; background-repeat-x: no-repeat; background-repeat-y: repeat; }
.home-header-overlay-full{ background-size: 100% auto; /*z-index: 0;*/ }
.home-header-overlay-shadow-left{ background-size: auto; }



/***** FOOTER *****/

#site-footer{
	background-color: bbbbbbbbbbbb;
}

#footer-logo img{
	max-width: 250px;
}

#footer-newsletter form input[type=submit],
#footer-newsletter form button[type=submit]{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
	color: cccccccccccccc;
}
.desktop-device #footer-newsletter form input[type=submit]:hover,
.desktop-device #footer-newsletter form button[type=submit]:hover{
	background-color: cccccccccccccc;
	border-color: cccccccccccccc;
	color: aaaaaaaaaaaa !important;
}

#footer-social .footer-social-link i{
	color: bbbbbbbbbbbb;
}
.desktop-device #footer-social .footer-social-link:hover i{
	color: aaaaaaaaaaaa;
}

.desktop-device #site-footer .footer-column a:hover{
	color: aaaaaaaaaaaa;
}





/************************ DEFAULTS ON REPEATED ELEMENTS *********************/

/***** BUTTONS *****/

body .wrapper .standard-button,
body .wrapper .standard-button.standard-button-blue-green-bg{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
	color: dddddddddddd;
}
body.desktop-device .wrapper .standard-button:hover,
body.desktop-device .wrapper .standard-button.standard-button-blue-green-bg:hover{
	background-color: cccccccccccccc;
	border-color: cccccccccccccc;
	color: dddddddddddd;
}

body .wrapper .standard-button.cross-sell-button,
body .wrapper .standard-button.post-teaser-button{
	
}
body.desktop-device .wrapper .standard-button.cross-sell-button:hover,
body.desktop-device .wrapper .standard-button.post-teaser-button:hover{
	border-color: aaaaaaaaaaaa;
}



/***** TEXT SECTIONS *****/

.large-text-section p{
	color: bbbbbbbbbbbb;
}

.left-right-section h2,
.left-right-section h3,
.left-right-section h4{
	color: bbbbbbbbbbbb;
}
.left-right-section p{
	color: dddddddddddd;
}

.content-text-lower{
	color: bbbbbbbbbbbb;
}
.left-right-carousel-smaller-left-section .slick-dots li button{
	border-color: aaaaaaaaaaaa;
}
.left-right-carousel-smaller-left-section .slick-dots li.slick-active button{
	background-color: aaaaaaaaaaaa;
	color: aaaaaaaaaaaa;
}



/***** BREADCRUMBS *****/

.breadcrumbs > span > a, 
.breadcrumbs > span > span{
	color: bbbbbbbbbbbb;
}



/***** TESTIMONIALS *****/

#product-testimonial-section{
	
}
#product-testimonial-section h2, 
#product-testimonial-section h3, 
#product-testimonial-section h4,
#product-testimonial-section p,
#product-testimonial-section span{
	color: cccccccccccccc;
}



/***** RIGHT SIDEBAR *****/

#category-right-content-wrapper{
	max-height: 800px;
}

body .wrapper .standard-button.sidebar-button{
	margin-bottom: 30px;
}




/******************************** INDIVIDUAL PAGES *********************************/

/***** HOME PAGE *****/

#home-page-intro-section .top-section-left p{
	color: bbbbbbbbbbbb;
}

#home-large-text-section h2, 
#home-large-text-section h3, 
#home-large-text-section h4{
	color: bbbbbbbbbbbb;
}

#home-large-text-section p{
	color: bbbbbbbbbbbb;
	text-transform: none;
}

.testimonial-content{
	text-align: inherit;
}

#home-carousel-section{
	background-color: bbbbbbbbbbbb;
}
#home-carousel-section .home-carousel-section-item .item-link{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
}
.desktop-device #home-carousel-section .home-carousel-section-item .item-link:hover{
	background-color: cccccccccccccc;
	border-color: cccccccccccccc;
}

#twitter-page-section .twitter-bird{
	background-color: aaaaaaaaaaaa;
}
#twitter-page-section .tweet-text{
	color: dddddddddddd;
}
#twitter-page-section .tweet-text a{
	color: aaaaaaaaaaaa;
	text-decoration: underline;
}
#twitter-page-section .more-twitter a{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
}
.desktop-device #twitter-page-section .more-twitter a:hover{
	background-color: bbbbbbbbbbbb;
	border-color: bbbbbbbbbbbb;
	color: cccccccccccccc;
}



/***** CATEGORY PAGE *****/

.product-teaser-heading{
	color: bbbbbbbbbbbb;
}
.sidebar-wrapper-blue-green-bg .sidebar ul li a:hover{
	text-decoration: none;
	color: aaaaaaaaaaaa;
}




/***** PRODUCT PAGES *****/

.page-template-template-product .hero-wrapper .hero-text h1{
	font-size: 7rem;
    text-transform: uppercase;
    margin: 0;
    line-height: 115%;
    letter-spacing: 4px;
}
.page-template-template-product .hero-wrapper .hero-text p{
	color: cccccccccccccc;
    font-weight: 400;
    font-size: 2.05rem;
    margin: 0 0 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#related-products-section-wrapper h2,
#related-products-section-wrapper .product-teaser-heading-link{
	color: bbbbbbbbbbbb;
}
#product-right-content-wrapper .sidebar{
	float: left;
	padding-bottom: 30px;
}
.oftenIncludes.sidebar-wrapper-blue-green-bg .sidebar h2{
	font-size: 2.2rem;
}
.oftenIncludes ul{
	
}
.oftenIncludes ul li{
	
}



/***** NEWS SECTION *****/

.news-item-text-wrapper h3 a{
	color: bbbbbbbbbbbb;
}
.desktop-device .news-item-text-wrapper h3 a:hover{
	color: aaaaaaaaaaaa;
}
.pagination-container a{
	color: bbbbbbbbbbbb;
}
.desktop-device .pagination-container a:hover{
	color: aaaaaaaaaaaa;
}
.desktop-device #news-index-right-content-wrapper .sidebar a:hover{
	text-decoration: none;
	color: aaaaaaaaaaaa;
}
#news-article-date{
	color: bbbbbbbbbbbb;
}
.article-title{
	color: bbbbbbbbbbbb;
}
#blog-article-share-icons-wrapper .social-link{
	background-color: bbbbbbbbbbbb;
}
#blog-article-share-icons-wrapper .social-link:hover{
	background-color: aaaaaaaaaaaa;
}



/***** CONTACT PAGE *****/

.contact-page-contact-details a{
	color: bbbbbbbbbbbb;
}
.desktop-device .contact-page-contact-details a:hover{
	color: aaaaaaaaaaaa;
}
.fos{
	border-color: aaaaaaaaaaaa;
}
#contact-page-form-wrapper form input[type=submit], 
#contact-page-form-wrapper form button[type=submit]{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
}
#contact-page-form-wrapper form input[type=submit]:hover,
#contact-page-form-wrapper form button[type=submit]:hover{
	background-color: transparent;
    color: cccccccccccccc !important;
}
.page-template-template-contact #product-testimonial-section{
	background-color: aaaaaaaaaaaa;
}



/***** GET A QUOTE FORM *****/

.page-template-default main form label{
	color: bbbbbbbbbbbb;
}
.page-template-default main form .form-notice{
	color: bbbbbbbbbbbb;
}
.page-template-default main form input[type=submit], 
.page-template-default main form button[type=submit]{
	background-color: aaaaaaaaaaaa;
	border-color: aaaaaaaaaaaa;
}
.page-template-default main form input[type=submit]:hover,
.page-template-default main form button[type=submit]:hover{
	background-color: bbbbbbbbbbbb;
	border-color: bbbbbbbbbbbb;
	color: cccccccccccccc !important;
}
/* CALENDAR */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
	color: aaaaaaaaaaaa;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
	background-color: bbbbbbbbbbbb;
	color: cccccccccccccc;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background-color: aaaaaaaaaaaa !important;
	color: cccccccccccccc !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
	background-color: bbbbbbbbbbbb;
	color: cccccccccccccc;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background-color: aaaaaaaaaaaa !important;
	color: cccccccccccccc !important;
}














/********************************************************************************************************
                                               FIXES
********************************************************************************************************/

@media screen and (max-width:1180px){
	.trans-header nav ul ul.sub-menu{ right: 225px; width: 225px; }
	.trans-header nav ul ul.sub-menu li:last-of-type a{ color: bbbbbbbbbbbb; background: none; }
	.trans-header nav ul ul.sub-menu li:last-of-type a:hover{ color: aaaaaaaaaaaa; }
}













/********************************************************************************************************
                    OTHER CHANGES - THESE WILL ONLY EVER BE SPECIFIC TO THIS SITE
********************************************************************************************************/

*,
.header-navigation .hero-text h1,
.hero-wrapper .hero-text h1{
	/*font-family: Georgia, Times, "Times New Roman", serif;*/
}











/******************************* FOOTER ********************************/

#footer-social{
	padding-top: 30px;
}