/*
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{max-width:1920px; margin:0 auto;background:#fff;}
a{text-decoration:none;}
img{width:100%;}

#big_banner .wrapper > span.text{max-width: 50%;
    display: block;}
header{text-align:center; width:100%;}
#pic_1{    width: 25%;
    height: 500px;
    float: left;
    background: #9999995}
#big_banner .wrapper > div{width:100%; background:#99999940;height:350px;margin-top: 50px;}


#big_banner .text {
    width: 37%;
    float: left;
    padding: 80px 50px;
    position: relative;
    z-index: 4;
    left: 250px;
    height: 100%;
    background: #fff;
}


#big_banner .text h3{
line-height: 40px;
    font-size: 22px;
    margin-bottom: 30px;
}


#big_image{    position: absolute;
    width: 50%;
    height: 100%;
    background-size: cover!important;
    background-position: center!important;}

.grady_white_small {
    position: absolute;
    width: 14%;
    height: 100%;
   background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1));
    z-index: 1;
    right: auto;
    left: 0;
}

.grady_white {
    position: absolute;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    z-index: 1;
    right: 0;
}
#big_image.last{right:0;}
#big_image.first {
    left: 0;
    width: 15%;
}
#big_banner{width:100%; float:left; height:700px;position: relative;}
.wrapper{max-width:1400px; margin:0 auto;}
#ban_1{background:#fff;}
#logo {
    max-width: 220px;
    display: inline-block;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
   vertical-align: middle;
}
#header > span{    vertical-align: middle;
    display: inline-block;padding:0 50px;}

#header > span a:hover {color:#ffc7c7; transition:0.3s;}
#header > span a > span{width: 40px;
    height: 40px;
    background: #ffc7c7;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;}
#header > span a > span img{max-width:20px;margin-top: 10px;;}
#header a, ul li, .text a, a.button, p{ font-family: 'Poppins', sans-serif!important;}
#header > span a{ color:#555;padding:0 40px 0 5px;}
/* Heading Styles */
h1 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.2;
}

h2 {
  font-size: 30px;
   font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.2;
}

h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.2;
}

/* Paragraph Styles */
 #copyright, p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
     font-family: 'Poppins', sans-serif;
}

#copyright{margin-bottom:0;}
.wrapper ul{list-style:square; padding-left:20px;}
.wrapper ul li{margin-bottom:6px; font-size:15px;line-height:18px;}
#prices .wrapper > div p:first-child{margin-top:0;}

.wrapper ul li, #prices p{font-size:14px;}
#prices .wrapper > div p {
    margin-top: 15px;
}
/* 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;
}
/*
.big_images{position:relative;}


.big_images >  div{
    
    
    
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}
.big_images > span{    background: #ffe7cb;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0.7;}

.big_images.one {

    height:700px; 
    width:25%;
    float:left;


    background-size: cover!important;
    background-position: 38% 100%!important;
}

.big_images.two {

    height:700px; 
    width:48%;
    float:left;
 margin:0 1%;

    background-size: cover!important;
    background-position: 38% 100%!important;
}

.big_images.three {

    height:700px; 
    width:25%;
    float:left;

    background-size: cover!important;
    background-position: 38% 100%!important;
}

#about{width:100%; float:left; padding:80px 0;}
#about .wrapper{display:flex; align-content:stretch}
#about .wrapper .text {
    width: 60%;
    float: left;
    background: #fadadd;
    padding: 50px;
}
#about .wrapper .image{width:40%;}


#big_banner a {
    background: #ffe4e1;
    padding: 10px 20px;
    display: inline-block;
    width: 150px;
    border-radius: 30px;
    position: relative;
    color: #fff;
}


.text a{   background: #ffe4e1;
    padding: 10px 20px;
    display: inline-block;
    width: 150px;
    border-radius: 30px;
    position: relative;
    color: #fff;
text-align:left;
}

#reviews h1{margin-top:-20px; margin-bottom:20px;}
#reviews{width:100%; float:left;background:#fff5e3; padding:80px 0; text-align:center;}

#cakes{width:100%; float:left; margin-bottom:80px;}

#cakes .flex{display:flex; align-content:stretch;}
#cakes .flex .text{width:50%; height:500px;position:relative}
#cakes .flex:nth-child(2) .text{order:2;}


.text.first{background:#fff5e3;}

.text.second{background:#ffe7cb;}

.text.third{background:#ffdab8;}

.flex .text > div{position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;}

#cakes .flex .image{width:50%; background-size:cover!important; background-position:center!important}*/


