/*!
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.0.0
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 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 #masthead{z-index: 99!important;}

body.logged-in .topic-banner {
  margin-top: 52px;
}
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.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;}
    body.archive.tax-topics .all-topics article {
      margin: 0 0 1em 0 !important;
    }
    body.archive.tax-topics .accordion .accordion-list{padding-top:40px;}
.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: 50px!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: relative;
  background: transparent;
  height: auto;
  font-size:24px;
  width: auto;
  right: auto;
  line-height: inherit;}

  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: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    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;}


  @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:20px!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;
        }
  }

  @media only screen and (min-width: 1025px) {
    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;}
     
  
  .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){

      #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{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){
    #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){

    #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 {
  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: hidden;
}
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: #333D51 !important;  border-radius: 4px;
}
.addtoany_list a:not(.addtoany_special_service)>span {
  border-radius: 4px;
  display: inline-block;
  opacity: 1;}
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: #333D51 !important;  border-radius: 4px;
}

.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: 10;
  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, body.tax-topics .all-topics article .topic-thumbnail{margin-bottom: 14px!important;}
body.home .all-topics article .title,body.tax-topics .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, body.tax-topics .accordion-navigation article{margin:0 0 1em 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: hidden;
}

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{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;
}

/*! ---------- 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 */