/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2021 | 08:57:49 */
#gmap{
  margin-top: -130px;
}
#cform-mobile{
  display: none;
}
#cform-mobile{
  width: 80%;
  margin: auto; 
}
#cform-mobile .vc_row .wpb_column > .vc_column-inner{
  padding-left: 0;
  padding-right: 0;
}
#cform-mobile p{
  font-size: 11.5px;
  line-height: 1.55em;
}   
#cform-mobile .vc_col-sm-6{
  width: 50%;
  float: left;
}
#cform-mobile .vc_col-sm-6:last-child{
  padding-left: 20px;
}
#cform-mobile h3.title{
 font-size: 13px; 
}
#cform p{  
  font-size: 15px; 
}
#cform_txt .vc_col-lg-12{
  padding-left: 0;
}
#cform .heading{
  margin-bottom: 10px;
}
#cform a, #cform-mobile a{
  font-family: 'Abril Fatface', cursive;  
  font-weight: 200;
  color: #6c768a;
  font-style: italic;
}
#cform sup{
  color: #6a7488;
  font-size: 12px;
  top: -0.4em;
  vertical-align: middle;
}
#cform-mobile sup{
  color: #6a7488;  
  font-size: 11px;
  vertical-align: middle;
}
#cform strong{ 
  font-size: 14px; 
  color: #a0abb7;
  font-weight: 200;
  margin-left: 3px;
}
#cform h2.title{  
  font-family: 'Abril Fatface', cursive;
  text-transform: lowercase !important;
  font-size: 40px; 
  color: #191f23;
  letter-spacing: 0.02em;
  font-weight: normal;
}
#cform h3.title, #cform-mobile h3.title{  
  font-family: 'Abril Fatface', cursive;
  text-transform: lowercase !important;
  font-size: 21px; 
  color: #191f23;
  letter-spacing: 0.02em;
  font-weight: normal;
}
#cform p.subtitle{  
  font-family: 'Abril Fatface', cursive;
  text-transform: lowercase !important;
  font-size: 18px; 
  color: #a0abb7;
  letter-spacing: 0.02em;
  font-weight: normal;
}
#cform .title.subtitle-top{
  font-family: 'Abril Fatface', cursive;    
  font-size: 56px;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  margin-top: 10px;    
  line-height: 1em;
  width: 75%;
}


#cform input, #cform textarea{
  font-weight: 300;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  border: 1px solid #f6f6f6;
  -webkit-text-fill-color: #232226;
  -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset;
  transition: background-color 5000s ease-in-out 0s;
}
#cform .btn{
  background: #cfdae6;
  border: none;
  margin: 20px auto 10px 0 !important;
  padding: 15px 30px 15px 30px;
}
.contact-form div.wpcf7-validation-errors, .contact-form div.wpcf7-acceptance-missing, .contact-form div.wpcf7-response-output, 
.subscribe-form div.wpcf7-validation-errors, .subscribe-form div.wpcf7-acceptance-missing, .subscribe-form div.wpcf7-response-output, 
.subscribe-widget div.wpcf7-validation-errors, .subscribe-widget div.wpcf7-acceptance-missing, .subscribe-widget div.wpcf7-response-output{
  font-size: 13px;
  color: #a0abb7;
  border: none;
  border-radius: 0;
  padding: 15px 9px 30px 9px;
  margin: 0;
  font-weight: 500;
}
.contact-form input[type="text"].wpcf7-not-valid, .contact-form input[type="password"].wpcf7-not-valid, 
.contact-form input[type="email"].wpcf7-not-valid, .contact-form input[type="number"].wpcf7-not-valid, 
.contact-form input[type="tel"].wpcf7-not-valid, .contact-form textarea.wpcf7-not-valid, .subscribe-form input[type="text"].wpcf7-not-valid, 
.subscribe-form input[type="password"].wpcf7-not-valid, .subscribe-form input[type="email"].wpcf7-not-valid, .subscribe-form input[type="number"].wpcf7-not-valid, 
.subscribe-form input[type="tel"].wpcf7-not-valid, .subscribe-form textarea.wpcf7-not-valid, .subscribe-widget input[type="text"].wpcf7-not-valid, 
.subscribe-widget input[type="password"].wpcf7-not-valid, .subscribe-widget input[type="email"].wpcf7-not-valid, .subscribe-widget input[type="number"].wpcf7-not-valid, 
.subscribe-widget input[type="tel"].wpcf7-not-valid, .subscribe-widget textarea.wpcf7-not-valid{
  border-color: #ecf2f8 !important;
  background: #ecf2f8;
}




