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

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


header#header {
   padding:10px 0;
float:left;
    width: 100%;
    background: #ffffff;
}


#home_icons span i{
     font-size: 40px !important; 
}

a{text-decoration:none;}

h1,h2,h3,h4,h5,h6,body,span,input,textarea,select,p,div{  font-family: "DM Sans", sans-serif!important;
  font-optical-sizing: auto;
  font-style: normal;}

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

.wrapper{max-width:1400px; margin:0 auto;position: relative;z-index: 2;}

#top_banner{width:100%; float:left; position: relative;height:400px;}

#top_banner > span.grady {
    width: 100%;
    height: 100%;
    background:linear-gradient(to top, rgb(65 65 65), rgba(0, 0, 0, 0));
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}

#top_banner > span.text{ position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);z-index: 2;
color:#fff;
    width:700px;
    text-align: center;

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

div#top_bar a {
    margin-left: 25px;
    font-weight:bold;
}
div#top_bar a > span{font-weight:500;font-size:12px;margin-tight:5px;}

#reviews{width:100%; float:left;padding:50px 0;position: relative;}

#opening {
    width: 100%;
    float: left;
    padding: 0 0 70px;
}

#reviews.internal{background:#EFEFEF;}


.grey_top_internal {
    background: url(https://shaunhearnden-1x79.temp-dns.com/driving/wp-content/uploads/2024/05/wave_bottom_new_grey.fw_.png);
    left: 0;
    width: 100%;
    height: 116px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-position: top center;
}

#opening .wrapper{text-align:center; max-width:900px;margin-top:-30px;}
.home #top_banner{height:700px;}
img{width:100%;}
#logo{width:230px;display:block;float:left;}

#top_banner h1{    font-size: 53px;
    font-weight: 600;

text-shadow: 2px 1px 2px rgba(0,0,0,0.6);

}

#copyright{width:100%; float:left; background:#242424; color:#fff; text-align: center; font-size:13px; padding:10px;}

#copyright a{color:#ffe433}

#top_banner p{font-size:25px;text-shadow: 2px 1px 2px rgba(0,0,0,0.6);}

h1,h2,h3,h4,h5,h6{font-weight:600;}

#menu{margin-top:20px;}
#menu a {
    font-weight: 600;
    font-size:18px;
    color: #000;
    margin-left: 20px;
}


#top_bar{    width: 100%;
    float: left;
    text-align: right;
    background: #ffe433;
    padding: 8px;
    font-size: 15px;
}

#callback{width:100%; float:left; background:#ffe433; text-align: center;padding:10px 0;}

#callback p{margin-bottom:25px;}

#top_banner .text > span a:first-child {
    background: transparent;
    color: #ffe433;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
    border: 1px solid #ffe433;
      width:190px;
}


#top_banner .text > span a:last-child {
    background: #ffe433;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
    border: 1px solid #ffe433;
    width:190px;
}

.wave_bottom_white{background:url(https://shaunhearnden-1x79.temp-dns.com/driving/wp-content/uploads/2024/05/wave_bottom_new_white-e1715334364304.png);
left:0;
    width: 100%;
    height: 116px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    z-index: 2;
background-position: top center;
}


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

/* Heading 2 */
h2 {
    font-size: 30px; /* Adjust the size as needed */
    line-height: 1.3; /* Adjust the line height as needed */
    margin-top: 25px; /* Adjust the top margin as needed */
    margin-bottom: 15px; /* Adjust the bottom margin as needed */
}

/* Heading 3 */
h3 {
    font-size: 24px; /* Adjust the size as needed */
    line-height: 1.4; /* Adjust the line height as needed */
    margin-top: 20px; /* Adjust the top margin as needed */
    margin-bottom: 15px; /* Adjust the bottom margin as needed */
}

/* Heading 4 */
h4 {
    font-size: 20px; /* Adjust the size as needed */
    line-height: 1.5; /* Adjust the line height as needed */
    margin-top: 15px; /* Adjust the top margin as needed */
    margin-bottom: 10px; /* Adjust the bottom margin as needed */
}

/* Heading 5 */
h5 {
    font-size: 18px; /* Adjust the size as needed */
    line-height: 1.6; /* Adjust the line height as needed */
    margin-top: 15px; /* Adjust the top margin as needed */
    margin-bottom: 10px; /* Adjust the bottom margin as needed */
}

/* Heading 6 */
h6 {
    font-size: 16px; /* Adjust the size as needed */
    line-height: 1.7; /* Adjust the line height as needed */
    margin-top: 15px; /* Adjust the top margin as needed */
    margin-bottom: 10px; /* Adjust the bottom margin as needed */
}

/* Paragraph */
p, ul li{
    font-size: 16px; /* Adjust the size as needed */
    line-height: 1.6; /* Adjust the line height as needed */
    margin-top: 10px; /* Adjust the top margin as needed */
    margin-bottom: 10px; /* Adjust the bottom margin as needed */
}



#menu{width:auto; float:right;}


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

#home_flex_alt > span{display:flex; align-content: stretch;}


#home_flex_alt > span > div {
    width: 50%;
    position: relative;
    padding: 100px 260px 100px 100px;
}

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


