/*
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}

#bottom_facey{width:100%; float:left; text-align: right}

.wrapper ul {
  list-style: none; /* Hide the default marker */
}

#footer a:hover{color:#d08d31; transition:0.3s; font-weight:600;}

.wrapper ul li {
    padding-left: 25px;
    background-image: url(http://cshandymanservices.co.uk/wp-content/uploads/2024/03/download-e1711138626627.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 0% 5px;
}

#top_banner > a {
    position: absolute;
    right: 5%;
    z-index: 99;
    background: #313c40;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px;
}

#contact_us li{    font-size: 18px;
    font-weight: 600;
    color: #000}
#contact_us{width:100%; float:left;}

#contact_us ul{margin-bottom:20px;display:block; float:left; margin-top:5px;}

#top_banner > a > span{font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 5px;}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700; /* Heavy weight */
    color:#d08d31;
}

/* Paragraphs */
ul li, p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400; /* Regular weight */
}

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

h2 {
  font-size: 30px;
  line-height: 36px; /* Adjust as needed */
  margin-bottom: 18px; /* Adjust as needed */
}

h3 {
  font-size: 24px;
  line-height: 30px; /* Adjust as needed */
  margin-bottom: 16px; /* Adjust as needed */
}

h4 {
  font-size: 20px;
  line-height: 26px; /* Adjust as needed */
  margin-bottom: 14px; /* Adjust as needed */
}

h5 {
  font-size: 18px;
  line-height: 24px; /* Adjust as needed */
  margin-bottom: 12px; /* Adjust as needed */
}

h6 {
  font-size: 16px;
  line-height: 22px; /* Adjust as needed */
  margin-bottom: 10px; /* Adjust as needed */
}

/* Paragraphs */
ul li, p {
  font-size: 15px;
  line-height: 25px; /* Adjust as needed */
  margin-bottom: 16px; /* Adjust as needed */
}

