/*
Theme Name: Warwick Signs
URL: 
Author: Tom Batchelder
Author URL: http://formationdesigners.co.uk
*/

body{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #333;
	background-color: #eee;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

.clear{
	clear: both;
}

section{
	position: relative;
	max-width: 1170px;
	height: 100%;
	margin: 0 auto;
}

section.wide-section{
	max-width: 1920px;
}
section.wide-section > img{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/** HEADER **/

.header-wrapper{
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 10000;
}
header{
	position: relative;
	max-width: 1170px;
	height: 80px;
	margin: 0 auto;
	background-color: #000;
}

.logo{
	width: 242px;
	height: 50px;
	background: url('images/logo.png') 0px 0px no-repeat;
	background-size: contain;
	text-indent: -300em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 25px;
}

nav#main-menu{
	float: right;
}

nav#main-menu ul{
	list-style: none;
}

nav#main-menu ul li{
	float: left;
	height: 80px;
	font-size: 1.0em;
	line-height: 80px;
	text-transform: uppercase;
	color: #fff;
}

nav#main-menu ul li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 18px;
	color: inherit;
	text-decoration: none;
}

nav#main-menu ul li.contact-btn, nav#main-menu ul li:hover{
	background-color: #e40b8a;
}
nav#main-menu ul li.contact-btn{
	display: block !important;
}

nav#main-menu ul li.contact-btn a:before{
	display: inline-block;
	content: '\f095';
	font-family: 'FontAwesome';
	margin-right: 5px;
}

nav#main-menu ul li:last-child:hover a{
	text-decoration: underline;
}

/** END HEADER **/

/** SUBMENUS **/

.submenu-container{
	margin-top: 60px;
}

.submenu-box{
	width: 49%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #e40b8a;
	text-align: center;
}

.submenu-box:nth-child(2n){
	margin-right: 0;	
}

.submenu-box:hover{
	background-color: #ce0e7e;
}

.submenu-box a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	color: inherit;
	text-decoration: none;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
}
	

/** END SUBMENUS **/

/** MAIN SLIDER **/

.slider-container{
	position: relative;
	max-width: 100%;
	height: 700px;
	background: #000;
}
.slider-container.no-banner {
  height: 130px;
}
@media screen and (max-width: 1170px) {
  .slider-container.no-banner {
    height: 80px;
  }
}

.slider-container ul li{
	position: relative;
	width: 100% !important;
	height: 700px;
	background-position: 50% 50%;
	background-size: cover;
}

.slider-box{
	width: 400px;
	position: absolute;
	bottom: 95px;
	right: 0;
	color: #fff;
	z-index: 9998;
}

.slider-box-header{
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 0 0 0 18px;
	background-color: #000;
	font-size: 2.8em;
}

.slider-box-header span{
	display: inline-block;
	float: right;
	height: 100%;
	background-color: #e40b8a;
	padding: 0 12px;
}

.slider-box-content{
	background-color: rgba(0, 0, 0, 0.7);
	padding: 8px 15px 10px;
	font-size: 1.4em;
	line-height: 140%;
}

.slider-animated{
	position: relative;
	margin: 0 auto;
	-webkit-transform: scale(0.8,0.8);
	    -ms-transform: scale(0.8,0.8);
	        transform: scale(0.8,0.8);
	-webkit-animation: imageSwell 8000ms ease;
	        animation: imageSwell 8000ms ease;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

@-webkit-keyframes imageSwell{
	0%{-webkit-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}
	100%{-webkit-transform: scale(1,1);transform: scale(1,1);}
}

@keyframes imageSwell{
	0%{-webkit-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}
	100%{-webkit-transform: scale(1,1);transform: scale(1,1);}
}

/** END MAIN SLIDER **/

/** TESTIOMINAL SLIDER **/

.main-content#testimonials{
	 padding: 70px 0;
	 height: auto;
 }
 
 .testimonial-slider{
	 color: #fff;
	 font-size: 1.05em;
	 line-height: 140%;
 }
 
 .testimonial-slider li{
	 padding: 0 45px;
 }
 
 .testimonial-slider li:nth-child(2n){
	 text-align: right;

 }
 
 .testimonial-name{
	 font-weight: bold;
	 margin-top: 20px;
 }


/** TESTIMONIAL SLIDER **/

/** PAGE **/

 .main-content{
	 width: 100%;
 }
 
 .main-content.highlight{
	 background-color: #e6118d;
	 background-image: url('images/crown.png');
	 background-repeat: no-repeat;
	 background-position: left 79%;
 }	 
 
 .content-box{
	 position: relative;
	 width: 100%;
	 padding: 60px 0;
	 margin: -100px auto;
	 background-color: #fff;
	 z-index: 9997;
   -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
           box-shadow: 0 0 20px rgba(0, 0, 0, .2);
   
 }
 
 .content-box.two-col{
	 padding: 42px 84px;
 }
 
 .content-box ul{
	 margin-top: 30px;
 }

