/*
 Theme Name:   DRS Surfacing & Driveways
 Description:  A bespoke theme developed by Inner City Digital.
 Author:       Inner City Digital
 Author URI:   https://innercitydigital.co.uk
 Template:     flannigans-road-stone
 Version:      1.0.0
*/

body {
	overflow-x:hidden;
}

body, input, textarea {
font-family: 'Poppins', sans-serif;
}

a.action {
	background:#96a339 ;
		color:#fff!important ;
	text-decoration:none;
    border: 0;
    padding: 20px;
    font-size: 1.4em;
    font-weight: 700;
}
a.action:hover {background:#ef683f;}

.landing_page-template-default #pageWrap {padding-top:0; padding-bottom:0;}

.social {font-size:23px;}
.social a {color:blue;}

.socialfooter a {color:white; font-size:20px; text-decoration:none;}

#logoWrap img {
	max-width:260px;
}

.wow { visibility: hidden; }

.post, .page {
    margin: 0;
}

#responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image img {
    max-width: 140px !important;
}

#responsive-menu-pro-container #responsive-menu-pro-title #responsive-menu-pro-title-image {
	margin-bottom:0px !important;
}

.text-center {
	text-align:center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;	
}

#homeSlider {
	position:relative;
}

.slide {
    height: 90vh;
    max-height: 690px;
    background-size: cover;
    background-position: center;
}

#sliderBanner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(239, 103, 62, 0.85);
    padding: 45px 0px;
    color: #FFF;
}

#sliderBanner .fa-star {
    color: #ffce40;
    font-size: 1.6em;
    letter-spacing: 4px;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.19);
}

#sliderBanner h1 {
    margin: 0;
    font-size: 2.4em;
    line-height: 46px;
    margin-bottom: 8px;
}

#sliderBanner p {
	margin:0;
	font-size:1.1em;
}

#sliderBanner .col-lg-2 a {
	color:#FFF !important;
	text-decoration:none !important;
}

#navWrap {
	background-color: #96a339;
}

#navWrap #menu-item-34 a:before {
	font-family: 'Font Awesome 5 Pro';
	content:"\f0e0";
	margin-right:4px;
}

#navWrap li a {
    padding: 19px 11px;
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: -0.5px;
}


#navWrap li a:hover {
	opacity:0.75;
}

#navWrap .current_page_item a {
	font-weight:900;
	opacity:1 !important;
}

#navWrap .current_page_item a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: " ";
    height: 3px;
    background-color: #ffffff;
    width: 70%;
    margin: auto;
}

.main-navigation ul {
    text-align: center;
}

.main-navigation li {
    float: none;
    display: inline-block;
}

#headerRhs {
	text-align:right;
}

#headerRhs a {
    display: block;
    text-decoration: none;
}

#headerRhs .mailto {
   color:#464646;
}

#headerRhs .mailto:hover {
	color:#ef683f;
}

#headerRhs p {
	margin:0;
	font-weight:bold;
}

#masthead > .container {
	padding:25px 15px;
}

.tel {
    font-size: 2em;
    font-weight: 900;
    color: #96a339;
    letter-spacing: -0.5px;
	text-decoration:none;
}

.mailto {
	color:grey;
	text-decoration: none;
}

.mailto:hover, 
#colophon .tel:hover {
	color:#ef683f;
}

.lsn {
	margin:0;
	padding:0;
	list-style:none;
}

#masthead .lsn li {
	display:inline-block;
	margin-right:30px;
	font-weight: 600;
}

#masthead .lsn li .tel {
	font-size:1.2em;
}

#headbar a:hover {
    color: #ef693f;
}

#homeSlider {
	max-width:100%;
	overflow-x:hidden;
}

.layer {
	padding-top:75px;
	padding-bottom:75px;
}

.serviceBox {
	position:relative;
	margin-bottom:30px;
}

.serviceBox:hover h2 {
    background-color: rgba(150, 163, 57, 0.85);
}

.serviceBox h2 {
    background: #232321e8;
    display: block;
    padding: 15px 20px;
    margin: 0;
    color: #FFF;
    font-size: 1.25em;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 500;
    bottom: 7px;
}

