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

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

Primary (minty blue/green) - #06f3c5
Secondary (grey) - #747f81

*/






*{
	font-family: 'Montserrat', sans-serif;
	image-rendering: -webkit-optimize-contrast;
}

body, p, a, ul li, ol li, span, td{
	color: #747f81;
}

a:hover{
	color: #06f3c5;
}

h2, h3{
	color: #747f81;
}

img{
	/*image-rendering: -webkit-optimize-contrast;*/
}





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

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

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

.trans-header nav ul li a{
	color: #747f81;
}

.nav ul li.current_page_item > a{
	background-color: #747f81;
	color: #fff;
}

.nav ul.sub-menu li.current_page_item > a{
	background-color: transparent;
	color: #06f3c5;
}

.trans-header nav ul li a:hover{
	color: #06f3c5;
}

.nav > ul > li > ul > li > a:hover{
	color: #06f3c5;
}

.nav ul li.current_page_item > a:hover{
	background-color: #747f81;
	color: #06f3c5;
}
.nav ul.sub-menu li.current_page_item > a{
	background-color: transparent;
}



/***** 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: #747f81;
}

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

#footer-newsletter{
	width: calc(70%);
	padding-right: 0;
}

#footer-newsletter form > p{
	display: flex;
}

#footer-newsletter form label{
	display: flex;
    align-items: center;
	min-width: 205px;
    padding: 12px 12px;
    justify-content: center;
	margin: 0;
    background-color: #06f3c5;
    border-color: #06f3c5;
	font-family: 'MyriadProRegular';
    color: #000;
	font-size: 1.2em;
    letter-spacing: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#footer-newsletter form input[type=text],
#footer-newsletter form input[type=email]{
	height: 100%;
    padding: 17px 6%;
	letter-spacing: 1px;
    text-align: left;
}
#footer-newsletter form input[type=text]::placeholder,
#footer-newsletter form input[type=email]::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  /* opacity: 1; Firefox */
}

#footer-newsletter form input[type=text]:-ms-input-placeholder,
#footer-newsletter form input[type=email]:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #fff;
}

#footer-newsletter form input[type=text]::-ms-input-placeholder,
#footer-newsletter form input[type=email]::-ms-input-placeholder{ /* Microsoft Edge */
  color: #fff;
}

#footer-newsletter form .wpcf7-not-valid-tip{
	position: absolute;
    top: 100%;
}
#footer-newsletter form .wpcf7-response-output{
	margin-top: 35px;
}

#footer-newsletter form input[type=submit],
#footer-newsletter form button[type=submit]{
	display: flex;
    justify-content: center;
	min-width: 240px;
    padding: 12px 12px;
    margin-top: 0;
	margin-left: 0;
	background-color: #06f3c5;
	border-color: #06f3c5;
	color: #000;
}
.desktop-device #footer-newsletter form input[type=submit]:hover,
.desktop-device #footer-newsletter form button[type=submit]:hover{
	background-color: #fff;
	border-color: #fff;
	color: #000 !important;
}

#footer-social{
	width: 100%;
}

#footer-social .social-link{
	margin-left: 0;
	margin-right: 10px;
}

#footer-social .footer-social-link i{
	color: #06f3c5;
}
.desktop-device #footer-social .footer-social-link:hover i{
	color: #000;
}

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

#site-footer .footer-column .footer-link-large{
	color: #06f3c5;
}
.desktop-device #site-footer .footer-column .footer-link-large:hover{
	text-decoration: underline;
}

#footer-column-2 .footer-heading{
	color: #06f3c5;
}



@media screen and (max-width: 1023px){
	
	#footer-row-top{
		display: flex;
		flex-direction: column;
	}
	#footer-logo,
	#footer-newsletter{
		width: 100%;
	}
	#footer-newsletter{
		padding: 40px 0 0 0;
	}
	
}

@media screen and (max-width: 767px){
	
	#footer-newsletter form label{
		min-width: 185px;
	}
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		min-width: 220px;
	}
	
}

@media screen and (max-width: 660px){
	
	#footer-newsletter form label{
		min-width: 90px;
	}
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		min-width: 120px;
	}
	
}

@media screen and (max-width: 530px){
	
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		margin: 0;
	}
	
}

@media screen and (max-width: 479px){
	
	#footer-newsletter form label,
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		letter-spacing: 0;
	}
	#footer-newsletter form label{
		min-width: 70px;
	}
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		min-width: 100px;
	}
	
}





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

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

body .wrapper .standard-button,
body .wrapper .standard-button.standard-button-blue-green-bg{
	background-color: #06f3c5;
	border-color: #06f3c5;
	color: #000;
}
body.desktop-device .wrapper .standard-button:hover,
body.desktop-device .wrapper .standard-button.standard-button-blue-green-bg:hover{
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

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: #06f3c5;
}



/***** DIAGONAL IMAGES *****/
.middle-pattern-vertical{
	background-size: auto 101%;
}



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

.large-text-section p{
	color: #747f81;
}

.left-right-section h2,
.left-right-section h3,
.left-right-section h4{
	color: #747f81;
}
.left-right-section p{
	color: #000;
}

.content-text-lower{
	color: #747f81;
}
.left-right-carousel-smaller-left-section .slick-dots li button{
	border-color: #06f3c5;
}
.left-right-carousel-smaller-left-section .slick-dots li.slick-active button{
	background-color: #06f3c5;
	color: #06f3c5;
}



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

.breadcrumbs > span > a, 
.breadcrumbs > span > span{
	color: #747f81;
}



