/*
 Theme Name:   fantasyjunction (Divi Child)
 Theme URI:    
 Description:  fantasyjunction based on Divi Theme by Elegant Themes
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/


/* the weird vertical line */
.et_right_sidebar #main-content .container:before {
    background-color: transparent!important;
}

/* mobile menu formatting */
ul#mobile_menu {
    font-family:"Source Sans Pro",sans-serif;
    text-transform: uppercase;
    line-height:12px;
    text-align:center;
}
.et_mobile_menu li a { color:#FFFFFF!important; font-size:1rem!important; }
.et_mobile_menu li a:hover { color:#BE461C!important; }

/* screen spacing tweaks for single-car template */
@media only screen and (min-width: 567px) {
    body.single-car .et_pb_row { padding:5px 0!important; }
    body.single-car .et_pb_section { padding: 5px 0!important; margin:0px!important; }
    body.single-car .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper { padding-top: 81px!important; }
    body.single-car .et_pb_fullwidth_section { padding: 0!important; }
}

@media only screen and (max-width: 566px) {
    body.single-car  #main-content .container { padding-top: 20px!important; }
}


div.grecaptcha-logo { display:none!important; }
iframe[title='reCAPTCHA'] { visibility:hidden!important; }
div.grecaptcha-badge { display:none!important; }

p a:hover { color:#aaa; }

h3#logo-text { color:linen; }

/* submenu on car pages */
li.car-submenu-item { float:left; margin-right:10px; }
li.car-submenu-item.is-active { font-weight:bold; }

body.single-car h1.entry-title { display:none; }

.car-photo-thumbnail {
  position: relative;
  width: 32%;
  aspect-ratio: 3/2;
  margin-bottom: 10px;
  counter-increment: carcount;
  float:left;
  margin-right:1%;
  overflow:hidden;
}

/* Recommended to avoid layout shift while loading */
.car-photo-thumbnail img {
  display: block;
  width: 100%; height: auto;
  background: #ccc ;     /* placeholder background */
}

div #content-area.car-grid div.et_pb_row.car-grid {
  width:100%!important;
}

div.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;

    width: 100%;
    max-width: none;
    box-sizing: border-box;

}

div.car-photo-thumbnail {
    width: auto !important;
    max-width: none !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0;
    float: none !important;

    overflow: hidden;
    box-sizing: border-box;
}

div.car-photo-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}