.content-box.no-slider {
  margin-top: 0;
}

.content-box.no-slider .breadcrumb {
  margin-top: 50px;
}

.content-box.no-slider .page-title {
  margin-bottom: 10px;
  text-align: left;
  font-size: 2.5em;
  letter-spacing: -1px;
}

.content-box.no-slider .page-title.archive-title {
  margin-bottom: 30px;
}

.posted {
  color: #9a9a9a;
  margin-bottom: 30px;
}

.back-to-news {
  text-decoration: none;
  padding: 15px 20px!important;
  text-transform: uppercase;
  float: left!important;
}

.news-archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}

.news-archive .post {
  width: calc(33% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 40px;
}

.news-archive .post .image {
  display: block;
  margin-bottom: 20px;
}

.news-archive .post .excerpt {
  line-height: 1.6;
}

.news-archive .post .title {
  display: block;
  margin-bottom: 5px;
  color: #e40b8a;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.3;
}

.news-archive .post .posted {
  display: block;
  margin-bottom: 15px;
}

.news-archive .post .image img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 576px) {
  .news-archive {
    display: block;
  }
  
  .news-archive .post {
    width: calc(100% - 30px);
  }
  
  .news-archive .post:not(:last-child) {
    margin-bottom: 50px;
  }
}

 /*.content-box ul li{
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #e40b8a;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
 }*/

/* Replaced with */

.content-box ul li{
  list-style-type: disc;
  padding-left: 10px;
  list-style-position: inside;
  line-height: 1.4;
 }

ul.examples-list li {
  width: 32%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #e40b8a;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
  list-style-type: none;
  padding-left: 20px;
  list-style-position: outside;
}

/* end replacement */
 
 .content-box ul li:nth-child(3n){
	 margin-right: 0;
 }
 
 .two-col .col{
	width: 48%;
	float: left;
	margin-right: 4%;	 
 }
 
 .two-col .col + .col{
	 margin-right: 0;
 }
 
.content-box article{
	 max-width: 780px;
	 margin: 0 auto;
 }

/** END PAGE **/

/** CONTACT PAGE **/

#contact-details{
	line-height: 140%;
}

#contact-details iframe{
	width: 100%;
	height: 300px;
	margin-top: 30px;
}

.contact-phone{
	margin-top: 20px;
}

#contact-form.col, #contact-details.col{
	margin-top: 20px;
}

#contact-form.col{
	padding-right: 20px;
}

#contact-form label{
  /*
	width: 25%;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-bottom: 15px;
  */
}
span.wpcf7-list-item {
  margin: 0!important;
}

#contact-form input[type="text"], #contact-form input[type="email"]{
	width: 100%;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-bottom: 15px;
	border: 1px solid #e7e7e7;
	padding-left: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 1.0rem;
	-webkit-appearance: none;
	border-radius: 0px;
}

#contact-form textarea{
	width: 100%;
	float: left;
	height: 233px;
	border: 1px solid #e7e7e7;
	padding: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 1.0rem;
	-webkit-appearance: none;
	border-radius: 0px;
}

#contact-form input[type="submit"],
.btn{
	background-color: #e40b8a;
	border: none;	
	font-size:  1.1em;
	font-weight: bold;
	color: #fff;
	padding: 8px 18px;
	margin-top: 15px;
	float: right;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0px;
}

#contact-form input[type="submit"]:hover{
	background-color: #c40b77;
}

/** END CONTACT PAGE **/

/** HIGHLIGHTED MENU **/

.highlighted-pages-content{
	width: 100%;
	background: #000;
}

.highlighted-pages{
	width: 100%;
}

.highlighted-pages-col{
	position: relative;
	float: left;
	height: 450px;
	width: 33.3%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.highlighted-pages-col#first-highlight{
	background-image: url('images/signage.jpg');
}
.highlighted-pages-col#second-highlight{
	background-image: url('images/vehiclegraphics.jpg');
}
.highlighted-pages-col#third-highlight{
	background-image: url('images/otherservices.jpg');
}

.highlighted-pages-col a{
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.highlighted-pages-title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	padding: 0 25px;
	background-color: rgba(0, 0, 0, 0.4);
	line-height: 75px;
	color: #fff;
	font-size: 2.0em;
	text-align: right;
	-webkit-transition: height 200ms ease;
	-o-transition: height 200ms ease;
	transition: height 200ms ease;
}

.highlighted-pages-col:hover .highlighted-pages-title{
	height: 85px;
}

/** END HIGHLIGHTED MENU **/

/** COMPANY LOGOS **/

