/*
Theme Name: ABC Supply
Author: Kurt Kokoruz
Version: 2.0
*/


/* Elementor Global Variables */


/*
--e-global-typography-primary-font-family:"acumin-pro-condensed", sans-serif;;
--e-global-typography-primary-font-weight:400;


Primary Color - ABC Blue #004990
var(--e-global-color-primary);

Secondary Color - ABC Red #C32032
var(--e-global-color-secondary);

Text Color - Dark Gray #414042
var(--e-global-color-text);

Accent Color - ABC Red #C32032
var(--e-global-color-accent);

ABC Dark Blue #002D62
var(--e-global-color-e8bc28e);

ABC Light Blue #0074BC
var(--e-global-color-6454081); 

ABC Black #231F20 - 
var(--e-global-color-bdb779b);

ABC Dark Gray #878A8F
var(--e-global-color-4311e53); 

ABC Light Gray #D1D3D4
var(--e-global-color-96a8ded); 

ABC White #FFFFFF
var(--e-global-color-801388a); 

Light Gray #EEEEEE
var(--e-global-color-aad2c15); 


var(--e-global-typography-primary-font-family); - Primary Font
var(--e-global-typography-primary-font-weight); - Primary Font Weight

var(--e-global-typography-secondary-font-family); - Secondary Font
var(--e-global-typography-secondary-font-weight); - Secondary Font Weight

var(--e-global-typography-text-font-family); - Text Font
var(--e-global-typography-text-font-weight); - Text Font Weight

var(--e-global-typography-accent-font-family); - Accent Font
var(--e-global-typography-accent-font-weight); - Accent Font Weight

Responsive Width 480px – 1280px | Base Font Size 16px
var(--e-global-typography-2d5fa3b-font-size); - XXLarge | 64px-56px | clamp(3.5rem, 3.2rem + 1vw, 4rem);
var(--e-global-typography-c346ec7-font-size); - XLarge | 56px-48px | clamp(3.5rem, 3.2rem + 1vw, 4rem);
var(--e-global-typography-a261f7b-font-size); - Large | 48px-40px | clamp(2.5rem, 2.2rem + 1vw, 3rem);
var(--e-global-typography-a888c67-font-size); - Large – Medium | 40px-32px | clamp(2rem, 1.7rem + 1vw, 2.5rem);
var(--e-global-typography-ec39cdc-font-size); -Medium | 32px-24px | clamp(1.5rem, 1.2rem + 1vw, 2rem);
var(--e-global-typography-c186dbb-font-size); - Medium – Small | 24px-16px | clamp(1rem, 0.7rem + 1vw, 1.5rem);
var(--e-global-typography-dd9dc49-font-size); - Small | 16px-14px | clamp(0.875rem, 0.8rem + 0.25vw, 1rem);
var(--e-global-typography-9b28ad0-font-size); - X Small | 14px-12px | clamp(0.75rem, 0.675rem + 0.25vw, 0.875rem);

*/

:root,
.elementor-kit-11497 {
    --primary-font: var(--e-global-typography-primary-font-family);
    /*--headline-font: bebas-neue-pro, acumin-pro-condensed, 'Nunito Sans', sans-serif;*/
    --headline-font: acumin-pro-condensed, 'Nunito Sans', sans-serif;
    /*--body: rgb(22, 116, 211);*/
    --bs-body-color: var(--e-global-color-text);
    --bs-heading-color: #212529;
    --abc-body-color: var(--e-global-color-text);
    --abc-blue: var(--e-global-color-primary);
    --abc-blue-dark: var(--e-global-color-e8bc28e);
    --abc-blue-light: var(--e-global-color-6454081);
    --abc-red: var(--e-global-color-secondary);
    --abc-white: var(--e-global-color-801388a);
    --abc-black: var(--e-global-color-bdb779b);
    --abc-gray: #6b6c6f;
    --abc-grey-dark: var(--e-global-color-4311e53);
    --abc-grey-light: var(--e-global-color-96a8ded);
    --bkg-grey-light: var(--e-global-color-aad2c15);
    --bkg-grey-dark: var(--e-global-color-e8bc28e);
}

a[class*="vp-"] {
    position: relative;
    color: var(--abc-white);
    display: inline-block;
    height: 100%;
}

a[class*="vp-"]::after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-size: 4rem;
    position: absolute;
    content: "\f144";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

a[class*="vp-"]::before {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    z-index: 998;
    transition: all 0.2s;
}

a[class*="vp-"]:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
}

a[class*="vp-"] .vp-img {
    width: 100%;
    height: auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1em;
}

.wp-block-image img {
    height: auto;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    max-width: unset;
    width: 100%;
    vertical-align: middle;
    height: auto;
}


/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
    margin: 0 0 1.5em 0;
}

.mce-content-body hr {
    clear: both !important;
}

.alignleft,
img.alignleft {
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    display: block;
    float: none;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.alignright,
img.alignright {
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    display: block;
    float: none;
    text-align: center;
    max-width: 100%;
    height: auto;
}

.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    max-width: 100%;
    height: auto;
}

.alignnone,
img.alignnone {
    /* not sure about this one */
}

.video480 {
    width: 100%;
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.gallery dl {}

.gallery dt {}

.gallery dd {}

.gallery dl a {}

.gallery dl img {}

.gallery-caption {}

.size-full {}

.size-large {}

.size-medium {}

.size-thumbnail {}

@media (min-width: 576px) {
    .alignleft,
    img.alignleft {
        margin-top: 1em;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
        display: block;
        float: none;
        text-align: center;
    }
    .alignright,
    img.alignright {
        margin-top: 1em;
        margin-right: auto;
        margin-bottom: 1em;
        margin-left: auto;
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        height: auto;
    }
}

@media (min-width: 768px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
        width: 50%;
        height: auto;
    }
}

@media (min-width: 990px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
        width: auto;
        width: 50%;
        height: auto;
    }
}

@media (min-width: 1200px) {
    .alignleft,
    img.alignleft {
        margin-top: 0;
        margin-right: 1.5em;
        margin-bottom: 1em;
        margin-left: 0;
        display: inline;
        float: left;
    }
    .alignright,
    img.alignright {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1em;
        margin-left: 1.5em;
        display: inline;
        float: right;
        width: auto;
        height: auto;
    }
    .video480 {
        width: 480px;
    }
}


/* Pagination */

.page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
}

.page-numbers.current,
a.page-numbers:hover {
    background: #f9f9f9;
}