/*   
    Theme Name:        Elementor Hello Theme Child
    Theme URI:         https://kinggrizzly.com
    Description:       RYK theme
    Author:            King Grizzly
    Author URI:        https://kinggrizzly.com
    Template:          hello-elementor
    Version:           1.0.0
    Text Domain:       hello-elementor-child
*/

/************************************
    SET SOME DEFAULTS FOR ELEMENTOR 
 ************************************/

html, body {
    font-size: 20px;
    line-height: 1.45rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        html, body {
            font-size: 18px;
            line-height: 1.45rem;
        }
    }
    @media only screen and (max-width: 649px) {
        html, body {
            font-size: 17px;
            line-height: 1.5rem;
        }
    }

body {
    -webkit-font-smoothing: subpixel-antialiased; /* Improve font clarity */
    margin: 0px;
}

html ::selection, body ::selection {
    background: #ff781d;
    color: white;
}


/******************
    SPACING
 ******************/ 

/* Set default padding for sections */
.elementor-section {
    padding: 80px 50px;
}
    /* Spacing on Tablets */
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section {
        padding: 40px 50px;
        }
    }
    /* Spacing on Mobile */
    @media only screen and (max-width: 649px) {
        .elementor-section {
        padding: 20px 30px;
        }
    }

/* Half padding */
.p-half {
    padding: 30px;
}
.p-half-top {
    padding-top: 30px;
}
.p-half-bottom {
    padding-bottom: 30px;
}

/* Zero padding */
.p-zero,
.elementor-column.p-zero {
    padding: 0px;
}
.p-zero-top,
.elementor-column.p-zero-top {
    padding-top: 0px;
}
.p-zero-right,
.elementor-column.p-zero-right {
    padding-right: 0px;
}
.p-zero-bottom,
.elementor-column.p-zero-bottom {
    padding-bottom: 0px;
}
.p-zero-left,
.elementor-column.p-zero-left {
    padding-left: 0px;
}

/* Hero */
.elementor-section.hero .elementor-column .elementor-inner-column {
    text-align: center;
}

.elementor-2446 .elementor-element.elementor-element-c44f530 > .elementor-container {
    max-width: 700px;
}

