/*!
Theme Name: xneelo Help Centre
Theme URI: https://xneelo.co.za/help-centre
Author: LightSpeed Development
Author URI: https://lsdev.biz
Description: A child theme for the xneelo Help Centre site based on the xneelo theme.
Version: 1.1.9
Tested up to: 5.5.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: xneelo-help-centre
Template: xneelo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments
*/
/*! ---------- Functions ---------- */

/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
body.archive #accordion .content p{max-width: auto!important;}
body.archive .content p{max-width: 100%!important;}
body.tax-topics.term-network .article-count, body.tax-topics.term-get-started .article-count, body.tax-topics.term-storage .article-count, body.tax-topics.term-compute .article-count{display:none;}
body.archive.tax-topics .all-topics article {
  margin: 0 0 1em 0 !important;
}
body.archive.tax-topics .accordion .accordion-list{padding-top:40px;}

.addtoany_list a:not(.addtoany_special_service)>span {
  border-radius: 4px;
  display: inline-block;
  opacity: 1;}

body h1 strong, body h2 strong{font-weight:400!important;}
body h1, body h2{font-weight:400!important;letter-spacing: 0px!important;}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: local(''),
      url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-300.woff') format('woff'); /* Modern Browsers */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local(''),
      url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'); /* Modern Browsers */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: local(''),
      url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'); /* Modern Browsers */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: fallback;
  src: local(''),
      url('fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-800.woff') format('woff'); /* Modern Browsers */
}

@font-face {
  font-family: 'Paytone One';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local(''),
      url('fonts/paytone-one-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/paytone-one-v18-latin-regular.woff') format('woff'); /* Modern Browsers */
}


body #masthead #mega-menu-wrap-primary-menu #mega-menu-primary-menu{box-shadow: inset 0px -1px 0px #D6D8DC;}

body.logged-in .topic-banner {
  margin-top: 52px;
}
body.logged-in:not(.banner-enabled) .content-container, body.logged-in.page-template-page-template-topic .content-container {
  margin-top: 144px;
}
body #primary {
  padding: 0 15px;
}
body:not(.block-page, .error404) {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.pum-theme-22207 .pum-content, .pum-theme-default-theme .pum-content{color:#333D51!important; font-weight: normal;}
.pum-theme-22207 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{right: 23px!important;
  bottom: 15px!important;}
.video-cont .video-title::first-letter {
  text-transform: capitalize!important;
  }
  .video-cont a.feedbackvid{position: relative;
    text-align: end;
    bottom: 0px;}
  .video-cont .video-title{min-height: 146px;font-weight:bold;font-size:18px;font-family: "Montserrat", sans-serif;margin-top:0px!important;padding-top:0!important;}
  .video-cont .firstletter::first-letter{text-transform: lowercase!important;}
.half{width:49%; margin-right:2%;float:left;}
.half.lasthalf{width:49%; margin-right:0%!important;}
.video-cont{display:block; position: inherit;clear:both; margin-bottom: 2px;min-height: 250px;}
.loginmenu .category{font-size:12px!important;font-weight:600!important;color:#e43e5e!important;}
.loginmenu h3.widget-title a::before{display:none!important;}
.loginmenu p{margin:0!important; padding:0!important;}
.featured-articles{display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  max-width: 960px;
  margin:0 auto 42px;}
.featured-articles span{flex-basis: 48%!important;padding:8px!important;}
.featured-articles span h5 a{text-decoration: none!important;}
.featured-articles span h5{margin-bottom: 0px!important;}
.loginmenu h3{margin:0 0 8px!important;text-decoration: none;
  font-family: "Montserrat"; color: #333D51;
  font-size: 18px!important;
  font-weight: 600!important;
  line-height: 24px!important;}
  #footer-widgets .cta-column.gform_widget p {
    margin-bottom: 10px!important;
    margin-top: -14px;}
    .cta-column.gform_widget .gform_footer{padding:0!important;margin:0!important}
    #footer-widget .gform_wrapper.gravity-theme .gform_footer{padding:0!important;}
    #footer-widgets form .gform_footer .button{align-self: auto!important;}
    .cta-column.gform_widget .gfield .ginput_container input{width: calc(100% - 8px)!important;}
    .mega-menu-item .content a:not(.has-text-color):hover{color:#82889D!important;}
.topbutton{
  display:none;
  width: 48px;
  height: 24px;
   font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  position: fixed;
  right: 20px;
  bottom: 10px;
  vertical-align: top;
  border-radius: 3px;
  opacity: 9;
  padding: 10px 0 0 5px;
  color: #fff!important;
  font-size: 16px;
  text-decoration: none;
  line-height: 5px;
  border: 0;
  margin-top: -5px;
  background-color: #333D51;
}
.home .topic-cards .topic-thumbnail img{margin-left:0!important; overflow: hidden; border: 0;
  border-radius: 3px;
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #333D51;
  margin-bottom: 32px;}
a.topbutton::after{ background-size: 16px 16px;
  display: inline-block;
  width: 32px;
  height: 16px;
  content: "";
  right: 0px!important;
  background-repeat: no-repeat;
  margin-top: -3px;
  background-image: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/arrow-solid.svg);
  background-position: 13px 1px;}
#fc_frame{bottom: 105px!important;z-index:9!important;}
body #mega-menu-wrap-primary-menu #mega-menu-primary-menu h3.widget-title.login a::before {
  content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/login-btn.svg)!important;
  padding: 0 10px 0 0;
  vertical-align: middle;}
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu h3.widget-title.login a:hover::before {
    content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/login-btn-red.svg)!important;margin:0!important;
    padding: 0 10px 0 0;
    vertical-align: middle;}
.cgptcb-body .cgptcb-chat-bubble{bottom: 54px!important;right: 25px !important;left:auto!important;}
.cgptcb-body .cgptcb-chat-box-action{min-width: 28px!important;}
#kapa-widget-container{display:none;}

.single .a2a_button_email.pum-trigger:hover span {opacity: .7;}
body h4 b, body h3 b, body h2 span, body h3 span, body h4 span, body h3{font-weight:700!important; letter-spacing: 0px!important;}
body h2{margin-bottom: 24px;}
.accordion_step .accordion-list p a, .accordion_step .accordion-list li a{ text-decoration: underline!important;}
body.single-post .accordion_step .accordion-navigation a.toggle:after, .archive .accordion-navigation a.toggle:after{
  float:right;
  content: '\f347';
  font-family: dashicons;
  font-weight: normal;
  display: inline-block;
  margin: -4px 0 0 6px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(0);
  color: inherit;
  position: absolute;
  background: transparent;
  height: auto;
  top: 25%;
  font-size:24px;
  width: auto;
  right: 0;
  line-height: inherit;}

  .archive .accordion-navigation a.toggle{text-decoration: none!important;}

  body.single-post .accordion_step .accordion-navigation a.toggle.active:after, .archive .accordion-navigation a.toggle.active:after{
    content: '\f343';
    font-size:24px;
    float:right;
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: -4px 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: absolute;
    background: transparent;
    top: 25%;
  font-size:24px;
  width: auto;
  right: 0;
    line-height: inherit;}
