/* 
Theme Name: Hello Elementor Child

Description: Quility Universal Typography
Author: Quility Team
Author URI: https://quility.com/
Template: hello-elementor
Version: 3.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
upload test

****************************************************************
**** See readme.txt for list of sites relying on this sheet. ***
****************************************************************/

/****************************************************************
************** Fonts ********************************************
*****************************************************************/
    .serif,
    .serif p,
    .serif h1,
    .serif h1 a,
    .serif h1 a:link,
    .serif h2,
    .serif h2 a,
    .serif h2 a:link,
    .serif h3,
    .serif h3 a,
    .serif h3 a:link,
    .serif h4,
    .serif h4 a,
    .serif h4 a:link
{
        font-family: "freight-display-pro", serif !important;
    }

    .san-serif,
    .san-serif p,
    .san-serif h1,
    .san-serif h1 a,
    .san-serif h1 a:link,
    .san-serif h2,
    .san-serif h2 a,
    .san-serif h2 a:link,
    .san-serif h3,
    .san-serif h3 a,
    .san-serif h3 a:link,
    .san-serif h4,
    .san-serif h4 a,
    .san-serif h4 a:link {
        font-family: 'Montserrat', sans-serif !important;
    }

    /******************************************************
     * *****************************************************
     * *************** font weights *************************/

    .light,
    .light a,
    .light a:link,
    .light h1,
    .light h1 a,
    .light h1 a:link,
    .light h2,
    .light h2 a,
    .light h2 a:link,
    .light h3,
    .light h3 a,
    .light h3 a:link {
        font-weight:300 !important;
    }

    .regular,
    .regular a,
    .regular a:link,
    .regular h1,
    .regular h1 a,
    .regular h1 a:link,
    .regular h2,
    .regular h2 a,
    .regular h2 a:link,
    .regular h3,
    .regular h3 a,
    .regular h3 a:link {
        font-weight:400 !important;
    }

    .med,
    .med a,
    .med a:link,
    .med h1,
    .med h1 a,
    .med h1 a:link,
    .med h2,
    .med h2 a,
    .med h2 a:link,
    .med h3,
    .med h3 a,
    .med h3 a:link, 
    .medium,
    .medium a,
    .medium a:link,
    .medium h1,
    .medium h1 a,
    .medium h1 a:link,
    .medium h2,
    .medium h2 a,
    .medium h2 a:link,
    .medium h3,
    .medium h3 a,
    .medium h3 a:link {
        font-weight:500 !important;
    }
    
    .semibold,
    .semibold a,
    .semibold a:link,
    .semibold h1,
    .semibold h1 a,
    .semibold h1 a:link,
    .semibold h2,
    .semibold h2 a,
    .semibold h2 a:link,
    .semibold h3,
    .semibold h3 a,
    .semibold h3 a:link
{
            font-weight:600 !important;
        }

    .bold,
    .bold a,
    .bold a:link,
    .bold h1,
    .bold h1 a,
    .bold h1 a:link,
    .bold h2,
    .bold h2 a,
    .bold h2 a:link,
    .bold h3,
    .bold h3 a,
    .bold h3 a:link {
        font-weight:700 !important;
    }

    .bolder,
    .bolder a,
    .bolder a:link,
    .bolder h1,
    .bolder h1 a,
    .bolder h1 a:link,
    .bolder h2,
    .bolder h2 a,
    .bolder h2 a:link,
    .bolder h3,
    .bolder h3 a,
    .bolder h3 a:link,
    .extrabold,
    .extrabold a,
    .extrabold a:link,
    .extrabold h1,
    .extrabold h1 a,
    .extrabold h1 a:link,
    .extrabold h2,
    .extrabold h2 a,
    .extrabold h2 a:link,
    .extrabold h3,
    .extrabold h3 a,
    .extrabold h3 a:link {
        font-weight:800 !important;
    }

    .black,
    .black a,
    .black h1,
    .black h1 a,
    .black h1 a:link,
    .black h2,
    .black h2 a,
    .black h2 a:link,
    .black h3,
    .black h3 a,
    .black h3 a:link,
    .boldest,
    .boldest a,
    .boldest h1,
    .boldest h1 a,
    .boldest h1 a:link,
    .boldest h2,
    .boldest h2 a,
    .boldest h2 a:link
    .boldest h3,
    .boldest h3 a,
    .boldest h3 a:link
     {
        font-weight:900 !important;
    }
    /****************************************
     * ****************************END FONT WEIGHTS **/

