@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Medium';
    src: url("../fonts/ITCAvantGardeGothicStdMedium.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    --color-body:#000;
    --color-white: #ffffff;
    --color-grey: #A0B8BF;
    --color-top-navigation:var(--color-body);
    --border-color-primary--hover:var(--color-primary--hover);
    --font: 'Open Sans';
    --font-heading: 'ITC Avant Garde Gothic Medium';
    --heading-font-weight: bold;
    --body-font-size: 16px;
    --h1: 60px;
    --h2: 38px;
    --h3: 25px;
    --h4: 21px;
    --h5: 18px;
    --h6: 16px;
    --nav-service-navigation-font-size: 12px;
    --header-height: 178px;
    --color-clear:#fff;
    --button-default-background: linear-gradient(135deg,transparent 15px,var(--color-primary) 0);
    --button-clear-background: linear-gradient(135deg,transparent 15px,var(--color-clear) 0);
    /* --button-default-background-hover: linear-gradient(135deg,transparent 15px,var(--color-primary--dark) 0); */
    --button-default-background-hover: linear-gradient(135deg,transparent 15px,var(--color-primary--hover) 0);    
    --button-default-color-hover: var(--color-white);
    --button-default-border-hover: none;
    /* --button-primary-outline-background: linear-gradient(180deg,var(--color-primary),var(--color-primary)),linear-gradient(225deg,var(--color-primary),var(--color-primary)),linear-gradient(0deg,var(--color-primary),var(--color-primary)),linear-gradient(90deg,var(--color-primary),var(--color-primary)),linear-gradient( 135deg,transparent 15px,var(--color-primary)10px,var(--color-primary)17px,transparent 12px);     */
    --button-primary-outline-background: linear-gradient(180deg,var(--color-primary),var(--color-primary)),linear-gradient(225deg,var(--color-primary),var(--color-primary)),linear-gradient(0deg,var(--color-primary),var(--color-primary)),linear-gradient(90deg,var(--color-primary),var(--color-primary)),linear-gradient( 135deg,transparent 15px,var(--color-primary) 10px,var(--color-primary)17px,transparent 12px);    
    --button-secondary-background: linear-gradient(135deg,transparent 15px,var(--color-secondary) 0);
    --button-secondary-background-hover: linear-gradient(135deg,transparent 15px,var(--color-secondary--hover) 0);
    --button-tertiary-background: linear-gradient(135deg,transparent 15px,var(--color-tertiary) 0);
    --button-tertiary-background-hover: linear-gradient(135deg,transparent 15px,var(--color-tertiary--hover) 0);

    --button-primary-outline-background-color: transparent;
    --button-primary-outline-background-color-hover: var(--color-primary);

    --button-secondary-outline-background-color-hover: linear-gradient(135deg,transparent 15px,var(--color-secondary) 0);     

    --button-secondary-outline-background: linear-gradient(180deg,var(--color-secondary),var(--color-secondary)),linear-gradient(225deg,var(--color-secondary),var(--color-secondary)),linear-gradient(0deg,var(--color-secondary),var(--color-secondary)),linear-gradient(90deg,var(--color-secondary),var(--color-secondary)),linear-gradient( 135deg,transparent 15px,var(--color-secondary)10px,var(--color-secondary)17px,transparent 12px);    

    --button-tertiary-outline-background: linear-gradient(180deg,var(--color-tertiary),var(--color-tertiary)),linear-gradient(225deg,var(--color-tertiary),var(--color-tertiary)),linear-gradient(0deg,var(--color-tertiary),var(--color-tertiary)),linear-gradient(90deg,var(--color-tertiary),var(--color-tertiary)),linear-gradient( 135deg,transparent 15px,var(--color-tertiary)10px,var(--color-tertiary)17px,transparent 12px);    
    --button-tertiary-outline-background-color-hover: var(--color-tertiary);

    --button-bg-clear-color: linear-gradient(180deg,var(--color-clear),var(--color-clear)),linear-gradient(225deg,var(--color-clear),var(--color-clear)),linear-gradient(0deg,var(--color-clear),var(--color-clear)),linear-gradient(90deg,var(--color-clear),var(--color-clear)),linear-gradient( 135deg,transparent 15px,var(--color-clear) 10px,var(--color-clear)17px,transparent 12px);

    --nav-service-navigation-color: var(--color-grey);
    --nav-service-navigation-color--hover: var(--color-primary);

    --color-link: var(--color-grey);

    --search-input-height:50px;
}

@media (max-width: 992px) {
    body {
        --header-height: 90px;
        --h1: 26px;
        --h2: 24px;
        --h3: 21px;
        --h4: 18px;
    }        
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    text-transform: uppercase;
}

a {
    color: var(--color-link);
}

a:hover {
    color: var(--color-primary);
}

.bg-primary{
    color: var(--color-white);
}

.btn, .btn-default, .btn-primary, .btn-secondary, .btn-tertiary, .btn-default-outline, .btn-primary-outline, .btn-secondary-outline, .btn-tertiary-outline, .content-block .btn-primary {
    cursor: pointer;
    font-weight: normal;
    position: relative;
    padding: 15px 25px 15px 30px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: var(--button-font-size-xs);
    line-height: var(--button-line-height-xs);
}

.btn, .btn-default, .btn-primary, .content-block .btn-primary{
    background: var(--button-default-background);
    border: var(--button-default-border);
}