/* 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;
}

body{max-width:1920px; margin: 0 auto;  background:#fff;}


#footer hr{    width: 30px;
    text-align: left;
     float: none; 
    border: 2px solid#313c40;
    display: inline-block;
    text-align: left;
    margin: 0px 0 15px 0;}

 strong{font-weight:bold}

#foot_3 div{font-size:15px; margin-top:10px; width:100%; float:left;}

#footer h4, #footer a, #footer p{color:#000}

#opening_banner img{margin-top:30px; display:block;float:left;width:100%;}

.footer_block{width:30%; float:left;}
#footer{width:100%; float:left; padding:40px 0;position: relative;}

.footer_block a{display:block; margin-bottom:10px;}

.footer_block a {font-size:15px;}

#foot_3{float:right; text-align:right;}

body, input, textarea{  font-family: "Open Sans", sans-serif;}

#home_three{width:100%; float:left;}

#home_three > a{width:50%; float:left; position: relative; height:500px; background:#55555550;}
#home_three > a:hover{opacity:0.8; transition:0.4s;}

#home_three > a img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

#testi {
    width: 100%;
    float: left;
    padding: 0;
}

#top_banner .main_button{font-size:20px;}

#top_banner h1 {
    font-size: 50px;
    line-height: 60px;
    text-shadow: 2px 1px 2px rgba(0,0,0,0.6);
}
#top_banner p{font-size:22px; margin:35px 0; line-height:32px;text-shadow: 2px 1px 2px rgba(0,0,0,0.6);}
#home_three > a span > p {margin:30px 0;}
#home_three > a span > div{display:inline-block; border-radius:30px;padding:10px 20px;}
#top_banner{width:100%; float:left; position: relative;}

#top_banner > img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

#top_banner > #grady{width:100%; height:100%; top:0; left:0; background-color: #00000050; position: absolute;}

.light_overlay{width:100%; height:100%; top:0; left:0; background-color: #d08d3150; position: absolute;}

.dark_overlay{width:100%; height:100%; top:0; left:0; background-color: #00000050; position: absolute;}

.main_button{border-radius:30px;padding:10px 20px; display:inline-block;}

#top_banner .wrapper > span{padding:300px 0;display:block;position: relative;z-index: 4;max-width:600px;}


#top_banner a:nth-child(3){border-radius:30px 0 0 30px;}
#top_banner a:last-child{border-radius:0px 30px 30px 0px;}
#top_banner .wrapper > span * {color:#fff;}


#top_banner.internal .wrapper > span{padding:100px 0 150px 0;}

#top_banner.internal{height:400px;}
#opening_banner p a{border-radius:30px;padding:10px 20px; display:inline-block;background:#d08d31;color:#fff;}
#opening_banner p{font-size:17px; line-height:30px;}
#opening_banner {width:100%; float:left; position: relative; background:#fff; padding:50px 0;}
#opening_banner .wrapper {max-width:900px;}
#opening_banner .wrapper > span{padding:120px 0; display:block;}

.top_wave {
    width: 100%;
    position: absolute;
    left: 0;
    top: -80px;
    height: 85px;
    background-size: cover!important;
    background-position: center top!important;
 
}

#home_three > a > span{
    
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    
    color:#fff;
    
}

hr {
    width: 100px;
    text-align: left;
    float: left;
    border: 2px solid#313c40;
}

.home #top_banner hr{border-color:#fff}

#copyright{background:#d08d31; text-align: center; padding:20px; font-size:13px; width:100%; float:left; color:#fff;}
#copyright a{color:#313c40;}

#opening_banner.blue .wrapper, .wrapper{max-width:1330px; margin:0 auto; display:block;}

a{text-decoration:none;}

#menu {
    float: right;
    margin-top: 45px;
}

#menu a {
    color: #000;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
    padding-left: 30px;
   
}

#header {
    padding: 10px 5%;
    width: 100%;
    float: left;
    background: #f5f5f5;
}

#home_flex{width:100%; float:left;}

#home_flex > div{display:flex; align-content: stretch;}

#home_flex > div > span{width:50%;height:450px;position: relative;}


#home_flex > div > span > span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

#menu a:hover{color:#313c40; transition:0.3s;}


#home_flex > div > span.pic img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

#home_flex > div:nth-child(odd) > span.text{order:3!important;}

#top_bar {
    width: 100%;
    float: left;
    background: #d08d31;
    color: #fff;
}
#top_bar .wrapper{max-width:90%;}

#top_bar span{float:right;}

#home_three h3{color:#fff;}

#top_bar span a {
    color: #fff;
    padding: 7px 0 7px 7px;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}


.page-template-TEMPLATE-aboutus #opening_banner img{display:block; float:left; margin-top:30px;}

button:hover{cursor:pointer; opacity:0.7; transition:0.3s;}

#opening_banner.blue h2{color:#fff;}

#home_flex > div:nth-child(odd) .text a{border-radius:30px;padding:5px 20px; display:inline-block;background:#313c40;color:#fff}
#home_flex > div:nth-child(even) .text a{border-radius:30px;padding:5px 20px; display:inline-block;background:#d08d31;color:#fff;}

#home_flex  .text a:hover{opacity:0.7; transition:0.3s;}
#home_flex > div .text p{margin:30px 0;}

#logo{width:240px; float:left;}

#logo img{width:100%;}

 /* the slides */
  .slick-slide {
      margin: 0 20px;
  }

  /* the parent */
  .slick-list {
      margin: 0 -20px;
  }


button img{width:100%;display:block;}
button.slick-prev.pull-left.slick-arrow {
    width: 40px;
    background: transparent;
    border: none;
    outline: none;
    padding:0;
       left:48%;
}

.slick-slide img {
    display: block;
    height: 360px;
}

button.slick-next.pull-right.slick-arrow {
    width: 40px;
    background: transparent;
    border: none;
    outline: none;
     padding:0;
    left:52%;
}


.slick-arrow {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, -50%);
}


#menu_open,#mobile_menu, #menu_close{display:none;}
.white_button{background:#fff; color:#d08d31}
.light_blue{background:#313c40;}
.dark_blue{background:#d08d31;}

#opening_banner.blue{width:100%; float:left; position:relative; background:#d08d31; color:#fff; }
input, textarea{border:1px solid #888!important;}
#opening_banner.blue .wrapper > span {
    padding: 50px 0;
    display: block;
   
}
textarea{height:160px!important;}
#service_info{width:100%; float:left;margin:80px 0;}

#service_info .wrapper > .text{width:50%; float:left;}

#service_info .wrapper > .form{width:35%; float:right; }

input#gform_submit_button_1{
border:none!important;
    border-radius: 30px!important;
    padding: 10px 20px!important;
    display: inline-block!important;
    background:#313c40!important;
    color: #fff!important;
font-size:15px!important
}


#service_gallery{width:100%; float:left;}

iframe{width:100%; float:left; height:350px;}

#testi .wrapper{text-align:center; max-width:700px;margin-top:60px;}

div#gform_confirmation_message_1 {
    background: #44a144!important;
    padding: 10px!important;
    color: #fff!important;
    text-align: center!important;
    line-height: 30px!important;
        float: left!important;
    width: 100%!important;
}