/***** 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: #fff;
}



/***** 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: #747f81;
}

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

#home-large-text-section p{
	color: #747f81;
	text-transform: none;
}
#home-large-text-section .resp-hero-button-center{
	display: flex;
    justify-content: center;
	width: 100%;
}
#home-large-text-section .resp-hero-button-center .standard-button{
	
}
.desktop-device #home-large-text-section .resp-hero-button-center .standard-button:hover{
	/*background-color: #747f81;
    color: #fff;*/
	border-color: #06f3c5;
}

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

#home-carousel-section{
	background-color: #747f81;
}
#home-carousel-section .home-carousel-section-item .item-link{
	background-color: #06f3c5;
	border-color: #06f3c5;
}
.desktop-device #home-carousel-section .home-carousel-section-item .item-link:hover{
	background-color: #fff;
	border-color: #fff;
}

#twitter-page-section .twitter-bird{
	background-color: #06f3c5;
}
#twitter-page-section .tweet-text{
	color: #000;
}
#twitter-page-section .tweet-text a{
	color: #06f3c5;
	text-decoration: underline;
}
#twitter-page-section .more-twitter a{
	background-color: #06f3c5;
	border-color: #06f3c5;
}
.desktop-device #twitter-page-section .more-twitter a:hover{
	background-color: #747f81;
	border-color: #747f81;
	color: #fff;
}







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

.product-teaser-heading{
	color: #747f81;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.category-left-content-wrapper .category-container{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.desktop-device .product-teaser-heading:hover{
	color: #06f3c5;
}
#category-right-content-wrapper{
	background-color: #747f81;
}
#category-right-content-wrapper .sidebar h2{
	color: #06f3c5;
}
.sidebar-wrapper-blue-green-bg .sidebar ul li a:hover{
	text-decoration: none;
	color: #06f3c5;
}








/***************************************************************************************************
                                        PRODUCT PAGE 
***************************************************************************************************/

.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: #fff;
    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: #747f81;
}
#product-right-content-wrapper{
	background-color: #747f81;
}
#product-right-content-wrapper .sidebar{
	float: left;
	padding-bottom: 30px;
}
#product-right-content-wrapper .sidebar .quote-button{
	background-color: #06f3c5;
	border-color: #06f3c5;
	color: #747f81;
}
.desktop-device #product-right-content-wrapper .sidebar .quote-button:hover{
	background-color: #fff;
	border-color: #fff;
}
.oftenIncludes.sidebar-wrapper-blue-green-bg .sidebar h2{
	font-size: 2.2rem;
}
.oftenIncludes ul{
	
}
.oftenIncludes ul li{
	
}

body.desktop-device #related-products-section-wrapper .standard-button:hover{
	border-color: #06f3c5;
}







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

#news-index-left-content-wrapper article .standard-button{
	color: #747f81;
}
.desktop-device #news-index-left-content-wrapper article .standard-button:hover{
	background-color: #747f81;
	border-color: #747f81;
	color: #fff;
}
.news-item-text-wrapper h3 a{
	color: #747f81;
}
.desktop-device .news-item-text-wrapper h3 a:hover{
	color: #06f3c5;
}
.pagination-container a{
	color: #747f81;
}
.desktop-device .pagination-container a:hover{
	color: #06f3c5;
}
#news-index-right-content-wrapper .sidebar h3{
	color: #06f3c5;
}
.desktop-device #news-index-right-content-wrapper .sidebar a:hover{
	text-decoration: none;
	color: #06f3c5;
}
#news-article-date{
	color: #747f81;
}
.article-title{
	color: #747f81;
}
#blog-article-share-icons-wrapper .social-link{
	background-color: #06f3c5;
}
#blog-article-share-icons-wrapper .social-link i{
	color: #747f81;
}
.desktop-device #blog-article-share-icons-wrapper .social-link:hover{
	background-color: #747f81;
}
.desktop-device #blog-article-share-icons-wrapper .social-link:hover i{
	color: #fff;
}







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

.contact-page-contact-details a{
	color: #747f81;
}
.desktop-device .contact-page-contact-details a:hover{
	color: #06f3c5;
}
.fos{
	border-color: #06f3c5;
}
.fos p{
	font-size: 1.4rem;
}
#contact-page-form-wrapper{
	background-color: #747f81;
}
#contact-page-form-wrapper form input[type=submit], 
#contact-page-form-wrapper form button[type=submit]{
	background-color: #06f3c5;
	border-color: #06f3c5;
	color: #747f81;
}
#contact-page-form-wrapper form input[type=submit]:hover,
#contact-page-form-wrapper form button[type=submit]:hover{
	background-color: #fff;
	border-color: #fff;
    /*color: #fff !important;*/
}
.page-template-template-contact #product-testimonial-section{
	background-color: #06f3c5;
}

#contact-page-map{
	padding: 0;
}
#contact-page-map iframe{
	display: block;
}







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

.page-template-default main form label{
	color: #747f81;
}
.page-template-default main form .form-notice{
	color: #747f81;
}
.page-template-default main form input[type=submit], 
.page-template-default main form button[type=submit]{
	background-color: #06f3c5;
	border-color: #06f3c5;
}
.page-template-default main form input[type=submit]:hover,
.page-template-default main form button[type=submit]:hover{
	background-color: #747f81;
	border-color: #747f81;
	color: #fff !important;
}
/* CALENDAR */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
	color: #06f3c5;
}
.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: #747f81;
	color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background-color: #06f3c5 !important;
	color: #fff !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: #747f81;
	color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
	background-color: #06f3c5 !important;
	color: #fff !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: #747f81; background: none; }
	.trans-header nav ul ul.sub-menu li:last-of-type a:hover{ color: #06f3c5; }
}













/********************************************************************************************************
                    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;
}