/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
body{background:#fff;font-family: 'Montserrat', sans-serif!important;}
#top_banner{width:100%; float:left;  background-size:cover!important; background-position: center!important; position: relative;}
input, textarea{font-family: 'Montserrat', sans-serif!important;}

 .contact h3:after{background:#fff!important;margin-bottom:40px!important;}
#top_banner .wrapper span {
    padding: 70px 0;
    float: left;
    width: 500px;
}
body{background:#fff; max-width:1920px; margin:0 auto; display:block;}
#service_info{width:100%; float:left;margin:60px 0;}
#service_info .wrapper span:first-child{width:60%; float:left;}
#service_info .wrapper span:last-child {
    width: 35%;
    float: right;
    background: #799d33;
    padding: 15px 20px;
    margin-top: -60px;
    padding-top: 60px;
    border-radius:0 0 0 30px;
}

#service_info .wrapper span:last-child h3{color:#fff;}

#service_info .wrapper span:first-child a{
    
        background: #799d33;

    
    
  
    display: inline-block;
    border-radius: 0 0px 0 30px;
    border: 2px solid #fff;
    text-transform: uppercase;
  color:#fff;
  
    font-weight: bold;
    font-size: 16px;
    padding: 10px 40px;

    
}
.slick-prev:hover, .slick-next:hover{cursor:pointer;opacity:0.7; transition:0.3s;}
.slick-prev img, .slick-next img{width:100%;}
.slick-prev{position: absolute; top:-70px; right:50px;width:50px;}
.slick-next {
    position: absolute;
    top: -73px;
    right: 0px;
    width: 50px;
    transform: rotate(180deg);
}
button{outline:none!important; border:none!important; background:transparent!important;}

#header .top_links{     position: absolute;
    top: 0;
    right: 0;}

#mobile_open{display:none;}

.home .slick-slide{}

.home .slick-slide *{color:#000;}

.home .slick-slide > span {
  
   
    display: inline-block;
    border-radius: 0 0px 0 30px;
  
    border: 2px solid #799d33;
    text-transform: uppercase;
    background: none;
    color: #799d33;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 40px;
}
#full_text h3:after, #service_info h3:after, #top_banner h1::after {
    display: block;
    width: 60px;
    height: 5px;
    background: #b7d156;
    margin: 20px 0 0 0;
    content: "";
}
input#gform_submit_button_1:hover{}
.home .slick-track > a:hover  > span{ transition:0.3s!important; background:#799d33!important; color:#fff!important;}

.home #services{margin-left:-20px;}
.home #services .nice_heading{margin-left:20px;}

.home .slick-slide h3{margin-top:20px;width:100%; float:left;}

.home .slick-slide > div{width:100%; float:left; height:250px; background-size:cover!important;}
#header .top_links > a{display:inline-block;}
#header .top_links > a:first-child{
    
   
    background: #b7d156;
    padding: 10px 15px;
    color: #fff;
    border-radius: 0 0 0px 30px;
    
}

#header .top_links  > a:last-child{
    
   
    background: #799d33;
    padding: 10px 15px;
    color: #fff;
   
        text-transform: uppercase;
    font-weight: 500;
}

#service_gallery .slick-slide {
    margin: 0 10px; /* Adjust the margin value as needed */
}

.home .slick-slide {
    margin: 0 20px!important;
}


.ti-widget .source-Facebook .ti-star.f{
    background-image:url(https://kearsleytreeservices.co.uk/wp-content/uploads/2024/02/Untitled-design.png)!important;
}
#service_gallery{width:100%; float:left;}

#service_gallery .slick-slide img {
    display: block;
    max-height: 500px;
}

.page-template-TEMPLATE-homepage #top_banner .wrapper span {
    padding: 130px 0;
    float: left;
    width: 500px;
}


#header{width:100%; float:left;}
a{text-decoration:none;}
#logo{width:150px; float:left;}

#logo img{width:100%;}

#top_banner p {
    font-size: 18px;
    line-height: 30px;
    margin: 40px 0;
}
#top_banner a, .button_1{      padding: 5px 20px;
    display: inline-block;
    border-radius: 0 0px 0 30px;
    border: 2px solid #799d33;
    font-weight: 700;
    background:#799d33;
    text-transform: uppercase;
}