body.single-post .accordion_step .accordion-navigation .accordion-list a{ text-decoration: underline!important;}
.accordion_step .accordion-list ul{ margin-left:40px !important;}
.domain.columns{ border: 1px solid #C1C4CA; border-radius:10px;padding-top:14px;}
.domain.columns .list li{border-bottom:1px solid #C1C4CA; padding:0px 20px 4px; }
.domain.columns .list.end li:last-of-type{border:none!important;}
.wp-block-code{background-color: #333d51!important;}
.wp-block-code code{color: #ccc!important;padding:10px;}
p code{color:#ccc!important; padding: 3px 5px;background-color: #333d51!important;}
.gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter{max-height:9px;}
.partial_entry_warning{display:none!important;}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 0px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}
.single #relevanssi_related_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr))!important;}

  .make-switch-banner > .wp-block-group__inner-container {
    box-shadow: 0px 25px 50px rgb(130 136 157 / 25%);
}
.xneelo-fb-buttons input{display:none!important;}
.xneelo-fb-buttons label{
  padding: 12px 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #F13E5F;
  min-width: 144px;
  background-color: #F13E5F;
  text-transform: unset;
  color: #fff;
  border-radius: 3px;}
  .make-switch-banner .xneelo-fb-buttons.firstbtn{width:158px;float:left;}
  .make-switch-banner .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
    grid-column: span 2!important;}
    body .make-switch-banner .gform_wrapper .gfield {margin-bottom: 10px!important;}
  body .make-switch-banner .gf_browser_ie.gform_wrapper .gfield {
    border-width: 0!important;}

    .make-switch-banner .gf_browser_ie.gform_wrapper .xneelo-fb-buttons.firstbtn{width:158px!important;float:left;}

    .assist-note, .assist-tip{margin-bottom: 15px;
      padding-left: 46px;
      position: relative;}
      body.tax-topics .all-topics{ margin-left: -10px!important;
        margin-right: -10px!important;}

        body.tax-topics.term-xneelo-cloud #primary {
          max-width: 75em;
          margin-left: auto;
          margin-right: auto;}

          #wpfront-notification-bar div.wpfront-close{color:#2196F3!important;}
#wpfront-notification-bar div.wpfront-close::after{content: '';
  padding-right: 24px;
  background-image: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/closeicon-white.svg);
  background-repeat: no-repeat;

  background-position: left center;
  position: relative;
  background-size: 24px 24px;}

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.login-menu-item .button.invertwhite:hover{
    color:#fff!important;
    background-color: #333D51!important;
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link{color:#F13E5F!important;}

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    transform: rotate(180deg);
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{padding-right:15px!important;}

.wcc-notice .wcc-title{margin:0!important;}
#cookie-law-info-bar,.wcc-consent-container{bottom: 10px!important;
  padding: 0px!important;
  width: 76vw!important;
  left: 12vw!important;}
  .wcc-consent-container .wcc-consent-bar{border-radius: 5px!important;border:0!important;}
  .wcc-consent-container a{color:#fff!important;font-size:15px!important;}
  .wcc-consent-container p,  .wcc-consent-container a,  .wcc-consent-container button, .wcc-consent-container h4, .wcc-consent-container h1{ font-family: "Montserrat";}

  /* Force Super Speedy Search results panel above everything else */
.superspeedysearch-results,
.superspeedysearch-container .superspeedysearch-dropdown {
    position: absolute; /* ensure it's positioned */
    z-index: 99999 !important; /* raise above most elements */
}
body.search.search-no-results .grid-wrapper > .wp-block-group__inner-container{width: 100%;
  margin: auto;
  height: 100%;
  max-width: 50em;
  vertical-align: middle;}

  body.search.search-no-results .breadcrumbs-bar .row {
    margin: auto;
    max-width: 50em;
}
body.search.search-no-results .content-container article{display:none;}
.cgpt-ai-assistant-modal .cgpt-ai-assistant-toolbar .cgpt-ai-assistant-toolbar-button{min-width:28px!important;}

.support-widget{position:fixed;bottom:48px;right:8px;z-index:9999;display:flex;flex-direction:column;align-items:center;font:inherit}
.main-fab{background-color:transparent; max-width:80px;min-width:80px;
  background-image: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/fab-main.svg);
  background-repeat: no-repeat;
  background-position: left center;
  height:80px;
  background-size: 80px 80px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0}
.fab-options{display:none;flex-direction:column;margin-bottom:10px}
.fab-option.ask-ai img{width:38px;height:38px;border-radius:50%;padding:5px;}
.fab-option.chat-to-us img{width:28px;height:28px;border-radius:50%;padding:5px;}
.fab-option{width:45px;height:45px;border-radius:50%;background:#fff;color:#0073e6;display:flex;align-items:center;justify-content:center;margin-bottom:8px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.2);position:relative}
.fab-option::after{content:attr(data-tooltip);position:absolute;right:110%;top:50%;transform:translateY(-50%);background:#333;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .2s;white-space:nowrap}
.fab-option:hover::after{opacity:1}

.sss_suggestions_container .sss-suggestions a, .sss_suggestions_container .sss-taxonomies a, .super-speedy-search-form .sssresults.sssajax .sss_items a{text-decoration: none;}
.sssresults .sss_scroll_container ul.sss-taxonomies{background-color: #fff;}
.super-speedy-search-form .sssresults .sss_list_header{padding: 16px 16px 16px 16px!important;}
.sss_suggestions_container .sss-suggestions a, .sss_suggestions_container .sss-taxonomies a{padding: 10px 16px!important;}
.sssresults.sssajax .sss_items li a{padding: 10px 16px!important;}

/* Ensure hidden state really hides the options container */
#support-widget-options[hidden] { 
  display: none !important;
}
/* Chat button with new message indicator */
.fab-option.chat-to-us {
  position: relative; /* allows absolute badge positioning */
}

/* Freshchat: hide container unless opened */
#fc_frame{display:none !important;}
#fc_frame.fc-open, #fc_frame.h-open-container{display:block !important;}

  @media (max-width: 768px) {
    #mega-menu-wrap-primary-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary-menu {
      display: flex!important;
      flex-flow: column!important;
    }

    body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.login-menu-item .button.invertwhite{margin:10px 0!important;}

      body #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu li.mega-menu-megamenu.login-menu-item > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu .mega-menu-column:first-child{margin-top:0px!important;}
      #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on a.mega-menu-link{border-bottom: 3px solid #F13E5F!important; }

      body #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu li.mega-menu-megamenu.login-menu-item .grid-card.loginmenu .content{justify-content: left!important;
        text-align: left!important;}

      
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(8) {
          order: 1;
        }
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(2) {
          order: 2;
        }
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(3) {
          order: 3;
        }
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(4) {
          order: 4;
        }
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(5) {
          order: 5;
        }

        #mega-menu-primary-menu > li.mega-menu-item:nth-child(6) {
          order: 6;
        }
        #mega-menu-primary-menu > li.mega-menu-item:nth-child(7) {
          order: 7;
        }
  }

  body #mega-menu-wrap-primary-menu ul#mega-menu-primary-menu > li.mega-menu-item p{text-align:left;}
  .sss_suggestions_container .sss-suggestions a strong, .sss_suggestions_container .sss-taxonomies a strong{color:#F13E5F!important;font-weight: 600!important;}

  .super-speedy-search-form button[type="submit"], .super-speedy-search-form button[type="button"]{background-color: #F13E5F;}
  .super-speedy-search-form{border:1px solid #C1C4CA;
    font-family: "Montserrat", sans-serif;}

    .super-speedy-search-form .ssswrapper .sssbuttonwrapper, .super-speedy-search-form .ssswrapper .sssresetwrapper{height:auto!important;}

    .super-speedy-search-form input[type="text"]{padding: 10px 0 10px 16px;}

  @media only screen and (min-width: 1025px) {
    body #mega-menu-wrap-primary-menu #mega-menu-primary-menu #mega-menu-item-custom_html-22 .textwidget.custom-html-widget{max-width: 262px;}
    body #primary{margin-top: 69px!important;}
    body.logged-in #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after  {
      content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down.svg);
  left: 2px;
  top: -44px!important;
  display: inline;
  position: absolute !important;
  width: 12px!important;
  height: 12px!important;}

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after  {
    content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down.svg);
left: 2px;
top: -40px;
display: inline;
position: absolute !important;
width: 12px!important;
height: 12px!important;}
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu .assist-menu-item{right: 160px !important;}
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu .insights-menu-item{right: 274px !important;}
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-menu-item{margin:0 12px;}
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{padding:0 5px 0 0!important;}
  body #masthead #mega-menu-wrap-primary-menu #mega-menu-primary-menu{height: 69px!important;}
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{top: 69px !important;}
  body.admin-bar #masthead #mega-menu-wrap-primary-menu #mega-menu-primary-menu{height: 69px!important;}
  body.logged-in.admin-bar #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu{top: 101px !important;}
  body .groupbordercard .wp-block-quote .quotemark{line-height: 60%;}
  .cloudbrich1{font-size: 48px !important;
    line-height: 56px !important;}
    body #mega-menu-wrap-primary-menu #mega-menu-primary-menu .login-menu-item{padding:0 16px!important;}
    body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children:hover{background-color:#d93856!important;border-bottom: 3px solid #d93856!important; }
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after  {
    content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down-red.svg)!important;
    top: -31px !important;
    width: 13px !important;
    height: 13px !important;}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link {
      color: rgb(241, 62, 95) !important;}
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on{border-bottom: 3px solid #F13E5F!important; }
  
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
      content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down-white.svg)!important;}
      body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator{transform: rotate(0deg)!important;}

      body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after{
        display: inline-block;top:19px!important;}

      body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        transform: rotate(180deg);
    }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children{border-bottom: 3px solid transparent!important; }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children:hover{border-bottom: 3px solid #F13E5F!important; }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    line-height: 69px!important;
    height: 66px!important;}
}

.wpfront-notification-bar-spacer p{color:#fff!important;}
.wpfront-notification-bar-spacer a{color:#fff!important;font-weight:600!important;}

.wpfront-notification-bar div.wpfront-close {
    top: 18px;
    right: 32px;
    font-size:18px!important;
}

.wpfront-notification-bar div.wpfront-div{padding:12px 0!important;}
     
.breadcrumbs-bar {
  background-color: #f5f5f6;
  padding: 5px 0;}
  .archive .breadcrumbs-bar .row, .search.search-results .breadcrumbs-bar .row, body.single-post .breadcrumbs-bar .row {
    margin: auto;
    max-width: 50em;}
    body.home .breadcrumbs-bar{display: none;}

  .make-switch-banner .gform_wrapper.gravity-theme .gform_footer, .make-switch-banner .gform_wrapper.gravity-theme .gform_page_footer{margin:0!important;padding:0!important;}
  body.single article .entry-container .make-switch-banner h2{font-size:1.6em!important;margin:0!important;font-family: "Paytone One", sans-serif!important;}
  .xneelo-sorry-msg{margin-top:-32px!important;margin-bottom:-8px!important;}
  .xneelo-fb-buttons .gchoice{float:left; margin-right:32px;max-width:152px;min-height: 68px;}
  .xneelo-fb-buttons .gchoice input:checked + label{display:none!important;}
  .xneelo-fb-buttons .gchoice input:checked + .gchoice input:not(:checked)+label{display:none!important;}
  @media only screen and (min-width: 1026px){
    .mega-sub-menu #mega-menu-35363-0-1 h3.widget-title a{display:flex;}
    .mega-sub-menu #mega-menu-35363-0-1 h3.widget-title a::before{display:flex;}
    .mega-sub-menu #mega-menu-35363-0-1 h3.widget-title{display:block;margin-top: 14px;margin-bottom: 5px!important;}
    .mega-sub-menu #mega-menu-35363-0-1{width:28%!important;}
    .mega-sub-menu #mega-menu-35363-0-2{width:22%!important;} }

    @media only screen and (max-width:480px){

      #fc_frame.fc-mobile-view.h-open-container{height: 100%!important;}
      #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu{padding: 0px 18px 40px 30px!important;}
      body.logged-in #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{top:-4px!important;width: 18px !important;
        height: 18px !important;}
      body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
        content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down-red.svg)!important;
        top: 0px !important;
        left: 18px!important;}
        #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
          top: -4px !important;
          width: 18px !important;
          height: 18px !important;}
       
        body #mega-menu-wrap-primary-menu #mega-menu-primary-menu .login-menu-item a.mega-menu-link span.mega-indicator:after, body #mega-menu-wrap-primary-menu #mega-menu-primary-menu .login-menu-item a.mega-menu-link:hover span.mega-indicator:after{ content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down.svg)!important;}
      .wpfront-notification-bar div.wpfront-div{text-align: left;max-width:77%;padding:12px 0 12px 34px!important;display: block;}
      body.logged-in.admin-bar #masthead,  body #masthead {top: auto!important;}
      body .topic-banner {padding-top: 65px;margin-top:0!important;}
      body #primary {padding-top: 65px;}
      body #primary {margin-top: auto!important;}
      .wpfront-notification-bar div.wpfront-close {
        top: 18px;
        right: 18px!important;
        font-size:18px!important;
    }
    }

  @media screen and (max-width: 768px) {
    body #masthead #mega-menu-wrap-primary-menu .grid-card.loginmenu{margin-bottom:14px!important;}
    body #masthead{top:auto!important;}
    .featured-articles span{flex-basis: 88%!important;
      padding: 15px 0px 15px 0!important;
      text-align: center;
      margin: 0 auto;}
    .half{width:100%; margin-right:0%;}
    .video-cont .video-title{min-height: auto!important;}
    .half.lasthalf{width:100%; margin-right:0%!important;}
    body .make-switch-banner .gform_wrapper .gfield.xneelo-fb-buttons.firstbtn{margin-bottom:0px!important;}
    .make-switch-banner .wp-block-columns{padding:16px!important;}
    body.single article .entry-container .make-switch-banner h2{font-size:27px!important;margin:0!important;line-height: 30px!important;margin-bottom:-10px!important;font-family: "Paytone One", sans-serif!important;}
  }

  /* Tablet Improvements */
