/*
Theme Name: VI Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Divi child theme by VI 
Author: VI
Author URI: https://www.vimarketingandbranding.com/
Template: Divi
*/

@import url("../Divi/style.css");

/**
 * Reset
 */

html {
    -webkit-text-size-adjust: none;
    background-image: url('/wp-content/uploads/2025/07/bg-texture-1.png');
}
html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * Global styling 
 */

/** COMPLETE THIS SECTION - and uncomment et-box section */
/** serves as a backstop to the presets */
h1, h2, h3, h4, h5, h6 {line-height: normal; /*font-weight: 900; font-family: 'Figtree', Helvetica, Arial, Lucida, sans-serif;*/}
/*
.et-boc h1,
.et-boc .et_pb_title_container h1 {font-size: 65px;}
.et-boc h2 {font-size: 48px;}
.et-boc h3 {font-size: 35px;}
.et-boc h4 {font-size: 30px;}
.et-boc h5 {font-size: 23px;}
.et-boc h6 {font-size: 18px;}
*/

p:not(.has-background):last-of-type {padding-bottom: 1em;}
p:not(.has-background):last-child {padding-bottom: 0;}

.et_pb_text ul,
.et_pb_text ol {padding-top: 1em; padding-left: 1.2em; list-style-position: outside;}
.et_pb_text ul:last-child,
.et_pb_text ol:last-child {padding-bottom: 0;}
.et_pb_text ul ul,
.et_pb_text ol ol {padding-top: 0; padding-bottom: 0;}
.et_pb_text ul ul {list-style: circle;}

.entry-content p + ul,
.entry-content p + ol,
.entry-content h1 + ul,
.entry-content h1 + ol,
.entry-content h2 + ul,
.entry-content h2 + ol,
.entry-content h3 + ul,
.entry-content h3 + ol,
.entry-content h4 + ul,
.entry-content h4 + ol,
.entry-content h5 + ul,
.entry-content h5 + ol,
.entry-content h6 + ul,
.entry-content h6 + ol {padding-top: 0;}

.row-vert-center {
    /*display: flex;
    flex-direction: row;*/
    align-items: center;
}

.flex-center > .et_pb_column {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
.flex-center .et_pb_button_module_wrapper {
    display: flex; 
    flex: 0 1 350px; 
    margin-bottom: 0 !important;
}
@media only screen and ( max-width: 980px ) {
    .flex-center .et_pb_button_module_wrapper {
        display: block;
        flex: 1 auto;
    }
}

/** Custom CPT lists via shortcode */
.list-cpt {overflow: hidden;}
.list-cpt .et_pb_column_1_3,
.list-cpt .et_pb_column_1_3:last-child {width: 29.33%; margin: 0 4% 3% 0 !important;}
.list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: both;}

.split-text {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}


/*
 * Divi Module Overrides
 */

/*make Divi Builder text style settings sticky on scroll*/
.mce-panel .mce-stack-layout-item.mce-first {
    position: sticky!important;
    top: -60px;
}