#servicesGrid img {
	width:100%;
}

#heroBanner {
	padding:90px 15px;
	background-image:url('/wp-content/uploads/bannerBg.jpg');
	position:relative;
	background-size:cover;
}

#heroBanner:before {
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(150, 163, 57, 0.75);
}

.parralax {
	background-attachment:fixed;
}

.btn {
    display: inline-block;
    font-size: 1.9em;
    color: #FFF !important;
    background-color: #ef683f;
    font-weight: 600;
    padding: 20px 25px;
    border-radius: 3px;
	text-decoration:none !important;
}

.btn:hover {
	background-color:#FFF;
	color:#000 !important;
	cursor:pointer;
}

#heroBanner h3 {
    font-size: 2.8em;
    font-weight: 900;
    color: #FFF;
    line-height: 61px;
    margin-top: 0;
    margin-bottom: 20px;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
}

#heroBanner p {
	font-size:1.2em;
	color:#FFF;
}

#quoteBox {
    background-color: #96a339;
    padding: 35px;
}


#quoteBox input, 
#quoteBox textarea {
    width: 100%;
    border: 0px;
    padding: 13px;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 15px;
    border: 0px !important;
    background-color: red;
    color: #FFF;
    font-size: 0.9em;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
	margin-top:20px;
}

#quoteBox label {
	color:#FFF;
}

#quoteBox .wpcf7-submit {
	background-color: #ef683f;
    color: #FFF;
    border: 0px;
    padding: 20px;
    font-size: 1.4em;
    font-weight: 700;
}

#quoteBox p {
	margin-top:0;
}

#quoteBox p:last-of-type {
	margin:0;
}

.wpcf7-not-valid-tip {
	display:none !important;
}

.wpcf7-not-valid {
	background-color:pink;
}

.ctaBar {
	background-color: #ef683f;
    padding: 20px;
    color: #FFF;
    margin-top: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 1.25em;
}

#servicesOffered .ctaBar:hover {
	background-color:#96a339 !important;
}

.title {
    font-size: 2em;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.5px;
    position: relative;
}

.title:after {
    position: absolute;
    content: " ";
    background-color: #96a339;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 50px;
}

.tick-list li {
	margin:7px 0px;
	font-size:1.1em;
}

.tick-list li:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0c8";
    color: #96a339;
    margin-right: 9px;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 3px;
    float: left;
}

#colophon {
	background-color: #23201f;
    color: #FFF;
    padding-top: 50px;
}

#colophon .widgettitle {
    margin-top: 0;
    border-bottom: 1px solid #ef683f;
    padding-bottom: 3px;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 700;
}

#colophon p {
	color:#c1c1c1;
}

#colophon p b {
	color:#FFF;
}

#colophon div:nth-of-type(2), #colophon div:nth-of-type(3) {
	padding-left:30px;
}

.ctaBar a {
	color:#FFF !important;
	text-decoration:none !important;
}

.ctaBar p {
	margin:0;
	font-size:1.1em;
}

#credits p {
    margin-top: 0;
    font-size: 0.85em;
    color: #777777;
}

#credits .brand {
    color: #075397;
    font-weight: 600;
    text-decoration: none;
}

#credits .brand span {
	color:#51a2da;
}

#credits p:first-of-type {
	float:left;
}

#credits p:last-of-type {
	float:right;
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    font-weight: 700;
}

#responsive-menu-pro {
	margin-top:30px !important;
}

/** Service Page **/

#pageBanner {
	position: relative;
}

#pageBanner .bannerImg {
    min-height: 460px;
    background-size: cover;
    background-position: center;
}

#pageBanner #sliderBanner {
    background-color: rgba(33, 33, 33, 0.89);
    padding: 20px 0px;
}

.layer p a {
    color: #96a339;
    font-weight: 600;
}

.smaller-title {
	font-size:1.4em !important;
}

.badge {
    background: #96a339;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #FFF;
}

.badge:hover {
	background-color:#ef683f !important;
}

.home .badge:hover {
	background-color:#333 !important;
}

