/*
Theme Name: Creatomatic WordPress Framework
Theme URI: http://www.creatomatic.co.uk/our-framework-for-wordpress/
Description: Client website theme
Author: Creatomatic Ltd
Author URI: http://www.creatomatic.co.uk
License URI: http://www.creatomatic.co.uk/terms-and-conditions/

Colours being used:


red #DB0404 updated to #16348E

blue #31445D updated to #262626

windows blue #2E3188

*/


html, body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	color: #707070;
	background: #F4F4F4;
	font-size: 16px;
	line-height: 1.5;
	/*letter-spacing: 0.5px; why? */
}

h1, h2, h3 {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	margin: 0;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
}

h1{
	font-weight: bold;
}

.page-content h1, .page-content h2, .page-content h3{
	color: #000;
}

.blue-bg .page-content h1, .blue-bg .page-content h2, .blue-bg .page-content h3{
	color: #fff;
}


img {
	border: 0;
	max-width: 100%;
	height: auto;
}

iframe{
	max-width: 100%;
}

iframe img{
	max-width: inherit;
}

#google-map img{
	max-width: inherit;
}

.clearer, .creatomatic-clearer {
	clear: both;
	height: 0;
}

*:focus {  
	outline: none;
}

a {
	color: #16348E;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #16348E; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #16348E; /* Firefox */
	color: #fff;
}

.centred {
	margin: 0 auto;
	text-align: center;
	max-width: 1300px;
}

.hr, hr {
	background:url(images/hr.png) repeat-x top left;
	height: 2px;
	margin: 5px 0 5px 0;
	border: 0;
}

.modal{
	z-index: 9999;
}

.myModal12345 table th {
	font-size: 14px;
	margin: 10px 0;
}


.wc-block-featured-category{
	min-height: 300px !important;
}


.grey-bg{
	position: relative;
	z-index: 1;
	color: #fff;
}

.grey-bg h1, .grey-bg h2, .grey-bg h3{
	color: #fff;
}

.grey-bg a{
	color: #fff;
}

.grey-bg:before{
	background: #262626;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	height: 100%;
	z-index: -1;
	content: '';
}