/* car size definitions */
.car-sized { aspect-ratio: 3 / 2; display:block; overflow:hidden; margin:2px; border:1px solid #e8e8e8; overflow:hidden; } /* hide overflow in case dimensions are whack */

div.car-photo-hero { margin:2px; border:1px solid #e8e8e8;}
div.car-photo-hero[order='1'] { width:100%; height:auto; }
div.car-photo-hero[order='2'] { float:left; margin:7px 0 0 0; padding:0 0 0 0;width:49%;   }
div.car-photo-hero[order='3'] { float:right; margin:7px 0 0 0; padding:0 0 0 0; width:49%;   }
div.car-photo-hero img { width:100%; height:auto; }

div.car-new-to-market { width: 100%; }
div.car-photo-homepage { float:left; margin-left:5px; margin-right:5px; width:24%;  }


/* the default car page menu AND the individual car pages menu */
span.car-default-menu-option a,
li.car-submenu-item a { padding-left:20px; text-transform:uppercase; color:black;}

span.car-default-menu-option.active a, 
li.car-submenu-item.is-active a { color:#BE461C; font-weight:bold;}

span.car-default-menu-option a:hover, 
li.car-submenu-item a:hover { color:#BE461C; }

div.car-default-menu-divider hr,
div.car-submenu-divider hr { width:97%; border: none; border-top: 1px solid #ccc; }

.prev-next-wrapper { display: flex; align-items: center; width: 100%;}
.between-buttons { flex: 1; }
.prev-button, .next-button { flex: 0 0 auto; font-size: 24px; }
span.button-text { text-transform: uppercase; color: #333231; font-weight: 600; height: 38px; display: inline-block; line-height: 2.4; font-family: 'Source Sans Pro',sans-serif; font-size:16px;}
span.button-arrow { vertical-align:text-bottom ; color:#BE461C;; font-weight:800; font-size:22pt; display:inline-block; }
a span.button-arrow:hover { color:#333231;}

.prev-next-wrapper.location-bottom { padding-bottom:50px; }

.car-orange-button-wrapper {margin-bottom:0; padding: .5rem; height:2.4375rem; line-height:1.35;}
.car-orange-button-wrapper.float-right { float:right; }
.car-orange-button-wrapper.float-center { margin: 10px auto; text-align:center; }
.car-orange-button-wrapper a { 
  border:1px solid transparent;
  padding:5px 30px;
  margin-right:10px;
  width: 180px;
  height:39px;
  color:white;
  max-width: 180px;
  background: #BE461C;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  border-radius: 3px;
}
.car-orange-button-wrapper a:hover { opacity: .5; } 


/* for mobile, hide the logo when searching */
@media only screen and (max-width: 980px) {
    #main-header.mobile-search-open #logo {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    #main-header.mobile-search-open .et_search_form_container {
        width: 100% !important;
        max-width: none !important;
        padding-left: 70px;
        padding-right: 55px; /* leaves room for the close button */
        box-sizing: border-box;
    }

    #main-header.mobile-search-open .et-search-form {
        width: 100% !important;
        max-width: none !important;
    }

    #main-header.mobile-search-open .et-search-field {
        width: 100% !important;
        padding-left:30px;
    }

    #main-header.mobile-search-open span.et_close_search_field {
        margin-right:30px!important;
    }

    /* fade the logo back in after searching */
    #main-header #logo {
        opacity: 1;
        visibility: visible;
        transition:
            opacity 0.35s ease,
            visibility 0s linear 0s;
    }

    #main-header.mobile-search-open #logo {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity 0.2s ease,
            visibility 0s linear 0.2s;
    }

}





/* fade out text if it runs too long in the car/description blocks   */
.car-text-default.car-default-part {
    min-height:290px;
}

/*@media screen and (max-width:414px) {
    .car-text-default.car-default-part { 
        min-height:none;
    }
}*/

/*@media screen and (min-width:320px) {*/
    .car-default-template-wrapper {
        min-height:285px;
        max-height: 285px;
        overflow: hidden;

        -webkit-mask-image: linear-gradient(
            to bottom,
            black 0%,
            black 81%,
            transparent 100%
        );

        mask-image: linear-gradient(
            to bottom,
            black 0%,
            black 81%,
            transparent 100%
        );
    }
/*}*/
 

/* Gravity Form Submit button (for all forms) */
form input[type='submit'],
form button[type='submit'] {
    width: 180px;
    max-width: 180px;
    background: #BE461C;
    font-family: "Source Sans Pro";
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    border-radius: 3px;
    color:white;
    padding: 10px;
}
form input[type='submit']:hover { opacity:.5; cursor:pointer;}

/* grey/padded background for forms */
form#gform_1 div.gform-body { background: #eee; padding:20px; }
/*form#gform_4 div.gform-body { background: #eee; padding:20px; }*/

/* to align subscribe button with fields for newsletter form in footer */

/*
#gform_4 div.gform-body {
    padding: 5px!important;
}

#gform_wrapper_4 .gfield.newsletter-field  input {
  border-radius: 5px;
}
#gform_wrapper_4 .gfield.newsletter-field.name-field  input {
  width:200px!important;
}
#gform_wrapper_4 .gfield.newsletter-field.email-field  input {
  width:250px!important;
}


#gform_wrapper_4 form {
    display: flex;
    align-items: center;
    gap: 0px;
}

#gform_wrapper_4 .gform_body {
    flex: 1;
}

#gform_wrapper_4 .gform_fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

#gform_wrapper_4 .gform_footer {
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

#gform_wrapper_4 .gform_button {
    width:100px!important; 
    height: 36px;
    min-height: 36px;
    line-height: 25px;
    padding: 0 24px;
    margin: 6px 0 0 0;
    box-sizing: border-box;
    border-radius: 5px;
    border:0px solid transparent;
}

@media (max-width: 767px) {
    #gform_wrapper_4 form {
        display: block;
    }

    #gform_wrapper_4 .gform_fields {
        grid-template-columns: 1fr;
    }

    #gform_wrapper_4 .gform_footer {
        margin-top: 20px;
    }

    #gform_wrapper_4 .gform_button {
        width: 100%;
    }
}
*/


/* Gravity Form 4: Name, Email, and Submit button in one row */
#gform_wrapper_4 form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
}

@media (min-width: 768px) {  /* for desktop */
  /* Remove Gravity Forms' inner field grid */
  #gform_wrapper_4 .gform_body,
  #gform_wrapper_4 .gform_fields {
      display: contents;
  }
}

