/*/////////////////////////////////////////////////////*/
/*/////////////////// CUSTOM CSS //////////////////////*/
/*All of the CSS for your public-facing functionality are 
 * included in this file.*/
/*/////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

  
    /*******************************************************/
    /* Additional Typography Formatting
    /* Styles also apply to TinyMCE Formatting Styles*/
    /*******************************************************/
    
    /*SEO H1 Heading & Paragraph Formatting*/
    p:has(+ h1.hero-header), h1.hero-header, h1.hero-header + p{
      display:inline; /*forces h1 tag to display in same line as paragraph*/
    }
  
    h1.hero-header, .hero-header{ /*ensures h1 style takes same as paragraph*/
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    color:inherit !important;
    }
        
        /* Display Heading Styles */
        .display-1 {
          font-size: 4.5rem
        }
        .display-2 {
          font-size: 3.5rem
        }
        .display-1, .display-2 {
          font-weight: 300;
          line-height: 1.2
        }
         
         /*Alternate Heading Styles*/
      
        .single-courses-sidebar h2, h2.sm {
        font-size: 2em;
        line-height: 1.2;
      }
      
        /*Header Font Weights*/
        .xbold, h1.xbold, h2.xbold, h3.xbold, 
        h4.xbold, h5.xbold, h6.xbold, body.xbold, p.xbold {
          font-weight: 800;
        }
      
        .xlight, h1.xlight, h2.xlight, h3.xlight, 
        h4.xlight, h5.xlight, h6.xlight, body.xlight, p.xlight {
          font-weight: 200;
        }
        
        .lightheader, h1.lightheader, h2.lightheader, h3.lightheader, 
        h4.lightheader, h5.lightheader, h6.lightheader {
          font-weight: 200;
          letter-spacing:-0.5px;
        }
        
        .xlightheader, h1.xlightheader, h2.xlightheader, h3.xlightheader, 
        h4.xlightheader, h5.xlightheader, h6.xlightheader{
          font-weight: 100;
          letter-spacing:-1px;
        }
        
          h6.footer-heading{
        font-size: 0.85em !important;
        border-bottom: 1px solid;
            width: fit-content;
            margin-bottom: 1em !important;
        }
        
        .underline-heading, h1.underline-heading, h2.underline-heading, 
        h3.underline-heading, h4.underline-heading, h5.underline-heading, 
        h6.underline-heading{
        border-bottom: 1px solid;
        width: fit-content;
        }
      


      /*Paragraph Sizes*/
      .xxl, body.xxl, p.xxl, p.xxl a {
        font-size: 2rem;
        line-height: 1.65em;
        letter-spacing: -0.5px;
        /*  padding: 1em 0;*/
      }
      .xl, body.xl, p.xl, p.xl a {
        font-size: 2.4rem;
        line-height: 1.5em;
        letter-spacing: -0.2px;
        padding-bottom: 0.5em !important;
      }
      .lg, body.lg, p.lg, p.lg a {
        font-size: 1.8rem;
        line-height: 1.65em;
        letter-spacing: -0.125px;
        /*  padding: 1em 0;*/
      }
      .sm, body.sm, p.sm, p.sm a {
        font-size: 1.4rem;
      line-height: 1.5em;
      }
      .xs, body.xs, p.xs, p.xs a {
        font-size: 1.2rem;
      line-height: 1.5em;
      }
        
        /*Misc Styles*/
        .text-allcaps {
          text-transform: uppercase;
        }
        
        .text-sentence-case {
          text-transform: capitalize;
        }
        
        .text-caption {
          text-transform: uppercase;
          font-weight: 700;
          letter-spacing: 1px;
        }
        
        a.textlink:hover{
            text-decoration:underline;
            color:inherit;
        }
        
        a.textlink{
            text-decoration:none;
        }
          
  /*Superscripts*/
    .dollar {
      font-size: 50%;
      position:relative;
      top:-.75em;
  }
    
  .sup{
      font-size: 0.5em; 
      text-transform: none;
      position:relative;
      top:-.75em;    
  }
  
  /********************************/
  /*Custom Bullet Blockquote styles List*/
  /********************************/
  blockquote.primary-blockquote, p.primary-blockquote, .primary-blockquote,
  blockquote.secondary-blockquote, p.secondary-blockquote, .secondary-blockquote,
  blockquote.accent-blockquote, p.accent-blockquote, .accent-blockquote {
    border: 0;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .1em;
    margin: 4em auto;
    max-width: 50vw;
    padding: 0 2rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
  }
  
  blockquote.primary-blockquote::before, p.primary-blockquote::before, .primary-blockquote::before {
    color: var(--e-global-color-primary);
    content: '“';
    font-family: 'arial black';
    font-size: 4em;
    left: 30%;
    pointer-events: none;
    position: absolute;
    top: -.5em;
  }
  
  blockquote.primary-blockquote::after, p.primary-blockquote::after, .primary-blockquote::after {
    bottom: -0.8em;
    color: var(--e-global-color-primary);
    content: '”';
    font-family: 'arial black';
    font-size: 4em;
    pointer-events: none;
    position: absolute;
    right: 30%;
  }
  
  blockquote.secondary-blockquote::before, p.secondary-blockquote::before, .secondary-blockquote::before {
    color: var(--e-global-color-secondary);
    content: '“';
    font-family: 'arial black';
    font-size: 4em;
    left: 30%;
    pointer-events: none;
    position: absolute;
    top: -.5em;
  }
  
  blockquote.secondary-blockquote::after, p.secondary-blockquote::after, .secondary-blockquote::after {
      bottom: -0.8em;
      color: var(--e-global-color-secondary);
    content: '”';
    font-family: 'arial black';
    font-size: 4em;
    pointer-events: none;
    position: absolute;
    right: 30%;
  }
  blockquote.accent-blockquote::before, p.accent-blockquote::before, .accent-blockquote::before {
    color: var(--e-global-color-accent);
    content: '“';
    font-family: 'arial black';
    font-size: 4em;
    left: 30%;
    pointer-events: none;
    position: absolute;
    top: -.5em;
  }
  
  blockquote.accent-blockquote::after, p.accent-blockquote::after, .accent-blockquote::after {
    bottom: -0.8em;
    color: var(--e-global-color-accent);
    content: '”';
    font-family: 'arial black';
    font-size: 4em;
    pointer-events: none;
    position: absolute;
    right: 30%;
  }