@media only screen and (min-width:768px) and (max-width:1024px){
  .single .accordion_step{max-width: 96%;}
  body .grid-card.loginmenu{margin-bottom:14px!important;}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
      top: -4px !important;
      width: 18px !important;
      height: 18px !important;}

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down-red.svg)!important;
    top: 1px !important;
    left: 18px !important;}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on{border-bottom: 3px solid #F13E5F!important; }

        body.logged-in #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
          left: -9px;
          top: -15px !important;
          display: inline;
          position: absolute !important;
          width: 18px !important;
          height: 18px !important;
        }
        #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children{border-bottom: 3px solid transparent!important; }
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {top:auto!important;}
  body #masthead{top:auto!important;}
}

@media only screen and (min-width:481px) and (max-width:768px){
  .single .accordion_step{max-width: 96%;}
  body .grid-card.loginmenu{margin-bottom:14px!important;}
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
      top: -4px !important;
      width: 18px !important;
      height: 18px !important;}
      #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on{border-bottom: 3px solid #F13E5F!important; }
  body.logged-in #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    left: -9px;
    top: -15px !important;
    display: inline;
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
  }
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    content: url(https://xneelo.co.za/help-centre/wp-content/themes/xneelo-help-centre/assets/img/chevron-down-red.svg)!important;
    top: 1px !important;
    left: 18px !important;}
  
  body.logged-in.admin-bar #masthead{top: 32px!important;}
  body:not(.logged-in) #masthead { top: 0px!important;}
}


  @media (max-width: 480px) {
  body.archive .accordion-navigation{width:auto!important;}
  .breadcrumbs-bar p{padding: 0 16px;}

  .tax-topics .all-topics article a{min-height: auto!important;max-height:auto!important;}

  .tax-topics .all-topics .topic-cards {
    flex-basis: 100%;}
  }


@media screen and (min-width: 768px) {
  body #masthead{top:0!important;}
  body.home #primary {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
  }

  .page-template-page-template-topic #primary {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
  }
}
body #masthead #header-search {
  display: none;
}
body article {
  flex-basis: 25%;
}
body .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
body .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
body a h3:hover {
  color: #F13E5F !important;
}
body article img {
  margin-top: 0;
  margin-bottom: 10px;margin-left:10px;
}
body img {
  height: auto;
  max-width: 100%;
}
body.home .topic-banner h1 {
  text-align: center;
}
body.tax-topics .topic-banner .wp-block-cover, body.category .topic-banner .wp-block-cover {
  padding: 0px 0 30px 0;
  height: auto;
}
body .topic-banner {
  margin-top: 65px;
}
body .topic-banner .wp-block-cover .wp-block-cover__inner-container{z-index: 9!important;}
body .topic-banner .wp-block-cover {
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  height: 250px;
  min-height: 250px;
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px;
  overflow: visible;
}
body .topic-banner .wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  margin: auto;
  height: 100%;
  max-width: 50em;
  vertical-align: middle;
}
body .topic-banner .wp-block-cover .wp-block-cover__inner-container .field {
  border: 1px solid #C1C4CA;
}
body .topic-banner .banner-bg-color {
  background-color: rgba(33, 45, 68, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
body .topic-banner .category-links {
  margin-top: 32px;
  text-align: center;
}
body .topic-banner .category-links a {
  color: #333D51;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  margin-right: 24px;
}
body .topic-banner .category-links a:last-child {
  margin-right: 0;
}
body .topic-banner .category-links a:hover {
  color: #F13E5F !important;
}
body:not(.banner-enabled) .content-container, body.page-template-page-template-topic .content-container {
  margin-top: 112px;
}
body.tax-topics .topic-banner .wp-block-cover .wp-block-cover__inner-container h1, body.category.archive .topic-banner .wp-block-cover .wp-block-cover__inner-container h1 {
  text-align: left;
  color: white;
  margin-bottom: 24px;
}
body.tax-topics .topic-banner .wp-block-cover .wp-block-cover__inner-container .subtitle, body.category.archive .topic-banner .wp-block-cover .wp-block-cover__inner-container .subtitle {
  color: white;
}
body.tax-topics.archive #primary, body.category.archive #primary, body.search-results #primary {
  margin-top: 68px;
}
body.tax-topics.archive #primary article, body.category.archive #primary article, body.search-results #primary article {
  width: 50em;
  margin: auto auto 72px auto;
}
body.tax-topics.archive #primary article:hover, body.category.archive #primary article:hover, body.search-results #primary article:hover {
  box-shadow: none;
}
body.tax-topics.archive #primary article .entry-container .details-container, body.category.archive #primary article .entry-container .details-container, body.search-results #primary article .entry-container .details-container {
  padding: 0;
  text-decoration: none;
}
body.tax-topics.archive #primary article .entry-container .details-container span, body.category.archive #primary article .entry-container .details-container span, body.search-results #primary article .entry-container .details-container span {
  text-decoration: underline;
}
body.tax-topics.archive .content-container, body.category.archive .content-container, body.search-results .content-container {
  padding-bottom: 0;
}
body.tax-topics.archive #primary .related-topics, body.category.archive #primary .related-topics, body.search-results #primary .related-topics {
  margin-top: 4em;
  margin-bottom: 0;
}
body.tax-topics.archive #primary .related-topics .section-title, body.category.archive #primary .related-topics .section-title, body.search-results #primary .related-topics .section-title {
  margin-top: 20px;
  margin-bottom: 10px;
}
body.tax-topics.archive #primary .related-topics .grid, body.category.archive #primary .related-topics .grid, body.search-results #primary .related-topics .grid {
  margin-left: -20px;
  margin-right: -20px;
}
body.tax-topics.archive #primary .related-topics .grid article, body.category.archive #primary .related-topics .grid article, body.search-results #primary .related-topics .grid article {
  width: 50em;
  margin: auto 5px 3em 5px;
}
body .search article {
  width: 50em;
}
body .single-post article h3 {
  font-family: "Montserrat-SemiBold", sans-serif;
}
body .help-post-footer {
  font-weight: 600;
}
body .help-post-footer a {
  font-weight: 600;
}
body .crp_related {
  margin-top: 3em;
  border-top: 1px solid #f5f5f6;
  padding-top: 2em;
}
body .crp_related ul {
  padding: 0;
  margin: 0;
}
body .crp_related ul li {
  margin-left: 0 !important;
  padding: 0.8em !important;
  margin-top: 0.8em !important;
  margin-bottom: 0.8em !important;
  list-style: none !important;
  background-color: #f5f5f6;
}
body .crp_related a {
  color: #6e7893;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}
body .crp_related a:hover {
  color: #F13E5F;
}
body.single .content-container {
  max-width: 800px;
}
body.single .content-container article .entry-title {
  margin: 90px auto 0.6em auto;
}
body.single .content-container article .entry-container b {
  font-weight: 600;
}
body.single .content-container article .entry-container a.button{  font-weight: 500;
  text-decoration:none!important;}
body.single .content-container article .entry-container a {
  font-weight: 500;
  text-decoration: underline;
}
body.single .content-container article .entry-container ul {
  margin: 1.5em 0;
}
body #masthead #mega-menu-wrap-primary-menu #mega-menu-primary-menu{box-shadow: 0px 4px 6px 0px rgba(130, 136, 157, 0.05), 0px 10px 15px 0px rgba(130, 136, 157, 0.10)!important;}

body.single .content-container article .entry-container ul li {
  margin-bottom: 1em;
  font-weight: 500 !important;
}
body.single .content-container article .entry-container h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}
body .sharing-wrap .inner {
  text-align: center;
  flex-direction: row;
  padding-top: 8px;
}
body .sharing-wrap .inner span {
  display: inline-block;
  float: none !important;
  background-color: transparent !important;
}
body .sharing-wrap .inner span div.a2a_button_email span {
  background-color: rgb(183, 184, 185) !important;
}
body .sharing-wrap .inner .addtoany_shortcode {
  margin-left: 0px;
  display: inline-block;
}
body .sharing-wrap .inner .addtoany_shortcode a {
  margin-top: -20px;
}
body .sharing-wrap .inner .addtoany_shortcode a .a2a_svg {
  background-color: rgb(183, 184, 185) !important;
}

.a2a_dd .addtoany_share_save {
  display: none;
}

.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
  border-radius: 0;
}

.has-black-background-color {
  background-color: rgba(33, 45, 68, 0.6) !important;
}

.page-template-page-template-topic article {
  flex-basis: 25%;
}