/* Put the footer/button into the third column */
#gform_wrapper_4 .gform_footer {
    margin: 0;
    padding: 0;
}

/* Match the button height to the inputs */
#gform_wrapper_4 .gform_button {
    height: 37px;
    margin: 0;
    white-space: nowrap;
}

/* Stack everything on smaller screens */
/*@media (max-width: 767px) {
    #gform_wrapper_4 form {
        grid-template-columns: 1fr;
    }

    #gform_wrapper_4 .gform_button {
        width: 100%;
    }
}*/

@media (min-width: 640px) {  /* for desktop */ 
  #gform_wrapper_4 .gfield.newsletter-field  {
    /*background: red;*/
    min-width:125px!important;
    max-width:250px!important;
    height:32px!important;
    /*grid-column: span 5!important;*/
    grid-column: span 1 !important;
    margin-right:10px;
  }
}

/* handle newsletter form on mobile */
@media (max-width: 639px) {

    .et_pb_section.et_pb_section_1 .et_pb_row,
    .et_pb_section.et_pb_section_1 .et_pb_column,
    .et_pb_section.et_pb_section_1 .et_pb_module,
    #gform_wrapper_4,
    #gform_wrapper_4 form,
    #gform_wrapper_4 .gform_body,
    #gform_wrapper_4 .gform_fields,
    #gform_wrapper_4 .gfield,
    #gform_wrapper_4 .ginput_container,
    #gform_wrapper_4 .gform_footer {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    #gform_wrapper_4 form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    #gform_wrapper_4 .gform_body,
    #gform_wrapper_4 .gform_fields {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    #gform_wrapper_4 .gfield,
    #gform_wrapper_4 .gform_footer {
        margin: 0 !important;
        padding: 0 !important;
    }

    #gform_wrapper_4 input[type="text"],
    #gform_wrapper_4 input[type="email"],
    #gform_wrapper_4 input[type="submit"],
    #gform_wrapper_4 .gform_button {
        display: block;
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    #gform_wrapper_4 .gfield.newsletter-field {
          width: 100% !important;
          min-width: 0 !important;
          max-width: none !important;
          height: auto !important;
          grid-column: 1 / -1 !important;
          justify-self: stretch;
    }

    #gform_wrapper_4 .gfield.newsletter-field .ginput_container,
    #gform_wrapper_4 .gfield.newsletter-field input {
          width: 100% !important;
          max-width: none !important;
          box-sizing: border-box;
    }

    body.page-slug-contact #gform_4  { margin-bottom:80px;}
    body.page-slug-contact #gform_4 div.gform-body { background:transparent!important; }
}


#gform_4 div.gform-body {
    padding: 5px!important;
}



#gform_wrapper_4 .gfield.newsletter-field  input {
  border-radius: 3px;
}
#gform_wrapper_4 form {
    display: flex;
    align-items: center;
    gap: 0px;
}

#gform_wrapper_4 .gform_body {
    flex: 1;
}

@media (min-width:640px) { /* desktop */
  #gform_wrapper_4 .gform_fields {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5px;
  }
}

#gform_wrapper_4 .gform_footer {
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

#gform_wrapper_4 .gform_button {
    width:100px!important; 
    height: 36px;
    min-height: 36px;
    line-height: 25px;
    padding: 0 24px;
    margin: 6px 0 0 0;
    box-sizing: border-box;
    border-radius: 5px;
    border:0px solid transparent;
}

/* on phone, make footer newsletter submit button 100% wide */
@media (max-width: 568px) {
    #gform_wrapper_4  #gform_submit_button_4.gform_button {
        width:101%!Important;
        left:9px!important;
    }
}

@media (max-width: 639px) {
    #gform_wrapper_4 form {
        display: block;
    }

    #gform_wrapper_4 .gform_fields {
      display: block;
    }
    #gform_wrapper_4 .gfield.newsletter-field {
      margin-bottom:10px!important;
    }
    #gform_wrapper_4 .gform_button {
      margin:-5px!important;
}