#top_banner a:hover, .button_1:hover{
    color: #333!important;
    background: #fff!important;
    transition:0.3s!important;
    
    
}
#menu {
    width: auto;
    float: right;
    margin-top: 90px;
}

#menu a {
    color: #252525;
    margin-left: 20px;

        border-bottom: 2px solid #fff;
    padding-bottom: 9px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}

#menu a:hover, #menu a.active{border-bottom: 2px solid #799d33; tranition:0.3s; color:#799d33;}

.wrapper{max-width:1400px; margin:0 auto; display:block;position: relative; z-index: 2;}
#top_banner #grady{position:absolute; left:0; top:0; width:100%; height:100%; background:#00000070;}

#top_banner *{color:#fff;}

#test{width:100%; float:left; padding:30px 0; background:#799d33;}

#footer #foot_1 > a:hover, #footer #foot_2 > a:hover{color:#799d33;}

/* Heading styles */
h1 {
    font-size: 36px; /* Adjust size as needed */
    line-height: 1.2; /* Adjust line height as needed */
    margin-bottom: 20px; /* Adjust margin as needed */
}

h2 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px;
}

h3 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
}

h4 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}

h5 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 10px;
}

h6 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}

/* Paragraph styles */
p {
    font-size: 16px; /* Adjust size as needed */
    line-height: 28px; /* Adjust line height as needed */
    margin-bottom: 20px; /* Adjust margin as needed */
}

#services{width:100%; float:left;margin:60px 0;}
textarea{height:150px!important}

.contact input, .contact textarea{border:none!important; outline:none!important;}

#services #grid_four > a div{width:100%; float:left; height:200px;margin-bottom:30px; background-size:cover!important; background-position: center!important;}

#services #grid_four > a {color:#252525}
#services #grid_four > a > span{
    display: inline-block;
    border-radius: 0 0px 0 30px;
    border: 2px solid #799d33;
    text-transform: uppercase;
    background: none;
    color: #799d33;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 40px;
}

#services #grid_four > a:hover > span{background:#799d33; color:#fff; transition:0.3s;}

#services h3{font-size:20px;}

.nice_heading{width:100%; display: block;margin-bottom:30px;}
.nice_heading > span{
    
        display: block;
    width: 60px;
    height: 5px;
    background: #b7d156;
        margin: 20px 0 0 0;
    
}

div#home_contact {
    width: 100%;
    float: left;

    padding:60px 0;
    
    position: relative;
    background-size: cover!important;
    background-position: center!important;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#full_text{width:100%; float:left;padding:60px 0;}

#footer{padding:40px 0; width:100%; float:left;}

#footer #foot_1 > a, #footer #foot_2 > a{color:#252525; display:block; margin:10px 0;    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;}

div#home_contact  #grady{position: absolute;left:0; top:0; background:#00000080; height:100%; width:100%;}

div#home_contact h3{color:#fff;}

#copyright {
    width: 100%;
    float: left;
    padding: 20px;
    background: #444444;
    text-align: center;
    font-size: 14px;
    color: #fff;
}


.footer_block{width:30%; float:left;}

#foot_3{float:right;}

#foot_3 span a:first-child {
    display: inline-block;
    background-color: #b7d156;
    border-radius: 0 0 0 30px;
    height: 36px;
    width: 57px;
    margin-bottom: -13px;
    background-image: url(https://kearsleytreeservices.co.uk/wp-content/uploads/2024/02/facebook-128.png);
    background-size: 19px;
    background-position: center;
    background-repeat: no-repeat;
}



#foot_3 span a:last-child{display:inline-block;background:#799d33;}
#foot_3 span a{color:#fff; padding:10px 20px;}
#copyright a{color:#b7d156;}

input#gform_submit_button_1{

    padding: 10px 25px!important;
    display: inline-block!important;
    color:#fff!important;
    border-radius: 0 0px 0 30px!important;
    border: 2px solid #799d33!important;
    font-weight: 700!important;
    background: #799d33!important;
    text-transform: uppercase;
}

#service_info input#gform_submit_button_1{
    
    
        background: #fff!important;
    display: inline-block;
    border-radius: 0 0px 0 30px;
   
    text-transform: uppercase;
    color: #333!important;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 40px!important;
    
    
}
div#home_contact .wrapper{max-width:600px;}

#callback{width:100%; float:left; background:#799d33;min-height:80px;}

#services #grid_four{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 70px;
}

#facebook img {
    width: 15px;
}