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

a{text-decoration:none;}

.page-template-TEMPLATE-plain-php  .free_text ul{margin-bottom:30px;}
.image{position:relative;}

.image > img{
    
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}



h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* Removes default top margin */
    margin-bottom: 16px; /* Standard bottom margin */
    line-height: 1.5; /* Line height for readability */
}


.wrapper{width:90%; max-width:1440px; margin:0 auto; display:block; position: relative;z-index:2;}
.opening_text .wrapper{max-width:900px; text-align: center;}


h1, h2, h3, h4, h5, h6{font-weight:600;   font-family: "DM Sans", sans-serif!important;}


.opening_text {
    padding: 30px 0 50px 0;
    display: block;
    background: #fff;
}

.opening_text{   background: #C9E6F0;}

.opening_text p{  font-size: 17px;}

.top_banner .grady {
    z-index: 1;
    background: #000;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.4;
}

p, span, body, input, textarea, select, button, div{
    
  font-family: "Cabin", sans-serif!important;
    
}

/* Specific Heading Styles */

h1 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 24px; /* Extra space below larger headings */
}

h2 {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 20px;
}

h3 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 18px;
}

h4 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 16px;
}

h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 14px;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
}
.top_banner h2 {
    font-size: 26px;
}
/* Paragraph Styles */

p, .text ul li {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 22px; /* Space between paragraphs */
}
.free_text ul{list-style:disc; padding-left:20px;}
.free_text ol{list-style:decimal; padding-left:20px;}

.free_text ol li, .free_text ul li {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 10px; /* Space between paragraphs */
}


#header{padding:7px 0;}

#header .wrapper > div{
    
    display:flex;
    justify-content: space-between;
    
}
#logo {
    width: 220px;
}

.flex_tiles .wrapper > div:nth-child(odd) ul li strong {color:#F96E2A;}
.flex_tiles .wrapper > div:nth-child(even) ul li strong {color:#78B3CE}

.opening_text .wrapper  strong a,.opening_text .wrapper  a strong  {
    background: #fff;
    display: inline-block;
    color: #222;
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 700;
}

#logo img{width:100%;}

.home .top_banner{width:100%; display:block; padding:80px 0 150px 0;  position: relative}
 .top_banner{width:100%; display:block; padding:80px 0 80px 0;  position: relative; z-index: 1;}
.top_banner p{font-size:20px;}
.top_banner a{background:#fff; color:#222; border-radius:50px; padding:10px 20px;}


.free_text .wrapper > div{
    
     display: grid;
    grid-template-columns: 50% 40%; /* Adjust these values as needed */
    gap: 10%; /* Optional: Adjust the gap between columns if needed */
    
}

.top_banner h1, .top_banner p, .top_banner h2, .top_banner h3{
    
    
    text-shadow: 2px 1px 2px rgba(0,0,0,0.6); color:#fff;
    
}

.top_banner > img{
    
    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}
div#menu {
    margin-top: 33px;
}

body{background:#fff;}
.top_banner .wrapper > span{max-width:870px; display: block; }
.top_bar {
    background: #C9E6F0;
    display: block;
    padding: 5px 0;
}

/*
#menu > ul > li:last-child a {
    background: #F96E2A;
    color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
}
*/

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu ul li {
    position: relative;
    display: inline-block;
}

/* Submenu */
#menu ul li ul {
    display: none;
    position: absolute;
    background: #fff;
    width: 300px;
    z-index: 10;
    padding: 15px 0; /* cleaner, avoids hover gaps */
}

/* Keep dropdown open */
#menu ul li:hover > ul {
    display: block;
}

/* Make submenu items full width */
#menu ul li ul li {
    display: block;
}

/* Make links fully clickable */
#menu ul li ul a {
    display: block;
    padding: 10px 20px;
    margin: 0; /* remove margin gap */
    width: 100%;
    box-sizing: border-box;
}