body.page-template-page-template-topic .content-container {
  margin-top: 207px;
}

@media screen and (max-width: 1024px) {
  body.page-template-page-template-topic .content-container {
    margin-top: 107px;
  }

  body.page-template-page-template-topic .content-container {
    max-width: 970px;
  }

  body.page-template-page-template-topic article {
    flex-basis: 30%;
  }
}
.home .banner-bg-color {
  background-color: rgba(33, 45, 68, 0.65) !important;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
body.single-post .accordion-list.steps .doubleol li:before{width: 40px!important;
  left: -38px;}
body .kh-notice {
  line-height: 24px;
}
body blockquote {
  padding-left: 40px;
  box-shadow: inset 2px 0px 0px #F13E5F;
  margin: 72px 0;
  line-height: 24px;
}
body blockquote em {
  font-style: normal !important;
}
body ol li {
  list-style: decimal;
  line-height: 24px;
}
body ul li {
  list-style-type: disc;
  line-height: 24px;
}

/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.all-topics,
.related-topics .grid {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
}
.all-topics article a,
.related-topics .grid article a {
  padding: 1em;
  border: 0;
  max-height: 245px;
  height: 100%;
  min-height: 245px;
  position: relative;
  border-radius: 5px;
  transition: all 0.3s ease 0s;
  margin: 0.8em 0.5em;
  display: block;
  text-decoration: none;
}
.all-topics article a:hover,
.related-topics .grid article a:hover {
  box-shadow: 0 34px 44px 0 rgba(51, 61, 81, 0.2);
  -moz-box-shadow: 0 34px 44px 0 rgba(51, 61, 81, 0.2);
  -webkit-box-shadow: 0 34px 44px 0 rgba(51, 61, 81, 0.2);
  transition: all 0.3s ease 0s;
}
.all-topics article .topic-ribbon,
.related-topics .grid article .topic-ribbon {
  background-color: #F13E5F;
  position: absolute;
  top: 0.2em;
  right: 2em;
  color: #fff;
  font-size: 0.8em;
  z-index: 1;
  padding: 0.2em 0.8em;
  border-radius: 12px;
  box-shadow: 0 10px 24px 0 rgba(191, 37, 53, 0.4) !important;
  -moz-box-shadow: 0 10px 24px 0 rgba(191, 37, 53, 0.4) !important;
  -webkit-box-shadow: 0 10px 24px 0 rgba(191, 37, 53, 0.4) !important;
}
.all-topics article .topic-thumbnail,
.related-topics .grid article .topic-thumbnail {
  border: 0;
  border-radius: 3px;
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #333D51;
  margin-bottom: 32px;
}
body.home .all-topics article .topic-thumbnail{margin-bottom: 14px!important;}
body.home .all-topics article .title{margin-bottom: 8px;}
.all-topics article .title,
.related-topics .grid article .title {
  display: block;
  padding-left: 0em;
  padding-top: 0;
  padding-bottom: 0em;
  font-size: 20px;
  line-height: 32px;
  text-decoration: none;
  color: #333D51;
  font-weight: 600;
  margin-top: 0em;
  margin-bottom: 16px;
  transition: all 0.3s ease 0s;
  font-family: "Montserrat", sans-serif;
}
.all-topics article .count,
.related-topics .grid article .count {
  display: block;
  text-decoration: none;
  color: #333D51;
  margin-top: 0em;
  padding-left: 0;
  padding-top: 0em;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-family: "Montserrat", sans-serif;
}

body .tax-topics article:hover {
  box-shadow: none;
}

/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
body {
  font-family: "Montserrat", sans-serif;
  color: #333D51;
  font-size: 16px;
  font-weight: normal;
  hyphens: manual !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
body .topic-banner h1, body.category h1 {
  color: #333D51;
  font-weight: 400;
  line-height: 48px;
  margin-top: 40px;
  margin-bottom: 24px;
}
body .topic-banner .subtitle, body.category .subtitle {
  color: #333D51;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.5em;
  letter-spacing: 1px;
  margin-bottom: 36px;
  margin-block-start: -6px;
}
body .topic-banner .article-count, body.category .article-count {
  letter-spacing: 1px;
  font-weight: 600;
}
body.tax-topics .topic-banner .subtitle, body.category .topic-banner .subtitle {
  margin-bottom: 0px;
}
body.tax-topics .topic-banner .article-count, body.category .topic-banner .article-count {
  margin-bottom: 16px;
}
body.home h2.page-title {
  margin-top: 88px;
  padding-left: 5px;
}
body.tax-topics #primary article .entry-container .details-container3 h3.entry-title {
  font-weight: normal;
  font-family: "Montserrat-SemiBold", sans-serif;
  hyphens: manual !important;
  word-wrap: normal !important;
  word-break: normal !important;
  font-size: 2em;
  line-height: 1.5em;
  transition: all 0.3s ease 0s;
  line-height: 48px;
  margin-bottom: 10px;
  font-family: "Montserrat-SemiBold", sans-serif;
}
body.tax-topics #primary article .entry-container .details-container3 p {
  font-size: 1em;
  line-height: 27px;
  font-weight: normal;
  color: #333D51;
  margin-bottom: 1.5em;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
body.tax-topics #primary article .entry-container .details-container3 .readmore {
  line-height: 0.8em;
  padding: 1em 1em;
  font-size: 0.8em;
  text-transform: none;
  letter-spacing: 1px;
  position: relative;
  font-family: "Montserrat-SemiBold", sans-serif;
  top: -1px;
}
body.single h2:hover {
  color: #333D51;
}
body.single article {
  color: #333D51;
}
body.single article .entry-container ul li {
  margin-bottom: 1em;
}
body.single article .entry-container p {
  font-family: "Montserrat", sans-serif;
  color: #333D51;
  line-height: 24px;
}
body.single article .entry-container h2 {
  font-size: 1.8em!important;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  line-height: 1.4em;
}
body.single article .entry-container h3 {
  font-size: 1.6em!important;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}
body.single article .entry-container h3 strong{
  font-size: 1.6em!important;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  line-height: 1.3em;
}
body.single article .entry-container a.button:not(.invertwhite, .wp-block-button__link, .btn-has-outline) {
  color: white;
  margin-top: 16px;
  line-height: 45px;
}
body.single article .entry-container a.button:not(.invertwhite, .wp-block-button__link, .btn-has-outline):hover {
  background-color: #D93856;
  border-color: #D93856;
  color: white;
}
body.single article .entry-container a.button:not(.invertwhite, .wp-block-button__link, .btn-has-outline):active, body.single article .entry-container a.button:not(.invertwhite, .wp-block-button__link, .btn-has-outline):active:hover {
  background-color: #601926 !important;
  border-color: #601926;
  color: white;
}
body.single article .entry-container a.button:not(.invertwhite, .wp-block-button__link, .btn-has-outline):focus {
  background-color: #A92C43 !important;
  border-color: #A92C43;
  color: white;
}
body.single-post h2:hover {
  color: #333D51;
}
body .gform_legacy_markup_wrapper .gform_footer {
  width: auto;
  padding: 0;
  margin: 0;
}
body .gform_legacy_markup_wrapper .gform_body ul li.gfield {
  margin: 0;
}
body .gform_legacy_markup_wrapper .gform_body .top_label div.ginput_container {
  margin-top: 0;
}
body .gform_legacy_markup_wrapper .gform_body .top_label input.medium {
  width: 100%;
}

/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
body .topic-banner .search-bar {
  display: block;
  max-width: 50em;
  width: 100%;
  margin-top: 10px;
}
body .topic-banner .search-bar .input-group {
  margin-right: 40px;
}
body .page-header {
  width: 100%;
  max-width: 800px;
  margin: 2em auto 3em;
}
body article {
  width: 50em;
  margin: auto;
  margin-bottom: 3em;
}
body.home article{margin:0 0 1em 0!important;}
body.tax-topics .accordion-navigation article{margin:0 0 48px 0!important;}

.search .page-header {
  margin: auto;
  max-width: 50em;
  width: 100%;
  margin-bottom: 3em;
}
.search .page-header h1 span {
  margin-top: 25px;
}
.search .page-content p {
  line-height: 27px;
  color: #333D51;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
.search input[type=search] {
  height: 28px;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 100%;
  border-bottom: 1px solid #757575;
  color: #555;
  font-family: "Montserrat", sans-serif;
}
.search input[type=search]:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
}
.search .site-main {
  padding: 35px;
}

body.search .topic-banner h1 {
  text-align: center;
}

body.search .topic-banner .wp-block-cover {
  height: auto;
  padding-bottom: 34px;
}

body.single-post .domain-search-inline {
  margin-top: 42px;
}

body.single-post .topic-banner .wp-block-cover {
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  height: 130px;
  min-height: 130px;
  display: flex;
  width: 100%;
  margin-bottom: 0px;
  padding: 0px;
  overflow: visible;
}
body.single-post .topic-banner .wp-block-cover .wp-block-cover__inner-container{z-index:9!important;}
body.single-post .topic-banner .wp-block-cover .super-speedy-search-form{margin-top:50px;}

body.single-post .topic-banner h1 {
  display: none;
}