.elementor-section.hero > .elementor-container {
    min-height: 50vh;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section.hero > .elementor-container{
        min-height: 60vh;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section.hero > .elementor-container {
        min-height: 70vh;
        }
    }

/* Hero - Small */

.elementor-section.hero-small > .elementor-container {
    min-height: 25vh;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section.hero-small > .elementor-container {
        min-height: 30vh;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section.hero-small > .elementor-container {
        min-height: 35vh;
        }
    }

/* Default padding for inner sections*/
.elementor-section .elementor-inner-section,
.elementor-section .elementor-widget-container {
    /*border: solid 2px red;*/
    padding: 0px;
    margin-bottom: 0px;
}

.elementor-section.elementor-inner-section {
    margin-bottom: 50px;
    /*margin-left:-15px;
    margin-right: -15px;*/
}

.elementor-section .elementor-inner-section .elementor-widget-container {
   margin-bottom: 0px;
}

.elementor-column,
.elementor-inner-column,
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
    /*border: 2px dotted yellow;*/
}

/*.elementor-column {
    padding: 0 15px;
}*/

.elementor-column .elementor-inner-column:first-child {
    margin-left: 0px;
}
.elementor-column .elementor-inner-column:last-child {
    margin-right: 0px;
}


/*********************
    COLORS
 *********************/ 




/*********************
    UI/UX
 *********************/ 

/****** Buttons ******/

/* Gutenberg buttons */
.wp-block-button__link {
    background-color: #FF781D !important;
    border-radius: 0px;
    font-family: "Poppins", Sans-serif;
    font-size: 0.7rem;
    fill: #ffffff;
    color: #ffffff;
    margin-bottom: 2em;
    padding: .25em 1.5em;
    text-transform: uppercase;
}

.wp-block-button__link:hover {
    background-color: #303030 !important;
    color: #ffffff;
}

.elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button,
#elementor .elementor-element-6ce9ead .ee-load-button__trigger,
form input[type=submit],
.elementor-button-wrapper a,
.button-hh
 {
    font-family: "Montserrat", Sans-serif;
    font-weight: 400;
    background-color: #ff781d;
    border-radius: 0px;
    color: white;
    padding: 13px 40px;
    font-size: .85rem;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
    border: 2px solid #ff781d;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-widget-button a.elementor-button,
    .elementor-widget-button .elementor-button,
    #elementor .elementor-element-6ce9ead .ee-load-button__trigger,
    form input[type=submit], .elementor-button-wrapper a,
    .button-hh {
        font-size: .8rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-widget-button a.elementor-button,
        .elementor-widget-button .elementor-button,
        #elementor .elementor-element-6ce9ead .ee-load-button__trigger,
        form input[type=submit], .elementor-button-wrapper a,
        .button-hh {
        font-size: .75rem;
        }
    }

.elementor-widget-button a.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
#elementor .elementor-element-6ce9ead .ee-load-button__trigger:hover,
form input[type=submit]:hover,
.elementor-button-wrapper a:hover
 {
    background-color: #fbe079;
    color: #1f98d1;
    padding: 13px 40px;
    border: 2px solid #fbe079;
}


/****** Forms ******/


/*********************
    TYPOGRAPHY
 *********************/ 
 
form {
    font-family: "Montserrat", Sans-Serif;
}

  hr{
     height: 4px;
     margin: 2rem auto !important;
     border: 0;
     border-top: 2px dotted rgba(234,234,234,1);
     width: 80%;
 }

.elementor-section .elementor-widget-container .elementor-heading-title,
.elementor-section .elementor-widget-container h2,
.elementor-section .elementor-widget-container h3,
.elementor-section .elementor-widget-container h4,
.elementor-section .elementor-widget-container h5,
.elementor-section .elementor-widget-container h6 {
    margin-bottom: 15px;
}

.elementor-section.hero h1.elementor-heading-title {
    font-size: 4rem;
    line-height: 4.5rem;
    text-align: center;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section.hero h1.elementor-heading-title {
        font-size: 2.75rem;
        line-height: 3.3rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section.hero h1.elementor-heading-title  {
        font-size: 1.9rem;
        line-height: 2.4rem;
        }
    }

/* Not in hero panel */
.elementor-section h1.elementor-heading-title {
    font-size: 3rem;
    line-height: 3.75rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section h1.elementor-heading-title {
        font-size: 2.25rem;
        line-height: 3rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section h1.elementor-heading-title  {
        font-size: 1.5rem;
        line-height: 2.25rem;
        }
    }

.elementor-section .elementor-widget-container h2 {
    font-size: 2rem;
    line-height: 2.1rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-widget-container h2 {
            font-size: 1.6rem;
            line-height: 2rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section .elementor-widget-container h2 {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }
    }

.elementor-section .elementor-widget-container h3 {
    font-size: 1.65rem;
    line-height: 2.25rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-widget-container h3 {
            font-size: 1.3rem;
            line-height: 1.8rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section .elementor-widget-container h3 {
            font-size: 1.1rem;
            line-height: 1.65rem;
        }
    }

.elementor-section .elementor-widget-container h4 {
    font-size: 1.5rem;
    line-height: 2rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-widget-container h4 {
            font-size: 1.2rem;
            line-height: 1.7rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section .elementor-widget-container h4 {
            font-size: 1.05rem;
            line-height: 1.5rem;
        }
    }

.elementor-section .elementor-widget-container h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-widget-container h5 {
            font-size: 1.2rem;
            line-height: 1.7rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section .elementor-widget-container h5 {
            font-size: 1.05rem;
            line-height: 1.5rem;
        }
    }

.elementor-section .elementor-widget-container h6 {
    font-size: 1.1rem;
    line-height: 1.5rem;
}
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-widget-container h6 {
            font-size: 1.2rem;
            line-height: 1.7rem;
        }
    }
    @media only screen and (max-width: 649px) {
        .elementor-section .elementor-widget-container h6 {
            font-size: 1.05rem;
            line-height: 1.5rem;
        }
    }

/* Subtitles */
.subtitle .elementor-section .elementor-text-editor,
.elementor-text-editor .subtitle,
.subtitle p,
.subtitle {
    font-size: 1.1rem;
    line-height: 1.55em;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}

    /* Spacing on Tablets */
    @media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-text-editor .subtitle,
        .subtitle p,
        .subtitle {
            font-size: 1.05rem;
            line-height: 1.5em;
        }
    }

    /* Spacing on Mobile */
    @media only screen and (max-width: 649px) {
        .elementor-text-editor .subtitle,
        .subtitle p,
        .subtitle {
            font-size: 1rem;
            line-height: 1.55em;
        }
    }

/****** Paragraphs ******/

/*elementor-section .elementor-text-editor {
    font-size: 1.1rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
}*/

    /* Spacing on Tablets */
    /*@media only screen and (max-width: 1023px) and (min-width: 650px) {
        .elementor-section .elementor-text-editor {
            font-size: 1.05rem;
            line-height: 1.75rem;
        }
    }*/

    /* Spacing on Mobile */
    /*@media only screen and (max-width: 649px) {
        .elementor-section .elementor-text-editor {
            font-size: .95rem;
            line-height: 1.65rem;
        }
    }*/

 
/****** Lists ******/
 
/*** ol ***/
 
/*** ul ***/

/************************************
    END ELEMENTOR DEFAULTS 
 ************************************/





/********** UI COMPONENTS **********/

/***** Navigation *****/


/********** POST STYLING **********/

/***** Common HTML Elements *****/

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    font-family: "Montserrat", Sans-Serif;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 1.15em;
    letter-spacing: -1;
}

.post-content h1 {
    font-size: 2.15em;
}
.post-content h2 {
    font-size: 1.7em !important;
}
.post-content h3 {
    font-size: 1.5em !important;
}
.post-content h4 {
    font-size: 1.25 !important;
}
.post-content h5 {
    font-size: 1.15em !important;
}
.post-content h6 {
    font-size: 1.05em !important;
}

/*.post-content a {
    font-weight: bold;
}*/
.post-content p a:hover,
.post-content li a:hover {
    text-decoration: underline;
}

.post-content figcaption {
    font-size: .7rem;
    color: #333;
    line-height: 1.4;
    font-style: italic;
    font-weight: 400;
    margin-left: 15px;
}

/****** Links ******/

.post-content p a,
.post-content li a,
.post-content figcaption a,
.post-content h2 a {
    
    transition: all .5s;
    border-bottom: 2px solid;
    color: #002a72;
    border-color: #002a72;
    
}

.post-content p a:hover,
.post-content p a:active,
.post-content p a:focus,
.post-content li a:hover,
.post-content li a:active,
.post-content li a:focus,
.post-content figcaption a:hover,
.post-content figcaption a:active,
.post-content figcaption a:focus,
.post-content h2 a:hover,
.post-content h2 a:active,
.post-content h2 a:focus {
    color: #000e19 !important;
    cursor: pointer;
    background-color: rgba(255,137,20,0.5) !important;
    text-decoration: none;
}

li figure a img,
li figure a img:hover,
li figure a img:active,
li figure a img:focus,
.post-content li figure a,
.post-content li figure a:hover,
.post-content li figure a:active,
.post-content li figure a:focus,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item a:hover,
.wp-block-gallery.is-cropped .blocks-gallery-item a:active,
.wp-block-gallery.is-cropped .blocks-gallery-item a:focus {
	background-color: transparent !important;
}

.post-content p,
.post-content ol,
.post-content ul,
.post-content figure,
.post-content blockquote {
    margin-bottom: 1.75em !important;

}

.post-content figure figure {
	margin-bottom: 0 !important;
}

figcaption.blocks-gallery-item__caption {
	margin: 0;
}

.wp-block-gallery .blocks-gallery-item figcaption {
	bottom: 0px;
}

.post-content ol li,
.post-content ul li {
    margin-bottom: .75em;
}

.post-content img {
    margin-top: 1em;
}

.post-content blockquote {
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.7em;
    font-weight: bold;
    border-left: solid 3px #ff781d;
    padding-left: 30px;
}

#show-serious-gear-award-,
#show-serious-gear-award-no {
	display: none;
}

#show-serious-gear-award-yes {
	display: block;
}

/***** Posts Category Archive *****/

.learn--posts-list .ee-post {
    border: none; /* Remove Elementor Extras buggy border */
}

.learn--posts-list .ee-post .ee-post__read-more:hover {
    text-decoration: underline;
}




/********** PAGES **********/

/***** Home *****/

/* Style award text */
.award-text {
    max-width: 220px;
    margin: auto;
}


/***** Learn *****/

/* Featured image excerpt */
.learn--hero .ee-post__excerpt {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}




/********** FOOTER **********/

/***** Menus *****/

/* Hide the hamburger */
@media (max-width: 649px) {
.footer-navs div.elementor-menu-toggle {
        display: none;
    }
    /* and force display of menu on small devices */
.footer-navs .elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main {
        display: block;
    }
    /* Center nav items */
    .footer-navs .elementor-nav-menu__align-left .elementor-nav-menu--layout-vertical>ul>li>a {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
}