.short-content, .medium-content{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.medium-content{
	width: 1000px;
}

.has-text-align-left.short-content, .has-text-align-left.medium-content{
	margin-left: 0;
}

.full-width{
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.full-width .wp-block-cover__inner-container{
	width: 1260px;
	max-width: 100%;
}


/* Heading */

.top-bar{
	/*position: fixed;
	top: 0;
	left: 0;*/
	float: left;
	background: #262626;
	color: #fff;
	width: 100%;
	z-index: 9000;
}

.top-bar-blue{
	float: left;
	width: 96%;
	padding: 20px 2%;
	  -o-transition:.25s;
	  -ms-transition:.25s;
	  -moz-transition:.25s;
	  -webkit-transition:.25s;
	  transition:.25s;
}

a.header-logo{
	float: left;
	margin-top: 12px;
	max-width: 25%;
}

.top-bar-blue-right{
	float: right;
	max-width: 72%;
}

.top-bar-menu{
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
}

.menu-top-menu-container{
	float: left;
	margin-right: 5px;
}

.top-bar-menu ul{
	margin: 0;
	padding: 0;
}

.top-bar-menu ul li{
	display: inline;
	list-style: none outside none;
}

.top-bar-menu ul li a{
	padding: 0 10px;
	border-right: 1px solid #fff;
	font-size:12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.top-bar-menu a{
	color: #fff;
}

.top-bar-menu a.top-menu-red{
	color: #DB0404;
}

.top-bar-menu ul li:first-child a{
	padding-left: 0;
}

a.top-bar-basket{
	float: left;
	background: #fff;
	border-radius: 3px;
	padding: 8px 3%;
	margin-left: 5%;
	width: 29%;
	font-size: 14px;
	text-align: left;
	color: #262626;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.top-bar-basket:hover{
	color: #fff;
	background: #16348E;
}

a.top-bar-basket span.woocommerce-Price-amount{
	float: right;
}


.on-scroll .top-bar-blue{
	padding: 5px 2%;
}

/*.nav.on-scroll a{
	padding: 15px 5%;
}*/


/* Search */

.creato_search{
	float: left;
	width: 60%;
	max-width: 100%;
	position: relative;
}

.creato_search input {
	width: 94%;
	background: none;
	color: #000;
	border: none;
	font-family: inherit;
	font-size: 14px;
	border-radius: 3px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	width: 94%;
	padding: 10px 3%;
	background: #fff url(images/mag-bg.png) no-repeat right center;
}


.ui-autocomplete {
	max-height: 300px;
	overflow: scroll;
	padding: 0;
	top: 45px;
	width: 200px;
	background: #262626;
	color: #fff;
	z-index: 400;
	box-shadow: none;
	border: none !important;
	font-size: 16px;
	margin: 0;
	left: 0;
	list-style: none outside none;
	z-index: 50000;
	float: left;
}

.ui-menu-item {
	padding: 5px 5%;
	display: inline-block;
}

.ui-menu-item:hover {
	color: #fff;
	background: #16348E;
	cursor: pointer;
	margin: 0;
}

.creato_search_loading {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 4px;
	left: 76%;
}

.creato_search_loading.active {
	background: url('images/loading.gif') no-repeat right center;
}

.woocommerce-store-notice, p.demo_store {
    position: fixed;
    font-weight: bold;
    font-size: 16px;
    background-color: #DB0404;
    width: calc(100% - 20px);
    padding: 10px 10px;
    bottom: 0 !important;
    top: inherit;
}

.woocommerce-store-notice__dismiss-link {
	display: none;
}



/* Navigation */

.nav {
	float: left;
	text-align: center;
	width: 100%;
	background: #16348E;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 9000;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	position: relative;
	/*width: 12%;*/
}

.nav a {
	position: relative;
	
	display: inline-block;
	text-decoration: none;
	/*font-size: 14px;
	width: 90%;
	padding: 25px 5%;*/
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  
	  
	  width: auto;
	  padding: 25px 15px;
	  font-size: 14px;
}

.nav a i{
	font-size: 18px;
}

.nav a:hover, .nav .current_page_ancestor > a, .nav .current_page_item > a {
	opacity: 0.5;
}

.nav .menu li ul a:link, .nav .menu li ul a:visited {
	display: block;
	text-decoration: none;
} 

.nav .menu li ul {
	position: absolute;
	display: none;
	background: #262626;
	text-align: left;
	z-index: 1000; 
	border: 1px solid #fff;
	border-top: none;
	margin: 0; 
	padding: 0; 
	width: 470px;
	left: -145px;
	 -webkit-columns: 2; /* Chrome, Safari, Opera */
	 -moz-columns: 2; /* Firefox */
	 columns: 2;
} 

.nav ul li:first-child ul{
	left: 0;
}

.nav ul li:last-child ul{
	right: 0;
	left: inherit;
}

.nav .menu li ul li {
	display: inline-block;
	float: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.nav .menu li ul li a {
	color: #fff;
	padding: 8px 15px;
	font-size: 13px;
}

.nav .menu li ul li a:hover {

}


/* Mobile Nav */

.mobile-nav-header {
	text-align: center;
	float: left;
	width: 100%;
	display: none;
	background: #16348E;
}

.mobile-nav-header:hover{
	cursor: pointer;
	opacity: 0.5;
}

.mobile-nav-header i{
	font-size: 40px;
	padding: 10px 10px;
}

.mobile-nav {
	display: none;
	width: 100%;
	/*max-width: calc(100% - 70px);
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 5000;*/
	float: left;
	background: #262626;
}

.mobile-nav .menu-main-container{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.mobile-nav ul {
	list-style: none;
	padding:0;
	margin:0;
}

.mobile-nav ul li{
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.mobile-nav a {
	float: left;
	width: calc(100% - 80px);
	margin: 0;
	text-transform: uppercase;
	font-size: 16px;
	text-align: left;
	padding: 10px 20px;
	color: #fff;
}

.mobile-nav a:hover, .mobile-nav .current_page_ancestor > a, .mobile-nav .current_page_item > a {
	opacity: 0.5;
}

.mobile-nav li i{
	float: right;
	padding: 11px 0;
	font-size: 18px;
	text-align: center;
	width: 40px;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}

.mobile-nav ul li ul li.mobile-nav-back i{
	float: left;
	font-size: 14px;
}

.mobile-nav ul li ul li.mobile-nav-back{
	display: inline-block;
	width: 100%;
}

.mobile-nav ul li ul li.mobile-nav-back a{
	padding-left: 0;
}

.mobile-nav ul li ul{
	display: none;
	/*position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 200;*/
	width: 100%;
}

.mobile-nav ul li ul li a{
	font-size: 14px;
	padding: 5px 0 5px 40px;
}

.mobile-nav ul li ul li ul{
	z-index: 300;
}






/* Body */

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}


.banner .slide {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.banner .centred{
	height: 600px;
}

.banner .slider-info{
	float: right;
	width: 34%;
	padding: 30px 12% 30px 3%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(38,38,38,0.8);
	color: #fff;
	text-align: left;
	border-radius: 3px;
}


.banner .slider-info h2{
	text-transform: none;
}


.blue-bg{
	float: left;
	width: 96%;
	padding: 20px 2%;
	background: #262626;
	color: #fff;
}


.four-ctas{
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 5000;
	margin: 20px 0 20px 0;
}

a.four-cta{
	float: left;
	padding: 20px 1%;
	margin: 10px 1%;
	border-radius: 3px;
	background: #fff;
	width: 21%;
	color: #707070;
}

a.four-cta .four-cta-image{
	float: left;
	width: 23%;
	height: 40px;
}

.four-cta-image img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

a.four-cta span{
	float: left;
	width: 72%;
	margin-left: 5%;
	text-align: left;
	font-size: 13px;
}

a.four-cta h3{
	color: #2E3188;
	text-transform: uppercase;
	font-weight: bold;
}

.four-cta-image i {
	font-size: 36px;
	color: #DC0404;
	width: 100%;
}





.home-cats-outer{
	display: inline-block;
	width: 100%;
	margin: 30px 0;
	color: #fff;
}


a.home-cat{
	float: left;
	width: 23%;
	margin: 20px 1%;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	color: #fff;
}

.home-cat-overlay{
	float: left;
	width: 90%;
	padding: 20px 5%;
	height: 200px;
	background: rgba(22,52,142,0.6);
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.home-cat-overlay:hover{
	background: rgba(49,68,93,0.1);
	cursor: pointer;
}

.home-cat-overlay h2{
	text-transform: uppercase;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}





.page-content{
	display: inline-block;
	width: calc(100% - 40px);
	margin: 0 20px;
	text-align: left;
}

.home-content{
	margin: 100px 2%;
	width: 80%;
	text-align: center;
}

.crumbs{
	text-align: left;
	font-size: 14px;
	margin: 10px 2% 30px 2%;
	color: #A7A7A7;
	display: inline-block;
	width: 96%;
}


.shop-ctas{
	float: left;
	width: 96%;
	padding: 80px 2%;
	background: #262626;
}

.product-category-header{
	float: left;
	width: 96%;
	background: #262626 !important;
	/*background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;*/
	padding: 50px 2%;
}

.product-category-text{
	float: left;
	width: 700px;
	max-width: calc(100% - 60px);
	padding: 30px;
	background: rgba(22,52,142,0.6);
	color: #fff;
	text-align: left;
	font-size: 14px;
	border-radius: 3px;
}

.product-category-text h2{
	text-transform: none;
}

.product-category-text a{
	color: #fff;
	font-weight: bold;
}

.archive-team{
	float: left;
	width: 23.33%;
	margin: 20px 5%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.archive-team-odd{
	clear: left;
}

.archive-team-image{
	border-radius: 50%;
	border: 10px solid #16348E;
	display: inline-block;
	width: 85%;
	overflow: hidden;
	
	background: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	height: 250px;
	max-height: 270px;
}

.archive-team h2{
	text-transform: none;
	font-weight: bold;
}

a.grid-archive{
	float: left;
	width: 21%;
	margin: 20px 2%;
	color: #fff;
	font-size: 14px;
}

a.grid-archive img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	max-height: 95%;
	margin: 0 auto;
	text-align: center;
}

a.grid-archive-odd{
	clear: left;
}

a.grid-archive .creatomatic-cleverness{
	margin-bottom: 10px;
}

.pagination{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.pagination a.page-numbers{
	color: #fff;
	opacity: 0.6;
}

.pagination a.current, .pagination a.page-numbers:hover {
	opacity: 1;
	
}



/* 404 page */

.error {
	text-align: center;
	margin-bottom: 80px;
}

.error h1 {
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.error h2 {
	margin-bottom: 60px;
	font-size: 20px;
	text-align: center;
}

.error-column-left {
	float:left;
	width:46%;
	margin:20px 2%;
	text-align: left;
		 -o-transition:.5s;
		  -ms-transition:.5s;
		  -moz-transition:.5s;
		  -webkit-transition:.5s;
		  transition:.5s;
}

.error-column-right {
	float:left;
	width:46%;
	margin:20px 2%;
	text-align: left;
		 -o-transition:.5s;
		  -ms-transition:.5s;
		  -moz-transition:.5s;
		  -webkit-transition:.5s;
		  transition:.5s;
}

@media (max-width: 768px) {
	
	
}

@media (max-width: 490px) {
	
	.error-column-left {
		width:96%;
	}
	
	.error-column-right {
		width:96%;
	}
		
}


/* Columnomatic */

.creatomatic-column {
   padding: 10px 2%;
   border: none;
   float: left;
}

.creatomatic-column-two {
	width: 46%;
}

.creatomatic-column-three {
	width: 29.33%;
}

.creatomatic-column-four {
	width: 21%;
}





/* Contact Form */

.contact-info{
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}

.contact-column{
	float: left;
	/* width: 29.33%; */
	margin: 10px 2%;
	text-align: center;
	font-size: 14px;
	
	width: 46%;
}

.contact-column h3{
	font-weight: bold;
	margin-bottom: 20px;
}

.contact-column p{
	margin: 0;
}

.contact-form{
	display: inline-block;
	width: 60%;
	margin: 0 20%;
	text-align: left;
}

.contact-form h2 {
	margin-bottom: 20px;
}

.contact-row {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.contact-row label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 3px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.contact-row input[type="text"], .contact-row textarea {
	border: 1px solid #4B4B4B;
	padding: 8px 1%;
	width: 98%;
	max-width: 98%;
	font-size: 16px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
}


.contact-tandc{
	font-size: 12px;
}


.message {
	color: #fff;
    background-color: #16348E;
    border-color: #16348E;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size:16px;
}






/* Footer */

.subscribe-outer{
	float: left;
	width: 96%;
	padding: 20px 2%;
	background: #F4F4F4;
	color: #2E3188;
	position: relative;
	border-top: 2px solid #fff;
}

.subscribe-outer .centred{
	position: relative;
}

.subscribe-title{
	float: left;
	text-align: left;
	margin-left: 5%;
	max-width: 30%;
	font-weight: bold;
	z-index: 200;
	position: relative;
	margin-top: 15px;
}

.subscribe-title strong{
	font-size: 20px;
}

.subscribe-outer input[type="email"]{
	float: left;
	border-radius: 5px;
	background: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	color: #2E3188;
	width: 45%;
	margin: 10px 2% 0 4%;
	position: relative;
	z-index: 200;
	max-width: 45%;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
}

.subscribe-outer input[type="submit"]{
	border-radius: 5px;
	color: #fff;
	border: none;
	float: left;
	padding: 13px 20px;
	font-size: 14px;
	background: #2E3188;
	margin: 10px 0 0 0;
	z-index: 200;
	position: relative;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
}

.footer-top{
	float: left;
	width: 96%;
	background: #2E3188;
	color: #fff;
	padding: 5px 2%;
}

.footer-top a{
	color: #fff;
}

a.footer-logo{
	float: left;
	margin: 10px 0;
	max-width: 30%;
}

.footer-top-right{
	float: right;
	margin: 20px 0;
	font-size: 18px;
	max-width: 68%;
}

.footer {
	width: 96%;
	padding: 40px 2% 20px 2%;
	float: left;
	background: #262626;
	color: #fff;
}

.christmas-notice {
	margin-bottom: 44px;
}

.footer a{
	color: #fff;
}

.footer a:hover{
	opacity: 0.6;
}

.footer-menu{
	float: left;
	width: 23%;
	margin: 20px 2px 20px 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.footer-menu h3{
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
}

.footer-menu ul li {
	list-style: none outside none;
}


a.social-icon i{
	padding: 5px;
	width: 20px;
	height: 20px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	display: inline-block;
	margin: 5px 5px 5px 0;
}

a.social-facebook i{
	background: #335996;
}

a.social-twitter i{
	background: #00A8F1;
}

a.social-instagram i{
	background: #F03756;
}

a.social-linkedin i{
	background: #2774B3;
}

.credit{
	display: inline-block;
	width: 100%;
	margin: 30px 0 20px 0;
	text-align: left;
	font-size: 12px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}





/* Map */

.map-container, #google-map{
	float: left;
	width: 100%;
}

#google-map{
	height: 400px;
}

@media screen and (-ms-high-contrast: none) {

	.nav {
		position: relative; 
	}

}

/* Browser-specific hacks - Chrome fonts, IE7 (!) dropdowns */

html {
	-webkit-font-smoothing: antialiased;
}

* + html .nav .menu li ul {
	margin-left: -100px;
	margin-top: 25px;
}

#catapult-cookie-bar {
 -webkit-transform: translateZ(0);
 }





#cboxClose {
	top: 0px;
	bottom: auto;
}

h3.drop-down {
	display:block;
	background: #83c249;
	color:#fff;
	padding:10px 2%;
	position: relative;
	}
	
a.button-link, .contact-row button, .button-link, a.wp-block-button__link,
.wp-block-button__link:visited{
	display: inline-block;
	text-transform: uppercase;
	border: none;
	background: #16348E;
	/*background: #16348E url(images/button-link-bg.png) no-repeat right center;
	background-position-x: 93%;*/
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	min-width: 100px;
	text-align: left;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.button-link:after, .contact-row button:after, .button-link:after, a.wp-block-button__link:after{
	content: '\f054';
	font-family: "Font Awesome 7 Pro";
	margin-left: 10px;
}

a.button-link:hover, .contact-row button:hover, .button-link:hover, a.wp-block-button__link:hover{
	cursor: pointer;
	background: #DB0404;
}



/* wordress builtin classes for editor etc  taken from https://codex.wordpress.org/CSS#WordPress_Generated_Classes  */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* end wordress builtin classes for editor etc */





/* Cookie notification styling */


.wc_privacy_notice {
	position: fixed;
	bottom: 0px;
	width: 96%;
	text-align: center;
	background: rgba(255,255,255,0.9);
	border-top: 1px solid #2E3188;
	padding: 10px 2%;
	font-size: 14px;
	z-index: 99999999;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.wc_privacy_text{
	float: left;
	width: 100%;
}

.wc_privacy_text strong{
	float: left;
	font-size: 12px;
}

.wc_privacy_policy_buttons{
	float: right;
}

.reveal_privacy_options, .wc_privacy_policy_buttons button, .wc_privacy_submit{
	display: inline-block;
	padding: 5px 20px;
	margin-left: 10px;
	border-radius: 2px;
	-webkit-appearance:none;
	line-height: normal;
	border: none;
	font-size: 11px;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	
	color: #fff;
	background: #2E3188;
	cursor: pointer;
}

span.reveal_privacy_options_hide{
	display: none;
}

.reveal_privacy_options:hover, .wc_privacy_policy_buttons button:hover{
	opacity: 0.5;
	cursor: pointer;
}

.wc_reveal_options{
	float: left;
	width: 100%;
	padding: 10px 0;
	display: none;
	text-align: left;
	font-size: 12px;
}

.wc_privacy_option {
	float: left;
	background: #efefef;
	padding: 5px 2%;
	margin: 0 2% 0 0;
	width: 19%;
	text-align: center;
}


.page-content .wc_reveal_options {
	float: none;
	display: block;
}

.page-content .wc_privacy_notice {
	position:relative;
	display: inline-block !important;
	border:1px solid #999;
	width:96%;
	padding:20px 1%;
	background: #fff;
	color: #1C2342;
	z-index: 0;
	margin: 2px 0 80px;
	animation: slideDown 0 ease forwards;
		-webkit-animation: slideDown 0 ease forwards;
		-moz-animation: slideDown 0 ease forwards;
		-o-animation: slideDown 0 ease forwards;
	animation-delay: 0;
		-webkit-animation-delay: 0;
		-moz-animation-delay: 0;
		-o-animation-delay: 0;
	}
	
.page-content .wc_privacy_option {
	margin-top: 2px;
}

.page-content .wc_privacy_notice label {	
	display:inline-block;
}

.page-content .wc_reveal_options .wc_privacy_submit {
	margin-top:10px;
	margin-left:0 !important;
}

@media (max-width: 768px) {
	.wc_reveal_options{
		font-size: 12px;
	}	
	
	.page-content .wc_privacy_submit {
		margin:10px 0 0 !important;
	}
	
	.page-content .wc_privacy_option {
	    min-width: 88px;
	}
	
}

@media (max-width: 500px) {
	.wc_privacy_option {
		padding: 5px 2%;
		margin: 5px 2% 0 0% !important;
		width: 44%;

	}
	
	.page-content .wc_privacy_submit {
		padding: 7px 40px;
		margin-right: 5px !important;
	}
	
}








@media (max-width: 1200px) {
	

	.subscribe-outer input[type="email"] {
		width: 35%;
	}

	.subscribe-outer input[type="email"] {
		width: 35%;
	}

}

@media (max-width: 1000px) {

	.nav a {
		font-size: 12px;
		padding: 25px 10px;
	}

}

/* ################################################# TABLET ################################################# */
@media (max-width: 800px) {
	
	.woocommerce-store-notice, p.demo_store {
	    font-size: 14px;
	}

	
	.top-bar-menu{
		font-size: 12px;
	}

	.nav {
		display: none;
	}

	.mobile-nav-header {
		display: inline-block;
	}
	
	#sidebar ul li h2 {
		font-size: 18px;
	}
	
	.price_label {
	    text-align: left;
	}
	
	.top-bar-menu ul li a {
	    font-size: 11px;
    }
	
	.on-scroll .nav a{
		padding: 15px 1%;
	}
	
	.top-bar-blue-right{
		text-align: left;
	}
	
	a.header-logo{
		margin-top: 25px;
	}
	
	.banner .slider-info{
		width: 65%;
		font-size: 14px;
	}
	
	a.home-cat{
		width: 48%;
		margin: 10px 1% 0 1%;
	}
	
	.home-cat-overlay{
		height: 130px;
	}
	
	.home-cat-overlay h2{
		font-size: 18px;
	}
	
	.product-category-text{
		width: 80%;
		font-size: 12px;
	}
	
	.archive-team{
		width: 40%;
	}
	
	.archive-team-odd{
		clear: none;
	}
	
	.archive-team-tablet{
		clear: left;
	}
	
	a.grid-archive{
		width: 46%;
	}
	
	a.grid-archive-odd{
		clear: none;
	}
	
	a.grid-archive-mobile{
		clear: left;
	}
	
	.footer-menu{
		width: 46%;
		margin: 20px 2%;
	}
	
	.footer-top-right{
		font-size: 14px;
	}
	
	.creatomatic-column-two {
		width: 46%;
	}

	.creatomatic-column-three {
		width: 29.33%;
	}

	.creatomatic-column-four {
		width: 21%;
	}
	
	a.four-cta{
		width: 46%;
		padding: 10px 1%;
	}

}

@media (max-width: 768px) {
	
.subscribe-title strong {
    font-size: 16px;
}

.subscribe-outer input[type="email"] {
    width: 30%;
}

}

@media (max-width: 600px) {
	
.subscribe-title {
	max-width: 90%;
    width: 90%;
    margin: 10px 5% 10px;
    text-align: center;
}

.subscribe-outer input[type="email"] {
    padding: 10px 2%;
    width: 66%;
    margin: 10px 15% 10px;
    max-width: 66%;

}

.subscribe-outer input[type="submit"] {
    float: none;
}

}

/* ################################################# MOBILE ################################################# */
@media (max-width: 580px) {
	
	.woocommerce-store-notice, p.demo_store {
	    font-size: 12px;
	}


	
	.top-bar-blue-right{
		width: 100%;
		max-width: 100%;
	}
	
	.top-bar-menu{
		display: none;
	}
	
	a.header-logo{
		width: 50%;
		margin: 10px 25%;
		max-width: 100%;
	}
	
	.banner .slider-info{
		width: 80%;
		padding: 20px 5%;
		font-size: 12px;
	}
	
	a.four-cta .four-cta-image{
		width: 50%;
		margin: 0 25%;
		height: inherit;
	}
	
	.four-cta-image img{
		top: inherit;
		transform: none;
		max-height: 30px;
	}
	
	a.four-cta span{
		font-size: 12px;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	.four-cta i {
		padding-bottom: 8px;
	}
	
	.archive-team{
		width: 90%;
	}
	
	.archive-team-image{
		width: 55%;
	}
	
	a.grid-archive{
		font-size: 12px;
	}
	
	.footer-contact{
		width: 100%;
		margin: 10px 0 20px 0;
		text-align: center;
	}
	
	a.footer-logo{
		width: 40%;
		margin: 10px 30%;
		max-width: 100%;
	}
	
	.footer-top-right{
		display: none;
	}
	
	
	
	.home-content{
		width: 90%;
		margin: 50px 2%;
	}
	
	.home-content{
		width: 90%;
	}

	
	.contact-column{
		width: 96%;
	}
	
	.contact-form{
		width: 90%;
		margin: 20px 5%;
	}
	
	.credit {
	    text-align: center;
    }
    

	/* Columnomatic Tablet */

	.creatomatic-column-two {
		width: 96%;
	}

	.creatomatic-column-three {
		width: 96%;
	}

	.creatomatic-column-four {
		width: 96%;
	}

}




@media (max-width: 480px) {
	
	.archive-team-image {
		width: 75%;
	}
}




/*

.swap-to-black, #primary{
	background: #000 !important;
}

.banner .slider-info, .home-cat-overlay{
	background: rgba(0,0,0,0.6);
}

*/