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

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

/*
D Blue - #061257
Bluey green - #0098dc
*/

.text-custom-blue{ color: #061257; }
.text-custom-blue-green{ color: #0098dc; }
.desktop-device .text-hover-custom-blue:hover{ color: #061257; }
.desktop-device .text-hover-custom-blue-green:hover{ color: #0098dc; }

.bg-custom-blue{ background-color: #061257; }
.bg-custom-blue-green{ background-color: #0098dc; }
.desktop-device .bg-hover-custom-blue:hover{ background-color: #061257; }
.desktop-device .bg-hover-custom-blue-green:hover{ background-color: #0098dc; }

body, p, a, ul li, ol li, span, td, h2, h3{
	color: #061257;
}

#related-products-section-wrapper h2{
	color: #061257;
}

#related-products-section-wrapper .product-teaser-heading-link{
    color: #061257;
}







/********************** LEFT/RIGHT SECTIONS **********************/

.left-right-section{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
    flex-direction: row;
	padding: 0;
}
.left-right-section .left-right-section-left,
.left-right-section .left-right-section-right{
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 50%;
}
.left-right-section .left-right-section-left{
	padding: 100px 10%;
}

.left-right-section p{
	max-width: none;
	color: #061257;
}

.left-right-section-heading{
	
}
.left-right-section-content{
	
}
.left-right-section-content > .content-width-outer{
	position: relative;
}
.left-right-section .left-right-section-heading h3,
.left-right-section .left-right-section-heading h4{
	margin: 0;
	font-size: 7rem;
    font-weight: 500;
    line-height: 105%;
    color: #fff;
}
.left-right-section p{
	margin: 0 0 20px;
	color: #061257;
	text-align: left;
	font-size: 1.8rem;
}
/*.left-right-section .left-right-section-middle{*/
.middle-pattern{
	position: absolute;
    background-repeat: no-repeat;
	background-position: center;
	/*background-size: contain;*/
}
.middle-pattern-vertical{
	width: 200px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
	background-size: auto 100%;
}
.middle-pattern-horizontal{
	width: 100%;
    height: 200px;
    left: 0;
    transform: translateY(-50%);
    /*top: 50%;*/
	top: 100%;
	background-size: 100% auto;
}
.middle-pattern-large-screen{
	
}
.middle-pattern-small-screen{
	display: none;
}

.left-right-section .left-right-section-right{
	padding: 100px 10%;
}
.left-right-section .left-right-section-right p{
	
}

.left-right-section-large-left .left-right-section-left{
	width: 60%;
}
.left-right-section-large-left .left-right-section-right{
	width: 40%;
}
.left-right-section-large-left .left-right-section-middle{
	left: 60%;
}

.left-right-section-large-right .left-right-section-left{
	width: 40%;
}
.left-right-section-large-right .left-right-section-right{
	width: 60%;
}
.left-right-section-large-right .left-right-section-middle{
	left: 40%;
}

@media screen and (max-width:1550px){
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 6rem;
	}
}
@media screen and (max-width:1200px){
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 4.5rem;
	}
}
@media screen and (max-width:900px){
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 4rem;
	}
	.left-right-section-large-right .left-right-section-middle{
		display: none;
	}
}
@media screen and (max-width: 800px){
	.top-section-left {
		border-bottom: none;
	}
}
@media screen and (max-width:767px){
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 3.5rem;
	}
}
@media screen and (max-width:700px){
	#home-page-intro-section .top-section-left{
		padding-bottom: 70px;
	}
	#middle-pattern-home-intro-small-screens{
		display: none;
	}
}
@media screen and (max-width:600px){
	.left-right-section{
		flex-direction: column;
	}
	.left-right-section-large-right .left-right-section-left,
	.left-right-section-large-right .left-right-section-right{
		width: 100%;
	}
}
@media screen and (max-width:480px){
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 3rem;
	}
}







/******************* LEFT/RIGHT SECTION WITH SMALLER LEFT AND CAROUSEL ON RIGHT **********************/







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

@media screen and (max-width: 480px){
	.trans-header .updated-logo{
		
	}
	.trans-header .updated-logo img{
		width: 64px;
	}
}







/***************************** MAIN NAV *****************************/

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

.nav > ul > li:last-child{
	background: none;
}

.nav > ul > li:last-child a{
	background-color: #0098dc;
	color: #fff;
}
.nav > ul > li:last-child a:hover{
	background-color: #061257;
}

.trans-header nav ul .sub-menu{
	width: 500px;
    right: 0;
    left: auto;
}







/***************************** FOOTER *****************************/
/*
#footer-newsletter form input[type=submit],
#footer-newsletter form button[type=submit]{
    color: #fff;
    background: #0098dc;
	border: 0px solid #fff;
}
#footer-newsletter form input[type=submit]:hover,
#footer-newsletter form button[type=submit]:hover{
	background-color: #fff;
	color: #0098dc !important;
}
.desktop-device #footer-newsletter form input[type=submit]:hover,
.desktop-device #footer-newsletter form button[type=submit]:hover{
	background-color: #fff;
	color: #0098dc !important;
}
*/

