/*
Theme Name: Reach Drive
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Reach Drive.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reachdrive
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root {
  --primary:#050615;
  --primary-hover: black;
  --grey:#FFFFF0;
  --font1: "Inter", sans-serif;
  --font2: "EB Garamond", serif;
}
html, body {overflow-x:hidden}
body{   font-family: var(--font1); line-height: 1.5; background-color: var(--grey); }

section{padding: 70px 0;}
.btn, button, .form-control { -webkit-border-radius:5px; border-radius:5px;}
a{color:var(--anchor);-webkit-transition:all linear .3s 0; transition:all linear .3s 0;  display: inline-block;}
a:hover{color:var(--anchor-hover); text-decoration:none}
b, strong {font-weight: 600;}
a:focus, button:focus{text-decoration:none;outline:0}
.form-control:focus{outline:0;box-shadow:none; }
img{max-width: 100%; height: auto; }
.clear{clear: both; overflow: hidden;}
.grey_bg{background: var(--grey);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,h6{font-weight: 700; }

h2{font-size: 2.375em;}
h3{font-size: 2.25em;}
h5{font-size: 1.125em;}
.bg_grey{background-color: var(--grey2);}
.bg_dark{background-color: var(--dark);}
.body_text+.body_text{margin-top: 40px;}
.body_text p { font-family: var(--font2)}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}

.text_dark{color: var(--dark);}

.dark_bg{background-color: var(--primary); color: white;}

.btn_styled {font-weight: 500; padding:8px 35px; border-radius: 25px; border-width: 2px; }
.btn_styled2 {font-weight: 800; padding:8px 25px; border-radius: 7px; border-width: 2px; }
.btn-dark {background-color: black; border-color: white;}
.btn-dark:hover, .btn-dark:focus {background-color: black; border-color: black;}
.btn-black {background: black; border-color: black; color: white;}
.btn-black:hover, .btn-black:focus {background: var(--primary); border-color: var(--primary);color: white;}
.btn-light {background: var(--grey); border-color: var(--grey);}

/* .container {max-width: 800px; margin: 0 auto;} */
header { background: var(--primary); padding: 30px 0; }

.logo img{max-width: 230px;}
.home_banner {background-position: center; background-size: cover; background-repeat: no-repeat; padding: 100px 0; position: relative; color: white;}
.home_banner:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.home_banner .container{position: relative; z-index: 1;} 
.home_banner h1{font-size: 6.5em; line-height: 1.1; font-weight: 900;}
.home_banner h1 div, .home_banner h1 div a{text-decoration: underline; display: inline-block;}
.home_banner h4{font-size: 2.5em; font-weight: 800;}
.video_wrapper{text-align: center;}
.video_link{clear: both; display: block; border:2px solid #fff;}
.video_link a {display: inline-block;}
.video_link iframe {width: 100%; height: 400px;}
.content_logo{display: inline-block; max-width: 130px; margin-bottom: 3px; margin-right: 10px; vertical-align: text-bottom;}
ul.home_list {list-style: none; padding: 0; margin: 0; text-align: center;}
ul.home_list li{font-size: 1.125em;font-weight: 800; display: inline-block; padding-left: 35px; text-align: center; position: relative; margin-left: 35px;}
ul.home_list li img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 20px;}

.rate_block {margin-top: 20px;margin-bottom: 40px;}
.rate_block h3{font-size: 5.563em; margin-bottom: 0; font-style: italic; font-family: var(--font2);}
.rate_block p {font-size: 1.688em; line-height: 1.2;}
h3.display-3{font-size:3em; font-weight: 700; }
h3.display-3 span{ font-weight: 400;}
ul.work_list {list-style: none; padding: 0; margin: 0; margin-top: 30px;}
ul.work_list li:first-child{border-top: var(--primary) 2px solid;}
ul.work_list li {font-size: 2.125em; font-weight: 500; line-height: 1.2; border-bottom: var(--primary) 2px solid; padding-bottom: 10px; margin-bottom: 10px;}
ul.work_list li .number {font-weight: 700; font-size: 3.063em; width: 60px; text-align: center;}
footer{padding: 50px 0; color: black;}
footer a{color: black; text-decoration: none;}
.contac_info ul{list-style: none; padding: 0; margin: 0;}
.contac_info ul li{display: block;font-weight: 600;}
.contac_info ul li b {font-weight: 700;}
ul.social_links {list-style: none; padding: 0; margin: 0; text-align: right;}
ul.social_links li{display: inline-block;}
ul.social_links li+li{margin-left: 10px;}
ul.social_links li a{ font-size: 23px;}
.copyright_text {font-family: var(--font2); font-style: italic; font-weight: 600;}
.footer_info_block {text-align: center;}
.footer_logo img{max-width: 150px; margin-bottom: 15px;}

.footer_dark {background: var(--primary);}
.footer_dark, .footer_dark a {color: white;}