/* Optional hover style */
/*
#menu ul li ul a:hover {
    background: #f5f5f5;
}
*/
 .bottom_section p a{background:#F96E2A; color:#fff; border-radius:50px; padding:5px 20px;display:inline-block; margin-top:20px; }

.flex_tiles ul{ list-style:disc; padding-left:20px;}
.flex_tiles ul li{margin-bottom:0;}
.free_text p > a, .flex_tiles p > a, .flex_tiles ul li a, .opening_text p > a, .foot_1 a{color:#000; text-decoration:underline; font-weight:700;}

.flex_tiles .wrapper > div:nth-child(even) p strong  a{background:#F96E2A; color:#fff; border-radius:50px; padding:5px 20px;display:inline-block; margin-top:20px; font-weight:600; text-decoration: none}
.flex_tiles .wrapper > div:nth-child(odd) p strong a{background:#78B3CE; color:#fff; border-radius:50px; padding:5px 20px;display:inline-block; margin-top:20px; font-weight:600; text-decoration: none}


div#menu a{font-size:17px; color:#222; margin-left:15px;}
.dual_links {display:block;}
.dual_links a{background:#F96E2A; color:#fff; font-size:20px; display:inline-block;}
.dual_links a:first-child{background:#78B3CE; margin-right:10px;}


.dual_links a:hover{color:#000; background:#fff; transition:0.3s;}

.gallery_slider{display:block; text-align: center;}

.bottom_section p a:hover{background:#fff; color:#000; transition:0.3s;}

.flex_tiles .wrapper > div:nth-child(odd) p strong a:hover, .opening_text .wrapper strong a:hover, .opening_text .wrapper a strong:hover, input#gform_submit_button_1:hover{
    background:#F96E2A!important; color:#fff!important; transition:0.3s; cursor:pointer;
    
    
}

#footer ul li a:hover{color:#F96E2A; transtiion:0.3s;}
.flex_tiles .wrapper > div:nth-child(even) p strong a:hover{
    
     background:#78B3CE; color:#fff; transition:0.3s;
}

iframe{height:310px;}
.top_banner .wave {
    background: url(https://wirralstudyzone.co.uk/wp-content/uploads/2026/03/wave.png);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 130px;
    background-size: cover;
    background-position: center left;
}
.page-template-TEMPLATE-homepage-php .top_banner .wave {
    background: url(https://wirralstudyzone.co.uk/wp-content/uploads/2026/03/wave_lb.fw_.png);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
height: 130px;
    background-size: cover;
    background-position: center left;
}

.single_gal_slide .image{position:Relative; height:300px;}
.single_gal_slide .image img{
    
        
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;
    
}

.foot_4 img{width:100%;margin-top:50px; display:block;}

.test_slider{display:block; text-align: center;padding:60px 0;}

.flex_tiles .wave {
    background: url(https://wirralstudyzone.co.uk/wp-content/uploads/2026/03/wave_paceh.fw_.png);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
 height: 130px;
    background-size: cover;
    background-position: center left;
}
.foot_1 p{font-size:15px;max-width:300px;}

strong{font-weight:700;}


#footer{background:#fff; padding:30px 0;}


#copyright{width:100%; text-align: center; font-size:14px; background:#78B3CE; color:#fff; padding:10px 0; display:block;}
#copyright a{text-decoration:underline; color:#fff; }
#footer ul li a{margin-bottom:10px; display:block; color:#000;}

.foot_4 {
    
    text-align: right;
    
    
}

#footer .wrapper > div {
    display: grid;
    grid-template-columns: 30% 20% 20% 15%;
    gap: 5%;
}


.flex_tiles {
    width: 100%;
    display: block;
    position: relative;
    background: #fff;
    padding: 130px 0 80px 0;
}


.bottom_section {
    display: block;
    padding: 30px 0 60px 0;
    background: #FBF8EF;
    position: relative;
}
.flex_tiles ul {
    margin-bottom: 20px;
}
.bottom_section .about_image{display:inline-block; margin:0 auto 50px auto; width:230px; height:230px; background:#c3c3c3; border-radius:50%; border:8px solid #fff;}
.bottom_section .wrapper{max-width:800px; text-align: center;}
.flex_tiles .wrapper > div{
    
    margin-bottom:40px;
    display:flex; align-content: stretch;
    
    
}

.bottom_section .wave {
    background: url(https://wirralstudyzone.co.uk/wp-content/uploads/2026/03/wave.png);
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
   height: 130px;
    background-size: cover;
    background-position: center left;
}

.free_text.mr_ryan .wrapper{max-width:1000px; text-align: center}

.home .flex_tiles .wrapper > div > div.text{width:60%;}
.home .flex_tiles .wrapper > div > div.image{width:40%;}

.page-template-TEMPLATE-layout-1 .flex_tiles .wrapper > div > div.text{width:65%;}
.page-template-TEMPLATE-layout-1 .flex_tiles .wrapper > div > div.image{width:35%;}


.flex_tiles .wrapper > div > div{width:50%; padding:50px 70px;}



.flex_tiles .wrapper > div:nth-child(even) .image {order:2;}

.flex_tiles .image{background:#44444440;}

.free_text{padding:60px 0 100px 0;}

.grecaptcha {
    text-align: left;
}
.grecaptcha > div{width:auto!important}
form.tcs {
    margin: 20px 0!important;
    max-width: 450px!important;
}


.gform-body input{
    
    border:1px solid #555;
    border-radius:50px!important;
    
}

.gform-body textarea{height:170px!important;border-radius:10px;}

button.tcs-button {
    background: #78B3CE;
    color: #fff;
    border-radius: 50px;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    margin: 0;
    float: none;
    display: block;
}


input#gform_submit_button_1 {
    border: none !important;
    outline: none !important;
    background: #78B3CE !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    display: inline-block !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 16px !important;
}


li#menu-item-220 a {
    background: #F96E2A;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
}
li#menu-item-220 a:hover{
    
        background: #78B3CE;
/*    margin-right: 10px;*/
    transtiion:0.3s;
    
}