@media screen and (max-width: 1035px){
#cform-mobile{
  display: block;  
} 
#cform-mobile sup{
  font-size: 11px !important;
  top: -0.4em !important;
}
#cdetails{
  display: none;
}
#cform .vc_col-sm-9{
  width: 100%;
  text-align: center;
}
#cform h2.title{
  width: 80%;    
  margin: auto;
  margin-top: -30px;
}
#cform h3.title{
  text-align: center;
}  
.contact-form{
  width: 80%;
  margin: auto;
}
#cform label, #cform input{
  font-size: 13px;  
}  
#cform_txt .vc_empty_space{
  height: 5px !important;
}
#cform .btn{
  display: block;
  width: 100%;  
  font-size: 13px;
  margin: 20px 0 10px 0 !important;
}
#cform_txt .clb__section_spacer{
  height: 40px !important;
}
.contact-form div.wpcf7-validation-errors, .contact-form div.wpcf7-acceptance-missing, .contact-form div.wpcf7-response-output, 
.subscribe-form div.wpcf7-validation-errors, .subscribe-form div.wpcf7-acceptance-missing, .subscribe-form div.wpcf7-response-output, 
.subscribe-widget div.wpcf7-validation-errors, .subscribe-widget div.wpcf7-acceptance-missing, .subscribe-widget div.wpcf7-response-output{
  font-size: 12px;
  line-height: 1.3em;  
  padding: 10px 0 10px 0;
} 
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
  margin-left: 10px;
}  
}



@media only screen and (max-width: 1035px) and (min-width: 770px){
#cform-mobile{
  width: 82.5%;
}
}  
  
  
@media only screen and (max-width: 1035px) and (min-width: 768px){
#cform label{
  padding: 10px 0 10px 0 !important;
}
}


@media screen and (max-width: 960px){
#cform p{
  font-size: 14px;
}
.google-maps{
  height: 450px !important;
}
}



@media screen and (min-width: 1025px){
#cgap.clb__section_spacer{
   height: 80px !important;
} 
} 


@media only screen and (max-width: 1014px) and (min-width: 1005px){
#cgap.clb__section_spacer{
   height: 100px !important;
} 
} 


  
@media screen and (max-width: 1024px){
#cform h2.title{
  margin-top: 0;
}
}  




@media screen and (max-width: 1030px){
#cform div[class^='vc_col-']{
  padding-right: 0 !important;
}
}




@media only screen and (max-width: 1035px) and (min-width: 770px){
#cform h2.title {
  /*width: calc(80% + 20px);*/
}
#cform_txt .vc_empty_space{
  height: 15px !important;
}
}


@media screen and (max-width: 990px){
#cform-mobile p, #cform-mobile h3.title, #cform h2.title{
  text-align: left;
}
}


@media screen and (max-width: 767px){
#cform .btn{
  width: 100%;
  margin: 20px auto 10px auto !important;
}
} 
  
  
@media only screen and (max-width: 770px) and (min-width: 100px){
#cform-mobile .ohio-text-sc{
  padding-left: 0;
  padding-right: 0;
}
}

@media only screen and (max-width: 660px) and (min-width: 100px){
#cform h2.title{
  font-size: 24px;
}
}