/*
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: 2.0.9
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;}
.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; line-height: 0; position: relative;}
.video_link a {display: inline-block;}
.video_link iframe {width: 100%; height: 400px;}
 .video_link video {width: 100%; height: auto;    display: block;}
.play-pause-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center;align-items: center;background: rgba(0, 0, 0, 0.3);opacity: 0; transition: opacity 0.3s ease;}
.video_link:hover .play-pause-overlay, .video_link.paused .play-pause-overlay {opacity: 1;}
.play-pause-btn { width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); display: flex; justify-content: center; align-items: center; font-size: 30px; color: #333; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); cursor: pointer;}
.play-pause-btn:hover { transform: scale(1.1); background: white;}
        
 @media (max-width: 600px) {
  .play-pause-btn {width: 60px;height: 60px;font-size: 24px; }
   }
.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;}
.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;}
.social_block { margin-bottom: 40px;}
.social_block img{display: inline-block; max-width: 100px; margin-left: 30px;}
.social_block img+img{margin-left: 50px;}
.performance_logo {margin-top: 50px;}
.performance_logo img{display: inline-block; max-width: 170px;}
.performance_logo img+img{margin-left: 30px;}
ul.compaign_list, ul.compaign_list2 {list-style: none; padding: 0; margin: 0;}
ul.compaign_list {margin-left: 20px;}
ul.compaign_list li {position: relative; font-weight: 500; font-style: italic; padding-left: 30px;}
ul.compaign_list li+li{margin-top: 15px;}
ul.compaign_list li img{position: absolute; left: 0; top: 0;}
ul.compaign_list2 li {position: relative; font-weight: 500; font-family: var(--font2); font-size: 30px;padding-left: 40px; line-height: 1.2;}
ul.compaign_list2 li+li{margin-top: 20px;}
ul.compaign_list2 li img{position: absolute; left: 0; top: 5px;}
.showcase_top {position: relative;}
.downarrow {position: relative; bottom: -45px;}
.downarrow img{max-width: 80px;}
.Automatic_Lead_wrapper p {font-size: 20px;}
.previrew_screen {position: relative;}
.previrew_disclaimer {position: absolute;right: 47px;bottom: 8px;font-style: italic;font-weight: 300; font-size: 10px;}

@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; }
  .previrew_disclaimer {bottom:0;}
 }
 @media(max-width: 1199px){
  .home_banner h1{font-size: 4.5em; }
.home_banner h4{font-size: 1.75em; }
.social_block img{max-width: 90px;}
.social_block img + img {margin-left: 40px;}
ul.compaign_list2 {margin-top: 25px;}
	 .previrew_disclaimer {font-size:10px;}
 }
@media(max-width: 991px){
   .home_banner h4 {font-size: 1.25em;}
   .performance_logo { margin-top: 30px; margin-bottom: 30px;}
   .showcase_top {padding-left: 15%;}
      .msg_icon {margin-bottom: 12px;}
   .msg_icon img{max-width: 200px;}
	.previrew_disclaimer {bottom: 8px;}
} 
@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;}
.previrew_disclaimer {bottom: 0px;}
}
@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;}
  .Automatic_Lead_wrapper p {font-size: 18px;}
  .downarrow {bottom: -25px;}
}
@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;}
  ul.compaign_list2 li {font-size: 23px;}
}
@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%;} */
  .performance_logo img{max-width: 150px;}
  .performance_logo img + img{margin-left: 20px;}
  .social_block img {max-width: 70px;}
	.previrew_disclaimer {bottom: -6px;right:20px;}
}
@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;}  
  .Automatic_Lead_wrapper p {font-size: 16px;}

  .Automatic_Lead_wrapper h3.display-3 br, .high_performance_wrapper   h3.display-3 br, .High_Converting_wrapper  h3.display-3 br {display: none;}

  .performance_logo img{max-width: 120px;}
.previrew_disclaimer {font-size: 10px;}
}
@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;}
  .downarrow img { max-width: 60px;}
}
@media(max-width: 350px){
    ul.home_list li {width: calc(48% - 5px);}
}
@media(max-width: 328px){
  .work_icon img{max-width: 30px;}
}