/**
 * Global CSS variables
 */
 :root {
    --primary-color-light: #b25858;
    --primary-color: #921111;
    --primary-color-dark: #660b0b;

    --secondary-color-light: #7aa6c1;
    --secondary-color: #4281A7;
    --secondary-color-dark: #2e5a74;

    --tertiary-color-light: #d6eacb;
    --tertiary-color: #C5E1B5;
    --tertiary-color-dark: #899d7e;

    --body-color: #333;
    --body-color-alt: #fff;
    --heading-font: "Georgia", serif;

    --btn-font: "Georgia", serif;
    --btn-background: var(--primary-color);
    --btn-color: var(--body-color-alt);
}


/**
 * Global Typo Styles for better vertical rythm
 */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 0;
}

.entry-content h1 + p,
.entry-content h2 + p,
.entry-content h3 + p,
.entry-content h4 + p,
.entry-content h5 + p,
.entry-content h6 + p {
    margin-top: 1em;
}

p:last-child,
.entry-content p:last-child  {
    margin-bottom: 0;
}


/**
 * Tiny MCE Format Dropdown Styles
 */


/* 
* Headings | Major Third | Scale = 1.25
* Calculated at (https://type-scale.com/)
* 2 steps offset in sizes for sub-headlines
*/
.arc-display-font {
    /* One scale up - make it bigger!! */
    font-size: 3.815em;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.arc-sub-headline {
    margin-top: .125em;
    line-height: 1.125;
}

.arc-sub-headline + p {
    margin-top: 1.25em;
}

.arc-h-separator::after {
    display: block;
    width: 50%;
    height: 2px;
    background-color: var(--primary-color, #333);
    content: "";
    margin: .25em 0;
}

.arc-h-separator-center::after {
    margin: .25em auto;
}

.arc-h-separator-right::after {
    margin: .25em 0 .25em auto;
}

.arc-display-font + .arc-sub-headline {
    /* Slightly smaller, please */
    font-size: calc(1.953em * .9);
}

h1 + .arc-sub-headline {
    /* Slightly smaller, please */
    font-size: calc(1.563em * .9);
}

h2 + .arc-sub-headline {
    font-size: 1.25em;
}

h3 + .arc-sub-headline {
    font-size: 1em;
}

h4 + .arc-sub-headline {
    font-size: .8em;
}

h5 + .arc-sub-headline {
    font-size: .64em;
}

h6 + .arc-sub-headline {
    font-size: .64em;
}


/**
 * Global Button Styles (Tiny MCE / PageBuilder)
 */
.fl-module.arc-btn a.fl-button,
.fl-module.arc-btn .uabb-creative-button-wrap a.uabb-button,
button.arc-btn,
a.arc-btn {
    display: inline-block;
    background: var(--btn-background, grey);
    border-width: 1px;
    border-style: solid;
    border-color: var(--btn-background, grey);
    border-radius: 3px;
    color: var(--btn-color, white);
    cursor: pointer;
    font-family: var(--btn-font, "Helvetica", sans-serif);
    font-size: 1.1em;
    padding: .66em 1.125em;
    margin-bottom: .5em;
    text-transform: uppercase;
    text-align: center;
    vertical-align: baseline;
    line-height: 1;
}

.fl-module.arc-btn a.fl-button *,
.fl-module.arc-btn .uabb-creative-button-wrap a.uabb-button * {
    color: inherit;
}

 /* Primary Button Styles */
.fl-module.arc-btn-primary a.fl-button,
.fl-module.arc-btn-primary .uabb-creative-button-wrap a.uabb-button,
button.arc-btn-primary,
a.arc-btn-primary {
    --btn-background: var(--primary-color);
}

.fl-module.arc-btn-primary a.fl-button:hover,
.fl-module.arc-btn-primary .uabb-creative-button-wrap a.uabb-button:hover,
button.arc-btn-primary:hover,
a.arc-btn-primary:hover {
    --btn-background: var(--primary-color-dark);
}

 /* Secondary Button Styles */
.fl-module.arc-btn-secondary a.fl-button,
.fl-module.arc-btn-secondary .uabb-creative-button-wrap a.uabb-button,
button.arc-btn-secondary,
a.arc-btn-secondary {
    --btn-background: var(--secondary-color);
}

.fl-module.arc-btn-secondary a.fl-button:hover,
.fl-module.arc-btn-secondary .uabb-creative-button-wrap a.uabb-button:hover,
button.arc-btn-secondary:hover,
a.arc-btn-secondary:hover {
    --btn-background: var(--secondary-color-dark);
}

 /* Tertiary Button Styles */
.fl-module.arc-btn-tertiary a.fl-button,
.fl-module.arc-btn-tertiary .uabb-creative-button-wrap a.uabb-button,
button.arc-btn-tertiary,
a.arc-btn-tertiary {
    --btn-background: var(--tertiary-color);
    --btn-color: var(--body-color);
}

.fl-module.arc-btn-tertiary a.fl-button:hover,
.fl-module.arc-btn-tertiary .uabb-creative-button-wrap a.uabb-button:hover,
button.arc-btn-tertiary:hover,
a.arc-btn-tertiary:hover {
    --btn-background: var(--tertiary-color-light);
}


/**
 * Responsive Styles - Media Queries from here!
 * Watch out! Max-Width Media Queries coming in...
 * Everything outside is general / desktop style
 * as long it is overwritten within a media query!
 */

 /* Beaver Builder medium devices ( 768px - 991px )
 * Beaver Builder global small device breakpoint set to 767px!
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

}

 /* Astra Theme medium devices ( - 768px) */
@media screen and (max-width: 768px) {

    /* 
    * Headings | Minor Third | Scale = 1.2
    * Calculated at (https://type-scale.com/)
    * 2 steps offset in sizes for sub-headlines
    */
    .arc-display-font {
        /* One scale up - make it bigger!! */
        font-size: 2.986em;
    }

    .arc-sub-headline {
        margin-top: .12em;
        line-height: 1.2;
    }
    
    .arc-sub-headline + p {
        margin-top: 1.2em;
    }

    .arc-display-font + .arc-sub-headline {
        /* Slightly smaller, please */
        font-size: calc(1.728em * .9);
    }
    
    h1 + .arc-sub-headline {
        /* Slightly smaller, please */
        font-size: calc(1.44em * .9);
    }
    
    h2 + .arc-sub-headline {
        font-size: 1.2em;
    }
    
    h3 + .arc-sub-headline {
        font-size: 1em;
    }
    
    h4 + .arc-sub-headline {
        font-size: .833em;
    }
    
    h5 + .arc-sub-headline {
        font-size: .694em;
    }
    
    h6 + .arc-sub-headline {
        font-size: .579em;
    }

}


/* Beaver Builder small devices ( 0 - 767px)
 * Beaver Builder global small device breakpoint set to 767px!
*/
@media screen and (max-width: 767px) {

   
}

/* Astra Theme small devices ( 0 - 544px) */
@media screen and (max-width: 544px) {
    /* 
    * Headings | Major Second | Scale = 1.125
    * Calculated at (https://type-scale.com/)
    * 2 steps offset in sizes for sub-headlines
    */
    .arc-display-font {
        /* One scale up - make it bigger!! */
        font-size: 2.027em;
    }

    .arc-sub-headline {
        margin-top: .125em;
        line-height: 1.25;
    }
    
    .arc-sub-headline + p {
        margin-top: 1.125em;
    }

    .arc-display-font + .arc-sub-headline {
        /* Slightly smaller, please */
        font-size: calc(1.424em * .9);
        line-height: 1.25;
    }
    
    h1 + .arc-sub-headline {
        /* Slightly smaller, please */
        font-size: calc(1.266em * .9);
    }
    
    h2 + .arc-sub-headline {
        font-size: 1.125em;
    }
    
    h3 + .arc-sub-headline {
        font-size: .889em;
    }
    
    h4 + .arc-sub-headline {
        font-size: .79em;
    }
    
    h5 + .arc-sub-headline {
        font-size: .702em;
    }
    
    h6 + .arc-sub-headline {
        font-size: .624em;
    }
}