/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

h1, h2, h3, h4, h5{
	font-family: 'Prata', serif !important;
	text-transform: none !important;
}

p{
	font-family: 'League Spartan', sans-serif !important;
}

body {
	font-family: 'League Spartan', sans-serif;
	font-size: 1.1rem;
}



.slider_logo {
	width: 200px;
	height: auto;
}

.primary-color {
	background: -webkit-linear-gradient(to bottom, #f5a333 0%, #d08723 100%);
	background: -moz-linear-gradient(to bottom, #f5a333 0%, #d08723  100%);
	background: linear-gradient(to bottom, #f5a333 0%, #d08723  100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}

::selection {
    background: #2d5986;
    color: #FFF;
    text-shadow: none;
}


.error-color{
	color: red;
}

.success-color {
	color: green;
}

.heading-block {
	margin-bottom: 30px;
}

.button {
	background: linear-gradient(to bottom,  #0570c7 0%, #03467c 100%);
	font-family: 'Oswald', sans-serif !important;
	letter-spacing: 3px;
	font-size: 18px;
}

.button:hover {
	background: linear-gradient(to bottom,  #38a3fa 0%, #0570c7 100%) !important;
}

.sec-button {
	background: #fff;
	border: solid 2px #CC6D3D;
	color: #CC6D3D;
}

.sec-button:hover {
	background: #CC6D3D !important;
	border: solid 2px #CC6D3D !important;
	color: #fff;
}

.portfolio-bg {
	background-image: url("../images/testimonial_bg_test.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
  	background-size: cover;
	position: relative;
    background-position-x: left;
    background-position-y: top;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: relative;
    background-attachment: scroll;
}

/* ul {
	list-style-image: url("../images/kirkhamRoofing/tick.png");
} */

.services li {
  background: url(../images/kirkhamRoofing/tick2.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 7px 0px 5px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

a{
	color: #CC6D3D !important;
}

a:hover {
	color: #f5a333 !important;
}

::selection:{
	background-color: #ffcb38;
}

.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover{
	background-color: #fff;
}

.owl-carousel .owl-dots .owl-dot{
	background-color: #cdc8ea;
	opacity:1;
}

.footer-logo {
	width: 140px;
	height: auto;
}

.purple_bdr {
	border-top: solid 3px #2d5986;
}

.slider-caption h2{
	font-size: 3rem;
}

.gas_safe {
	width: 100px;
	height: auto;
}

.footer-list{
	list-style: none;
}

.about-margin {
	margin-top: -100px;
	margin-bottom: 100px;
}

.portfolio-bg{ 
	/* background-image:url("/images/excavator_background.jpg"); 
	background-position:center; 
	background-attachment:scroll; 
	-o-background-size:cover; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover; 
	background-repeat:no-repeat; */
	background-color: #000;
}

.services-bg{ 
	background-image:url("/images/excavator_background.jpg"); 
	background-position:center; 
	background-attachment:scroll; 
	-o-background-size:cover; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover; 
	background-repeat:no-repeat;
}

.inner-contact-bg{
	background-image:url("/images/wall_bg.jpg"); 
	background-position:center; 
	background-attachment:scroll; 
	-o-background-size:cover; 
	-moz-background-size:cover; 
	-webkit-background-size:cover; 
	background-size:cover; 
	background-repeat:no-repeat;
}

.footer-list li{
	font-size: 1.1rem;
}

.menu-link{
	color: #000 !important;
}

.menu-link a{
	color: #000 !important;
}

#footer a{
	color: #eee !important;
}

#footer a:hover{
	color: #B74803 !important;
}

#gotoTop:hover {
   background: linear-gradient(to bottom,  #0570c7 0%, #03467c 100%) !important;
}

.svg-trigger {
    width: 60px;
    height: 60px;
}

#about{
	position: relative;
	top: -100px;
}

#services{
	position: relative;
	top: -100px;
}

#work{
	position: relative;
	top: -100px;
}

#contact{
	position: relative;
	top: -100px;
}

.banner-box{
	width: auto;
	height:auto;
	border: solid 10px;
	background-color: rgba(0, 0, 0, 0.5);
	border-image: 
    linear-gradient(
      to bottom, 
      #6c5529, 
      rgba(196, 184, 160, 1)
    ) 1; 
    padding: 20px;
}

.banner_logo{
	width: 200px;
	height: auto;
}

#logo img {
    display: block;
    max-width: 100%;
    max-height: 60px !important;
    height: 60px;
}

.topH1{
	font-size: 22px !important;
	text-transform: none !important;
}

.topH2{
	font-size: 32px !important;
}

.h2-mid{
	font-size: 20px !important;
	text-transform: none !important;
}

.h3-mid{
	font-size: 26px !important;
}

.heading-block h2{
	text-transform: none;
}

.heading-block h4{
	text-transform: none;
}

.sub-menu-container{
	border-top: 2px solid #2d5986;
}

.ul-extra li{
	list-style: none;
	font-size: 24px;
}

.bg-contact{
	background-image: linear-gradient(to bottom right, #0570c7 0%, #022a4b 100%);
	opacity: 0.9;
}

.heading-block::after {
    border-top: 0px solid #CC6D3D;
    margin-top: 0px;
}

.banner-btn{
	border: solid 2px #fff;
	color: #fff;
}

.small-b-caption{
	padding-top: 100px;
}

.slider-caption h2{
	color: #fff !important;
	text-shadow: 3px 3px 7px #000 !important;
}

.top-h3{
	font-size: 30px;
	color: #fff !important;
	text-shadow: 3px 3px 7px #000 !important;
}

#footer a{
	color: #ddd !important;
}

.one-page-arrow {
	font-size: 50px;
}

.heading-block{
	margin-bottom: 0px;
}

.widget > h4 {
    text-transform: none;
}

.slider-caption h2{
	text-transform: none;
}


.testimonial {
    position: relative;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

#copyrights{
	background-color: #000 !important;
}

.copyrights{
	background-color: #000 !important;
}

#footer a:hover {
    color: #f5a333 !important;
}

.heading-block h3{
	text-transform: none;
}

.bg-black{
	background-color: #000;
}

.slider-element{
	margin-top: 0px !important;
}

.partners-bg{	
	border-top: solid 2px #f5a333;
	border-bottom: solid 2px #d08723;
 }

 .partners-bg .owl-dots{
 	display: none;
 }

.top-banner1{
	background-image: url('../images/garden_room_big.jpg');
}

.container-top{
	background-image: url('../images/container_top.jpg');
}

.bespoke-top{
	background-image: url('../images/garden_room6_top.jpg');
}

.landscaping-top{
	background-image: url('../images/landscaping_top.jpg')
}