body.single-post .accordion-list.steps ol li{list-style-type: decimal!important;position: relative;
    padding: 0 0 5px 14px;
    box-shadow: none;
    color: #333d51;}
body.single-post .accordion-list.steps ol{margin-top:16px;padding-left:18px;}
body.single-post .accordion-list.steps ol li::marker {
    color: #fff;
    font-size:17px;}

    body.single-post .accordion-list.steps ol li:before {
      content: "";
    position: absolute;
    margin-left: -42px;
    margin-top: -3px;
    z-index: -1;
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #f13e5f;
    }

    body.single-post .accordion-list.steps ol li.step:before{margin-left: 0px!important;}

    body.single-post ol.steps li{list-style-type: decimal!important;position: relative;
        padding: 0 0 10px 14px;
        box-shadow: none;
        color: #333d51;}
    body.single-post ol.steps{margin-top:16px;padding-left:30px;}
    body.single-post ol.steps li::marker {
        color: #fff;
        font-size:17px;}

        body.single-post ol.steps li:before {
          content: "";
        position: absolute;
        left: -28px;
        top: -2px;
        z-index: -1;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        background-color: #f13e5f;
        }
        body.archive .accordion-navigation{width: 50em;
          margin: auto auto 42px auto;
          border-bottom: 1px solid #D6D8DC;}

       body.home .breadcrumbs-bar{display:none;}
       .archive .breadcrumbs-bar .row, .search.search-results .breadcrumbs-bar .row, body.single-post .breadcrumbs-bar .row{margin: auto;
        max-width: 50em;}
       .breadcrumbs-bar{background-color: #f5f5f6;padding:5px 0;}
        body.single-post .accordion_step .accordion-navigation a, body.archive .accordion-navigation a{text-decoration: none!important;}
        body.single-post .accordion_step .accordion-navigation a.toggle{text-decoration: none!important;position: relative;padding: 10px 46px 10px 15px!important;}
        body.single-post .accordion_step .accordion-navigation{margin-bottom:14px!important;border-bottom: 1px solid #D6D8DC;padding-bottom:10px!important;}
        body.single-post .accordion_step br{display:none;}
        body.single-post iframe{width: 100%;height: 448px;}
        body.single-post .video-cont iframe{width: 100%;
          height: 222px!important;}
          body.single-post .video-cont .perfmatters-lazy-youtube {
            position: relative;
            width: 100%;
            max-width: 100%;
            /* height: 261px; */
            padding-bottom: 56.23%!important;
            overflow: hidden;}
        body.single-post .accordion.vidfeedback .gfield.gfield_htm{margin-bottom:0!important;}
        body.single-post .accordion.vidfeedback .gform_wrapper.gravity-theme .gfield-choice-input+label{margin-top: -4px!important;}
        body.single-post .accordion.vidfeedback h3{margin-bottom:0!important;text-align:center!important;}
        body.single-post .accordion.vidfeedback .gform_wrapper.gravity-theme .gform_footer{margin: 6px auto 0;
          padding: 2px 0;
          width: 100%;
          align-items: center;display:block!important;}
        body.single-post .accordion.vidfeedback .accordion-navigation a {
          text-decoration: none!important;background-color: transparent!important;margin-left: 6px!important;}
        body.single-post .accordion.vidfeedback .accordion-navigation{margin-bottom:14px!important;padding:8px!important;background:#faf7f6;border-radius: 3px;}
        body.single-post .accordion.vidfeedback .accordion-navigation .content.open{margin-left:20px;margin-right: 20px;}
        body.single-post .accordion.vidfeedback .accordion-navigation a.toggle:after {
          float: right;
          content: '\f347';
          font-family: dashicons;
          font-weight: normal;
          display: inline-block;
          margin: 0px 0 0 6px;
          vertical-align: top;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          transform: rotate(0);
          color: inherit;
          position: relative;
          background: transparent;
          height: auto;
          font-size: 24px;
          width: auto;
          right: auto;
          line-height: inherit;}
/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
@media screen and (max-width: 1024px) {
  body.logged-in:not(.banner-enabled) .content-container {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }

  body .topic-banner {
    margin-top: 65;
  }

  body.home h2.page-title {
    text-align: center;
  }
  body .top-nav {
    padding-left: 0;
    padding-right: 0;
  }
  body .top-nav .top-right-navigation {
    justify-content: space-between;
  }
  body .top-nav .menu.mdc-list {
    width: 100%;
  }
  body .top-nav .menu.mdc-list .btn-top-menu {
    padding: 0;
  }
  body .top-nav .menu.mdc-list .btn-top-menu a {
    padding: 0.5625rem 1.25rem;
    border-radius: 0;
  }
  body .top-nav .menu.mdc-list a {
    width: 100%;
  }
  body .main-nav .menu.mdc-list .mdc-list-item a {
    text-align: center;
  }
  body .topic-banner .search-bar {
    float: initial;
    max-width: initial;
    width: initial;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-left: 1.2em;
    margin-right: 1.2em;
  }
  body .topic-banner .search-bar .input-group {
    margin-right: 0;
  }
  body .topic-banner .wp-block-cover .wp-block-cover__inner-container {
    padding: 0 15px;
  }
  body .content-container {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
  body .mobile-nav-toggle {
    right: 30px;
    top: 60px;
    display: block !important;
    overflow: hidden;
    width: 34px;
    height: 34px;
    z-index: 9999;
    margin-right: 15px;
    margin-top: 20px;
  }
  body .mobile-nav.open {
    background: #333d51;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    width: 100%;
    margin-top: 110px;
  }
  body #mobile-menu li a {
    color: #eef2f5;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  body #mobile-menu li a .caret {
    margin-right: 50px;
  }
  body #mobile-menu {
    overflow: hidden;
    padding: 40px;
  }
  body #mobile-menu .menu-item-has-children a i {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgMTIgOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy43LjIgKDI4Mjc2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kb3duPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRvd24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgNC4wMDAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTQuMDAwMDAwKSB0cmFuc2xhdGUoMC4wMDAwMDAsIC04LjAwMDAwMCkiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIHBvaW50cz0iMCAwIDI0IDAgMjQgMjQgMCAyNCI+PC9wb2x5Z29uPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNiA4IDAgMTQgMS40MSAxNS40MSA2IDEwLjgzIDEwLjU5IDE1LjQxIDEyIDE0Ij48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    width: 12px;
    height: 12px;
    transition: 0.3s;
    display: block;
  }
  body .dropdown-menu {
    padding: 0;
    height: 0;
    transition: 0.3s;
  }
  body .mobile-nav .mdc-list-item.selected .dropdown-menu {
    display: block;
    height: 100%;
  }
  body .selected .dropdown-toggle span i {
    transform: rotate(180deg);
  }
  body .mobile-nav .mdc-list-item {
    padding: 0.3em 0;
  }
  body .mobile-nav .mdc-list-item .menu-item-has-children {
    padding: 0;
  }
  body .sharing-wrap .inner {
    margin-left: 20px;
  }

  .main-nav .search-bar,
.header-search {
    display: none;
  }

  .mdc-list-item {
    width: 100%;
  }

  body .top-nav .menu.mdc-list .mdc-list-item a, body .main-nav .menu.mdc-list .mdc-list-item a {
    text-align: center;
  }

  #menu-item-31987 {
    display: none;
  }

  .page-template-page-template-topic .content-container {
    max-width: 750px;
    margin: auto;
  }

  .page-template-page-template-topic article {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 767px) {
  body h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
  }

  body #primary {
    padding: 0;
  }

  .topic-banner .subtitle-fix.wp-block-cover {
    height: auto;
    padding-bottom: 30px;
  }

  .home .all-topics .topic-cards, .tax-topics .all-topics .topic-cards{
    flex-basis: 100%;
    margin-bottom: 0px;
  }

  .all-topics .topic-cards {
    flex-basis: 65%;
  }

  body.archive #primary article .entry-container {
    padding: 0 !important;
  }

  body.tax-topics.archive #primary article,
body.category.archive #primary article,
body.search-results #primary article {
    width: initial;
  }

  body.tax-topics.archive #primary .related-topics .grid article,
body.category.archive #primary .related-topics .grid article,
body.search-results #primary .related-topics .grid article {
    margin: initial !important;
  }

  body:not(.banner-enabled) .content-container {
    margin-top: 0;
  }

  body.single .content-container article .entry-title {
    margin: 0;
    margin-top: 30px;
  }

  body article {
    width: initial;
  }

  body.single .content-container article .entry-container ul {
    padding: 0;
  }

  body.single .content-container article .entry-container ul li ul {
    padding-left: 10px;
  }
}
/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.popmake-close {
  right: 180px !important;
  bottom: 32px !important;
  color: #F13E5F !important;
  font-family: "Montserrat", sans-serif !important;
  background-color: #f9f9f9 !important;
}

.pum-title, .pum-theme-default-theme .pum-title {
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif;
  color: #333d51;
  text-align: left;
  text-shadow: 0 0 0 rgba(2, 2, 2, 0.23);
  font-size: 32px;
  line-height: 36px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 14px;
}

.gform_wrapper .gform_heading {
  display: none;
}

.email-article-title {
  font-size: 24px;
  color: #333d51;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.webmail-link {
  font-weight: 600;
}

#setup {
  background: #f5f5f6;
  padding: 1.5em 1em 1.5em 1em;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  margin-left: 0;
  margin-right: 0;
}
#setup #esg_config_form #esg_email_address {
  width: 73%;
  float: left;
  margin: 0 0.5em 0 0;
  padding: 0.3em;
  height: 2em;
}
#setup #esg_config_form #esg_config_button {
  margin: 0;
  width: 20%;
  height: 3em;
  border-width: 0px;
  background: #f13e5f;
  display: inline-block;
  color: #ffffff;
  line-height: 0.8em;
  padding: 1em 1em;
  border-radius: 5px;
  font-size: 0.8em;
  text-transform:capitalize;
  letterspacing: 0.5px;
}
#setup .config-wrap .table {
  display: table;
  margin: 1em auto 0 auto;
  width: 100%;
}
#setup .config-wrap .table .tr {
  display: table-row;
}
#setup .config-wrap .table .tr:first-child .td {
  border-top-width: 0px;
}
#setup .config-wrap .table .tr:last-child .td {
  border-bottom-width: 1px;
}
#setup .config-wrap .table .td {
  display: table-cell;
  border: solid 1px #DCE2E6;
  border-radius: 10px;
  vertical-align: middle;
  width: auto;
}
#setup .config-wrap .table .td label {
  font-weight: 400 !important;
}
#setup .config-wrap .table .td span {
  font-weight: 100 !important;
}
#setup .config-wrap.gotstuff {
  display: block !important;
}
#setup .config-wrap.nostuff {
  display: none;
}
#setup .config-wrap .table .tr {
  display: table-row;
}
#setup .config-wrap .table .tr:first-child .td {
  border-top-width: 0px !important;
}
#setup .config-wrap .table .tr:last-child .td {
  border-bottom-width: 1px;
}
#setup .config-wrap .table .td {
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 1px solid #DCE2E6;
  padding: 0.3em 0;
}
#setup .config-wrap .table .td .label {
  background: none;
  font-size: 100%;
  color: #333D51;
}
#setup .modal-dialog {
  margin: 0;
}