#footer-logo{
	width: auto;
	max-width: 100%;
	margin-bottom: 30px;
}

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

#site-footer #menu-footer-column-1 li a{
	line-height: 130%;
}







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

body .wrapper .standard-button{
	background: #0098dc;
    color: #fff;
	border:0px solid #fff;

}

body.desktop-device .wrapper .standard-button-blue:hover{
	background-color: #fff;
	color:#0098dc;
}







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

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

#home-large-text-section h4{
	color: #061257;
}

#home-large-text-section p{
	color: #061257;
}
.large-text-section p{
	/*text-transform: lowercase;*/
	text-transform: none;
}

body .wrapper .standard-button{
	background: #0098dc;
    border: 0px solid #fff;
    color: #fff;}
	
body.desktop-device .wrapper .standard-button-blue:hover{
	background-color: #fff;
	color:#061257;
}
body.desktop-device .wrapper .standard-button-blue-green{
	background-color: #061257;
	color:#fff;
}
body.desktop-device .wrapper .standard-button-blue-green:hover{
	background-color: #fff;
	color:#061257;
}

#twitter-page-section .twitter-bird{
	background: #061257 url(../img/white-twitter.fw.png) no-repeat center;}

#twitter-page-section .tweet-text{
	font-size: 1.5rem;
	color: #061257;
}
#twitter-page-section .tweet-text a{
	color: #061257;
}

.left-right-section p{
	color: #061257;
}

.left-right-carousel-smaller-left-section .slick-dots li button{
    border: 2px solid #0098dc;}
.left-right-carousel-smaller-left-section .slick-dots li.slick-active button{
	background-color: #0098dc;
	color: #0098dc;
}







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

body .wrapper .standard-button.standard-button-blue-green-bg{
	background-color: #0098dc;
}
body.desktop-device .wrapper .standard-button.standard-button-blue-green-bg:hover {
	border:2px solid #0098dc;
}

body.desktop-device .wrapper .standard-button.standard-button-blue-green-bg:hover{
	background-color: #fff;
	color: #0098dc;
}







/***************************** BLOG SECTION *****************************/

.breadcrumbs > span > span{
	color: #061257;
}
.news-item-text-wrapper h3 a{
	color: #061257;
}
	
.pagination-container a {
    color: #0098dc;}
	






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

.contact-page-contact-details a {
    color: #0098dc;}
	
.fos {
    border-color: #061257;}
	
#contact-page-form-wrapper form input[type=submit], #contact-page-form-wrapper form button[type=submit] {
    background-color: #0098dc;
    border: 0px solid #0098dc;}
	
#contact-page-form-wrapper form input[type=submit]:hover, #contact-page-form-wrapper form button[type=submit]:hover {
    background-color: #fff;
    color: #0098dc !important;}
.desktop-device .sidebar-wrapper-blue-green-bg .sidebar .quote-button:hover {
    background-color: #0098dc;}

.sidebar-wrapper-blue-green-bg .sidebar .quote-button {background-color: #0098dc; color:#ffffff;}
.sidebar-wrapper-blue-green-bg .sidebar .quote-button:hover {background-color:#fff !important; color:#061257 !important;}







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

.page-template-template-product #repeatable-blocks-section-wrapper{
	margin-bottom: 0;
}



/***** MAIN CONTENT - SMALL BULLET POINT COLUMNS *****/

#product-left-content-wrapper ul,
#product-left-content-wrapper ol{
	column-count: 1;
    -webkit-column-break-inside: auto;
}



/***** MAIN CONTENT - LARGE SEPARATED BULLET POINT COLUMNS AND MORE TEXT *****/

#product-content-bullet-columns-wrapper{
	display: flex;
    flex-direction: row;
	margin-bottom: 20px;
}
#product-content-bullet-columns-wrapper .product-content-bullet-column{
	display: flex;
    flex-direction: column;
}
#product-content-bullet-columns-wrapper .product-content-bullet-column ul{
	margin: 0;
	column-count: 1;
    -webkit-column-break-inside: auto;
}
#product-content-bullet-columns-wrapper .product-content-bullet-column ul li{
	clear: unset;
    width: calc(100% - 30px);
}

@media screen and (max-width: 479px){
	#product-content-bullet-columns-wrapper{
		flex-direction: column;
	}
}





/***** RELATED PRODUCTS SECTION *****/

#related-products-section-wrapper .grid{
	display: flex;
	flex-wrap: wrap;
}
#related-products-section-wrapper .product-teaser{
	padding-bottom: 40px;
}
#related-products-section-wrapper .product-teaser-heading-link{
	line-height: 120%;
}
#related-products-section-wrapper .standard-button{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	border: 2px solid transparent;
	white-space: nowrap;
}
body.desktop-device #related-products-section-wrapper .standard-button:hover{
	border-color: #0098dc;
}