.elementor-5587 .elementor-element.elementor-element-8fbf3d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5587 .elementor-element.elementor-element-4f96bf1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5587 .elementor-element.elementor-element-4f96bf1 a{color:var( --e-global-color-primary );}.elementor-5587 .elementor-element.elementor-element-4f96bf1 a:hover{color:var( --e-global-color-text );}.elementor-5587 .elementor-element.elementor-element-32752cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5587 .elementor-element.elementor-element-2579b9b{--display:flex;}.elementor-5587 .elementor-element.elementor-element-d434061 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#009EE2;}.elementor-5587 .elementor-element.elementor-element-9128eb4 .elementor-heading-title{font-weight:400;line-height:25px;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-5587 .elementor-element.elementor-element-4c60cccc{--display:flex;}.elementor-5587 .elementor-element.elementor-element-2d9d5fe{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5587 .elementor-element.elementor-element-2d9d5fe:not(.elementor-motion-effects-element-type-background), .elementor-5587 .elementor-element.elementor-element-2d9d5fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5587 .elementor-element.elementor-element-8c66ed2 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5587 .elementor-element.elementor-element-8c66ed2 .elementor-heading-title{font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-5587 .elementor-element.elementor-element-964d4d4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-5587 .elementor-element.elementor-element-964d4d4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5587 .elementor-element.elementor-element-964d4d4 .elementor-heading-title{font-size:18px;font-weight:400;line-height:25px;letter-spacing:0px;color:#FFFFFF;}.elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:#FFFFFF;color:#FFFFFF;transition-duration:0.2s;border-radius:10px 10px 10px 10px;}.elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button:hover, .elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button:focus{background-color:var( --e-global-color-text );color:#FFFFFF;}.elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button:hover svg, .elementor-5587 .elementor-element.elementor-element-9f5ecb3 .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-5587 .elementor-element.elementor-element-2d9d5fe{--content-width:1200px;}}@media(max-width:1024px){.elementor-5587 .elementor-element.elementor-element-2d9d5fe{--min-height:600px;--flex-wrap:wrap;--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-5587 .elementor-element.elementor-element-2d9d5fe{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for shortcode, class: .elementor-element-24cc2cb7 *//* ----------------------------------------------------
   AIOVG Keyword Search Field
   Matches Scanclimber Request-a-Quote form styling
----------------------------------------------------- */

.aiovg-form-group.aiovg-field-keyword .aiovg-form-control {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    color: #1A1A1A;
    transition: all 0.2s ease;
    margin-bottom: 20px;
}
.aiovg-field-tag .aiovg-dropdown-input {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    color: #1A1A1A;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 20px;
}
/* Focus / Open state */
.aiovg-field-tag .aiovg-dropdown-input:focus,
.aiovg-field-tag .aiovg-dropdown-input.aiovg-open {
    border-color: #D60000;
    box-shadow: 0 0 0 2px rgba(214,0,0,0.15);
    outline: none;
}
/* Placeholder */
.aiovg-field-tag .aiovg-dropdown-input::placeholder {
    color: #7A7A7A;
}
/* ----------------------------------------------------
   DROPDOWN PANEL (Open State)
----------------------------------------------------- */
.aiovg-field-tag .aiovg-dropdown {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin-top: -10px;
    padding: 10px 0;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.06);
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999;
}
/* ----------------------------------------------------
   SEARCH FIELD INSIDE DROPDOWN
----------------------------------------------------- */
.aiovg-field-tag .aiovg-dropdown-search input {
    width: calc(100% - 20px);
    margin: 10px;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    color: #1A1A1A;
    transition: all 0.2s ease;
}

.aiovg-field-tag .aiovg-dropdown-search input:focus {
    border-color: #D60000;
    box-shadow: 0 0 0 2px rgba(214,0,0,0.15);
    outline: none;
}


/* ----------------------------------------------------
   DROPDOWN ITEM LIST
----------------------------------------------------- */
.aiovg-field-tag .aiovg-dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    font-size: 15px;
    color: #1A1A1A;
    cursor: pointer;
    transition: background 0.2s ease;
}

.aiovg-field-tag .aiovg-dropdown-item:hover {
    background: #F5F5F5;
}

/* Checkbox styling */
.aiovg-field-tag .aiovg-dropdown-item input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}


/* ----------------------------------------------------
   NO ITEMS FOUND
----------------------------------------------------- */
.aiovg-field-tag .aiovg-dropdown-no-items label {
    display: block;
    padding: 12px 16px;
    font-size: 14px;
    color: #7A7A7A;
}


/* ----------------------------------------------------
   RESPONSIVE
----------------------------------------------------- */
@media (max-width: 768px) {
    .aiovg-field-tag .aiovg-dropdown-input {
        padding: 12px 14px;
        font-size: 15px;
    }

    .aiovg-field-tag .aiovg-dropdown-item {
        padding: 8px 14px;
    }
}
/* ----------------------------------------------------
   AIOVG SORT DROPDOWN — Matches Scanclimber Form Style
----------------------------------------------------- */