body.archive .accordion-navigation{width: 50em;
  margin: auto auto 42px auto;
  border-bottom: 1px solid #D6D8DC;}
  
/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.accordion {
  padding: 0;
  margin: 0.5em 0 !important;
}
.accordion:hover {
  border: 0;
}

.accordion:before, .accordion:after {
  content: " ";
  display: table;
}

.open .accordion-navigation > a {
  background: #F13E5F;
  color: #ffffff;
}

.accordion-navigation {
  list-style: none;
  cursor: pointer;
  margin-bottom: 1em;
}
.accordion-navigation .col-lg-12.accordion-list {
  float: none;
}
.accordion-navigation > a {
  font-size: 18px!important;
    font-family: montserrat!important;
    font-weight: 600!important;
    color: #333d51!important;
    margin-left:-15px!important;
  padding: 10px 15px;
  background: #ffffff;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Montserrat", sans-serif;
  line-height: 24px;
}
/**
.accordion-navigation > a:hover, .accordion-navigation > a.highlight {
  background: #F13E5F;
  color: #ffffff !important;
}
*/
.accordion-navigation .content {
  display: none;
}
.accordion-navigation .content.open {
  display: block;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.accordion-navigation .content ul {
  margin-block-start: 16px;
}
.accordion-navigation .content ul li {
  margin-bottom: 1em;
}

.accordion_step .accordion-list p{max-width: 100%!important;padding-left:0px;padding-right:20px;}

#esg-01, #esg-02, #esg-03, #esg-04 {
  background-color: transparent;
}
#esg-01 .accordion-list, #esg-02 .accordion-list, #esg-03 .accordion-list, #esg-04 .accordion-list {
  padding: 0;
  float: none;
}
#esg-01 .content, #esg-02 .content, #esg-03 .content, #esg-04 .content {
  padding: 0;
}
#esg-01 .content ul, #esg-02 .content ul, #esg-03 .content ul, #esg-04 .content ul {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
#esg-01 .content ul li, #esg-02 .content ul li, #esg-03 .content ul li, #esg-04 .content ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table-row;
  background-color: white;
  font-weight: 600;
}
#esg-01 .content ul li:nth-child(even), #esg-02 .content ul li:nth-child(even), #esg-03 .content ul li:nth-child(even), #esg-04 .content ul li:nth-child(even) {
  background: #EEF2F5;
}
#esg-01 .content ul li div, #esg-02 .content ul li div, #esg-03 .content ul li div, #esg-04 .content ul li div {
  display: table-cell;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  border-style: solid;
  border-color: #d6d8dc;
  border-width: 1px 0 1px 0;
  vertical-align: middle;
}
#esg-01 .content ul li div a, #esg-02 .content ul li div a, #esg-03 .content ul li div a, #esg-04 .content ul li div a {
  background: transparent;
  color: #F13E5F;
  text-decoration: none !important;
  font-weight: 600;
}
#esg-01 .content ul li div a:hover, #esg-02 .content ul li div a:hover, #esg-03 .content ul li div a:hover, #esg-04 .content ul li div a:hover {
  color: #EEF2F5;
  background: #F13E5F;
  display: block;
  width: 100%;
  height: 100%;
}
#esg-01 .content ul li .esg-logo, #esg-02 .content ul li .esg-logo, #esg-03 .content ul li .esg-logo, #esg-04 .content ul li .esg-logo {
  padding-left: 10px;
  border-left-width: 1px;
}
#esg-01 .content ul li .esg-logo img, #esg-02 .content ul li .esg-logo img, #esg-03 .content ul li .esg-logo img, #esg-04 .content ul li .esg-logo img {
  margin: 0;
  max-width: 40px;
  height: auto;
  display: inline-block;
}
#esg-01 .content ul li .esg-title, #esg-02 .content ul li .esg-title, #esg-03 .content ul li .esg-title, #esg-04 .content ul li .esg-title {
  width: 51%;
}
#esg-01 .content ul li .esg-tshoot, #esg-02 .content ul li .esg-tshoot, #esg-03 .content ul li .esg-tshoot, #esg-04 .content ul li .esg-tshoot {
  width: 20%;
  border-left-width: 1px;
  border-right-width: 1px;
  text-align: center;
}
#esg-01 .content ul li .esg-tshoot a, #esg-02 .content ul li .esg-tshoot a, #esg-03 .content ul li .esg-tshoot a, #esg-04 .content ul li .esg-tshoot a {
  color: #333D51;
}
#esg-01 .content ul li .esg-tshoot:hover, #esg-02 .content ul li .esg-tshoot:hover, #esg-03 .content ul li .esg-tshoot:hover, #esg-04 .content ul li .esg-tshoot:hover {
  color: #EEF2F5;
  background: #F13E5F;
}
#esg-01 .content ul li .esg-tshoot:hover a, #esg-02 .content ul li .esg-tshoot:hover a, #esg-03 .content ul li .esg-tshoot:hover a, #esg-04 .content ul li .esg-tshoot:hover a {
  color: #EEF2F5;
}
#esg-01 .content ul li .esg-setup, #esg-02 .content ul li .esg-setup, #esg-03 .content ul li .esg-setup, #esg-04 .content ul li .esg-setup {
  width: 20%;
  text-align: center;
  border-right-width: 1px;
}
#esg-01 .content ul li .esg-setup:hover, #esg-02 .content ul li .esg-setup:hover, #esg-03 .content ul li .esg-setup:hover, #esg-04 .content ul li .esg-setup:hover {
  color: #EEF2F5;
  background: #F13E5F;
}
#esg-01 .content ul li .esg-setup:hover a, #esg-02 .content ul li .esg-setup:hover a, #esg-03 .content ul li .esg-setup:hover a, #esg-04 .content ul li .esg-setup:hover a {
  color: #EEF2F5;
}

a.a2a_dd.addtoany_share_save.addtoany_share {
  display: none;
}

