/*
 Theme Name:   Divi Child
 Theme URI:    lucashitch.com
 Description:  Divi Child Theme
 Author:       Lucas Hitch
 Author URI:   http://lucashitch.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/
/*CSS DIRECTORY
    - FONTS
    - GLOBAL
    - HOME
*/


/*FONTS*/
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-light-webfont.woff2') format('woff2'),
         url('fonts/inter-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-medium-webfont.woff2') format('woff2'),
         url('fonts/inter-medium-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-regular-webfont.woff2') format('woff2'),
         url('fonts/inter-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-semibold-webfont.woff2') format('woff2'),
         url('fonts/inter-semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-bold-webfont.woff2') format('woff2'),
         url('fonts/inter-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('fonts/inter-extrabold-webfont.woff2') format('woff2'),
         url('fonts/inter-extrabold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
body {
	font-size: 1.2vw;
}
h1 {
    font-size: 5em;
    font-family: Raleway;
    font-weight: 300;
}

h2 {
    font-family: Inter;
    font-size: 2.3em;
    font-weight: 600;
}
h3 {
    font-family: Raleway;
    font-size: 2em;
    font-weight: 300;
}
p, h1, h2, h3 {
    color: #272727;
}
.et_pb_text.white p, .et_pb_text.white h1, .et_pb_text.white h2, .et_pb_text.white h3 {
    color: #fff;
}

/* * * GLOBAL * * */

.py-0.et_pb_row, .py-0.et_pb_section {
	padding:0!important;
}


div#et-main-area {
    overflow: hidden;
}

img#logo {
    width: 20%;
    height: 8em;
}

header#main-header {
    background-color: transparent;
}

div#page-container {
    padding-top: 0!important;
}
nav#top-menu-nav a {
    color: #fff;
    font-weight: 600;
}
.container {
    width: 95%!important;
    max-width: none;
}

.pt-0 {
	padding-top: 0!important;
}

/* * * BUTTONS * * */

a.blue-button, .blue-button a, .white-button a {
	border-radius: 20em;
    padding: 0.2em 2em 0.3em;
    border: 1px solid #24272D;
    font-size: 1.3em;
}
a.blue-button, .blue-button a {
	background-color: #24272D;
    color: #fff;
}
.blue-button a, .white-button a {
    padding: 0.4em 2em 0.5em;
	margin-right: 1em;
}
.white-button a {
	background-color: #fff;
    color: #24272D;
}

a.blue-button:hover:after {
    display: none;
    padding: 0.2em 2em;
}

a.blue-button:hover {
    padding: 0.2em 2em 0.3em!important;
    color: #24272D;
    border: 1px solid #24272D!important;
}
.blue-button a:hover {
    background-color: #fff;
    color: #24272D;
}
.white-button a:hover {
    background-color: #24272D;
    color: #fff;
	border-color: #fff;
}

/* * * * MAIN HEADER * * * */

#main-header .container {
    margin: 0;
    width: 100% !important;
    padding: 0 4em;
    background-color: #24272d;
}
nav#top-menu-nav {
    display: inline-block;
    float: right;
}
body #main-header.et-fixed-header .container {
    background-color: #24272d;
}
.home #main-header .container {
    background-color: transparent;
}

/* * * * FOOTER * * * */

#top-menu li.current-menu-item>a {
    color: white;
    text-decoration: underline;
}
#foot-to-the-errr .et_pb_row {
    max-width: none;
    width: 93%;
}
#foot-to-the-errr .et_pb_row:first-of-type {
    border-bottom: 1px solid white;
    display: flex;
    justify-content: space-between;
}
#foot-to-the-errr {
    padding-bottom: 1em;
}
#foot-to-the-errr .et_pb_column {
    margin: 0;
}
#foot-to-the-errr .et_pb_row:first-of-type:after {
    display: none;
}
#foot-to-the-errr h3 {
    font-weight: 600;
    font-size: 1.5em;
}
.et_pb_social_media_follow li a.icon:before {
    font-size: 1.8em;
    width: 100%;
    height: 100%;
}
.et_pb_social_media_follow li a.icon {
    padding: 0.3em;
    margin-right: 1.4em;
}
#foot-to-the-errr .et_pb_heading {
    margin-bottom: 1.4em;
}
#foot-to-the-errr .et_pb_text_inner p {
    line-height: 2.3em;
    font-size: 1.1em;
}
#foot-to-the-errr .et_pb_row:first-of-type .et_pb_column:nth-of-type(2) {
    width: 21%;
}

/* * * * HOME PAGE * * * */

.home-banner h2 {
    color: #fff;
}
.home-banner .et_pb_row {
    padding-top:6em;
}

#main-content .icons-row img {
    width: 5.5em;
    height: 6em;
    object-fit: contain;
}

.icons-row .blue-circle-col {
    background-color: #24272D;
    border-radius: 40em;
	padding: 2em 0 2em;
	border: 2px solid #fff;
    outline: 0.5em solid #24272D;
}
.icons-row .et_pb_module.et_pb_image {
    margin-bottom: 0;
}
.icons-row p {
    font-size:1.1em;
    color: #fff;
    font-weight:600;
}