.gform-body.gform_body {
    width: 75.5%;
    display: inline-block;
    float:left;
}

.gform_footer.before {
    width: 23%;
    float: right;
}
input#gform_submit_button_1 {
    width: 100%;
    border: none;
    padding: 8px;
    background: transparent;
    color: #252525;
    position: relative;
    top: -21px;
    border: 1px solid #252525;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

input#gform_submit_button_1:hover{background:#000!important; color:#fff!important;transition:0.3s; cursor:pointer!important;}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    border: none;
    outline: none;
}

#home_flex_alt > span:nth-child(even) .pic{order:2;}
#home_flex_alt > span:nth-child(even) > div{padding:100px 100px 100px 260px}



#home_flex_alt  a{
    background: #fff;
    color: #252525;
    font-weight: 600;
    text-align: center;
    padding: 10px 30px;
    border-radius: 0;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    border: 1px solid #252525;
    text-decoration: none;
    
}


.reviews_bottom_gap{padding-bottom:150px;}

#reviews h3{text-align:center;}

#prices{width:100%; float:left;position: relative;}

#prices .wrapper > span{width:100%; float:left;}
#prices .wrapper > span > div{width:100%; float:left;
 margin-bottom:30px;
 padding:0 30px;
   

    border: 1px solid #ffe433;


}
#prices .wrapper > span > div h3{  color: #ffe433;}
 

#prices .wrapper > span >  div p{width:25%; float:left; text-align: left;}

div#reviews .wrapper {
    margin-top: -90px;
    position: relative;
    z-index: 2;
}

#home_icons {
    width: 100%;
    float: left;
    padding: 80px 0 170px 0;
    background: #efefef;
    position: relative;
    text-align: center;
}


::-ms-input-placeholder { /* Edge 12-18 */
font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #252525;
  
}

::placeholder {
font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #252525;
    
}

#plain ul{list-style-image:url(https://shaunhearnden-1x79.temp-dns.com/driving/wp-content/uploads/2024/05/minL2.fw_-1.png);margin-left:20px;}


#plain p strong a{    background: #ffe433;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px 10px 15px;
    border-radius: 0;
    display: inline-block;
    margin-top: 30px;
    margin-bottom:30px;
    text-transform: uppercase;
    border: 1px solid #ffe433;
    width: auto;}

#home_icons .wrapper > span{width:100%; float:left;

  display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 60px;

}

#footer{width:100%; float:left;padding:60px 0;}
#foot_2{width:50%; margin:0 auto; text-align: center; float:left;}

#foot_2 a{display:block; color:#000; text-align: center;margin:10px 0;}
#foot_1{width:25%; float:left;}
#foot_3{width:25%; float:right;}

#foot_3 a{display:block;margin:10px 0 20px 0;}

#opening.big_link .wrapper a {
    background: #fff;
    color: #252525;
    font-weight: 600;
    text-align: center;
    padding: 10px 30px;
    border-radius: 0;
    display: inline-block;
    margin-top: 30px;
    text-transform: uppercase;
    border: 1px solid #252525;
    text-decoration: none;
}


#opening .wrapper a{ font-weight:bold; color:#000; text-decoration:underline;}

#plain{width:100%; float:left;position:relative;}

.pass_image{width:100%; float:left; height:300px; position: relative;margin-bottom:30px;}
.pass_image > img {    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}

.latest_passes > span{   display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px; /* Adjust the gap between grid items as needed */}

div#gform_wrapper_2 {
    max-width: 400px;
    margin: 0 auto;
}

#plain .gform-body.gform_body{width:100%!important}

input#gform_submit_button_2 {
    background: #000;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
}

input#gform_submit_button_2:hover{opacity:0.7; transition:0.3s; cursor:pointer;}

#plain input {
    width: 100% !important;
    display: block !important;
    border: 1px solid #333 !important;
  
}
#plain textarea{
        width: 100% !important;
    display: block !important;
    border: 1px solid #333 !important;
    height:200px!important
    
}

#plain .gform_footer.before {
    width: 100%;
    box-sizing: border-box;
}