/*    #gform_wrapper_4 .gform_fields {
        grid-template-columns: 1fr;
    }*/





    #gform_wrapper_4 .gform_footer {
        margin-top: 20px;
    }

    #gform_wrapper_4 .gform_button {
        width: 100%;
    }
}

/* car template fields */
.car-template-row {  clear:left; }
.car-template-row span.car-template-part.year {  float:left; font-size:2rem;   color:black; font-family: "Merriweather", sans-serif;  font-weight: 900; padding-top:22px; padding-left:8px;}
.car-template-row span.car-template-part.price { float:right; font-size:1.5rem; font-weight:600; padding:5px 10px; color:white; width:50%; text-align:left; font-family:'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif;}
.car-template-row span.car-template-part.divider hr { width:94%; border: none; border-top: 1px solid #ccc; }
.car-template-row span.car-template-part.make { font-size: 1.5rem; color: #333231;  padding-left:8px; }
.car-template-row span.car-template-part.model {font-size: 1.125rem; color: #6c777f; margin-bottom: 0;     font-family: "Source Sans Pro", sans-serif; }
.car-template-row span.car-template-part.text { color:#333231; font-size:15px;  }

div.car-template-row.year-and-price { margin-top:20px; margin-right:-16px; }
div.car-template-row.divider { padding-top:20px; }
div.car-template-row.text { color:#333231; line-height:23.4px; margin-top:10px;padding-left:8px; padding-right:8px;}
div.car-template-row.model { padding-left:8px; line-height:21px; }


 
/* the homepage car page layout */
div.car-homepage-container { width:22.5%;   float:left; margin:10px; }
div.car-homepage-display { width:100%;}
div.car-photo-homepage {    width:100%;  margin:0px!important; padding:0px!important;}
div.car-text-homepage { width:100%; aspect-ratio: inherit; display:block; background-color:#f1f1f1; overflow:hidden; }
div.car-homepage-template-wrapper { padding:0px 15px 0px 15px; margin-bottom:15px;}
@media screen and (min-width:961px) {
    div.car-homepage-template-wrapper { min-height:175px!important;}
}

/* the default car page layout */
div.car-default-container { width:30.5%;   float:left; margin:15px; }
div.car-default-display { width:100%;}
div.car-photo-default {    width:100%;  margin:0px!important; padding:0px!important;}
div.car-text-default { width:100%; aspect-ratio: 3/2; display:block; background-color:#f1f1f1; overflow:hidden;}
@media screen and (min-width: 500px) and (max-width: 1024px) {
     div.car-text-default { aspect-ratio: auto!important; } 
}
div.car-default-template-wrapper { padding:0px 15px 0px 15px;}
.price.inventory { background-color: #408ec6; margin-top:17px; } 
.price.sold { background-color: #333231;  }
.price.search { background-color: #408ec6;  }

/*
    $template = "\n
    <div class='car-default-template-wrapper'>\n
    <div class='car-template-row year-and-price'><span class='car-template-part year'><!--{YEAR}--></span><span class='car-template-part price {$type} '><!--{PRICE}--></span></div>\n
    <div class='car-template-row divider'><span class='car-template-part divider'><hr /></div>\n
    <div class='car-template-row make'><span class='car-template-part make'><!--{MAKE}--></div>\n
    <div class='car-template-row model'><span class='car-template-part model'><!--{MODEL}--></div>\n
    <div class='car-template-row text'><span class='car-template-part text'><!--{TEXT}--></div>\n
    </div>\n
    ";
*/

/* for the full-width car pages */
.full-width #sidebar { display: none; }
.full-width #left-area { width: 100%; }
.single-car #main-content .container:before { background-color:transparent!important; }


.fj-car-description h2 { text-transform:uppercase; margin-top:40px; font-family:'Source Sans Pro',sans-serif; font-size:1.5rem; font-weight:600;}
.fj-car-similar h2 { text-transform:uppercase; margin-top:40px;  }

h2.car-mast { text-transform:uppercase; }
h2.car-mast.sale-pending { text-transform:none; }


.photo-grid { counter-reset: carcount; }


/* disclaimer */
div#car-disclaimer { padding:20px 0px; }
div#car-disclaimer p { color:rgb(64, 142, 198); font-style:italic;  }

/* inquiry form */
div.simple-divider { width:97%; border: none; border-top: 1px solid #ccc; }
#inquiry-form-container { background-color:#eee; padding:20px; font-weight:500; font-family: "Source Sans Pro", sans-serif;}
#inquiry-form-title h4 {     font-family: "Source Sans Pro", sans-serif;  font-size:1.5rem; color: rgb(51, 50, 49); font-weight:300; }

 
/* Badge (hidden until the image is ready) */
.car-photo-thumbnail::before {
  content: counter(carcount);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(5px, 5px);
  width: 30px; height: 30px; line-height: 30px;
  text-align: center; font-size: 13px; font-family: sans-serif;
  color: #fff; background: rgba(0,0,0,1.0); border-radius: 4px;
  opacity: 0;           /* hidden by default */
  transition: opacity 150ms ease-out;
}

.car-photo-thumbnail.is-ready::before {
  opacity: 1;           /* show when image has loaded */
}

/* the Load More button */
div.load-more-button button {
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 20pt;
}
div.load-more-button button:hover {
  cursor:pointer;
  opacity: .5;
}

/* search page */
body.search .et_right_sidebar, body.search #left-area {
  padding-right:0px;
}

body.search #sidebar {
  display: none !important;
}

body.search #left-area {
  width: 100% !important;
}

body.search #main-content .container:before {
  display: none !important;
}

/* document thumbnail container */
div.document-thumb { 
  float:left; 
  margin-bottom:20px; 
  margin-bottom:20px; 
  width:268px;
  height:347px;
  overflow:hidden;
  margin:5px;  
  background:transparent;
  border:1px solid #c8c8c8;
}

/* document thumbnail image */
div.document-thumb img { 
  display:inline;
  width:268px;
  height:auto;
  max-height:347px; 
  overflow:hidden;
  border:0px solid #c8c8c8; 
  padding:5%
}

a.link-to-document div:hover { background-color:linen; }

/* force about page photos to be circle */
.et_pb_team_member_image img { border-radius:50%!important; }

/* fancy up email link on about page */
.et_pb_member_social_links a.db_pb_team_member_email_icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.et_pb_member_social_links a.db_pb_team_member_email_icon .email-name {
  font-family: inherit;
  font-size: 14px;
  line-height: 1;
}

.et_pb_member_social_links span.email-name {
  display: inline;
}

.et_pb_member_social_links li a {
  color: #01243d;
}

/* style the info column on individual car */
div.car-mast-wrapper {     background: #408EC6;
    /*padding: 1rem 2rem;*/
    padding:0px!important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

div.car-mast-wrapper h2.car-mast { 
  color:white; 
  font-family: "Source Sans Pro", sans-serif; 
  line-height:68px; 
  margin-top:0px; 
  padding-left:20px;
  height:70px;
  font-size:24pt;
}

div.fj-car-specs { 
  background: #F1F1F1;
  border-radius: 3px; 
  padding:15px 20px;
}
h2.car-specs-year-and-make {
  padding: 0px;
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 0;  
  font-size:1.5rem;
  line-height:1.5;
  font-weight:400;
  color:black;
}
h2.car-specs-model {
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 0;  
  font-size:1.5rem;
  line-height:1.5;
  font-weight:400;
  color:#6c777f;
}
p.car-specs-headline {
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 10px;  
  margin-bottom: 17px;  
  font-size:1.0rem;
  line-height:1.4;
  font-weight:400;
  color:#333231;
}
table#car-specs-table tr {
  border-bottom:1px solid lightgrey;
  height:40px;
}
table#car-specs-table tr td.car-specs-table-cell-label {
  font-family: "Source Sans Pro", sans-serif;
  padding:0px 15px 0px 0px;
  color:darkgrey;
}
table#car-specs-table tr td.car-specs-table-cell-value {}

table#car-specs-table tr:last-child  {
    border-bottom-color: transparent;
}

table#car-specs-table tr.car-specs-table-row.debug td {
  color:red;
}

.next-car-wrapper {  text-align:right; }


/* for Overview page */
 .fj-two-column {
    display: flex;
    align-items: flex-start;
    gap: 30px; /* space between columns */
}

.fj-left {
    /*border:1px solid blue;*/
    flex: 1; /* takes up remaining width */
    min-width: 0; /* prevents overflow in flexbox */
}

.fj-right  {
    /*border:1px solid red;*/
    flex: 0 0 320px; /* fixed 400px width */
}

.fj-right.mobile { display:none; }

/* Responsive adjustments for custom templates (959px max) */
@media only screen and (max-width:959px) {

  /* for Overview page */
  .fj-two-column {
      width:100%!important;
      display:block!important;
  }

  .fj-left {
      width:100%!important;
      display:block!important;
  }

  .fj-right.mobile {
      width:100%!important;
      display:block!important;
  }

  .fj-right { display:none; }

  div#content-area.car-grid .et_pb_section { padding:0px!Important; }

  div.car-default-container { width:97%!important; display:block!important; }

  /* for Home page */
  div.car-homepage-container { width:97%!important; display:block!important; }
  div.car-homepage-container img { width:99%!important; display:block!important; }
  div.et_pb_button_module_wrapper:has(> a#inventory-button) { display:block; text-align:center!important; }
  div.et_pb_button_module_wrapper:has(> a#sell-your-car-button) { display:block; text-align:center!important; }

  /* for Single Car template */ 
  li.car-submenu-item { float:none;   text-align:center;  border:1px solid transparent; padding:0px!Important;}
  li.car-submenu-item a { padding:0px!Important;}

  .car-orange-button-wrapper { float:none; width:100%; text-align:center; margin-top:20px; }
}

/* Responsive adjustments for custom templates (639px max) */
@media only screen and (max-width:639px) {

  /* for Photos page */
/*  div.et_pb_row.car-grid { width:100%!important; }
  div.car-photo-thumbnail { width:48%!important; margin-right:3px!important;}
*/
  /* for Photos page */
  div.photo-grid {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 11px;
  }

}

/* shrink logo for small screens */
@media (max-width: 414px) {
    #main-header #logo { max-width:75%!important; }
}

/* to fix the arrow size on mobile slideshow */
@media (max-width: 767px) {
    .lb-nav {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center;
        justify-content: center;

        font-size: 22px !important;
        line-height: 1 !important;
        border-radius: 5px !important;
    }

    .lb-prev {
        left: 12px !important;
    }

    .lb-next {
        right: 12px !important;
    }

    #lightbox .lb-close {
        position: fixed;
        top: calc(env(safe-area-inset-top, 0px) + 12px);
        right: 12px;

        width: 44px;
        height: 44px;
        background-color:indianred;
        z-index: 10001;

    }


    body.admin-bar #lightbox .lb-close {
        top: 55.7vw;
    }


    /* hide the menu when slideshow is active (in conjunction with JS) */
    body.lightbox-open #wpadminbar,
    body.lightbox-open #main-header,
    body.lightbox-open .et-l--header {
        display: none !important;
    }

}

/* Keep Divi header fixed on tablets and phones */
@media only screen and (max-width: 980px) {
    #main-header.et-fixed-header {
        position: fixed !important;
        top: 0;
        width: 100%;
        z-index: 99999;
    }
}

/* debug  
  #content-area div { border:0px solid red; }
  #content-area #et-boc   { border:0px solid blue; }
    */

.et_pb_row.car-grid { margin:0px!important;margin-right:0px!important;  width:100%!Important; }


/* Main toggle link */
#wpadminbar #wp-admin-bar-site-name > .ab-item {
    background: #a64b00 !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* Remove WordPress's built-in house icon */
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
    content: none !important;
    display: none !important;
}

/* Add our own icon */
#wpadminbar #wp-admin-bar-site-name > .ab-item:after {
    font-family: dashicons !important;
    content: "\f226" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-block !important;
    margin-left: 7px !important;
    vertical-align: middle !important;
}

/* Hover */
#wpadminbar #wp-admin-bar-site-name:hover > .ab-item,
#wpadminbar #wp-admin-bar-site-name > .ab-item:focus {
    background: #8f4100 !important;
    color: #fff !important;
}

/* no results */
div.search-no-results { padding-bottom:50px; margin-bottom:50px; }