@media only screen and (min-width : 1px) and (max-width : 999px) {
  blockquote.primary-blockquote, p.primary-blockquote, .primary-blockquote,
  blockquote.secondary-blockquote, p.secondary-blockquote, .secondary-blockquote,
  blockquote.accent-blockquote, p.accent-blockquote, .accent-blockquote {
    max-width: 100%;
  }
  
  blockquote.primary-blockquote::before, p.primary-blockquote::before, .primary-blockquote::before,
  blockquote.secondary-blockquote::before, p.secondary-blockquote::before, .secondary-blockquote::before,
  blockquote.accent-blockquote::before, p.accent-blockquote::before, .accent-blockquote::before{
    left: 40%;
  }
  blockquote.primary-blockquote::after, p.primary-blockquote::after, .primary-blockquote::after,
  blockquote.secondary-blockquote::after, p.secondary-blockquote::after, .secondary-blockquote::after,
  blockquote.accent-blockquote::after, p.accent-blockquote::after, .accent-blockquote::after {
    right: 40%;
  }
  }


  /*format number list spacing
  ol li {
    padding-bottom: 30px;
  }
  ol li:last-child {
    padding-bottom: 0px;
  }*/
  
  
        
        /*******************************************************/
        /* Top Navigation & Breadcrumb Formatting
        /*******************************************************/
      
        
        /*Breadcrumb NavXT styling*/
        /*Global*/
        .container.breadcrumbs-navxt {
          font-size: .75em;
          font-weight: 700;
          letter-spacing: .3px;
          text-transform: capitalize;
        }
        
        .page .container.breadcrumbs-navxt, .container.breadcrumbs-navxt{
        margin-top: 1.5em !important;
        margin-bottom: 1.5em !important;
        }
        
        .single-post .container.breadcrumbs-navxt {
          margin-top: 0em !important;
          margin-bottom: 3em !important;
        }
        
        /*Global*/
        .breadcrumbs-navxt {
          color: #72060e;
        }
        /*Global*/
        .breadcrumbs-navxt .post.post-page.current-item,
        .breadcrumbs-navxt .post.post-post.current-item{
          color: #d20b0b;
        }
        
        
       
        /*******************************************************/
        /*Carbon Fields Styling - specific to Business Details
        including Contact Info & SM links
        /*******************************************************/
        
        .carbon-wrap {
          display: flex;
          flex-direction: row;
          margin-bottom: 1rem !important;
        }
        
        .carbon-wrap .icon {
          padding-right: 10px;
          font-size: 24px;
          margin-left: -5px;
          color: inherit;
          flex: 0 0 auto;}
        
        .carbon-wrap a:hover,
        .carbon-wrap.dark-links a:hover{
          text-decoration: underline;
          transition: none
        }
        .carbon-wrap a,
        .carbon-wrap.dark a,
        .carbon-wrap .social-link a:hover {
          text-decoration: none;
          transition: none
        }
        
        /*Global*/
        .carbon-wrap a,
        .carbon-wrap.dark-links > a > p:hover, 
        .carbon-wrap.dark-links a,
        .carbon-wrap.dark-links a:hover,
        .carbon-wrap > a.mail-link,
        .carbon-wrap.dark-links > a.mail-link:hover{
          color:inherit;
        }
        /*Global*/
        .carbon-wrap a.carbon-wrap > a.mail-link:hover,
        .carbon-wrap a:hover,
        .carbon-wrap > a > p:hover,
        .footer-contact a:hover,
        .footer-contact > a.mail-link p:hover,
        .footer-contact a > p:hover{
         opacity:0.75;
        }
        /*Responsive iframe for gmap*/
        
        .iframe-container iframe {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
        
        .iframe-container.aspect-1-1 {
          overflow: hidden;
          padding-top: 100%;
          position: relative;
        }
        
        .iframe-container.aspect-16-9 {
          overflow: hidden;
          padding-top: 56.25%;
          position: relative;
        }
        
        .iframe-container.aspect-4-5 {
          overflow: hidden;
          padding-top: 125%;
          position: relative;
        }
        
        .iframe-container.aspect-3-2 {
          overflow: hidden;
          padding-top: 66.66666666666667%;
          position: relative;
        }
        .iframe-container.aspect-4-3 {
          overflow: hidden;
          padding-top: 75%;
          position: relative;
        }
        
        /*Carbon Fields - Blog Signature*/
        .blog-signature .carbon-wrap{
            margin-bottom:0.5rem;
        }
        
        .blog-signature .iframe-container.aspect-1-1 {
        position: relative;
        max-width: 350px;
        height: 350px;
        width: 350px;
        padding: 0px;
        margin: 20px 0;
        }
        
        .carbon-wrap.blog_message {
          border-top: 1px solid rgba(0,0,0,.12);
          padding: 10px 0;
        }
        
        
        /*Footer Carbon Fields - Contact Info Styling*/
        .footer-contact {
           font-size: 0.95em;
        }
        
        .footer-contact .icon {
          color: #fff;
        }
        
        /*Carbon Fields - Social Links Styling*/
        .footer-contact .carbon-wrap.social ul li {
          list-style: none;
        }  
        
        .carbon-wrap.footer-social {
          flex-wrap: nowrap;
          justify-content: space-around;
        }
        
        .carbon-wrap .social-link,
        .carbon-wrap.footer-social .social-link:not(:last-child){
        margin: 0 10px 10px 0;
        line-height: 2em;
        }
        
        .carbon-wrap .social-link .icon {
          margin: 0;
          padding: 0;
        }
        /*Global*/
        .carbon-wrap.footer-social.light .social-link a{
            color:#fff;
        }
        /*Global*/
        .carbon-wrap.footer-social.light .social-link a:hover {
            color:#d20b0b;
            text-decoration: none
        }
        
        /*Adjust spacing around fontawesome icons*/
        .carbon-wrap .social-link .fa-brands {
          font-size: 24px;
          width: 24px;
          top: -5px;
        }
        
        /*Remove tooltips when hover over ion-icons*/
        ion-icon:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
        }