/** Accordion / Toggle module */
.et_pb_toggle_title {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
/** Make full bar clickable on toggles and accordions */
.et_pb_toggle_close,
.et_pb_toggle_open {padding: 0 !important;}
.et_pb_toggle_title {padding: 20px 50px 20px 20px !important; margin: 0 !important;}
.et_pb_accordion .et_pb_toggle_title:before,
.et_pb_toggle .et_pb_toggle_title:before {right: 20px !important;}
.et_pb_toggle_content {padding: 10px 20px 20px !important;}

/** Number Counter */
.et_pb_number_counter.et_pb_with_title .percent {margin-bottom: 10px;}
.et_pb_number_counter.stat-number-dollar .percent-value:before {
    content: "$";
}


/*
 * Links
 */

#et-main-area a:not(.et_pb_button, .et_pb_social_media_follow a, .et_pb_video_play, .et-pb-arrow-prev, .et-pb-arrow-next, .clinic-card h3 a, .et_pb_main_blurb_image a) {
    text-decoration: underline;
}
.et_pb_bg_layout_dark a {color: #fff;}
.et_pb_bg_layout_dark a:hover {color: #fff;}



/**
 * Buttons
 */

/** Make ET shortcode buttons from the text editor look like Divi buttons */
a.small-button,
a.large-button,
.nf-field-container.submit-container .submit-wrap input[type=submit] {
    /*background: transparent;*/
    background: #3e8acf;
    /*color: #f77e0b;*/
    color: #fff;
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid #3e8acf;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: none;
    text-shadow: none;
}
a.small-button:hover,
a.large-button:hover,
.nf-field-container.submit-container .submit-wrap input[type=submit]:hover {
    padding: 0.3em 1em !important;
    background: #3e8acf;
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
}
a.small-button,
a.large-button,
a.small-button:hover,
a.large-button:hover {
    color: #fff !important;
}

/** Light text buttons */
/*
.et_pb_bg_layout_dark .et_pb_button {color: #fff !important; border-color: #fff;}
.et_pb_bg_layout_dark .et_pb_button:hover {color: inherit !important; border-color: #fff !important; background-color: rgba(62,138,207,0.6) !important; text-decoration: none;}
*/


.cta-button {
    display: flex !important;
    align-items: center;
    padding: 10px !important;
    padding-left: 0px !important;
    line-height: 1.3em !important;
}
.cta-button:before {
    position: static;
    content: "";
    width: 100px;
    height: 80px;
    margin-left: 0 !important;
    background-size: 100px 80px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
.cta-button-belt:before {background-image: url("/wp-content/uploads/2025/07/icon-seatbelt.svg");}
.cta-button-keys:before {background-image: url("/wp-content/uploads/2025/07/icon-keys.svg");}
.cta-button-eyes:before {background-image: url("/wp-content/uploads/2025/07/icon-eye.svg");}
.cta-button-bike:before {background-image: url("/wp-content/uploads/2025/07/icon-bicycle.svg");}
.cta-button-walk:before {background-image: url("/wp-content/uploads/2025/07/icon-walk.svg");}



/*
 * Post Styling
 */

body.single .et_pb_post {margin-bottom: 0;}
body.single .et_pb_post .et_post_meta_wrapper img {float: right; margin: 0 0 15px 20px; max-width: 50%;}
body.single .et_pb_post .entry-content {padding-top: 0;}
body.single .et_pb_post .post-meta,
body.single .et_pb_post .post-tags {
    padding: 2px 12px !important;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    font-size: 12px;
    color: #666;
}
body.single .et_pb_post .post-tags {
    margin: 10px 0;
    padding: 5px 10px !important;
    font-weight: 600;
}
body.single .et_pb_post .post-meta a {color: #666;}
body.single .et_pb_post .post-tags a {font-weight: 500;}

/** 
 * Post Archive Lists
 */

/** Thumbnails in primary lists */
.et_pb_posts .et_pb_post,
body.blog .et_pb_post,
body.archive .et_pb_post,
body.search .et_pb_post {
    clear: both;
    overflow: hidden;
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
.et_pb_posts .et_pb_post:first-child,
body.blog .et_pb_post:first-child,
body.archive .et_pb_post:first-child,
body.search .et_pb_post:first-child {
    margin-top: 0;
    padding-top: 0;
}
/* remove the margin if we float the thumbnail left in the Divi Blog module */
.et_pb_posts .et_pb_post a.entry-featured-image-url {margin-bottom: 0;}
.et_pb_posts .et_pb_post a img,
body.blog .et_pb_post a img,
body.archive .et_pb_post a img,
body.search .et_pb_post a img {
    float: right;
    max-width: 50%;
    margin-left: 20px;
    border: solid 1px #ccc;
    padding: 2px;
}
.et_pb_posts .et_pb_post h2,
body.blog .et_pb_post h2,
body.archive .et_pb_post h2,
body.search .et_pb_post h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
}
.et_pb_posts .et_pb_post .post-meta,
body.blog .et_pb_post .post-meta,
body.archive .et_pb_post .post-meta,
body.search .et_pb_post .post-meta,
.et_pb_posts .et_pb_post .post-meta a,
body.blog .et_pb_post .post-meta a,
body.archive .et_pb_post .post-meta a,
body.search .et_pb_post .post-meta a {color: #666;}
.et_pb_posts .et_pb_post .post-meta a:hover,
body.blog .et_pb_post .post-meta a:hover,
body.archive .et_pb_post .post-meta a:hover,
body.search .et_pb_post .post-meta a:hover {color: #444;}

/** archive: programs - hide until author information is fixed */
body.post-type-archive-program .post-meta,
body.post-type-archive-initiative .post-meta,
body.post-type-archive-staff .post-meta {display: none;}

/** video embeds within posts */
.et_pb_post .et_post_video {clear: both;}


/*
 * Header
 */

/** Logo */
.logo_container img#logo {height: auto; max-height: 83%; max-width: 162px;}
/*@media only screen and ( min-width: 981px ) and ( max-width: 1040px ) {
    .logo_container img#logo {max-width: 109px;}
}*/
/*
body:not(.et_pb_svg_logo) #logo {
	background: url("images/my_logo.png") 50% 50% no-repeat;
	background-size: 94%;
}
// http://imulus.github.io/retinajs/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  body:not(.et_pb_svg_logo) #logo  {
    background-image: url('/images/my_logo@2x.png');
    background-size: 200px 100px;
  }
}
*/

/** Primary Menu */


/** Stylized menu items as buttons (primary navigation) */
#top-menu .menu-item-callout > a,
.et-fixed-header #top-menu li.current-menu-item.menu-item-callout > a {
    padding: 10px !important;
    margin-top: -10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
}

/** Mobile Menu */
.mobile_nav.opened #mobile_menu {display: flex; flex-direction: column;}
#mobile_menu li.menu-item:first-child {margin-top: 15px;}
#mobile_menu li.menu-item-callout {order: -1;}
#mobile_menu .menu-item-callout + .menu-item-callout {margin-top: 10px;}

#mobile_menu li a {padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.050);}
#mobile_menu li li {padding-left: 10px;}
#mobile_menu .menu-item-callout > a {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff !important;
    font-weight: 700 !important;
    background: #ef4136;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    /*display: inline-block;*/
}


/**
 * Footer
 */

/* Pre-footer CTA – the "shine" element */
#pre-footer-cta:after {
    content: "";
    position: absolute;
    top: 0%;
    left: -50%;
    width: 50%;
    height: 100%;

    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.0) 0%,
            rgba(255, 255, 255, 0.13) 45%,
            rgba(255, 255, 255, 0.5) 55%,
            rgba(255, 255, 255, 0.0) 100%
    );

}
/* Hover state - trigger effect */
#pre-footer-cta.et_had_animation:after {
    opacity: 1;
    top -30%;
    left: 100%;
    transition-property: left, top, opacity;
    /*transition-property: left, top;*/
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}




