/**
Theme Name: Letters and Signs - Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* --------------------------------------------------------------------
    TABLE OF CONTENTS

    - COLORS
    - GENERAL ELEMENTS 
        - FONT AWESOME MODIFICATIONS
        - LIGHT YOUTUBE EMBEDS
        - ELEMENTOR ELEMENTS
    - WIDGETS
        - RECENT POSTS PLUGIN
        - CONTACT FORMS
        - WOOCOMMERCE CART ICON
    - HEADER
    - WOOCOMMERCE PRODUCTS
    - FOOTER
-------------------------------------------------------------------- */
 

/* VISIBLE TO DEVELOPERS ONLY */
.ls-hidden {
    display: none!important;
}
.ls_visible_to_developers_only .ls-hidden {
    display: unset!important;
}


/* --------------------------------------------------------------------
    COLORS

    RED     : e73e51 OR d13339 (from logo)
    DK GRAY : 343e47 OR 2e3943 (from logo)
    LT GRAY : 848e97 OR 7e8993 (from logo)
    
-------------------------------------------------------------------- */


/* --------------------------------------------------------------------
    GENERAL ELEMENTS
-------------------------------------------------------------------- */

        /* --------------------------------------------------------------------
            HELPS JAVASCRIPT CHECK IF TABLET OR MOBILE
        -------------------------------------------------------------------- */
        .hc-tablet-check {
            display: none;
            visibility: hidden;
        }
        .hc-mobile-check {
            display: none;
            visibility: hidden;
        }    
        /* TABLET */
        @media (max-width: 1024px) { /* set tablet size here (see: elementor settings) */
            .hc-tablet-check {
                visibility: visible;
            }
        }
        /* MOBILE HEADER */
        @media (max-width: 767px) { /* set mobile size here (see: elementor settings) */
            .hc-tablet-check {
                visibility: hidden;
            }
            .hc-mobile-check {
               visibility: visible;
            }    
        }


        
        /* --------------------------------------------------------------------
            FONT AWESOME MODIFICATIONS
        -------------------------------------------------------------------- */

        .fa-quote-right, .fa-quote-left {
            font-family: 'Playfair Display',serif!important;
            /*font-family: Arial!important;*/
            font-weight: 700!important;
        }
        .fa-quote-left:before {
            content: "\201c"!important;
            font-size: 225px;
        }
        .fa-quote-right:before {
            content: "\201d"!important;
            font-size: 225px;
        }
        .fa-caret-right {    
            font-family: Arial;
            transform: rotate(270deg)!important;
        }
        .fa-caret-right:before {
            content: "\25bc"!important;    
        }
        .fa-caret-up {
            font-family: Arial;
            transform: rotate(180deg)!important;    
        }
        .fa-caret-up:before {
            content: "\25bc"!important;    
        }


        
        /* --------------------------------------------------------------------
            FONT AWESOME MODIFICATIONS
        -------------------------------------------------------------------- */

        body .elementor-button.elementor-size-lg {
            font-size: 18px;
            padding: 20px 40px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
        body .elementor-button.elementor-size-md {
            font-size: 18px;
            padding: 15px 30px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }
        
        option {
            padding: 35px;
        }
        

/* --------------------------------------------------------------------
    WIDGETS
-------------------------------------------------------------------- */


        /* --------------------------------------------------------------------
            RECENT POSTS PLUGIN
        -------------------------------------------------------------------- */

        /* container */
        .wppsac-post-slider.design-4 .wppsac-post-list-content, .wppsac-post-slider.design-4 .post-list {
            padding-left: 50px;
            padding-right: 50px;
        }
        /* next/prev buttons */
        .wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev {
            background: transparent;
            background: url(/wp-content/uploads/2020/01/arrow-left-tan.png) center center no-repeat !important;
            background-size: 35px 35px !important;
        }
        .wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next {
            background: transparent;
            background: url(/wp-content/uploads/2020/01/arrow-right-tan.png) center center no-repeat !important;
            background-size: 35px 35px !important;
        }
        .wppsac-post-slider button.slick-next:hover, .wppsac-post-slider button.slick-next:focus, 
        .wppsac-post-carousel button.slick-next:hover, .wppsac-post-carousel button.slick-next:focus, 
        .wppsac-post-slider button.slick-prev:hover, .wppsac-post-slider button.slick-prev:focus, 
        .wppsac-post-carousel button.slick-prev:hover, .wppsac-post-carousel button.slick-prev:focus {
            background-color: unset!important;
            opacity: 0.5;
        }
        /* dots */
        .wppsac-post-slider .slick-dots li button {
            border: 1px solid #bda180;
        }
        .wppsac-post-slider .slick-dots li.slick-active button {
            background: #bda180 !important;
        }
        /* read more button */
        .wppsac-post-slider.design-4 .wppsac-post-content a.wppsac-readmorebtn {
            display: inline-block;
            margin-top: 15px;

            padding: 7px 40px;
            -webkit-border-radius: 3px;
            border-radius: 5px;
            border-color: #bda180;
            
            font-size: 15px;
            color: #bda180;
        }
        .wppsac-post-slider.design-4 a.wppsac-readmorebtn:hover {
            color: #fff;
            background: #bda180;
        }
        /* categories list */
        .wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li a {
            background: #bda180!important;
            background: #143e34!important;
        }
        /* title */
        /* line beneath title */
        .wppsac-post-slider .wppsac-post-date::after {
            height: 1px;
            background: #bda180;
        }
        .wppsac-post-slider .wppsac-post-date {
            margin-bottom: 20px;
        }

        /* mobile devices */
        @media (max-width:500px) {
            /* next/prev buttons */
            .wppsac-post-slider.design-4 .wppsac-post-list-content, .wppsac-post-slider.design-4 .post-list {
                padding-left: 15px;
                padding-right: 15px;
            }
            .wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev {
                background-size: 20px 20px !important;
            }
            .wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next {
                background-size: 20px 20px !important;
            }     
            .wppsac-post-slider.design-4 .slick-prev {
                left: -10px !important;
            }            
            .wppsac-post-slider.design-4 .slick-next {
                right: -10px !important;
            }
        }

        
        
        /* --------------------------------------------------------------------
            PRODUCT LINE DATA - MESSAGES
        -------------------------------------------------------------------- */
        .ls-product-line-data-dump-message.warning-message {
            font-weight: bold;
            color: orange;
        }
        .ls-product-line-data-dump-message.error-message {
            font-weight: bold;
            color: red;
        }



        /* --------------------------------------------------------------------
            CONTACT FORMS
        -------------------------------------------------------------------- */


        
        /* --------------------------------------------------------------------
            WOOCOMMERCE - SINGLE PRODUCT BREADCRUMBS
        -------------------------------------------------------------------- */

        .ls-single-product-breadcrumbs {
            margin-bottom: 15px;
        }

        
        
        /* --------------------------------------------------------------------
            WOOCOMMERCE FORM FIELDS
        -------------------------------------------------------------------- */

        select, .select2-container .select2-selection--single {
            background-position-y: center;
        }


        
        /* --------------------------------------------------------------------
            WOOCOMMERCE MY ACCOUNT ICON
        -------------------------------------------------------------------- */
        
        .woo_my_account_icon_menu_list_item {
            display: -ms-flexbox;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 15px 5px;
            cursor: pointer;
        }
        .my-account-contents {
            display: -ms-flexbox;
            display: flex;
            /*flex-flow: column nowrap;*/
            justify-content: center;
            align-items: center;
        }

        .my-account-contents:before {
            padding-right: 5px;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;	
            content: "\f007"!important;
            font-size: 22px;
            color: #fff;
        }

        .my-account-contents:hover {
            text-decoration: none;
            color: #bd2e2b;
        }
        .my-account-contents:hover:before {
            color: #bd2e2b;
        }

        
        
        /* --------------------------------------------------------------------
            WOOCOMMERCE CART ICON 
        -------------------------------------------------------------------- */
        
        .woo_cart_icon_menu_list_item {
            display: -ms-flexbox;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 15px 5px 15px 20px;
            cursor: pointer;
        }
        .cart-contents {
            display: -ms-flexbox;
            display: flex;
            /*flex-flow: column nowrap;*/
            justify-content: center;
            align-items: center;
        }

        .cart-contents:before {
            padding-right: 5px;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;	
            content: "\f07a"!important;
            font-size: 22px;
            color: #fff;
        }

        .cart-contents:hover {
            text-decoration: none;
        }
        
        .cart-contents:hover:before {
            color: #bd2e2b;
        }

        .cart-contents-count {
            display: -ms-flexbox;
            display: flex;
            justify-content: center;
            align-itemss: center;
            width: 22px;
            height: 22px;
            
            padding: 2px;
            background: #fff;
            border-radius: 50%;
            font-size: 17px;
            color: #000;
        }            
        
        
        
/* --------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------- */

        
        /* --------------------------------------------------------------------
            CUSTOM ELEMENTOR HEADER
        -------------------------------------------------------------------- */

        /* entire header section */
        .hc-header {
            -moz-box-shadow: inset -10px 35px -10px rgb(0,0,0,0.15);
            -webkit-box-shadow: inset -10px 35px -10px rgb(0,0,0,0.15);
            box-shadow: inset 0 -10px 35px -10px rgb(0,0,0,0.15);
        } 

        /* header - left side */
        .hc-header-left {}

        .hc-header-logo {}

        .hc-header-logo img {
            transition: all 0.4s ease;        
        }

        /* header -search */
        .hc-header .hfe-search-button-wrapper {
            box-shadow: 0em 0.15em 0.5em 0em rgba(0,0,0,0.15)!important;            
            background-color: #fff!important;
            border-radius: 100em!important;
        }
        .hc-header .hfe-search-form__container {
        }
        .hc-header .hfe-search-form__container:before {
            position: absolute;
            top: 8px;
            left: 12px;
            display: block;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f002";
        }
        .hc-header .hfe-search-form__input {
            padding-top: 11px!important;
            padding-left: 35px!important;            
            background-color: #fff!important;
            border-radius: 100em!important;
        }
        
        /* header - right side */
        .hc-header-right {}
        .hc-header-right .elementor-widget-container {
        }
        /* float right */
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items {
            display: inline;
        } 
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item {
            display: inline-block;
        } 
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item a {
            width: auto;
        } 
        /* icon modifications */ 
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items 
        li.elementor-icon-list-item .elementor-icon-list-icon {
            padding: 6px 3px;
            border-radius: 50px;
            background-color: #d13339;
        } 
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items 
        li.elementor-icon-list-item a:hover .elementor-icon-list-icon {
            background-color: #2e3943;
        }         
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items 
        li.elementor-icon-list-item .elementor-icon-list-icon i {
            display: flex;
            justify-content: center;
            align-items: center;
        }         

        /* calls to action */
        .hc-header-call-to-action {}
        
        .hc-header-call-to-action .qwdr-cfe-link {
            display: inline-block;
            width: auto;
            line-height: 1;
            transition: all 0.4s ease;

            background: #f0f0f0;
            padding: 15px 18px;
            border-radius: 5px;
        }
        .hc-header-call-to-action .qwdr-cfe-link > * {
            width: auto;
            display: inline-block;
        }
        .hc-header-call-to-action .qwdr-cfe-link:before {

        }
        .hc-header-call-to-action .qwdr-cfe-link h3, 
        .hc-header-call-to-action .qwdr-cfe-link h4 {
            text-align: center;
        }
        .hc-header-call-to-action .qwdr-cfe-text {
            color: #555;
        }
        .hc-header-call-to-action .qwdr-cfe-phone {
            color: #e92121;
            font-size: 1.4em;
        }
        .hc-header-call-to-action .qwdr-cfe-link:hover {
            background: #29d8db;
        }
        .hc-header-call-to-action .qwdr-cfe-link:hover .qwdr-cfe-text {
            color: #555;
        }
        .hc-header-call-to-action .qwdr-cfe-link:hover .qwdr-cfe-phone {

        }

        
        /* header -bottom */
        .hc-header-bottom {}

        .hc-header-nav-menu {}


        /* --------------------------------------------------------------------
            CUSTOM ELEMENTOR HEADER - STICKY
        -------------------------------------------------------------------- */

        .ast-primary-sticky-header-active #masthead {
            position: fixed;
            width: 100%;
        }
        #masthead .ast-sticky-active {
            /*background: #143e34;*/
            background: #fff;
            box-shadow: 1px 0px 3px #ccc;
        }
        #masthead .ast-sticky-active .main-header-menu > li > a {
            /*color: #ffffff;*/
        }
        #masthead .ast-sticky-active .ast-site-identity {
            padding-top: 8px;
            padding-bottom: 8px;
            transition: all 0.4s ease;
        }
        #masthead .ast-sticky-active .hc-header-logo img {
            width: 250px;
            transition: all 0.4s ease;        
            /*
            position: absolute;
            top: 10px;
            max-height: 120px!important;
            width: 120px;
            height: 120px;
            */
        }

        /* call to action */
        #masthead .ast-sticky-active .hc-header-call-to-action .qwdr-cfe-link {
            padding: 10px 18px;
            transition: all 0.4s ease;
        }
        #masthead .ast-sticky-active .hc-header-call-to-action .qwdr-cfe-link h3, 
        #masthead .ast-sticky-active .hc-header-call-to-action .qwdr-cfe-link h4 {
            line-height: 1;    
        }
        #masthead .ast-sticky-active .hc-header-call-to-action .qwdr-cfe-link .qwdr-cfe-text {
            font-size: 0.8em; 
            transition: all 0.4s ease;
        }
        #masthead .ast-sticky-active .hc-header-call-to-action .qwdr-cfe-link .qwdr-cfe-phone {
            font-size: 0.8em;
            transition: all 0.4s ease;
        }


        /* --------------------------------------------------------------------
            CUSTOM ELEMENTOR HEADER - MOBILE
        -------------------------------------------------------------------- */

        /* remove unnecessary mobile menu (added by theme) */ 
        #shiftnav-toggle-main {
            display: none;
        }
         
        @media (max-width: 767px) {
            .hc-header-left .hc-header-logo img {
                
            }
            /* header - right side */
            .hc-header-right .elementor-widget-container {
                text-align: center; 
            }   
        }
        nav.shiftnav-nav > ul#menu-mobile-nav-links > li.menu-item > a {
            font-size: 15px;
            font-weight: bold;
        }

        nav.shiftnav-nav > ul#menu-mobile-nav-links > li.menu-item > ul.sub-menu a {
            font-size: 13px;
            font-weight: normal;
        }        
        .hc-header-right .elementor-widget-icon-list ul.elementor-icon-list-items li.elementor-icon-list-item {
            margin-right: 15px;
        }
        #shiftnav-main {
            overflow: hidden;
        }
 
        /* header menu - tablet */        
        .hc-header-tablet .shiftnav-toggle-button, 
        .hc-header-tablet .shiftnav-toggle-button:hover { 
            padding: 10px 15px 8px 15px;
            background: transparent;
            color: #fff;
        }
        .hc-header-tablet .shiftnav-toggle-button .fa {
            font-size: 24px;
        }        
        
        /* header - mobile */       
        .hc-header-mobile .shiftnav-toggle-button, 
        .hc-header-mobile .shiftnav-toggle-button:hover { 
            padding: 10px 15px 8px 0px;
            background: transparent;
            color: #000;
        }
        .hc-header-mobile .shiftnav-toggle-button .fa {
            font-size: 24px;
        }        
        .hc-header-mobile .hfe-search-form__container {
        }
        .hc-header-mobile .hfe-search-form__container:before {
            position: absolute;
            top: 10px;
            left: 12px;
            display: block;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f002";
        }
        .hc-header-mobile .hfe-search-form__input {
            padding-top: 11px!important;
            padding-left: 35px!important;            
            background-color: #fff!important;
            border-radius: 100em!important;
        }


        
/* --------------------------------------------------------------------
    WOOCOMMERCE PRODUCTS
-------------------------------------------------------------------- */
.ls_product_long_description {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    border-top: solid 1px #ddd;
    padding-bottom: 15px;
}



/* --------------------------------------------------------------------
    FOOTER
-------------------------------------------------------------------- */
/* footer logo */
.ls-footer-logo {
    margin: 0 auto;
}

/* footer widgets */
.ls-footer-widget-title-shadow {
    position: absolute;
} 
.ls-footer-widget-title {}