.btn-default-outline, .btn-primary-outline, .btn-outline-primary {
    color: var(--button-outline-color);
    background-color: var(--button-primary-outline-background-color);
    background: var(--button-primary-outline-background);
    background-position: var(--button-outline-background-position);
    background-size: var(--button-outline-background-size);
    background-repeat: var(--button-outline-background-repeat);
    border: var(--button-outline-border);
    -webkit-transition: none;
}

.bg-primary .btn-primary, .bg-primary .btn-outline-primary, .bg-tertiary .btn-outline-primary, .bg-dark .btn-outline-primary, .bg-secondary .btn-outline-primary, .bg-primary .btn-default-outline{
    color: var(--color-primary);
    background: var(--button-clear-background);
}

/* .bg-primary .btn-primary:hover, .bg-primary .btn-outline-primary, .bg-secondary .btn-outline-primary{
    background: var(--button-default-background-color);
} */

.bg-secondary .btn-secondary{
    color: var(--color-secondary);
    background: var(--button-clear-background);
}

.bg-primary .btn-primary:hover, .bg-secondary .btn-secondary:hover, .bg-primary .btn-outline-primary:hover, .bg-tertiary .btn-outline-primary:hover, .bg-dark .btn-outline-primary:hover, .bg-secondary .btn-outline-primary:horizontal, .content-block .btn-primary:hover, .bg-primary .btn-default-outline:hover{
    color: var(--color-clear);
    background: var(--button-bg-clear-color);
    background-position: var(--button-outline-background-position);
    background-size: var(--button-outline-background-size);
    background-repeat: var(--button-outline-background-repeat);
    border: var(--button-outline-border);
    -webkit-transition: none;
}

.bg-secondary .btn-secondary:hover{
    background-color: var(--button-secondary-outline-background-color);
}

.btn-secondary{
    background: var(--button-secondary-background);
    border: var(--button-secondary-border);
}

.btn-secondary-outline, .btn-outline-secondary {
    color: var(--color-secondary);
    background-color: var(--button-secondary-outline-background-color);
    background: var(--button-secondary-outline-background);
    background-position: var(--button-outline-background-position);
    background-size: var(--button-outline-background-size);
    background-repeat: var(--button-outline-background-repeat);
    border: var(--button-outline-border);
    -webkit-transition: none;
}

/* .btn-secondary-outline:hover, .btn-outline-secondary:hover {
    background: var(--button-secondary-outline-background-color-hover);    
} */

.btn-tertiary{
    background: var(--button-tertiary-background);
    border: var(--button-tertiary-border);
}

.btn-tertiary-outline, .btn-tertiary-secondary {
    color: var(--color-tertiary);
    background-color: var(--button-tertiary-outline-background-color);
    background: var(--button-tertiary-outline-background);
    background-position: var(--button-outline-background-position);
    background-size: var(--button-outline-background-size);
    background-repeat: var(--button-outline-background-repeat);
    border: var(--button-outline-border);
    -webkit-transition: none;
}

/* .btn:hover, .btn-default:hover, .btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover, .btn-default-outline:hover, .btn-primary-outline:hover {
    background-color: transparent !important;
    background-color: var(--button-default-background-hover);
    /* color: var(--color-primary--dark); */
/*} */

/* .btn-primary:hover{
    color: var(--color-primary--dark); , .content-block .btn-primary:hover
} */

.btn:hover, .btn-default:hover, .btn-primary:hover, .btn-tertiary:hover, .btn-default-outline:hover, .btn-primary-outline:hover {
    background: var(--button-default-background-hover);
    color: var(--button-default-color-hover);
    text-decoration: none;
    /* border: var(--button-default-border-hover) */
}

.btn-default-outline:hover, .btn-primary-outline:hover, .btn-secondary-outline:hover {
    color: var(--color-white);
}

.btn-secondary:hover{
    background: var(--button-secondary-background-hover);
    color: var(--color-white);
}

.btn-secondary-outline:hover{
    background: var(--button-secondary-outline-background-color-hover);
    /* background: var(--button-secondary-background-hover); */
    color: var(--color-white);
}

.btn-tertiary:hover{
    background: var(--button-tertiary-background-hover);
    color: var(--color-white);
}

.btn-tertiary-outline:hover{
    background: var(--button-tertiary-background-hover);
    color: #fff;
}

.search-input-wrap .btn-secondary{
    background-color: var(--color-secondary);
}

.search-input-wrap input[type=text]{
    height: var(--search-input-height);
}

.navbar .navbar-nav .nav-item{
    padding-top:10px;
    padding-bottom: 10px;
}

.cta-blocks .cta__element h3 a:after{
    color: var(--color-primary);
}

.cta-blocks .cta__element h3 a:hover::after{
    color: var(--color-primary--dark);
}

.label-wrap a {
    border-radius: 20px;
}

a.badge-primary:hover, a.badge-primary:focus {
    background-color: var(--color-primary);
}

blockquote{
    border-left-style: solid;
    border-left-width: 4px;
    border-left-color: var(--color-primary);    
    color: var(--color-primary);
    margin-left:20px;
    font-size: var(--body-font-size);
}

blockquote.blockquote-secondary{
    border-left-color: var(--color-secondary);
    color: var(--color-secondary);
}


#header .navbar a:hover{
    color: var(--color-primary);
}

.footer--link-list{
    justify-content: center;
    flex-direction: row;
}

.footer--logos .link-item{
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
}