.icons-row .two-lines-text img {
    height: 4.3em!important;
}
.icons-row {
    position: relative;
    top: 11em;
    right: -6%;
}
.about-row:before, .the-villa:before {
    content: "";
    position: absolute;
    background-color: #F2F2F2;
    height: 22em;
}
.about-row:before {
 	right: -17%;
    border-radius: 20em 0 0 20em;
    top: 21%;
    width: 116%;
}
.the-villa:before {
	left: 0%;
    width: 92%;
    border-radius: 0 20em 20em 0;
    top: 50%;
	z-index: 2;
	height: 23em;

}
.pickup-row:before {
    content: "";
    position: absolute;
    background-color: #F2F2F2;
    width: 102%;
    height: 18.8em;
    left: -17%;
    top: 9%;
}
.pickup-details {
    border: 1px solid;
    border-radius: 2em;
    padding: 3em!important;
}
.about-row, .pickup-row {
    display: flex;
    align-items: center;
}
.about-row {
    padding-top: 4em;
}
.pickup-row img, .the-villa img {
    border-radius: 2em;
}
.et_pb_row.gray-bg {
    background-color: #F2F2F2;
    border-radius: 2em;
    border: 1px solid #24272D;
}
.browse-cars-01 img {
    width: 78%;
    right: 5em;
}
.et_pb_row.gray-bg {
    background-color: #F2F2F2;
    border-radius: 2em;
    border: 1px solid #24272D;
}
.browse-cars-01 img {
    width: 78%;
    right: 5em;
}
.browse-cars-01 p.been-triggered, .browse-cars-02 p.been-triggered {
    font-weight: 600;
    text-decoration: underline;
}
.browse-cars-01 p, .browse-cars-02 p {
    font-size: 1.3em;
    padding-left: 1.5em;
}

.browse-cars p:active {
    text-decoration: underline;
}
.et_pb_row.blue-bg {
    background-color: #24272D;
    border-radius: 2em;
    border: 1px solid #24272D;
}
.browse-cars-02 img {
    left: 11em;
}
.browse-cars-02 {
    padding: 2em 4em!important;
}
.browse-cars-01 {
	margin-top: 4em;
}
.two-buttons div {
    display: flex;
}

.browse-cars-01 p:before, .browse-cars-02 p:before {
   	content: "";
    position: absolute;
    width: 0.55em;
    height: 0.55em;
    left: 0%;
    background-color: #fff;
    padding: 0.25em;
    line-height: 0;
    border-radius: 50%;
    margin-top: 0.5%;
}

.browse-cars-01 p:before {
	background-color: #24272D;
}

.browse-cars-02 p:before {  
    background-color: #fff;
}
.browse-cars-01  p.been-triggered:before {
    content: url(/wp-content/uploads/2025/08/check-white.svg);
}
.browse-cars-02  p.been-triggered:before {
    content: url(/wp-content/uploads/2025/08/check-blue.svg);
}
.triggered:hover {
	cursor:pointer;
}
.blue-circle-col:hover {
    filter: invert(1);
}
.pickup-details li {
    color: #272727;
}
.pickup-details h3 {
    font-size: 1.7em;
    text-transform: uppercase;
}

/* * * RENT A CAR * * */

.rent-car-banner .banner-row {
	border-radius: 1em;
    max-width: none;
    width: 95%;
    padding: 3em 2em 3em;
    background-position-x: right;
    height: 21em;
    background-size: contain;
	margin-top: 5em;
}
.rent-car-banner h2, .contact-banner h2 {
    font-family: Raleway;
}

.rent-car-banner h2:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(90deg, #24272D, #24272D,#24272D, transparent);
    height: 9.15em;
    width: 104%;
    border-radius: 0.5em;
    z-index: -1;
    top: -64%;
    left: -2.2%;
}

.testimonials-row .et_pb_column {
    border: 1.5px solid #F2F2F2;
    border-radius: 1em;
    padding: 2em;
    box-shadow: 0 0 15px #F2F2F2;
}
.testimonials-row .wrap-me {
    display: flex;
    margin-top: 2em;
}
.testimonials-row .wrap-me p {
    padding-left: 3%;
}

/* * * CONTACT US * * */

.contact-form .et_pb_contact_submit {
    background-color: #24272D;
    color: #fff;
    border-radius: 50em;
    padding: 0.5em 3em;
    border: 1px solid #24272D;
}
.contact-form .et_pb_contact_submit:hover {
    background-color: #fff!important;
    color: #24272D;
    border-radius: 50em;
    padding: 0.5em 3em!important;
    border: 1px solid #24272D;
}
.et_pb_contact_submit:after {
    display:none;
}
.contact-us-sec .et_pb_contact p input, .et_pb_contact p textarea {
    border-radius: 2em;
}

.contact-banner {
    border-radius: 1em;
    max-width: none;
    width: 95%;
    padding: 3em 2em!important;
    height: 15em;
    margin-top: 5em;
}
.contact-banner h2:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(90deg, #24272D, #24272dd4, transparent);
    height: 6.5em;
    width: 98%;
    border-radius: 0.5em;
    z-index: -1;
    top: -1.3em;
    left: -2.2%;
}
.contact-banner a {
    color: #fff;
    font-family: Inter;
    font-size: 1.1em;
    font-weight: 300;
}
.contact-banner a:hover {
    opacity: 80%;
}
.contact-banner .et_pb_text_inner {
    color: #fff;
}
.contact-form {
    padding-top: 5em!important;
}
.contact-form .et_contact_bottom_container {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    width: 100%;
}
#toyota .et_pb_image_wrap, #bronco .et_pb_image_wrap {
    height: 22em;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 3em;
    border: 1px solid #24272e;
}
div#toyota, #bronco  {
    display: flex;
    align-items: center;
}
div#toyota:after, #bronco :after {
    display: none;
}
div#toyota, #bronco {
    display: none;
}
#gray-bronco, #red-bronco, #blue-toyota, #silver-toyota {
	display:none;
}
.hq-rental-software-integration {
    overflow: hidden;
    border-radius: 2em;
    padding-top: 2em;
    background-color: white;
    margin-top: 5em;
}
#about h2 {
    margin-top: 2em;
}