.contact_form h1 {font-size: 3em;}
.contact_form .form-control {border: var(--primary) 2px solid; height: auto; border-radius: 5px; background-color: var(--grey); color: black; padding: 12px; }
.contact_form .form-control::placeholder { color: black; opacity: 1; }
.contact_form .form-control::-ms-input-placeholder {   color: black;}
.contact_form .btn{border-radius: 8px;}
.contact_form form p { margin-bottom:0;}

.inner_section { min-height:600px;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none !important;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
.wpcf7-list-item { margin:0 15px 0 0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:1rem; text-align:center; /*border-radius:5px;*/}
.wpcf7 form.invalid .wpcf7-response-output { background:#f8d7da; color:#58151c; border:1px solid #f1aeb5;}
.wpcf7 form.sent .wpcf7-response-output { background:#d1e7dd; color:#0a3622; border:1px solid #a3cfbb;}
.wpcf7-spinner { position:absolute;}

ul.home_list li:first-child img{display: none; }
  ul.home_list li:first-child {padding-left: 0; margin-left: 0;}

@media(min-width: 767px){
  .body_text p{font-size: 20px;}


  .contac_info ul li{font-size: 15px;}
  .copyright_text {font-size: 14px;}
 }
@media(max-width: 1399px){
  .home_banner h1{font-size: 5.5em; }
.home_banner h4{font-size: 2.15em; }
 }
 @media(max-width: 1199px){
  .home_banner h1{font-size: 4.5em; }
.home_banner h4{font-size: 1.75em; }
 }
@media(max-width: 991px){
   .home_banner h4 {font-size: 1.25em;}
} 
@media(max-width: 767px){
  .container {padding: 0 25px; max-width: 100%;}
  ul.home_list li { width: calc(50% - 30px);  margin-bottom: 15px;  margin-left: 0;}
  
  ul.home_list li:first-child img, ul.home_list li:nth-child(3) img{display: none; }
  ul.home_list li:first-child, ul.home_list li:nth-child(3) {padding-left: 0; margin-left: 0;}

      footer, ul.social_links{text-align: center;}
  ul.social_links {margin: 20px 0;}
  .footer_logo img {max-width: 130px;}
   .body_text p{font-size: 18px;}

} 
@media(max-width: 700px){
  .home_banner h1{font-size: 4em; }
}
@media(max-width: 667px){
  .home_banner h1{ font-weight: 800;}
  .home_banner h4 {font-size: 1.25em; font-weight: 800;}
  h2{font-size: 2.15em;}
  h3{font-size: 2em;}
  h5 {  font-size: 1.15em;}

  .rate_block h3{font-size:4em;}
  .rate_block p {font-size: 1.35em; }
  ul.work_list li{font-size: 1.6em;}
  ul.work_list li .number{font-size: 2.5em;}
  h3.display-3 {font-size:2.5em; }
  .logo_block_text h4 { font-size: 1.15em;}
  ul.work_list li .number{width: 30px;}
}
@media(max-width: 625px){
  .home_banner h1{font-size: 3.5em; }
}

@media(max-width: 600px){
  .footer_logo img {max-width: 100px;}
}
@media(max-width: 575px){
  .home_banner h1{font-size: 3em;}
  ul.home_list li {font-size: 1em; }
  ul.work_list li:first-child{padding-top: 10px;}
}
@media(max-width: 500px){
  ul.work_list li{font-size: 1.4em;}
  ul.work_list li .number{font-size: 2em;}
  ul.work_list li .number{width: 25px;}
}
@media(max-width: 480px){
   .logo img { max-width: 200px;}
   .home_banner h1{font-size: 2.5em; font-weight: 700;}
  .home_banner h4 {font-size: 1.15em; font-weight: 700;}
  .home_banner{padding:70px 0;}
   ul.home_list li {width: calc(50% - 15px); font-size: 15px;}
}
@media(max-width: 440px){
  ul.work_list li{font-size: 1.25em;}
  .work_icon img{max-width: 40px;}
   h3.display-3{font-size: 2em;}
}
@media(max-width: 425px){
  .logo img { max-width: 180px;}
  .btn_styled { padding: 8px 25px;}
  .home_banner h4 {font-size: 1em; font-weight: 600;}
  /* ul.home_list li{width: 100%;} */
}
@media(max-width: 400px){
     .home_banner h1{font-size: 2em; }
     ul.work_list li{font-size: 1em;}
     ul.home_list li{font-weight: 600; padding-left: 30px; font-size: 14px;}
       h3 {  font-size: 1.5em;}
 ul.work_list li .row  [class*='col']:first-child {padding-right: 0;}
}
@media(max-width: 375px){
  .container {padding: 0 20px;}
}
@media(max-width: 360px){
  .logo img { max-width: 150px;}
  .btn_styled { padding: 8px 20px;}
  ul.home_list li{font-size: 13px;}
  ul.home_list li img{max-width: 15px;}
}
@media(max-width: 350px){
    ul.home_list li {width: calc(48% - 5px);}
}
@media(max-width: 328px){
  .work_icon img{max-width: 30px;}
}