/*! ---------- Functions ---------- */
@font-face {
  font-family: "Paytone One", sans-serif;
  font-style: normal;
  src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-SemiBold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
	font-family: "FontAwesome";
	font-style:normal;
	src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.details-container .steps {
  margin-bottom: 18px;
}
.details-container .steps ul {
  padding-inline-start: 0px;
  padding-left: 32px;
}
.details-container .steps .step {
  margin: 0 0 10px 0;
  padding: 0;
  box-shadow: none;
  color: #333D51;
  display: flex;
  margin-left: -30px;
}
.details-container .steps .step ul {
  padding-left: 25px;
}
.details-container .steps .step ul ul {
  padding-left: 0px;
}
.details-container .steps .step .step-number {
  text-align: center;
  flex: 0 0 30px;
  margin-right: 10px;
  margin-top: -1px;
  height: 20px;
}
.details-container .steps .step .step-number span {
  background-color: #F13E5F;
  color: white;
  width: 100%;
  display: block;
    border-radius: 5px;
    padding-top: 2px;
    margin-top: 1px;
    padding-bottom: 3px;
}
.details-container .steps .step .text {
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 26px;
  padding-top: 0px;
}

.assist-note,
.assist-tip {
  border-radius: 5px;
  border: 1px solid #d6d8dc;
  padding: 15px;
  border-left-width: 3px;
  margin-bottom: 15px;
  padding-left: 48px!important;
  position: relative;
}
.assist-note span.img-wrap,
.assist-tip span.img-wrap {
  vertical-align: middle;
  display: inline-block;
  float: left;
  clear: both;
  height: auto;
  left: 0;
  position: absolute;
}
.assist-note ol, .assist-tip ol{padding-left:20px!important;margin-top:0!important;}
.assist-note span.img-wrap img,
.assist-tip span.img-wrap img {
  margin-top: 0;
  margin-bottom: 0;
}
.assist-note p:nth-child(2),
.assist-tip p:nth-child(2) {
  display: inline;
}
.assist-note p:last-child,
.assist-tip p:last-child {
  margin-bottom: 0;
}

.assist-note .fas {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: text-top;
  color: #F13E5F;
}

.assist-tip .fas {
  font-size: 20px;
  margin-right: 15px;
  vertical-align: text-top;
  color: #F13E5F;
}

.domain.columns .list ul {
  margin: 0!important;
  padding-left: 0;
  list-style: none;
}
.domain.columns .list ul li {
  list-style: none;
}

body.single .content-container article .entry-container .accordion_step .accordion-list table ul{margin-left:20px!important}

body.single .content-container article .entry-container .accordion_step .accordion-list table ul li{list-style-type: disc!important;padding: 0!important;}
body.single .content-container article .entry-container .accordion_step .accordion-list table{margin-bottom:30px!important;margin-top:10px!important;}
body.single .content-container article .entry-container .accordion_step .accordion-list table ul li:before{content:none!important;}
body.single .content-container article .entry-container .accordion_step .accordion-list table ul li::marker{color: #000!important;}

body.single .content-container article .entry-container .accordion_step .accordion-list table ul:nth-child(2) li{list-style-type: circle!important;}
body.single .content-container article .entry-container .accordion_step .accordion-list table ul li ul li{list-style-type: circle!important;}
/* WP 6.2 Updates */

body.single .content-container article .entry-container ul li ul {
  padding-left: 10px;
}
.wp-block-group.footer-columns > .wp-block-group__inner-container {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/*! ---------- Functions ---------- */
@font-face {
font-family: "Paytone One", sans-serif;
font-style: normal;
src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Regular";
font-style: normal;
src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Italic";
font-style: normal;
src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-SemiBold";
font-style: normal;
src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Bold";
font-style: normal;
src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
font-family: "FontAwesome";
font-style:normal;
src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.content-container pre{color: #000000;
  background-color: #f5f5f6;
  border: none;
  overflow-wrap: break-word;
  padding:15px;
  margin-bottom:0;
  text-wrap: wrap;}
.popmake-close {
right: 180px !important;
bottom: 32px !important;
color: #F13E5F !important;
font-family: "Montserrat", sans-serif !important;
background-color: #f9f9f9 !important;
}

.pum-title, .pum-theme-default-theme .pum-title {
font-weight: 700 !important;
font-family: "Montserrat", sans-serif;
color: #333d51;
text-align: left;
text-shadow: 0 0 0 rgba(2, 2, 2, 0.23);
font-size: 32px;
line-height: 36px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 14px;
}

.gform_wrapper .gform_heading {
display: none;
}

.email-article-title {
font-size: 24px;
color: #333d51;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}

/*! ---------- Functions ---------- */
@font-face {
font-family: "Paytone One", sans-serif;
font-style: normal;
src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Regular";
font-style: normal;
src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Italic";
font-style: normal;
src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-SemiBold";
font-style: normal;
src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Bold";
font-style: normal;
src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
font-family: "FontAwesome";
font-style:normal;
src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.webmail-link {
font-weight: 600;
}

#setup {
background: #f5f5f6;
padding: 1.5em 1em 1.5em 1em;
margin-bottom: 1.5em;
margin-top: 1.5em;
margin-left: 0;
margin-right: 0;
}
#setup #esg_config_form #esg_email_address {
width: 73%;
float: left;
margin: 0 0.5em 0 0;
padding: 0.3em;
height: 2em;
}
#setup #esg_config_form #esg_config_button {
margin: 0;
width: 20%;
height: 3em;
border-width: 0px;
background: #f13e5f;
display: inline-block;
color: #ffffff;
line-height: 0.8em;
padding: 1em 1em;
border-radius: 5px;
font-size: 0.8em;
text-transform:capitalize;
letterspacing: 0.5px;
}
#setup .config-wrap .table {
display: table;
margin: 1em auto 0 auto;
width: 100%;
}
#setup .config-wrap .table .tr {
display: table-row;
}
#setup .config-wrap .table .tr:first-child .td {
border-top-width: 0px;
}
#setup .config-wrap .table .tr:last-child .td {
border-bottom-width: 1px;
}
#setup .config-wrap .table .td {
display: table-cell;
border: solid 1px #DCE2E6;
border-radius: 10px;
vertical-align: middle;
width: auto;
}
#setup .config-wrap .table .td label {
font-weight: 400 !important;
}
#setup .config-wrap .table .td span {
font-weight: 100 !important;
}
#setup .config-wrap.gotstuff {
display: block !important;
}
#setup .config-wrap.nostuff {
display: none;
}
#setup .config-wrap .table .tr {
display: table-row;
}
#setup .config-wrap .table .tr:first-child .td {
border-top-width: 0px !important;
}
#setup .config-wrap .table .tr:last-child .td {
border-bottom-width: 1px;
}
#setup .config-wrap .table .td {
border-radius: 0;
border-right: 0;
border-left: 0;
border-bottom: 0;
border-top: 1px solid #DCE2E6;
padding: 0.3em 0;
}
#setup .config-wrap .table .td .label {
background: none;
font-size: 100%;
color: #333D51;
}
#setup .modal-dialog {
margin: 0;
}

/*! ---------- Functions ---------- */
@font-face {
font-family: "Paytone One", sans-serif;
font-style: normal;
src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Regular";
font-style: normal;
src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Italic";
font-style: normal;
src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-SemiBold";
font-style: normal;
src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Bold";
font-style: normal;
src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
font-family: "FontAwesome";
font-style:normal;
src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.accordion {
padding: 0;
margin: 0.5em 0 !important;
}
.accordion:hover {
border: 0;
}

.accordion:before, .accordion:after {
content: " ";
display: table;
}

.open .accordion-navigation > a {
background: #F13E5F;
color: #ffffff;
}

.accordion-navigation {
list-style: none;
cursor: pointer;
margin-bottom: 1em;
}
.accordion-navigation .col-lg-12.accordion-list {
float: none;
}
.accordion-navigation > a {
font-size: 18px!important;
  font-family: montserrat!important;
  font-weight: 600!important;
  color: #333d51!important;
  margin-left:-15px!important;
padding: 10px 15px;
background: #ffffff;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: "Montserrat", sans-serif;
line-height: 24px;
}
/**
.accordion-navigation > a:hover, .accordion-navigation > a.highlight {
background: #F13E5F;
color: #ffffff !important;
}
*/
.accordion-navigation .content {
display: none;
}
.accordion-navigation .content.open {
display: block;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.accordion-navigation .content ul {
margin-block-start: 16px;
}
.accordion-navigation .content ul li {
margin-bottom: 1em;
}

.accordion_step .accordion-list p{max-width: 100%!important;padding-left:0px;padding-right:20px;}

#esg-01, #esg-02, #esg-03, #esg-04 {
background-color: transparent;
}
#esg-01 .accordion-list, #esg-02 .accordion-list, #esg-03 .accordion-list, #esg-04 .accordion-list {
padding: 0;
float: none;
}
#esg-01 .content, #esg-02 .content, #esg-03 .content, #esg-04 .content {
padding: 0;
}
#esg-01 .content ul, #esg-02 .content ul, #esg-03 .content ul, #esg-04 .content ul {
margin: 0;
padding: 0;
display: table;
width: 100%;
}
#esg-01 .content ul li, #esg-02 .content ul li, #esg-03 .content ul li, #esg-04 .content ul li {
list-style: none;
margin: 0;
padding: 0;
display: table-row;
background-color: white;
font-weight: 600;
}
#esg-01 .content ul li:nth-child(even), #esg-02 .content ul li:nth-child(even), #esg-03 .content ul li:nth-child(even), #esg-04 .content ul li:nth-child(even) {
background: #EEF2F5;
}
#esg-01 .content ul li div, #esg-02 .content ul li div, #esg-03 .content ul li div, #esg-04 .content ul li div {
display: table-cell;
padding-top: 0.4em;
padding-bottom: 0.4em;
border-style: solid;
border-color: #d6d8dc;
border-width: 1px 0 1px 0;
vertical-align: middle;
}
#esg-01 .content ul li div a, #esg-02 .content ul li div a, #esg-03 .content ul li div a, #esg-04 .content ul li div a {
background: transparent;
color: #F13E5F;
text-decoration: none !important;
font-weight: 600;
}
#esg-01 .content ul li div a:hover, #esg-02 .content ul li div a:hover, #esg-03 .content ul li div a:hover, #esg-04 .content ul li div a:hover {
color: #EEF2F5;
background: #F13E5F;
display: block;
width: 100%;
height: 100%;
}
#esg-01 .content ul li .esg-logo, #esg-02 .content ul li .esg-logo, #esg-03 .content ul li .esg-logo, #esg-04 .content ul li .esg-logo {
padding-left: 10px;
border-left-width: 1px;
}
#esg-01 .content ul li .esg-logo img, #esg-02 .content ul li .esg-logo img, #esg-03 .content ul li .esg-logo img, #esg-04 .content ul li .esg-logo img {
margin: 0;
max-width: 40px;
height: auto;
display: inline-block;
}
#esg-01 .content ul li .esg-title, #esg-02 .content ul li .esg-title, #esg-03 .content ul li .esg-title, #esg-04 .content ul li .esg-title {
width: 51%;
}
#esg-01 .content ul li .esg-tshoot, #esg-02 .content ul li .esg-tshoot, #esg-03 .content ul li .esg-tshoot, #esg-04 .content ul li .esg-tshoot {
width: 20%;
border-left-width: 1px;
border-right-width: 1px;
text-align: center;
}
#esg-01 .content ul li .esg-tshoot a, #esg-02 .content ul li .esg-tshoot a, #esg-03 .content ul li .esg-tshoot a, #esg-04 .content ul li .esg-tshoot a {
color: #333D51;
}
#esg-01 .content ul li .esg-tshoot:hover, #esg-02 .content ul li .esg-tshoot:hover, #esg-03 .content ul li .esg-tshoot:hover, #esg-04 .content ul li .esg-tshoot:hover {
color: #EEF2F5;
background: #F13E5F;
}
#esg-01 .content ul li .esg-tshoot:hover a, #esg-02 .content ul li .esg-tshoot:hover a, #esg-03 .content ul li .esg-tshoot:hover a, #esg-04 .content ul li .esg-tshoot:hover a {
color: #EEF2F5;
}
#esg-01 .content ul li .esg-setup, #esg-02 .content ul li .esg-setup, #esg-03 .content ul li .esg-setup, #esg-04 .content ul li .esg-setup {
width: 20%;
text-align: center;
border-right-width: 1px;
}
#esg-01 .content ul li .esg-setup:hover, #esg-02 .content ul li .esg-setup:hover, #esg-03 .content ul li .esg-setup:hover, #esg-04 .content ul li .esg-setup:hover {
color: #EEF2F5;
background: #F13E5F;
}
#esg-01 .content ul li .esg-setup:hover a, #esg-02 .content ul li .esg-setup:hover a, #esg-03 .content ul li .esg-setup:hover a, #esg-04 .content ul li .esg-setup:hover a {
color: #EEF2F5;
}

a.a2a_dd.addtoany_share_save.addtoany_share {
display: none;
}

