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

/*
PINK 

#C32AD2
*/



/* width */
::-webkit-scrollbar {
  width: 10px;
}

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

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

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

body{font-family: 'Roboto', sans-serif;}

input, textarea, #menu a, .contact_photo_square p, .button_link, h1,h2,h3,h4,h5,h6{font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;}

#menu a {
    color: #fff;
    font-size: 19px;
    padding: 0 15px;
}

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


#menu a:last-child {
    background: #C32AD2;
    border-radius: 30px;
    padding: 5px 30px;    border-radius: 30px 0 30px 0;
}

/* Headings */
h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

h2 {
  font-size: 30px;
  margin-bottom: 18px;
}

h3 {
  font-size: 24px;
  margin-bottom: 16px;
}

h4 {
  font-size: 20px;
  margin-bottom: 14px;
}

h5 {
  font-size: 18px;
  margin-bottom: 12px;
}

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

/* Paragraphs */
p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}


.wrapper{max-width:1400px; display:block; margin:0 auto;}



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

a{text-decoration:none;}
img{width:100%;}
#home_banner{width:100%; float:left; position: relative; height:100vh; background-size:cover!important; background-position: center!important; max-height:1080px}
header{position:absolute; z-index: 5;width:100%;padding:20px 0;}

#logo{width:150px; margin:0 auto; display:block; float:left;}

a.button_link {
    padding: 10px 40px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;    border-radius: 30px 0 30px 0;
}

#internal_banner h1{    font-size: 55px;
    color: #fff;}

#internal_banner *{color:#fff;}
#internal_banner .current{color:#fffa; text-decoration:underline;}

#dual_pic_section{width:100%; float:left;}
#dual_pic_section .wrapper > div {
    margin-top: -50px;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background: #fff;
    display: block;
    width: 100%;
    float: left;
    z-index: 1;
    position: relative;
}
#dual_pic_section .wrapper > div > span{width:33.33333%; float:left; height:450px; position: relative;}
#dual_pic_section .wrapper > div > span.pic{background-size:cover!important; background-position: center!important}

#dual_pic_section .wrapper > div > span.text > span{
   position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    
}


#footer a, #footer p {font-size:15px; color:#333;}
#dual_pic_section .wrapper > div > span.text > span img{width:90px; margin:0 0 20px 0;}

.button_link.pink{background:#C32AD2;color:#fff;}

.button_link.grey{background:#333;color:#fff;}

.big_button{font-size: 25px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
    
    display:block; height:2px; width:100px; background:#C32AD2;margin:0 auto 20px auto;
    
}

input, textarea{border:1px solid #444; border-radius:30px 0 30px 0!important;padding:20px!important}
textarea{height:150px!important}

input#gform_submit_button_1{
    color: #fff;
    font-size: 19px;
    padding: 0 15px;
    background: #C32AD2;
    border-radius: 30px;
    padding: 5px 30px!important;
    border-radius: 30px 0 30px 0;
    border:none!important; 
    outline:none!important;
}

#internal_banner .wrapper{position:relative; z-index:2;}
span#grady {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00000090;
    left: 0;
    top: 0;
    z-index: 1;
}

.contact_photo_square {
    position: relative;
    background-size: cover!important;
    background-position: center!important;
    width: 100%;
    height: 100%;
    display: block;
    padding:50px  30px;border-radius:30px 0 30px 0!important
}
#triple_contact{width:100%; float:left;padding:60px 0;}

#triple_contact .wrapper > div:first-child{width:60%; float:left;}
#triple_contact .wrapper > div:last-child{width:30%; float:right;}

#triple_contact .wrapper > div:last-child h3{margin-top:30px; display:block}
#triple_contact .wrapper > div:last-child h3 > div, #triple_contact .wrapper > div:last-child h5 > div{display:inline-block; background:#C32AD2; width:30px; height:30px; position: relative; top:5px;   margin-right:5px;}
#pink_grady {
    background: #C32AD2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    border-radius: 7px;
 
}


#sign_up{width:100%; float:left; padding:50px 0;}
#sign_up .wrapper > span{text-align:center;max-width:700px; display:block; margin:0 auto;}