/**
 * Ninja Forms 
 */

/** Override Opinionated Styles */
/*
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field {height: 40px !important;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {padding: 10px !important;}
.nf-form-content .list-select-wrap>div div {height: 40px !important;}
.nf-form-content .list-select-wrap>div div:after {height: 40px !important; line-height: 40px !important;}
*/

.nf-field-container {margin-bottom: 20px !important;}
.nf-field-container.label-above .nf-field-label {margin-bottom: 3px !important;}
.nf-field-container.phone-container {margin-bottom: 5px !important;}
.nf-field-container.checkbox-container {margin-bottom: 25px !important;}
.nf-field-container.checkbox-container label {font-weight: 600;}
.nf-form-fields-required {color: #888; font-style: italic;}
.nf-form-content {/*max-width: 1080px !important;*/margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
.nf-field-description {padding-bottom: 15px;}
.nf-field-container label {font-size: 16px !important;}
/* - was causing double radio buttons
.list-checkbox-wrap .nf-field-element li input, 
.list-radio-wrap .nf-field-element li input {margin-top: 0.6em !important;}
*/
.nf-field-container.hr-container {margin-top: 40px !important;}
.nf-field-container.html-container h2,
.nf-field-container.html-container h3,
.nf-field-container.html-container h4,
.nf-field-container.html-container h5,
.nf-field-container.html-container h6 {margin-bottom: 20px;}
.nf-field-container .education-highlight {color: red;}

.listradio-wrap .nf-field-element label.nf-checked-label:before {top: 0.3em !important;}


/*
 * Flippable Cards – Structure
 */

/* - flexbox backup
.flip-cards {}
.flip-cards-seatbelt .flip-card-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.flip-cards-seatbelt .flip-card-container .col {
    flex: 0 0 25%;
    max-width: 25%;
    display: flex;
    justify-content: center;
}
.flip-cards-seatbelt .flip-card-container .card {
    position: relative;
    width: 100%;
    perspective: 1000px;
    cursor: pointer;
}
@media (max-width: 980px) {
  .flip-cards-seatbelt .flip-card-container .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .flip-cards-seatbelt .flip-card-container .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .flip-cards-seatbelt .flip-card-container .card {
    max-width: 360px;
  }
}
*/
/* ---- Container: 4 → 2 → 1 columns at Divi breakpoints ---- */
.flip-cards .flip-card-container {
    display: grid;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.flip-cards .flip-cards-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.flip-cards .flip-cards-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}

/* Tablet (≤ 980px): 2 columns */
@media (max-width: 980px) {
    .flip-cards .flip-cards-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 850px) {
    .flip-cards .flip-cards-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* Phone (≤ 767px): 1 column */
@media (max-width: 767px) {
    .flip-cards .flip-cards-4 {
        grid-template-columns: 1fr;
    }
}

/* ---- Column + card sizing safeguards ---- */
.flip-cards .flip-card-container .col {
    /* grid children – no flex math needed */
    min-width: 0;  /* prevents overflow from long words/content */
    display: block;
}

.flip-cards .flip-card-container .card {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* (Optional) cap card width on very large desktops */
@media (min-width: 1400px) {
    .flip-cards .flip-card-container .card {
        max-width: 360px;
        margin-inline: auto; /* keep centered inside each grid cell */
    }
}



/*
 * Flippable Cards – Details
 */

.flip-cards .flip-card-container .card-rotator {
    position: relative;
    transform-style: preserve-3d; /* allow 3D children */
}
.flip-cards .flip-card-container .card-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* for Safari */

    background: #fff;
    color: inherit;
    padding: 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.3);
    text-align: center;
    overflow: hidden;
}
.flip-cards .flip-card-container .card-side-front {
    background: #fff;
}
.flip-cards .flip-card-container .card-title {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    padding-bottom: 0.5em;
    line-height: normal;
}
.flip-cards .flip-card-container .card-text {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
}
.flip-cards .flip-card-container .card-side-back {
    /*background: #DA3726;*/
    background: linear-gradient(165deg,#da3726 0%,#e37d28 100%) !important;
    color: #fff;
    transform: rotateY(180deg);
}
.flip-cards .flip-card-container .card-side-back .card-title {
    color: #fff;
}

/** Page specific flip card styling */
.flip-cards-seatbelt .flip-card-container .card-side-back {
    /*background: #DA3726;*/
    background: linear-gradient(165deg,#da3726 0%,#e37d28 100%) !important;
}
.flip-cards-impaired .flip-card-container .card-side-back {
    /*background: #DA3726;*/
    background: linear-gradient(150deg,#dac026 0%,#e37d28 100%) !important;
}
.flip-cards-pedestrians .flip-card-container .card-side-back {
    /*background: #DA3726;*/
    background: linear-gradient(165deg,#00d5d0 0%,#0085ff 100%) !important;
}

/** ---------------------
Corner Peel CSS Base
-------------------------- */
/* Base variables for the flip-card set */
.flip-card-container {
    /* Corner size is responsive but capped at 52px (your SVG size) */
    --corner-size: clamp(26px, 5vw, 52px);
    --corner-img: url("../vidivi/assets/corners/corner-seatbelt.svg");
}

/* Ensure the svg gets clipped by the rounded corner */
.flip-card-container .card-side.card-side-front {
    overflow: hidden; /* keeps SVG inside the border radius */
}

/* Add the SVG peel to the front side only */
.flip-card-container .card-side.card-side-front::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;

    width: var(--corner-size);
    aspect-ratio: 1 / 1;

    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;          /* SVG + gradient */
    background-position: bottom right, bottom right;

    pointer-events: none;
    z-index: 2;
}

/** ---------------------
Corner Peel CSS - Page Specific colors
-------------------------- */
/* Seatbelt myths – orange */
.flip-cards-seatbelt .flip-card-container .card-side.card-side-front::after {
    /*background-image:*/
    /*        var(--corner-img),*/
    /*        linear-gradient(135deg, #fff 50%, #f36f21 100%); !* optional *!*/
    background-image: url("../vidivi/assets/corners/corner-seatbelt.svg");
}

/* Impaired driving – yellow/orange */
.flip-cards-impaired .flip-card-container .card-side.card-side-front::after {
    /*background-image:*/
    /*        var(--corner-img),*/
    /*        linear-gradient(135deg, #fff 45%, #e3b628 100%);*/
    background-image: url("../vidivi/assets/corners/corner-impaired.svg");
}

/* Pedestrians – teal/blue */
.flip-cards-pedestrians .flip-card-container .card-side.card-side-front::after {
    /*background-image:*/
    /*        url("../vidivi/assets/corners/corner-pedestrians.svg"), !* top *!*/
    /*        linear-gradient(135deg, #fff 45.67%, #01C0DC 100%);      !* beneath *!*/
    background-image: url("../vidivi/assets/corners/corner-pedestrians.svg");
}
/* --------------------------------
Spacing Overlap Fix on Corners
--------------------------------- */
@media (max-width: 1200px){
    .flip-cards .flip-card-container .card-side{
        padding:30px;
    }
}
@media (max-width: 1050px){
    .flip-card-container {
        --corner-size: clamp(26px, 4vw, 52px);
    }
}


/*
 * Sliding values
 */

.slider-container,
.slider-knob {
    user-select: none;
}
.slider-container {
    position: relative;
    width: 100%;
    height: 2px;
    margin: 40px auto;
    background: #ddd;
}
.slider-knob {
    position: absolute;
    top: -10px;
    width: 24px;
    height: 24px;
    background: #3498db;
    border-radius: 50%;
    cursor: pointer;
    transform: translateX(-50%);
    transition: left 0.3s ease;
}
.slider-tooltip {
    position: absolute;
    bottom: -53px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: #666;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 22px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 10;
    border: 2px solid #999;
}
/* Larger red border triangle */
.slider-tooltip::before {
    content: "";
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 11px solid transparent;
    border-bottom-color: #999;
}
/* Larger white triangle overlay */
.slider-tooltip::after {
    content: "";
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-bottom-color: white;
}
.correct-location {
    position: absolute;
    top: -20px;
    width: 2px;
    height: 40px;
    background: #27ae60;
    left: 73%;
    transform: translateX(-1px);
}
.slider-message {
    margin-top: 30px;
    text-align: center;
    min-height: 27px;
}
.slider-message.correct {
    color: #27ae60;
}
.slider-message.incorrect {
    color: #e74c3c;
}


/** Page-specific colors */

/** Seatbelt */
.flip-cards-seatbelt .flip-card-container .card-title {color: #DA3726;}
/*.slider-impaired .slider-knob {background: linear-gradient(165deg,#da3726 0%,#e37d28 100%);}*/
.slider-tooltip {border-color: #d5711d;}
.slider-tooltip::before {border-bottom-color: #d5711d;}
.slider-tooltip::after {border-bottom-color: d5711d;}
.slider-impaired .slider-message {color: #d5711d;}

/** Impaired */
.flip-cards-impaired .flip-card-container .card-title {color: #d5711d;}

/** Pedestrians */
.flip-cards-pedestrians .flip-card-container .card-title {color: #068cdf;}


/*
 * Homepage
 */


/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {}


/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
    .et_pb_section:not(.et_pb_fullwidth_section) {padding: 30px 0;}

    .list-cpt .et_pb_column_1_3,
    .list-cpt .et_pb_column_1_3:last-child {width: 46% !important; margin: 0 4% 3% 0 !important;}
    .list-cpt .et_pb_column_1_3:nth-child(3n+4) {clear: none;}
    .list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: both;}

    #et_top_search {margin-right: 20px;}

    #hero-seatbelt > .et_pb_row:first-child > .et_pb_column:first-child {
        background-image: url("/wp-content/uploads/2025/10/seatbelt-horizontal4.svg");
        background-position: center bottom;
    }
}


/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
    .list-cpt .et_pb_column_1_3,
    .list-cpt .et_pb_column_1_3:last-child {width: 100% !important; margin: 0 0 5% !important;}
    .list-cpt .et_pb_column_1_3:nth-child(2n+3) {clear: none;}
}

@media only screen and ( max-width: 666px ) {
    .et_pb_posts .et_pb_post a img,
    body.blog .et_pb_post a img,
    body.archive .et_pb_post a img {
        max-width: 100%;
        float: none;
        margin: 0 0 20px;
    }
    body.single .et_pb_post .et_post_meta_wrapper img {max-width: 100%; float: none; margin: 0 0 15px;}
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {}



/* END: style.css **/