.company-logo-container{
	height: 200px;
	padding: 50px 0;
}

.company-logo-container a{
	margin-right: 35px;
	text-decoration: none;
}

.company-logo-container a:last-child{
	margin-right: 0;
}

.company-logo{
	max-width: 80% !important;
	opacity: 0.8;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.company-logo:hover{
	opacity: 1;
}

.companies-slider{
	height: 190px
}

.companies-slider li{
	height: 190px;
	line-height: 190px;
}

/** END COMPANY LOGOS **/

/** TEXT **/

h1, h2{
	text-transform: uppercase;
	color: #e40b8a;
}

h1{
	font-size: 3.5em;
	letter-spacing: -2px;
}

h2{
	font-size: 1.8em;
}

h3{
	font-size: 1.4em;
}

.page-title{
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;
}

.page-subtitle{
	font-size: 1.7em;
	font-weight: bold;
	color: #000;
	margin-bottom: 20px;
}

.highlight h2{
	font-size: 3.5em;
	color: #fff;
}

h1 small{
	font-size: 0.6em;
	color: #000;
}

strong{
	font-weight: bold;
}

article#home-content h1{
	margin-top: -20px;
}


article p{
	margin: 17px 0;
	line-height: 1.4;
}

article#home-content p{
	margin: 35px 0 0 0;
	line-height: 130%;
}

/** END TEXT **/

/** FOOTER **/

footer{
	width: 100%;
	background-color: #000;
	height: 60px;
	line-height: 60px;
	color:  #fff;
	text-transform: uppercase;
	font-size: 0.8em;
}
	
.footer-copyright{
	float: left;
	padding-left: 15px;
}
	
nav#footer-menu{
	float: right;
}
	
nav#footer-menu ul li{
	float: left;
}

nav#footer-menu ul li.footer-btn{
	display: block !important;
}
	
nav#footer-menu ul li a{
	padding: 0 10px;
	color: inherit;
	text-decoration: none;
}
	
nav#footer-menu ul li a:hover{
	text-decoration: underline;
}

/** END FOOTER **/

/** OTHER **/

.slide-link{
	cursor: pointer;
}
.slide-link:hover{
	background-color: #c90a7a;
}
#page-slider ul li:before{
	padding-top: 0;
}
#page-slider ul li{
}
#page-slider ul li img{
	width: auto;	
}
.page-slider-container{
	min-height: 225px;	
	background-color: #000;
}
#page-slider:before{
	padding-top: 0;
}

@media screen and (max-width: 455px){
	.page-slider-container{
		height: 225px;
	}
	#page-slider ul li img{
		height: 160px;
		width: auto;
		max-width: none;	
	}
}

/** END OTHER **/
/** BREADCRUMB **/

.breadcrumb{
	max-width: 780px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto 30px;
	color: #afafaf;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}
.breadcrumb-item:not(:last-child):after{
	content: '/';
	color: #afafaf;
	margin: 0 6px;	
}
.breadcrumb a{
	color: #e40b8a;
	text-decoration: none;
}

/** END BREADCRUMB **/
/** RESPONSIVENESS **/

.menu-btn{
	display: none;
	height: 80px;
	line-height: 80px;
	padding: 0 20px;
	color: #fff;
	cursor: pointer;
	float: left;
}
.menu-btn:before{
	content: '\f0c9';
	font-family: 'FontAwesome';
	font-size: 26px;
}

@media screen and (max-width: 1170px){
	.page-slider-container{
		padding-top: 80px;	
	}
	.content-box{
		margin-top: 0;	
	}
}

@media screen and (max-width: 1210px){
	.content-box.two-col{
		padding: 42px;	
	}
}

@media screen and (max-width: 1115px){ 
	nav#main-menu ul li a{ 
		padding: 0 12px;
	}
	#footer-menu ul li{
		display: none;
	}
	.highlighted-pages-title{
		font-size: 1.5em;
	}
	.testimonial-slider li{
		text-align: center !important;
	}
}

@media screen and (max-width: 1030px){
	nav#main-menu ul li{
		display: none;
	}
	.menu-btn{
		display: block;
	}
	.logo{
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}

