/* ================================================================================================= */
/* Site Update [01/2022]
/*
/* 01 — SETUP
/* 02 — COMPONENTS
/* 03 — LAYOUT
/* 04 — TEMPLATES
/* 05 — VENDOR
/* ================================================================================================= */

/* ------------------------------------------------------------------------------------------------- */
/* 01 — SETUP
/* ------------------------------------------------------------------------------------------------- */

/* Vars
/* ------------------------------------------------------------------------------------------------- */

:root {

    /* Color
    /* Blue */
    --color-blue-1: #27ABBD;
    --color-blue-2: #2EB7CA;
    --color-blue-3: #3CBFD1;
    /* Green */
    --color-green-1: #6FB320;
    --color-green-2: #78BF26;
    --color-green-3: #83C735;
    /* Grey */
    --color-grey-1: #596159;
    --color-grey-2: #616961;
    --color-grey-3: #6E756E;
    /* Text */
    --color-text-1: #596159;
    --color-text-2: #616961;
    --color-text-3: #6E756E;
    /* Background */
    --color-bg-base: #FFFFFF;

    /* Typography
    /* Font stack */
    --font-stack-base: brandon-grotesque, sans-serif; 
    --font-stack-icon: 'Material Icons';
    /* Size */
    --font-size-xsmall: 14px;
    --font-size-small: 16px;
    --font-size-base: 19px;
    --font-size-large: 22px;
    /* Weight */
    --font-weight-base: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 700;

}


/* Typography
/* ------------------------------------------------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

/* Body */
body {
    color: var(--color-text-2) !important;
    font-family: var(--font-stack-base) !important;
    font-size: var(--font-size-base) !important;
    line-height: 1.45;
}


/* Headings
/* ------------------------------------------------ */

/* Headings — General */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color: var(--color-blue-2) !important;
    font-family: var(--font-stack-base) !important;
    font-weight: var(--font-weight-semibold) !important;
}

/* H6 */
h6, .h6 {
    color: var(--color-text-3) !important;
    font-size: var(--font-size-xsmall) !important;
}


/* Paragraph
/* ------------------------------------------------ */

.text--large {
    font-size: var(--font-size-large);
}

/* Link */
p a,
ul:not([class]) li a {
    color: var(--color-green-1) !important;
    font-weight: var(--font-weight-semibold);
    transition: color 0.16s ease-out;
}

/* State management
/* Link:hover */
p a:hover,
ul:not([class]) li a:hover {
    color: var(--color-green-3) !important;
}


/* ------------------------------------------------------------------------------------------------- */
/* 02 — COMPONENTS
/* ------------------------------------------------------------------------------------------------- */

/* Button
/* ------------------------------------------------------------------------------------------------- */

/* Button defaults
/* ------------------------------------------------ */

.button,
.elementor-button {
    background-color: var(--color-green-2) !important;
    font-weight: var(--font-weight-semibold) !important;
    font-size: var(--font-size-base) !important;
    transition: background-color 0.16s ease-out;
}

/* State management */
.button:hover,
.elementor-button:hover {
    background-color: var(--color-green-3) !important;
}

/* 3 Dots after excerpt */
.elementor-post__excerpt p:after {
    content: "...";
}

.elementor-post__title a {
    font-size: 24px;
}

.elementor-posts div.elementor-post__excerpt p,
.elementor-posts a.elementor-post__read-more {
    font-size: 18px;
}

.elementor-posts div.elementor-post__meta-data {
    margin-top: 6px;
}

.elementor-posts span.elementor-post-date {
    font-size: 16px;
}

/* Form
/* ------------------------------------------------------------------------------------------------- */

/* Form defaults
/* ------------------------------------------------ */

form legend,
form label,
.gform_wrapper.gravity-theme input:not(button),
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
    font-size: var(--font-size-base) !important;
}


/* Navigation
/* ------------------------------------------------------------------------------------------------- */

/* RankMath Breadcrumbs
/* ------------------------------------------------ */

nav.rank-math-breadcrumb {
    font-size: var(--font-size-small) !important;
  }


/* ------------------------------------------------------------------------------------------------- */
/* 03 — LAYOUT
/* ------------------------------------------------------------------------------------------------- */

/* Header [Secondary]
/* ------------------------------------------------------------------------------------------------- */

#header--secondary {
    background-color: var(--color-blue-1) !important;
}


/* Theme [Dark]
/* ------------------------------------------------------------------------------------------------- */

.theme--dark,
.theme--dark p,
.theme--dark li,
.theme--dark li i {
    color: rgba(255, 255, 255, 0.96) !important;
}

.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6 {
    color: white !important; 
}

.theme--dark p a {
    color: white !important;
    font-weight: var(--font-weight-semibold) !important;
}

.theme--dark p a:hover {
    text-decoration: underline;
}



/* .elementor-top-section > .elementor-container > .elementor-top-column > .elementor-widget-wrap {
    background-color: white;
} */

/* Fixes blog table of contents number headings to align with first line of text */
.single-post .elementor-toc__list-item-text-wrapper:before {
    align-self: flex-start;
}