/*! ---------- Functions ---------- */
@font-face {
font-family: "Paytone One", sans-serif;
font-style: normal;
src: url(assets/fonts/PaytoneOne.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Regular";
font-style: normal;
src: url(assets/fonts/Montserrat-Regular.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Italic";
font-style: normal;
src: url(assets/fonts/Montserrat-Italic.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-SemiBold";
font-style: normal;
src: url(assets/fonts/Montserrat-SemiBold.ttf) format("ttf");
}
@font-face {
font-family: "Montserrat-Bold";
font-style: normal;
src: url(assets/fonts/Montserrat-Bold.ttf) format("ttf");
}
/*@font-face{
font-family: "FontAwesome";
font-style:normal;
src:url(assets/fonts/FontAwesome.woff) format("woff");
}*/
/*! ---------- Fonts ---------- */
/*! ---------- Colors ---------- */
/*! Primary */
/*! Secondary Monochrome colors */
/*! Validation */
/*! Button Specifics */
/* Assign colours to the hovers */
/*! Breakpoints */
/*! Spacing */
/* Padding */
/* Margins */
/* Font Sizes */
.details-container .steps {
margin-bottom: 18px;
}
.details-container .steps ul {
padding-inline-start: 0px;
padding-left: 32px;
}
.details-container .steps .step {
margin: 0 0 10px 0;
padding: 0;
box-shadow: none;
color: #333D51;
display: flex;
margin-left: -30px;
}
.details-container .steps .step ul {
padding-left: 25px;
}
.details-container .steps .step ul ul {
padding-left: 0px;
}
.details-container .steps .step .step-number {
text-align: center;
flex: 0 0 30px;
margin-right: 10px;
}
.details-container .steps .step .step-number span {
background-color: #F13E5F;
color: white;
width: 100%;
display: block;
    border-radius: 5px;
    padding-top: 2px;
    margin-top: 1px;
    padding-bottom: 3px;
}
.details-container .steps .step .text {
font-size: 16px;
font-weight: 500 !important;
line-height: 26px;
padding-top: 0px;
}

.assist-note,
.assist-tip {
border-radius: 5px;
border: 1px solid #d6d8dc;
padding: 15px;
border-left-width: 3px;
margin-bottom: 15px;
}
.assist-note span.img-wrap,
.assist-tip span.img-wrap {
vertical-align: middle;
display: inline-block;
}
.assist-note span.img-wrap img,
.assist-tip span.img-wrap img {
margin-top: 0;
margin-bottom: 0;
}
.assist-note p:nth-child(2),
.assist-tip p:nth-child(2) {
display: inline;
}
.assist-note p:last-child,
.assist-tip p:last-child {
margin-bottom: 0;
}

.assist-note .fas {
font-size: 20px;
margin-right: 10px;
vertical-align: text-top;
color: #F13E5F;
}

.assist-tip .fas {
font-size: 20px;
margin-right: 15px;
vertical-align: text-top;
color: #F13E5F;
}

.domain.columns .list ul {
margin: 0!important;
padding-left: 0;
list-style: none;
}
.domain.columns .list ul li {
list-style: none;
}

/*# sourceMappingURL=style.css.map */


/* ==========================================================================
   Max Mega Menu 3.10 compatibility — sub-menu indicator (chevron)
   Ref: lightspeedwp/xneelo-enhancements#22
   --------------------------------------------------------------------------
   WHY THIS EXISTS

   The chevron rules earlier in this file position span.mega-indicator's ::after
   absolutely with hardcoded offsets (top: -40px closed, -30px open), calibrated
   against Mega Menu 3.9 where that span was a small inline box.

   Mega Menu 3.10 makes span.mega-indicator a full-height box (66px on this menu).
   That broke two things at once:
     1. top: -40px threw each chevron ~40px above its own box, off the top of the
        menu bar, so the chevrons vanished entirely.
     2. The 66px-tall inline indicator dragged the adjacent link text baseline
        down, pushing every top-level item below vertical centre (measured text
        centre 60.5px inside a 66px link box).

   This block takes the indicator out of the line box and positions it against
   the link, so placement derives from the link rather than a fixed offset.

   --------------------------------------------------------------------------
   WHY EACH VALUE IS WHAT IT IS

   Every number below was derived by pixel-diffing the rendered menu against the
   pre-upgrade reference (an install still on Mega Menu 3.9.2.1). Getting to a
   zero-pixel match needed four separate corrections, none of which is arbitrary:

   padding-right: 26px (link)
       Taking the indicator out of flow also collapsed the whitespace text node
       that sat between the label and the indicator in the markup. Pre-upgrade a
       link measured: text 65 + whitespace ~6 + indicator 15 + padding 5 = 91px.
       With the indicator absolute and 20px padding it measured 85px — every link
       6px narrow, shifting every subsequent item leftwards. 26px restores it.
       Do NOT reduce this to 20px "to match the indicator width".

   right: 6px (indicator, closed)
       With right: 0 the chevron sat at the far edge of that 26px padding, 6px
       right of where it used to sit in flow after the text.

   top: calc(50% - 7px) (indicator, closed)
       Centres the 12px box on the link, less 1px, which lands the closed chevron
       +2.0px from its label's vertical centre — matching the reference.

   top: calc(50% - 1px) and right: 7px (indicator, open)
       The open and closed arrows genuinely need DIFFERENT offsets. The original
       rules encoded this as -40px vs -30px: a 10px differential compensating for
       transform: rotate(180deg) moving the visible chevron ink within its box.
       Centring both uniformly left the expanded item's arrow 5px too high. The
       extra 1px of `right` compensates for a horizontal rotation artifact.
       Do NOT collapse the open and closed rules into one.

   NO transform on span.mega-indicator, deliberately
       The open/closed flip relies on transform: rotate(180deg) on that span.
       Centring via translateY would override it and freeze the chevron pointing
       down.

   SCOPED TO min-width: 1025px
       responsive_breakpoint is 1024px; below it Mega Menu renders the mobile
       toggle, where the indicator flows normally and was never broken. Applying
       the absolute positioning there pushed the mobile chevrons hard against the
       right edge instead of leaving them inset.

   --------------------------------------------------------------------------
   VERIFIED: nav strip pixel-diffed against the 3.9.2.1 reference at 1440x900 —
   0 differing pixels above a threshold of 16, max channel delta 1 (antialiasing).
   Top-level item left offsets and widths match exactly: Domains 179/99.9,
   Hosting 302.9/91, Servers 417.9/86.9, Cloud 528.8/74.3, Insights 1062/92,
   Support 1175/93, Log in 1303.1/76.9.
   ========================================================================== */

@media only screen and (min-width: 1025px) {

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link {
    position: relative !important;
    padding-right: 26px !important;
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    position: absolute !important;
    right: 6px !important;
    top: calc(50% - 7px) !important;
    bottom: auto !important;
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    top: calc(50% - 1px) !important;
    right: 7px !important;
  }

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
  body.logged-in #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after,
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.login-menu-item.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
  }

}

/* --------------------------------------------------------------------------
   Max Mega Menu 3.10 compatibility — Help Centre's larger open arrow
   Ref: lightspeedwp/xneelo-enhancements#22

   THIS THEME IS NOT THE SAME AS xneelo-insights. Its chevron rules size the two
   states differently:

     closed  ::after  12x12  (top: -40px)
     open    ::after  13x13  (top: -31px)

   The block above normalises both to 12x12, which shrank the expanded item's
   arrow by 1px and shifted it 1.5px up relative to the pre-upgrade rendering.
   These two rules restore the 13x13 open arrow.

   VERIFIED: with this in place the nav strip pixel-diffs to ZERO differing pixels
   against the pre-upgrade reference (live Help Centre, still on Mega Menu
   3.9.2.1) at 1440x900 — max channel delta 0, no diff bounding box at all. The
   open arrow lands at exactly x375-385, y32-37 in both.

   Do not "tidy" this away by making both states 12x12 to match xneelo-insights;
   Insights genuinely uses 12x12 for both and this theme does not.
   -------------------------------------------------------------------------- */

@media only screen and (min-width: 1025px) {

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator {
    width: 13px !important;
    height: 13px !important;
  }

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
    width: 13px !important;
    height: 13px !important;
  }

}

/* ==========================================================================
   Max Mega Menu 3.10 compatibility — MOBILE (<= 1024px)
   Ref: lightspeedwp/xneelo-enhancements#22
   --------------------------------------------------------------------------
   Two mobile regressions come from Mega Menu 3.10's own generated stylesheet,
   NOT from the desktop block above (which is scoped to min-width: 1025px and was
   confirmed not to match at mobile widths). Both were found by pixel-diffing the
   mobile menu against the pre-upgrade reference at 390x844.

   1. The toggle bar gained 6px inner padding.
        3.9.2.1:  .mega-toggle-blocks-left  padding 0
                  .mega-toggle-blocks-right padding 0
        3.10.6:   .mega-toggle-blocks-left  padding 0 0 0 6px
                  .mega-toggle-blocks-right padding 0 6px 0 0
      That pushed the logo 6px right (left 32 -> 38) and moved the hamburger.

   2. The chevron's ::after lost its positioning context.
      The theme sets `top: -4px` on that pseudo-element to lift the chevron. Under
      3.9 the plugin's generated CSS also gave it `position: relative`, so the
      offset applied. 3.10.6 no longer does, leaving it at the CSS initial value
      `static`, where `top` is ignored — so every mobile chevron rendered 4px low.
      Restoring `position: relative` re-activates the theme's existing `top: -4px`;
      the -4px is NOT introduced here, it was always in the theme.

   VERIFIED at 390x844 against the pre-upgrade reference: toggle bar 0 differing
   pixels (max channel delta 1, antialiasing), menu rows 0 differing pixels with
   max channel delta 0 and no diff bounding box at all. Mobile chevrons land at
   exactly y109-116 / y180-186 / y253-259 in both.

   Scoped to max-width: 1024px to sit either side of the menu's
   responsive_breakpoint (1024px) without touching the desktop bar.
   ========================================================================== */

@media only screen and (max-width: 1024px) {

  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left {
    padding-left: 0 !important;
  }

  #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right {
    padding-right: 0 !important;
  }

  body #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    position: relative !important;
  }

}