#top_gal{width:100%; float:left;position: relative;z-index: 2;}
#top_gal .wrapper >  span{width:32.63333333%; float:left; height:600px;background-size:cover!important; background-position: center!important;}
#top_gal .wrapper > span:nth-child(2){margin:0 1%;}

#big_about{width:100%; float:left; background:#fff3f2;height:auto;padding-top:200px; margin-top:-200px;}
#big_about .wrapper > span > img {
    width: 300px;
    height: 300px;
    border: 10px solid #fff;
    border-radius: 50%;
    margin-bottom: 20px;
    margin-top: -30px;
}

#big_about .wrapper > span h3{border-top:2px solid #555;border-bottom:2px solid #555;padding: 10px 0; line-height:35px; font-size:21px;}

#big_about .wrapper > span{text-align:center; max-width:600px;margin:100px auto; display:block}


#photo_strip{width:100%; float:left; height:500px; background-size:cover!important; background-position:center!important}

#mini_photos{width:100%; float:left;margin-top:-70px;}
#mini_photos .wrapper >  span{max-width:1000px;margin:0 auto; display:block;}
#mini_photos .wrapper >  span a{width:32.33333333%; float:left; height:450px;background-size:cover!important; background-position: center!important;position: relative;border:7px solid #fff;}
#mini_photos .wrapper > span a:nth-child(2){margin:0 1.5%;}

#mini_photos .wrapper >  span a > span{
    position: absolute;
    width: 90%;
    height: 90px;
    background: #ffe4e1;
    left: 5%;
    bottom: -20px;
    padding-top:20px;
}
    
#mini_photos .wrapper > span.text{width:600px; margin:50px auto; display:block; text-align: center}
#mini_photos a h1{font-size:20px; color:#000; text-align: center;}
#text_strip{width:100%; float:left;margin-top:50px;}

#text_strip .wrapper > span{display:block; max-width:600px; margin: 20px auto 50px auto; text-align:center;}

#reviews{padding:60px 0; width:100%; float:left;}
#prices{width:100%; float:left; background:#ffedd9;padding:60px 0;}

#prices > h2 {
    text-align: center;
    display: block;
    margin-top: -20px;
    margin-bottom: 50px;
    color: #c1929a;
}
#prices h3 {
    font-size: 18px;
    position: absolute;
    width: 90%;
    height: auto;
    background: #ffe4e1;
    left: 5%;
    bottom: -20px;
    padding-top: 0;
    padding-top: 0;
    text-align: center;
    padding: 10px;
}
strong{font-weight:600;}
#prices .wrapper > div{width:31.333333%; float:left;height:800px; background:#fff;}
#prices .wrapper > div:nth-child(2){margin:0 3%;}

#prices .wrapper > div > span:first-child{width:90%; height:300px; margin:-30px 5% 0 5%; background:#555555; display:block;border:5px solid #fff;position:relative;}
#prices .wrapper > div > span:last-child {
    width: 80%;
    margin: 20px 10%;
    display: block;
    padding-top: 15px;
}
#copyright{width:100%; float:left; text-align: center; background:#c1929a; color:#fff;padding:10px}


#wedding .image{backrgound-size:cover!important; background-position:center!important;}

#contact{width:100%; float:left; background:#dcecf5; padding:70px 0;}
#prices .wrapper > div p{margin-bottom:5px;}
#contact .wrapper > span{width:700px; display:block; margin:0 auto;}
#prices .image{background-size:cover!important; background-position:center!important;}
#contact textarea{height:150px}
input, textarea, select{border:none;outline:none;width:100%;}
    div#gform_confirmation_message_1, div#gform_confirmation_message_2{width:100%; float:left; text-align: center; font-family: 'Bree Serif', serif!important;}
#copyright a, input, textarea, h1,h2,h3,h4,h5,h6, select{font-family: 'Bree Serif', serif!important;}
#copyright a{color:#fff;}

#contact h2 {
    display: block;
    text-align: center;
    color: #7ba8c5;
    padding-bottom: 30px;
}
input#gform_submit_button_1, input#gform_submit_button_2{padding:15px 0!important; background:#bad8eb;} 

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

