/* 

COLOR PALETTE CSS HEX 
--black: #000 (default font color)
--anti-flash-white: #ebebeb (background)
--white: #fff (background, font color, button font color, accent)
--white-opacity-8: rgba(255 255 255 / 0.8) (background~column block use with black type)
--chili-red: #da291c (cart icon, spyglass icon)
--dark-spring-green: #007a35 (eco friendly accents and font color, icons)
--denim: #225daa (buttons & links, icons) 
--polynesian-blue: #1b4a88 (hover states on buttons and links) 
--ultra-violet: #69498f (icons, accents)

FONT
font: myriad-pro

FONT WEIGHT
font-weight: 400 (regular) (class: fw4)
font-weight: 700 (bold) (class: fw7)

FONT SIZE
h1: 40px
h2: 
h3:
h4:
p: 18px (base font size)

LINE HEIGHT
line height 1.25em (class: lh125)

*/


@font-face {
    font-family: 'icons-blank-theme';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
    font-display: swap;
}
/*  BREADCRUMBS */
      /* #breadcrumbs min 1024 */
@media (min-width: 1024px) {
    .breadcrumbs {
        box-sizing: border-box;
        display: inline-block;
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-left: 0;
        width: auto;
    }
    .page-wrapper > .breadcrumbs {
        box-sizing: border-box;
        width: 100%;
    }
    .breadcrumbs .items {
        color: #a3a3a3;
        font-size: 1.2rem;
        list-style: none none;
        margin: 0 0 0 40px;
        padding: 0;
    }
    .breadcrumbs .item {
        margin: 0;
    }
    .breadcrumbs .items>li {
        color: #307CAB;
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
    }
    .breadcrumbs .item:not(:last-child) {
        display: inline-block;
        text-decoration: none;
    }
    .breadcrumbs a:visited {
        text-decoration: none;
    }
    .breadcrumbs .items>li a {
        color: #222d45;
    }
    .breadcrumbs .items>li::after {
        color: #222d45;
    }
    .breadcrumbs .item:not(:last-child):after {
        content: '\e608';
        display: inline-block;
        font-family: 'icons-blank-theme';
        font-size: 30px;
        vertical-align: top;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .breadcrumbs strong {
        font-weight: 400;
    }
    /* #PAGE */
    .row50 {
        padding: 50px;
    }
    .nav-sections-item-title {
        display: none;
    }
    .pagebuilder-mobile-hidden {
        display: block;
    }
    .pagebuilder-mobile-only {
        display: none;
    }
    /* END PAGE */
}