.aiovg-field-sort .aiovg-form-control {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background: #FFFFFF;
    color: #1A1A1A;
    transition: all 0.2s ease;
    margin-bottom: 20px;
    cursor: pointer;
}

/* Focus / active state */
.aiovg-field-sort .aiovg-form-control:focus {
    border-color: #D60000;
    box-shadow: 0 0 0 2px rgba(214,0,0,0.15);
    outline: none;
}

/* Dropdown option styling */
.aiovg-field-sort .aiovg-form-control option {
    padding: 10px;
    font-size: 15px;
    color: #1A1A1A;
}

/* Placeholder style (first option) */
.aiovg-field-sort .aiovg-form-control option[value=""] {
    color: #7A7A7A;
}

/* Hover effect for browsers that support it */
.aiovg-field-sort .aiovg-form-control:hover {
    border-color: #CFCFCF;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .aiovg-field-sort .aiovg-form-control {
        padding: 12px 14px;
        font-size: 15px;
    }
}
/* ----------------------------------------------------
   AIOVG RESET BUTTON — Scanclimber Corporate Style
----------------------------------------------------- */

.aiovg-field-reset .aiovg-button-reset {
    background: #7A7A7A; /* Grey secondary button */
    color: #FFFFFF;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    transition: background 0.2s ease, opacity 0.2s ease;
    
}

/* Hover effect */
.aiovg-field-reset .aiovg-button-reset:hover {
    background: #000000;
    opacity: 0.9;
}

/* If you want the button visible, remove hidden attribute */
.aiovg-field-reset {
    margin-bottom: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aiovg-field-reset .aiovg-button-reset {
        padding: 10px 24px;
        font-size: 15px;
    }
}

/* ----------------------------------------------------
   VIDEO CARD CONTAINER (Matches References Page)
----------------------------------------------------- */
.aiovg-thumbnail-style-image-top {
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.06);
    padding: 20px;
    margin-bottom: 30px;
    transition: box-shadow 0.2s ease;
}

.aiovg-thumbnail-style-image-top:hover {
    box-shadow: 0px 6px 18px rgba(0,0,0,0.10);
}
.aiovg-thumbnail {
    height: 400px;
}

/* ----------------------------------------------------
   THUMBNAIL IMAGE
----------------------------------------------------- */
.aiovg-thumbnail-style-image-top .aiovg-responsive-container img {
    border-radius: 4px;
    width: 100%;
    height: auto;
    display: block;
}
/* ----------------------------------------------------
   RESPONSIVE TYPOGRAPHY
----------------------------------------------------- */

/* Tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    .aiovg-thumbnail-style-image-top .aiovg-title a {
        font-size: 16px !important;
    }
    .aiovg-thumbnail-style-image-top .aiovg-excerpt {
        font-size: 14px !important;
    }
     .aiovg-title {
        line-height: 1.2 !important;
        padding-top: 10px !important;
        }
}

/* Mobile landscape (max-width: 768px) */
@media (max-width: 768px) {
    .aiovg-thumbnail-style-image-top {
        padding: 12px;
    }
    .aiovg-thumbnail-style-image-top .aiovg-title a {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    .aiovg-thumbnail-style-image-top .aiovg-excerpt {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    .aiovg-title {
        line-height: 1.2 !important;
        padding-top: 10px !important;
        }
    
}
/* Circular backround for play icon*/
.aiovg-svg-icon-play {
    position: absolute;
    bottom: 12px;
    right: 12px;

    /* Responsive circle */
    background: rgba(0,0,0,0.55);
    padding: 0.6em;              /* Scales with icon size */
    border-radius: 50%;          /* Perfect circle */
    display: inline-flex;        /* Ensures perfect centering */
    align-items: center;
    justify-content: center;

    /* Smooth hover */
    transition: background 0.2s ease;
}

.aiovg-thumbnail-style-image-top:hover .aiovg-svg-icon-play {
    background: rgba(0,0,0,0.75);
}

/* Optional: scale circle on mobile */
@media (max-width: 768px) {
    .aiovg-svg-icon-play {
        padding: 0.5em;
        bottom: 8px;
        right: 8px;
    }
}

/* Mobile portrait (max-width: 480px) */
@media (max-width: 480px) {
    .aiovg-thumbnail-style-image-top .aiovg-title a {
        font-size: 14px !important;
        line-height: 1.2 !important;
        padding-top: 14px !important;
        
    }
    .aiovg-thumbnail-style-image-top .aiovg-excerpt {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
     .aiovg-title {
        line-height: 1.2 !important;
        padding-top: 10px !important;
        }
}/* End custom CSS */