#wedding .wrapper > div{display:flex; align-content:stretch;margin:60px 0;}

#wedding .wrapper{max-width:1000px;}
#wedding .wrapper > div  span{width:50%; padding:70px;}

#wedding .image{background-size:cover!important; background-position:center!important;}

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

#gallery .wrapper{text-align:center;}
#gallery .wrapper a{width: calc(12% - 1%);
    margin:0.7%;
    /* 12% width for each image with 1% margin on each side */
   /* Margin around each image */ float:left; height:170px; background-size:cover!important; background-position:center!important; }


#prices .wrapper > .class_option {
    width: 100%;
    height: auto;
    margin: 0 0 50px 0 !important;
}


#prices .wrapper > .class_option span.image {
    width: 30%!important;
    float: left;    margin: 0px 0% 0 0%;
}


.class_option h3 {
    position: relative!important;
}


#prices .class_option h3 {
    font-size: 18px;
 
    width: auto;
    height: auto;
    background: #ffe4e1;
    left: -10px;
    bottom: auto;
    padding-top: 0;
    padding-top: 0;
    text-align: left;
    padding: 10px;
}


#prices .wrapper > .class_option p {
    margin: 20px 0;
    max-width: 80%;
    font-size:12.5px!important;    
}
#prices .wrapper > .class_option h4{margin:20px 0;}
#prices .wrapper > .class_option > span:last-child {
    width: 68%!important;
    float: right;
    display: inline-block;
    margin: 0;
}

span.archive_class_description{
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    display:block;
}


.gform_wrapper.gravity-theme .gfield_label{    font-family: 'Bree Serif', serif!important;    color: #7ba8c5!important; font-weight: 400!important; line-height: 24px!important}

#prices .wrapper > .class_option a {
    font-family: 'Bree Serif', serif!important;
    padding: 10px 10px!important;
    background: #84a2b5;
    color: #fff;
        margin: 20px 0 20px 0;
    display: inline-block;
}
#book_class{width:100%; float:left;     background: #dcecf5;}

#book_class .wrapper{max-width:600px; margin:50px auto; text-align: center}
 #book_class h2 {
    display: block;
    text-align: center;
    color: #7ba8c5;
    padding-bottom: 10px;
}

#fully{width: 100%;
    float: left;
    margin-top: 40px;}
#info_block_flex{width:100%; float:left;}

#info_block_flex > span{display:flex; align-content: stretch; width:100%;}
#info_block_flex > span > div{width:50%;padding:150px 100px; background-position: center!important; background-size:cover!important;}


.gchoice.gchoice_2_23_1{font-family: 'Bree Serif', serif!important;}
.gchoice.gchoice_2_23_1 a{color:#333!important}
#info_block_flex > span > div a{
    font-family: 'Bree Serif', serif!important;
    padding: 10px 10px!important;
    background: #84a2b5;
    color: #fff;
    margin: 0px 0 20px 0;
    display: inline-block;
}

#input_2_19{-webkit-appearance:none!important; color:#444!important; background:#fff!important;}
#field_2_21, #field_2_15, #field_2_22{display:none!important}


.class_option ul li{font-size:12.5px;max-width:80%;}


#dual_popup{width:300px; display:block; margin:0 auto;}

#dual_popup a{width:45%; float:left; height:190px; background-size:cover!important; background-position:center!important;margin:0 2.5% 0 2.5%}

#prices .list_classes > div:nth-child(1) > .image, #prices .list_classes > div:nth-child(2) > .image{background-position:center!important; background-size:contain!important; background-repeat:no-repeat!important}

#input_2_24 > div{display:inline-block!important; width:auto!important}


.post-type-archive-class .gform_wrapper.gravity-theme .gform_fields {text-align:left;}


.post-type-archive-class .gform_wrapper.gravity-theme .gfield textarea.large {
 
    height: 150px!important;
}

.gfield-choice-input {

    max-width: fit-content !important;
    display: inline-block;
}

#gift_link h2{color:#000;}

#gift_link{display:block; text-align:center; width:100%;}

#gift_link {max-width:450px; margin:0 auto 30px auto;}
#gift_link img{width:100%; duisplay:block;}