.contact_photo_square p {position: relative;z-index:2; color:#fff; font-size:19px;}
#internal_banner{width:100%; float:left;     padding: 300px 0 100px; text-align: center; background-size:cover!important; background-position: center!important;position: relative;}

#membership {
    width: 100%;
    float: left;
    padding: 70px 0;
    background: #55555520;
  
}
strong{font-weight:600;}
#membership .wrapper > div{display:block; width:100%; margin:50px 0;float:left;}
#membership .wrapper > div > span{width:50%; float:left;}

.home #membership {
    width: 100%;
    float: left;
    padding: 180px 0 70px 0;
    background: #55555520;
    margin-top: -50px;
}

#membership .wrapper {text-align:center; max-width:700px;}

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




.page-template-TEMPLATE-classes #item_strip h3, .page-template-TEMPLATE-classes #item_strip p{color:#000;}

#item_strip{width:100%; float:left;padding:30px; }
#item_strip > .wrapper.titles{text-align:center;}

#home_banner_text *{color:#fff;}
#home_banner_text h1{font-size:70px; }
#home_banner_text p{font-size:23px;}
#home_banner_text {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    max-width: 800px;
}

#item_strip > .wrapper.classes > span{width:31.333%;float:left; margin:50px 0;}
#item_strip > .wrapper.classes > span:nth-child(2), #item_strip > .wrapper.classes > span:nth-child(5){margin:50px 3%;}
#about{width:100%; float:left;padding:50px 0 70px 0;}
#about img{ width:300px; height:300px; border-radius:50%; background:#999; display:block; margin:40px auto;}
#about .wrapper{max-width:800px; text-align: center;}
#item_strip > .wrapper.classes > span > div{background-size:cover!important;background-position:center!important; height:280px; width:100%; float:left;}

#testimonials {
    width: 100%;
    float: left;
    padding: 70px 0;
    text-align: center;
    background: #55555520;
}
.conny_map{position:relative;}


div#gform_confirmation_wrapper_1 {
    background: #666!important;
    color: #fff!important;
    padding: 20px!important;
    line-height:30px!important
}

#mappy{width:100%!important; float:left;height:400px!important}

.social-icons a{width:35px; float:right; margin-left:10px;}
.footer_block.social_block{text-align:right;width:200px!important; float:right!important}

.footer_block.social_block h4 span{float:right!important}

#testimonials .wrapper{max-width:800px;}
.testimonial{text-align:left;margin:50px 0;}
#item_strip > .wrapper.classes > span > span{width:100%; float:left; margin-top:30px;}
.testimonial > span{display:block; margin-bottom:20px; color:#C32AD2; font-weight:bold}

#membership .button_link {background:#C32AD2; color:#fff;}

#membership strong > span{    color: #C32AD2;
    display: block;
    font-size: 32px;}

.footer_block ul li{margin-bottom:10px;}
#membership .wrapper > div > span {
    width: 50%;
    float: left;
    background:#fff;
    padding: 10px 13px;
}

#membership .wrapper > div > span p strong{font-size:20px;display: block;}

#membership .wrapper > div > span p{font-size:15px;}
#membership .wrapper > div > span:first-child{width:47.5%;float:left;}
#membership .wrapper > div > span:last-child{width:47.5%;float:right;}


#footer{width:100%; float:left;border-top:5px solid #C32AD2;padding-top:40px;}

#footer .wrapper > .footer_block{width:33.3333%; float:left;}

.social-icons{width:100%; float:left;}

#copyright{width:100%; float:left; text-align: center; margin-top:30px;padding:10px 0; background:#333; color:#fff; font-size:14px;}
#copyright a{color:#fff; }
#footer h4 span{margin:10px 0 10px 0}

#layout_1{width:100%; float:left;padding:60px 0;}
 #layout_1 h2{
    text-align: center;
    margin-bottom: 30px;
    text-align: left;
}

#layout_1 h2 span{    margin: 20px 0;}
#layout_1 .wrapper > .text{width:45%; float:left;}
#layout_1 .wrapper > .pic{width:45%; float:right; height:700px; background-size:cover!important; background-position: center!important}