/***********************************************    
/*Text Decorations/*****************************
/************************************************/
    .no-decoration,
    .no-decoration a,
    .no-decoration a:link,
    .no-decoration a:hover 
    {
    text-decoration: none !important;
    }
        /*only underline on hover*/
    .no-underline,
    .no-underline a,
    .no-underline a:link
    {
        text-decoration: none !important;
    }

 /***********************************************
  * Magazine Categories - Uppercase, no underline
  * *********************************************/
    .mag-cat,
    .mag-cat a,
    .mag-cat a:link,
    .mag-cat a:hover
    {
        text-decoration: none !important;
        text-transform: uppercase !important;
    }
    /*********************************************
     * alignment
     * needs to be depreciated in favror of elementor responsive alignemnt 
     * ******************************************************************** */

    .text-left {
        text-align:left;
    }
     .text-center {
        text-align:center;
    }
     .text-right {
        text-align:right;
    }

    /********************************************
     * text size**********************************
     * *******************************************/

    .body-12,
    .body-12 a:link,
    .body-12 a
     {
    font-size:12px !important; 
    line-height: 1.7em;
}

    .body-15,
    .body-15 a:link,
    .body-15 a,
    .body-15 h1,
    .body-15 h1 a,
    .body-15 h1 a:link,
    .body-15 h2,
    .body-15 h2 a,
    .body-15 h2 a:link,
    .body-15 h3,
    .body-15 h3 a,
    .body-15 h3 a:link
     {
    font-size:clamp(13px, 2vw, 15px) !important; 
    line-height: 1.5em;
}

    .body-18 {
    font-size:clamp(14px, 2vw, 18px); 
    line-height: 1.5em;
}
    .body-17,
    .body-17 a:link,
    .body-17 a {
        font-size: clamp(15px, 2vw, 17px) !important;
    }

    .body-16,
    .body-16 a:link,
    .body-16 a,
    .body-16 h2,
    .body-16 h2 a,
    .body-16 h2 a:link,
    .body-16 h3,
    .body-16 h3 a,
    .body-16 h3 a:link {
        font-size: clamp(11px, 2vw, 16px) !important;
        line-height: 1.4em;
    }

    .body-20,
    .body-20 a:link,
    .body-20 a,
    .body-20 h1,
    .body-20 h1 a,
    .body-20 h1 a:link,
    .body-20 h2,
    .body-20 h2 a,
    .body-20 h2 a:link,
    h2.body-20,
    h2.body-20 a,
    h2.body-20 a:link,
    .body-20 h3,
    .body-20 h3 a,
    .body-20 h3 a:link {
    font-size:clamp(17px, 2vw, 20px); 
    line-height: 1.5em;
}

    .cta,
    .cta a,
    .cta a:link {
        font-size:clamp(16px, 1.5vw, 21px) !important;
        line-height: 1.4em;
        font-weight: 500;
    }
    .body-25,
    .body-25 a:link,
    .body-25 a,
    .body-25 h1,
    .body-25 h1 a,
    .body-25 h1 a:link,
    .body-25 h2,
    .body-25 h2 a,
    .body-25 h2 a:link,
    .body-25 h3,
    .body-25 h3 a,
    .body-25 h3 a:link {
        font-size:clamp(18px, 2vw, 25px) !important; 
        line-height: 1.4em !important;
        text-decoration: none !important;
    }

    .body-30,
    .body-30 a:link,
    .body-30 a,
    .body-30 h1,
    .body-30 h1 a,
    .body-30 h1 a:link,
    .body-30 h2,
    .body-30 h2 a,
    .body-30 h2 a:link,
    .body-30 h3,
    .body-30 h3 a,
    .body-30 h3 a:link {
    font-size:clamp(25px, 2vw, 30px); 
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-34,
    .body-34 a:link,
    .body-34 a,
    .body-34 h1,
    .body-34 h1 a,
    .body-34 h1 a:link,
    .body-34 h2,
    .body-34 h2 a,
    .body-34 h2 a:link,
    .body-34 h3,
    .body-34 h3 a,
    .body-34 h3 a:link {
    font-size:clamp(24px, 1.822vw, 34px) !important; 
    line-height: 1.4em !important;
    text-decoration: none !important;
}

  .body-35,
    .body-35 a:link,
    .body-35 a,
    .body-35 h1,
    .body-35 h1 a,
    .body-35 h1 a:link,
    .body-35 h2,
    .body-35 h2 a,
    .body-35 h2 a:link,
    .body-35 h3,
    .body-35 h3 a,
    .body-35 h3 a:link {
    font-size:clamp(24px, 2vw, 35px); 
    line-height: 1.4em !important;
    text-decoration: none !important;
}

  .body-40,
    .body-40 a:link,
    .body-40 a,
    .body-40 h1,
    .body-40 h1 a,
    .body-40 h1 a:link,
    .body-40 h2,
    .body-40 h2 a,
    .body-40 h2 a:link,
    .body-40 h3,
    .body-40 h3 a,
    .body-40 h3 a:link {
    font-size:clamp(29px, 2vw, 40px); 
    line-height: 1.2em !important;
    text-decoration: none !important;
}
    .body-41,
    .body-41 a:link,
    .body-41 a,
    .body-41 h1,
    .body-41 h1 a,
    .body-41 h1 a:link,
    .body-41 h2,
    .body-41 h2 a,
    .body-41 h2 a:link,
    .body-41 h3,
    .body-41 h3 a,
    .body-41 h3 a:link {
    font-size:clamp(29px, 2vw, 41px) !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
}

    .body-45,
    .body-45 a:link,
    .body-45 a,
    .body-45 h1,
    .body-45 h1 a,
    .body-45 h1 a:link,
    .body-45 h2,
    .body-45 h2 a,
    .body-45 h2 a:link,
    .body-45 h3,
    .body-45 h3 a,
    .body-45 h3 a:link {
    font-size:clamp(35px, 3vw, 45px);
    line-height: 1.2em !important;
    text-decoration: none !important;
}

    .body-50,
    .body-50 a:link,
    .body-50 a,
    .body-50 h1,
    .body-50 h1 a,
    .body-50 h1 a:link,
    .body-50 h2,
    .body-50 h2 a,
    .body-50 h2 a:link,
    .body-50 h3,
    .body-50 h3 a,
    .body-50 h3 a:link {
    font-size:clamp(35px, 3vw, 50px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-51,
    .body-51 a:link,
    .body-51a,
    .body-51 h1,
    .body-51 h1 a,
    .body-51 h1 a:link,
    .body-51 h2,
    .body-51 h2 a,
    .body-51 h2 a:link,
    .body-51 h3,
    .body-51 h3 a,
    .body-51 h3 a:link {
    font-size:clamp(29px, 3vw, 51px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-55,
    .body-55 h1,
    .body-55 h1 a,
    .body-55 h1 a:link,
    .body-55 h2,
    .body-55 h2 a,
    .body-55 h2 a:link {
    font-size:clamp(45px, 3vw, 55px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-60,
    .body-60 h1,
    .body-60 h1 a,
    .body-60 h1 a:link,
    .body-60 h2,
    .body-60 h2 a,
    .body-60 h2 a:link {
    font-size:clamp(28px, 3vw, 60px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}

    .body-65,
    .body-65 h1,
    .body-65 h1 a,
    .body-65 h1 a:link,
    .body-65 h2,
    .body-65 h2 a,
    .body-65 h2 a:link{
    font-size:clamp(30px, 4vw, 65px);   
    line-height: 1.3em !important;
    text-decoration: none !important;

}
    .body-72,
    .body-72 h1,
    .body-72 h1 a,
    .body-72 h1 a:link,
    .body-72 h2,
    .body-72 h2 a,
    .body-72 h2 a:link {
    font-size:clamp(55px, 4vw, 72px);
    line-height: 1.3em !important;
    text-decoration: none !important;
}


/***************************************
 * class for the phone number in the Jan 2023 global header
 * ****************************************/
.q-mega-phone,
.q-mega-phone a,
.q-mega-phone a:link {
        font-size:clamp(16px, 1.5vw, 21px) !important;
        line-height: 1.4em;
        font-weight: 400;
    }
/* class for the mega menu items in the Jan 2023 global header*/
.q-mega-text,
.q-mega-text a,
.q-mega-text a:link {
    font-size: clamp(16px, 1.5vw, 20px) !important;
    line-height: 1.4em;
    font-weight: 400;
}    


/********************************************
 * text color *******************************
 * ******************************************/
 .t-water-green,
 .t-water-green a,
 .t-water-green a:link,
 .t-water-green h1,
 .t-water-green h1 a,
 .t-water-green h1 a:link,
 .t-water-green h2,
 .t-water-green h2 a,
 .t-water-green h2 a:link,
 .t-water-green h3,
 .t-water-green h3 a,
 .t-water-green h3 a:link
     {
    color:#46c3b2 !important;
 }

.t-red,
.t-red a,
.t-red a:link,
.t-red h1,
.t-red h1 a,
.t-red h1 a:link,
.t-red h2,
.t-red h2 a,
.t-red h2 a:link, 
.t-red h3,
.t-red h3 a,
.t-red h3 a:link 
  {
    color:#ff5851 !important;
 }

 .t-forest-green,
 .t-forest-green a,
 .t-forest-green a:link,
 .t-forest-green h1,
 .t-forest-green h1 a,
 .t-forest-green h1 a:link,
 .t-forest-green h2,
 .t-forest-green h2 a,
 .t-forest-green h2 a:link,
 .t-forest-green h3,
 .t-forest-green h3 a,
 .t-forest-green h3 a:link
     {
    color:#005851!important;
 }

.t-dark-blue, 
.t-dark-blue h1,
.t-dark-blue h1 a,
.t-dark-blue h1 a:link,
.t-dark-blue h2,
.t-dark-blue h2 a,
.t-dark-blue h2 a:link,
.t-dark-blue h3,
.t-dark-blue h3 a,
.t-dark-blue h3 a:link
    {
    color:#18438A !important;
}

.t-white,
.t-white a,
.t-white a:link,
.t-white h1,
.t-white h1 a,
.t-white h2 a:link,
.t-white h2,
.t-white h2 a,
.t-white h2 a:link,
.t-white h3,
.t-white h3 a,
.t-white h3 a:link
{
    color:#ffffff !important;
}

.t-grass-green,
.t-grass-green a,
.t-grass-green a:link,
.t-grass-green h1,
.t-grass-green h1 a,
.t-grass-green h1 a:link,
.t-grass-green h2,
.t-grass-green h2 a,
.t-grass-green h2 a:link
.t-grass-green h3,
.t-grass-green h3 a,
.t-grass-green h3 a:link
{
    color:#6ECF93 !important;
}

.t-bright-blue,
.t-bright-blue a,
.t-bright-blue a:link
.t-bright-blue h1,
.t-bright-blue h1 a,
.t-bright-blue h1 a:link,
.t-bright-blue h2,
.t-bright-blue h2 a,
.t-bright-blue h2 a:link
.t-bright-blue h3,
.t-bright-blue h3 a,
.t-bright-blue h3 a:link
{
    color:#0083EB !important;
}

.t-black,
.t-black a,
.t-black a:link,
.t-black h1,
.t-black h1 a,
.t-black h1 a:link,
.t-black h2,
.t-black h2 a,
.t-black h2 a:link, 
.t-black h3,
.t-black h3 a,
.t-black h3 a:link 
  {
    color:#000000 !important;
 }

 .t-ripple-blue, 
.t-ripple-blue a, 
.t-ripple-blue a:link, 
.t-ripple-blue h1, 
.t-ripple-blue h1 a, 
.t-ripple-blue h1 a:link, 
.t-ripple-blue h2, 
.t-ripple-blue h2 a, 
.t-ripple-blue h2 a:link, 
.t-ripple-blue h3, 
.t-ripple-blue h3 a, 
.t-ripple-blue h3 a:link {
  color: #5B8AFB !important;
}

/*Arrows*/

 .arrow-wg a:link::after 
  {
    content: url('/universal-assets/stylesheet/q-arrow.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline-block;
    
}
.arrow-white a:link::after  {
    content: url('/universal-assets/stylesheet/Secondary-CTA-Arrow-White.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline-block;  
}
.arrow-black a:link::after  {
    content: url('/universal-assets/stylesheet/black-cta-arrow.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline-block;  
}
.arrow-ripple-blue a:link::after  {
    content: url('/universal-assets/stylesheet/arrow-ripple-blue.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline-block;  
}

.arrow-fg a:link::after  {
    content: url('/universal-assets/stylesheet/fg-arrow.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline-block;  
}

a.arrow-fg-2-wg {
    color:#005851;
    transition: color 0.3s;
}

a.arrow-fg-2-wg:hover {
    color:#46C3B2 !important;
}

.arrow-fg-2-wg a:link::after {
    content: url('/universal-assets/stylesheet/fg-arrow-23w.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline;
    vertical-align: middle;
    color:#005851 !important;
    width:18px !important;
    height:auto;
}

.arrow-fg-2-wg a:hover::after {
    content: url('/universal-assets/stylesheet/q-arrow.svg');
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
    display: inline;
    vertical-align: middle;
    color:#46C3B2 !important;
    width:28px !important;
    height:auto;
}
/********************************************
 *  Lists************************************
 ************************************/
ol {
    list-style-position: outside;
    margin-left: 1rem;
    }
ol li {
    margin-bottom:1.5rem;
}
.t-water-green-list ul,
ul.t-water-green-list
{
    list-style: none;
    margin-left:10px;

}
ul.t-water-green-list li {
        background:url(/wp-content/uploads/2022/06/t-water-green-dot.svg) no-repeat 0% 10px;
        background-size:12px;
        padding-left:25px;
}