.badge span {
    font-weight: 900;
    font-size: 1.8em;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: -0.5px;
}

#sliderBanner a {
	color:#FFF !important;
	text-decoration:none !important;
}

.page-template-ServicePageTemplate .ctaBar {
    background-color: #96a339;
    font-weight: 600;
    font-size: 1.6em;
}

.page-template-ServicePageTemplate .ctaBar:hover {
	background-color:#ef683f !important;
}

.galleryLayer .title, #serviceQuote .title {
	margin-bottom:40px;
}

.galleryLayer img {
	border-radius:4px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


.galleryLayer img:hover {
-moz-transform: scale(0.95);
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
opacity:0.8;
cursor:pointer;
}

.text-center .title:after {
	left: calc(50% - 25px);
	right: 0;
	margin: auto;
}

.grey {
	background-color:#f3f3f3;
}

.overlay {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(243, 243, 243, 0.85);
	
}

#serviceQuote {
	background-image:url('/wp-content/uploads/brick-bg.jpg');
	background-position:center;
	background-size:cover;
	position:relative;
}



#serviceQuote input, 
#serviceQuote textarea {
    width: 100%;
    border: 0px;
    padding: 13px;
	margin:7px 0px;
}

#serviceQuote .wpcf7-submit, #cForm .wpcf7-submit, #quoteForm .wpcf7-submit {
	background-color:#96a339;
    color: #FFF;
    border: 0px;
    padding: 20px;
    font-size: 1.4em;
    font-weight: 700;
	cursor:pointer;
}

#serviceQuote .wpcf7-submit:hover, #cForm .wpcf7-submit:hover, #quoteForm .wpcf7-submit:hover {
	background-color:#ef683f;
}

#quoteForm .wpcf7-not-valid {
	border-color:red !important;
}

.payments {
    max-width: 170px;
}

.z-container {
	position: relative;
    z-index: 5;
}

#cInfo label {
    display: block;
    font-weight: 600;
    color: #ababab;
    font-size: 1.1em;
}

#cInfo label:nth-of-type(2), #cInfo label:nth-of-type(3) {
	margin-top:15px;
}

.cAddress {
    margin-top: 30px;
    font-size: 1.1em;
    line-height: 27px;
}

html.with-featherlight {
    overflow: inherit;
}

#cInfo .tel {
	font-size:1.5em;
}

#cForm input, 
#cForm textarea {
    width: 100%;
    font-size: 1.1em;
    border-radius: 0px;
    padding: 12px;
}

#quoteForm input:not([type="submit"]), #quoteForm select, #quoteForm textarea {
	width:100%;
	padding:20px;
	font-size:1.1em;
	margin:10px 0px;
	background:#FFF !important;
}

#quoteForm .content-heading {
    margin-top: 30px !important;
    display: block;
    margin-bottom: -5px;
    font-size: 1.1em;
    font-weight: 600;
}

#quoteForm br {
	display:none !important;
}

#serviceTop p {
    line-height: 34px;
    font-size: 1.05em;
}

#numbers {
	background-color:#444;
	color:#FFF;
	background-image:url('/wp-content/uploads/brick-bg.jpg');
	position:relative;
}

#numbers .overlay {
    background-color: rgba(37, 37, 36, 0.91);
}

#numbers .col-md-3 .numberSection {
	margin:10px 0px;
}

#numbers .col-md-3 .numberSection span {
    color: #96a339;
    font-weight: 600;
    line-height: 28px;
    font-size: 1.1em;
    letter-spacing: -0.5px;
}

#numbers .col-md-3 .numberSection div {
    display: inline-block;
    width: 72%;
    margin-left: 10px;
}

#numbers .num {
    font-weight: 700;
    font-size: 2.2em;
    margin: 0;
    line-height: 30px;
}

#numbers i {
    font-size: 2.9em;
    display: inline-block;
    vertical-align: top;
}

.wpcf7-mail-sent-ok {
	background-color:#5dc15d !important;
}

#testimonials {
background-color: whitesmoke;
}

.strong-view-id-2 .testimonial-inner {
    background: transparent !important;
}

#mapWrap {
    height: 300px;
    overflow: hidden;
}