@media screen and (max-width: 950px){
	.slider-container{
		height: auto;
	}
	.slider-container:before{
		content: '';
		display: block;
		padding-top: 70%;
		overflow: hidden;
	}
	.slider-container section{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.slider-container > section{
		margin-top: 65px;
	}
	.slider-box{
		bottom: 180px;
	}
	.slider-container section img{
		height: 100%;
		width: auto;	
	}
	.slider-container ul li{
		height: auto;
	}
	.slider-container ul li:before{
		content: '';
		padding-top: 70%;
		display: block;	
	}		
	
}

@media screen and (max-width: 840px){
	.highlighted-pages-col{
		height: 350px;
	}
	.highlighted-pages-title{
		padding: 0 15px;
		font-size: 1.2em;	
	}	
}

@media screen and (max-width: 820px){
	.content-box{
		padding: 25px 40px;	
	}
}

@media screen and (max-width: 750px){
	nav#main-menu ul li.contact-btn{
		display: none !important;
	}
	.submenu-box a{
		font-size: 0.9em;
	}
	.content-box ul li{
		width: 49%;
	}
	.content-box ul li:nth-child(3n){
		margin-right: 2%;
	}
	.content-box ul li:nth-child(2n){
		margin-right: 0;
	}
	.slider-box{
		bottom: 180px;	
	}
}

@media screen and (max-width: 710px){
	.two-col .col{
		width: 100%;
		margin-right: 0 !important;
		padding: 0 !important;
	}
	#contact-form.col{
		padding-bottom: 20px !important;
	}
	.content-box.two-col{
		padding: 42px 30px;
	}
}

@media screen and (max-width: 630px){
	.highlighted-pages-col{
		width: 100%;
		height: 160px;	
	}
	.highlighted-pages-title{
		height: 45px;
		line-height: 45px;
	}
	.submenu-box{
		width: 100%;
		margin-right: 0 !important;
	}
	.main-content#testimonials{
		padding: 40px 0 20px 0;
		height: auto;
	}
	.testimonial-slider li{
		padding: 0 25px;
	}
	.slider-box{
		display: none;
	}
}

@media screen and (max-width: 540px){
	body{
		font-size: 15px;
	}
	article#home-content p{
		margin-top: 20px;
	}
	.content-box{
		padding: 25px;	
	}
	footer{
		height: auto;
		line-height: 100%;
		padding: 15px 0;
	}
	.footer-copyright, nav#footer-menu{
		float: none;
		width: 100%;
		padding: 15px 0;
		text-align: center;
	}
	nav#footer-menu ul{
		display: inline-block;
	}
}

@media screen and (max-width: 500px){
	.header-wrapper, header, .menu-btn{
		height: 65px;
		line-height: 65px;
	}
	.logo{
		width: 189px;
		height: 40px;
	}
	.page-slider-container{
		padding-top: 65px;	
	}
}

@media screen and (max-width: 465px){
	h1, .highlight h2{
		font-size: 3.0em;
	}
	.content-box ul li{
		width: 100%;
		margin-right: 0 !important;
		height: 35px;
		line-height: 35px;
	}
}

@media screen and (max-width: 390px){
	body{
		font-size: 14px;
	}
	h1, .highlight h2{
		font-size: 2.6em;
	}
}

@media screen and (max-width: 350px){
		
}




#company-slider {
  background: #fff;
}

.page-slider-container .bx-wrapper .bx-prev {
  left: 50px!important;
}

.page-slider-container .bx-wrapper .bx-next {
  right: 50px!important;
}

.bx-wrapper .bx-controls-direction a  {
  background: #e40b8a;
  border-radius: 0;
}
@media screen and (max-width: 1320px) {
  .bx-wrapper .bx-prev {
    left: 10px!important;
  }

  .bx-wrapper .bx-next {
    right: 10px!important;
  }
}

.fileupload {
  margin-top: 23px;
  margin-bottom: 20px;
  float: left;
}

p {
  line-height: 1.6;
}

ul + h2,
ul + h3 {
  margin-top: 60px;
}

p + h2,
p + h3 {
  margin-top: 60px;
}

span.wpcf7-not-valid-tip {
  float: left;
}

span.wpcf7-not-valid-tip {
  margin-top: -10px;
  margin-bottom: 20px;
}

.main-content img {
  display: block;
  max-width: 100%;
  height: auto;
}

body #moove_gdpr_cookie_info_bar {
  align-items: flex-end;
  background: rgba(32, 32, 32, .8) !important;
  border-top: 0 !important;
  display: flex !important;
  height: 100%;
  justify-content: center;
  max-height: none !important;
  z-index: 10001;
}
body .lity { 
  z-index: 10020 !important;
}
body #moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
  bottom: -110% !important;
}
body .moove-gdpr-info-bar-container {
  background: #202020;
  display: inline-flex !important;
  justify-content: center;
  width: 100%;
}
body .moove-gdpr-info-bar-content {
  width: auto !important;
}
@media screen and (min-width: 1024px) {
  body #moove_gdpr_cookie_info_bar {
    align-items: flex-end;
    background: rgba(32, 32, 32, .8) !important;
    border-top: 0 !important;
    display: flex !important;
    height: 100%;
    justify-content: center;
    max-height: none !important;
  }
  body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    padding: 60px;
  }
  body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {
    padding: 15px 40px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }
}