@charset "utf-8";
/* CSS Document */

:root {
  --primary-color: #3A60FF;
  --secondary-color: #fff;
  --body-background: #fff;
  --light-background: #F6F6F6;
  --dark-background: #3A60FF;
  --link-color: #ED6861;
  --light-blue-color: #00B6F1;
  --text-color:#0B2335;
  --row-class-width: 90rem;
}

body
{
    /* font-family: oswald, sans-serif;
    font-size: 1rem; */
    color: var(--text-color);
    font-size:1rem; /* JJH this value is live on dev, prod and live site. needs to be uncommented here */
}

.row, section.pageBodyRow {
    max-width: var(--row-class-width) !important;
    padding: 0;
}

section .row {
  max-width: 90rem !important;
  margin-left: auto;
  margin-right: auto;
}

ol, ul, li {
    /*color: var(--primary-color);    */
    font-size: 1rem;  
    line-height: 2rem;
}

.globalNavigation .quickLinks .row {
    align-items: center;
    justify-content: flex-start;
    max-width: 90rem;
    padding: 0;
}

h1 {
    color: var(--text-color);
    /* font-family: oswald, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2.375rem; */
}

h2, h3, h4, h5, h6 {
    color: var(--text-color);
    /* font-family: oswald, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal; */
}

h2
{
    /* font-size: 2rem;
    text-transform: none; */
}
h2, .columnBlock h2{
    color: var(--text-color); !important;
}

.partner h2 {
   padding: 0px 0.9375rem;
}

h3
{
    color: #0B2335 !important;
    /*text-transform: none; */
}

h4
{
    color: #0B2335 !important;
    line-height:3.5625rem;
    /*text-transform: none; */
}

p
{
    color: var(--text-color);
    font-size: 1rem;
}

#Cali a, #Neva a, #Oreg a, #Ten a, #Tex a {
    color: var(--primary-color);   
    text-decoration: underline;
}

ul
{
    /* font-family: open-sans, sans-serif;
    font-style: normal;
    font-weight: 400; */
}

ul li
{

}

.headerRow {
    padding: 0;
    /*margin: 0 auto;*/
    max-width: 84rem;
}

.navbar-fixed .navLogoContainer a img {
    width: auto;
    height: auto;
    padding: 0.2rem 2.5rem 0.2rem 0;
}

/*** megamenu tweaks ***/
#megamenu .row {
    justify-content: center;
    margin: 0 auto !important;
}

.top-bar .dropdown-pane ul.vertical {
    width: auto;
    justify-content: flex-start;
    max-width: 25%;
    margin: 0 3rem;
}

.top-bar .dropdown-pane {
    top: 95px !important;
}

.menu li, .menu.expanded li {
    padding: 0 2rem 0 2rem;
}

#mega-menu > li:last-child {
    display: block;
}
.navLinkContainer {
    /*font-family: 'Nunito Sans', sans-serif !important;*/
    font-size: 1rem;
    font-weight:bold;
    text-align: center;
    color:#000;
    width: auto;
    text-transform: uppercase;
}
.navLinkContainer a, .navLinkContainer a:active, .navLinkContainer a:hover {
    color: #0B2335;
}
.socialLinkContainer, .footerLogo, .footerLinkContainer {
    display:none;
}

a.activeTopNav {
    border-bottom: 1px solid #3A60FF;
}

.title-bar-right {
    text-align: center;
}

.footerLegal {
    display: block;
}

footer {
    background: #595959 !important;
    color: #fff;
}

.footerRow {
  background-color: #003046;
}
.footerFootnote p, .footerFootnote a, .footerFootnote p:active, .footerFootnote a:hover, .footerFootnote a:visited{
    color: #fff;
    text-decoration:none;
}

.dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover, .article, .article-summary {
  color: #000;
}

.quote h2, .quote .paragraphContainer, .pressHero h2{
  color: #00B9F1 !important;
  font-size: 1.375rem;
}
.quote h2{
  font-size: 2.1rem !important;
}
.pressHero h2{
  font-weight: bold;
}

/* buttons */
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--base-font-family);
    font-weight: var(--base-link-font-bold);
    font-size: 1rem;
    letter-spacing: .0075rem;
    text-align: center;
    padding: 0.3rem 1.5rem;
    border-radius: 24px;
    height: 3rem;
    width: auto;
    min-width: 3rem;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 0;
}

.button.primary, [type="submit"], .button.primary:focus, .button.primary:hover 
{
    background-color: var(--primary-color);
    color: #FFF;
    text-transform: none !important;
}

.button.secondary, .button.secondary:focus, .button.secondary:hover 
{
    background-color: var(--light-background);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.button.clear, .button.clear:focus, .button.clear:hover 
{
    background-color: var(--inverse-text-color);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    text-transform: none !important;
    
}

.button.hollow, .button.hollow:focus, .button.hollow:hover {
  border: 2px solid #fff;
  color: var(--primary-color) !important;
  background: #fff;
  text-align: center;
  text-transform: none !important;
  font-weight: 700;
}

/* forms */
label {
    /* font-size: 1rem;
    font-weight: 400;
    line-height: 2.1rem; */
    color: var(--primary-color);
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea
{
    /* display: block;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--primary-color);
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
}

select {
    /* height: 3.75rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid var(--primary-color);
    border-radius: 0;
    background-color: #ffffff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--primary-color);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out; */
}

[type="submit"]
{
    /* font-size: 1.2rem;
    padding: 1rem 4rem; */
}

.curious {
  background-color: #fff;
  padding-bottom:0px;
}

.curious .row{
  background-color: #02b3e3;
  padding-top: 3.4375rem;
  padding-bottom: 2.875rem;
  max-width:100% !important;
}

.hero-section2 .hero-section-text h1, .hero-section3 .hero-section-text h1, .hero-section3 .hero-section-text p {
    color: var(--text-color);
    font-weight:normal;
}
.hero-section2 .hero-section-text p {
   color: #fff;
   }
.hero-section2 .hero-section-text p {
    color: #003046 !important;
}
.imageBlockContent p {
     color: #000;
}

.hero-section2.hero-left .hero-section-text {
    background-color: rgba(255, 255,255, 0.6);
    opacity: initial;
    width: 51.3rem;
}

.tiffanie .button {
    margin-left:0px;
    margin-top: 15px;
}
.cardGrid .imageBlock img {
    width: 100%;
}
.smartsheetIframe {
    padding-top:0px !important;
    margin-top:-27px;
}
.smartsheetIframe iframe{
    height:1400px;
}
.basic-footer .footerLegal {
    text-align:center;
    margin:auto;
    float:none !important;
}

    /* slider */
.slick-next:before {
    content: '\f0a9';
}

.slick-text {
    margin-top: 1rem;
}

.slick-text:before {
    content: '\f86c    ' '\f10d' '    \f86c' ;
    color: #003046;
}

.slick-text:before {
    font-size: 3rem;
    font-weight: 600;
    font-family: "Font Awesome 6 Pro";
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

/*.slick-text:after {
    content: '\f86c    ' '\f10e' '    \f86c' ;
    color: #003046;
} */

.slick-text:after {
    font-size: 1.5rem;
    font-weight: 200;
    font-family: "Font Awesome 6 Pro";
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

small.paragraphFootnote, small.blockgridFootnote {
    margin-bottom: 1rem;
    display: block;
    /*color: var(--primary-color);*/
    font-style: normal;
}

.paragraphFootnoteContainer {
    margin-left: 1.8rem;
}

.blockquote-border {
    border-bottom: 0.375rem solid #0069B5;
    border-top: 0.375rem solid #0069B5;
    position: relative;
}


.constrainSectionDivider {
    margin: auto;
    max-width: 91rem;
}

section.jump-links .row {
    max-width: 90rem !important;
}

.blockGridHeader { 
    padding-top: 2.5rem; 
}
.jump-links .linkContainer a.standardLink { 
    font-weight: bold;
    color: #0B2335;
    font-size: 1rem;

}

.jump-links .linkContainer a.standardLink::after, a.standardLink.textLink::after {
    display: inline-block;
    content: "\f0da";
    font-size: 0.85rem;
    font-weight: 800;
    font-family: "Font Awesome 6 Pro";
    padding-left: 0.4rem;
    text-decoration: none;
    line-height: 0.8;
}

/*.blockGridHeader h2{
    font-size: 2.25rem;
    font-weight: 600;
}
*/
.columnBlock .linkContainer .standardLink {
    text-align: left;
    font-size: 1.1rem;
    word-break: break-word;
}

.anchor-wrap {
    flex-direction: row;
}
.article-categoryBlock {
    margin: 0;
}
.article-overviewImage {
    margin-top: .8rem;
}

.article-categoryBlock .article-postDate::before, .article-categoryBlock .anchor-title::after {
    content: "\00a0";
}

.breadcrumbContainer a, .manual-articles-list a, .article-copy a, .article-summary-readmore a {
    color: var(--primary-color);
    text-decoration: underline;
}

 .sorter-options a {
    color: var(--primary-color);

 }

 .orderByAsc.selected, .orderByDesc.selected {
    border-bottom: 1px solid var(--primary-color);
}

.article-category.pretty {
    color: var(--primary-color) !important;
}

.viewMoreButton {
    text-align: center;
    background-color: var(--primary-color);
    color: #FFF;
    cursor: pointer;
    margin: 1rem auto;
    float: none !important;
    font-family: var(--base-font-family);
    font-weight: var(--base-font-bold);
    font-size: 1rem;
    letter-spacing: .0075rem;
    text-align: center;
    padding: 0.5rem 1.5rem;
    border-radius: 34px;
    width: auto;
    min-width: 3rem;
    max-width: 15rem;
    text-decoration: none;
    cursor: pointer;
}

.viewMore {
    width: auto;
    color: #fff !important;
    height: unset;
    line-height: unset;
    font-size: 1rem;
    font-weight: var(--base-link-font-bold);
    display: table-cell;
    text-transform: none !important;
    text-decoration: none;
    letter-spacing: 0.05em;
}

a.viewMore {
    width: 100vw;
    color: #fff !important;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: 700;
    display: table-cell;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-bottom: none;
}

.viewMoreButton:hover {
  color: var(--secondary-color) !important;
  background-color: var(--primary-color) !important;
  text-decoration: underline;
  cursor: pointer;
  border-bottom: none;
}

.article-summary-thumbnail-img, .author-summary-thumbnail-img, .article-overviewImage img {
    width: 100%;
    margin-bottom: 0.6rem;
    cursor: pointer;
    border: 1px solid #D2D3D4;
}
    /* footer */    
    footer.flex-footer  
    {   
        float: left;    
        /* margin-top: 1rem; */ 
    }   
    footer a.standardLink,  
    footer a.standardLink:hover,    
    footer a.standardLink:focus,    
    footer a,   
    footer a:hover, 
    footer a:focus, 
    footer.section-color-background2 a, 
    footer.section-color-background2 a:hover,   
    footer.section-color-background2 a:focus,   
    .flex-footer a, 
    .flex-footer a:hover,   
    .flex-footer a:focus,   
    .flex-footer a:visited  
    {   
        color: var(--inverse-text-color);   
        text-decoration: none;  
        font-family: var(--base-font-family);   
        font-size: 1rem;    
        font-weight: 600;   
        letter-spacing: 0.12px; 
        line-height: 32px;  
    }   
    footer.section-color-background2 a.standardLink:visited,    
    footer.section-color-background2 a:visited  
    {   
        color: var(--inverse-text-color);   
    }   
    footer .row 
    {   
        max-width: 84rem;   
    }   
    .flex-footer .footerLegal { 
        font-size: 1rem;    
        color: var(--inverse-text-color);   
    }   
    .flex-footer h4, .flex-footer p {   
        color: var(--inverse-text-color) !important;    
        font-size:1rem; 
    }   
    .flex-footer-column .linkColumn.horizontalLinkList a {  
        margin-right: 0;    
        padding: 0 1rem 0 1rem; 
        border-right: 1px solid #fff;   
    }   
    .footer-container .linkColumn.horizontalLinkList a:last-child { 
        border-right: none; 
        padding-right: 0;   
    }   
    .flex-footer-column .linkColumn.verticalLinkList {  
        text-align: center; 
    }   
    .flex-footer .flex-footer-column .image {   
      text-align: center;   
    }   
    .flex-footer-column .linkColumn.horizontalLinkList {    
      justify-content: center;  
      flex-wrap: wrap;  
    }   
    .flex-footer-column .linkColumn.alignListLeft { 
      justify-content: flex-start;  
      flex-wrap: wrap;  
    }   
    .flex-footer-column .linkColumn.alignListRight {    
      justify-content: flex-end;    
      flex-wrap: wrap;  
    }   
    .flex-footer-column .linkColumn.alignListCenter {   
      justify-content: center;  
      flex-wrap: wrap;  
    }   
    .flex-footer-column .linkColumn.alignListLeft a:first-child {   
      padding-left: 0;  
    }   
    .flex-footer-column .linkColumn.alignListRight a:last-child {   
      padding-right: 0; 
    }   
    .flex-footer-column .fa-facebook-f, 
    .flex-footer-column .fa-facebook-square,    
    .flex-footer-column .fa-linkedin,   
    .flex-footer-column .fa-twitter-square, 
    .flex-footer-column .fa-instagram,  
    .flex-footer-column .fa-pinterest-square,   
    .flex-footer-column .fa-youtube {   
        font-size: 1.8rem;  
    }   
    .flex-footer .footerLegal.alignCenter { 
        margin: auto;   
    }   
    .section-color-background2 label    
    {   
        color: var(--inverse-text-color);   
        font-weight: bold;  
    }   
    .flex-footer-column .form-element-container 
    {   
        padding-left: 0;    
        padding-right: 0;   
    }   
    .flex-footer-column .submit-button  
    {   
        display: flex;  
        flex-direction: row;    
        align-items: flex-end;  
        justify-content: flex-start;    
        margin-bottom: 0;   
    }   
    .flex-footer-column .submit-button input    
    {   
        margin-bottom: 0;   
        margin-top: 1rem;   
    }   
    .flex-footer-column .list-title 
    {   
        margin-bottom: 0.4rem;  
        font-weight: bold;  
        text-transform: uppercase;  
    }

    .notification-bar {
        background: #640E87;
        height: auto;
        padding: 0rem;
        overflow: hidden;
    }

    .section-color-background3 p, .section-color-background3 h1, .section-color-background3 h2, .section-color-background3 h3, .section-color-background3 h4, .section-color-background3 li, .section-color-background3 caption, .section-color-background3 small {
        color: var(--section-text-color-bkgd3) !important;
    }

    /*** hero testimonials ***/
    .heroTestimonial .hero-container
    {
        align-items: flex-start;
        min-height: 390px !important;
    }

    .heroTestimonial.heroTestimonialCentered .hero-container
    {
        align-items: center;
    }

    .heroTestimonial .maintainHeroTextOverImage .hero-section-text h2,
    .heroTestimonial .maintainHeroTextOverImage .hero-section-text p
    {
        color: var(--text-color);
        font-weight: 300;
    }

    .heroTestimonial .maintainHeroTextOverImage .hero-section-text p
    {
        font-weight: 400;
        color: var(--text-color) !important;
    }

    .heroTestimonial .maintainHeroTextOverImage .hero-section-text h2
    {
        margin-bottom: 1rem;
    }
    .hero-section3 .hero-container.maintainHeroTextOverImage .hero-section-text {
        width: 100%;
        /* justify-content: center; */
        text-align: center;
        padding-left: var(--single-gutter-padding);
        padding-right: var(--single-gutter-padding);
    }

    .headerBlock.hasBackgroundImage .paragraphBlock p, .headerBlock.hasBackgroundImage .paragraphBlock h1, .headerBlock.hasBackgroundImage .paragraphBlock h2, .headerBlock.hasBackgroundImage .paragraphBlock h3, .headerBlock.hasBackgroundImage .paragraphBlock h4 {
        color: var(--inverse-text-color);
        margin-bottom: 0;
    }
    
    .heroTestimonial .maintainHeroTextOverImage .hero-section-text h2
    {
        margin-bottom: 1rem;
    }

/***** MEDIA QUIRIES START HERE ******/

/*--- SMALL only --------------------------------------------- */
@media screen and (max-width: 39.9375em)
{
  .topNavContainer, .topNavContainer.navbar-fixed {
    top: unset;
  }

  .fixed-nav-height {
    margin-top: 130px;  
  }

  h4 {
    line-height: normal;
    font-size:2.125rem;
  }
  .hero-section-text-mobile {
   margin-bottom:0px;
  }

  h1, .article-title h1 {
    font-size: 2.125rem;
    line-height: 2.75rem;
    color: #003046 !important;
  }
  .footerFootnote p {
      font-size: 1rem;
  }
  .notification-txt
  {
      margin: 1rem;
  }
  .notification-txt .paragraphContainer
  {
      padding: 0;
  }
  .notification-txt p
  {
      font-size: 1rem;
      line-height: 1.2rem;
  }

  .button.primary, .button.secondary, .button.clear {
        width: 100%;
        margin-bottom: 2rem;
    }

  .button.clear {
        /*margin-top: 1rem;*/
    }
    
    .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text h2, .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text h3 {
        font-size: 22px;
    }
}

/*--- SMALL and MEDIUM only ----------------------------------- */
@media screen and (max-width: 63.9375em)
{
    .globalNavigation {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
    }
    
    .title-bar {
        position: fixed;
        top: 72px;
        left: 0;
        z-index: 9999;
        width: 100%;
    }
    
    .off-canvas .mobile-nav-logo {
        padding-top: 70px;
    }
    
    .jump-links {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    
    .disqusContainer {
        padding: 0.9375rem;
    }
    
    .inheritable-sidebar, .local-sidebar {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mobile-LR-padding {
        padding-left: .9375rem !important;
        padding-right: .9375rem !important;
    }
    
    .section-margin {
        margin-bottom: 0;
    }
    
    .topNavContainer, .topNavContainer.navbar-fixed {
      position: relative;
    }

    .imageBlockContent p {
        font-size: 1.1rem;
    }
    header .quickLinks,
    header .topNavContainer {
        display: none;
    }

    .navLogo-mobile {
        height: auto;
        padding: 0 0.5rem 0 0;
    }

    .title-bar .menu-icon {
        margin: 0;
    }

    .off-canvas {
        background: #fff;
        padding-top: 0;
    }
    .off-canvas .topNavContainer
    {
        background: transparent;
    }

    .section-divider {
        padding-bottom: 0 !important;
    }
    
    .largePadding {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .button.primary, .button.secondary, .button.clear {
        margin-bottom: 2rem;
    }
    
    .hero-container.align-center.vertical-center.maintainHeroTextOverImage.section-color-light {
        background: var(--light-background);
    }
    
    .heroTestimonial .hero-container.maintainHeroTextOverImage .hero-section-text {
        background-image: none !important;
    }
    
    .spread.container.forceLeftRightColumnBleed .spreadCol1 .column, .spread .container.forceLeftRightColumnBleed .spreadCol1 .column {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

/*--- MEDIUM and UP only ------------------------------- */
@media screen and (min-width: 40em)
{
    h2, .columnBlock h2 {
        line-height: 3rem;
        font-size: 1.75rem;
    }
    
    h4 {
        font-size: 1.125rem;
    }

    .hero-section2 .hero-section-text h1, .hero-section3 .hero-section-text h1, .hero-section3 .hero-section-text p {
        color: var(--inverse-text-color);
        font-weight: normal;
    }

}

/*--- MEDIUM only ------------------------- */
@media screen and (min-width: 40em) and (max-width: 63.9375em)
{

    .title-bar {
        top: 43px;
    }
    
    .spread .container.small-col-reverse, 
    .spread .container.stack-spread.small-col-reverse, 
    .spread.container.small-col-reverse, 
    .spread.container.stack-spread.small-col-reverse {
        flex-direction: column-reverse;
    }
    
    .hero-section2 .hero-section-text .paragraphContainer {
        padding-left: .9375rem !important; /* overriding !important rule from PH */
    }
    
    .topNavContainer, .topNavContainer.navbar-fixed {
        top: unset;
    }
    
    .fixed-nav-height {
        margin-top: 145px !important;  
    }

    .headerBlock h2 {
            font-size: 1.75rem;
        }
     .hero-section2 .hero-section-text p {
        font-size: 1.875rem;
        line-height: 2.5rem
    }
    .imageBlockContent p, table tr td, table tr td p  {
        font-size:1.1rem;
    }
    .venturesFooter img {
      width: 22%;
    }
    
    .spread .videoContainer iframe {
        height: 300px;
    }
}

@media screen and (max-width: 50.75em) and (min-width: 40em) {
    .heroTestimonial .hero-container {
        align-items: flex-start;
        min-height: 300px !important;
    }
}

/*--- Large and up ------------------------- */
@media screen and (min-width: 64em)
{
  .spreadCol1{
      padding-left: 0px;
  }
  .tiffanie .container {
      padding-left:0px;
      padding-right:0px;
  }
    #main-menu .dropdown.menu a.dropdown {
      font-weight: 600;
    }

  .hero-section2 .hero-section-text h1 {
      /* font-size: 2.5rem; */
  }
  .hero-section2 .hero-section-text p {
      color: #003046;
      font-size: 1.125rem;
      line-height: 1.875rem;
  }
  .imageBlockContent p, table tr td, table tr td p  {
      font-size:1.1rem;
  }

  h1, .columnBlock h2 {
      font-size: 2.125rem;
  }

  h2 {
      font-size: 1.25rem;
  }

  h3, h4 {
      font-size: 1.125rem;
  }

  .hero-section3 .hero-section-text h1, .hero-section2 .hero-section-text h1, .hero-section3 .hero-section-text h2, .hero-section2 .hero-section-text h2, .hero-section3 .hero-section-text h3, .hero-section2 .hero-section-text h3, .hero-section3 .hero-section-text h4, .hero-section2 .hero-section-text h4 {
        color: var(--inverse-text-color);
        line-height: 1.5;
        /* font-family: var(--base-font-family); */
        font-weight: 300;
    }

    /*.notification-bar {
        background: #640E87;
        height: auto;
        padding-left: 7rem;
        overflow: hidden;
    }*/

    
}


/* ipad landscape only */
@media only screen and (min-device-width: 1024px)  {
    .slick-image img {
      height: 320px;
    }

    .slick-initialized .slick-slide {
        display: block;
        background-image:linear-gradient(to right, transparent, #0069B5, #0069B5)
    }

    /*.slick-item .slick-text h1,h2,h3,h4,h5,p {
        color: #fff;
    }*/

    .testimonialLR .headerBlock p {
        color: var(--primary-color);
    }

    .slick-text:before {
        content: '\f86c    ' '\f10d' '    \f86c' ;
        color: #fff;
    }

    .slick-text:before {
        font-size: 3rem;
        font-weight: 600;
        font-family: "Font Awesome 6 Pro";
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .slick-next:before {
        content: '\f0a9';
        margin-left: 0.75rem;
    }
    
}

/* Large only */
@media screen and (min-width: 64.01em)
{
    .article-sidebar {
        /*margin-top: 4rem;*/
    }

    .blockGridHeader { 
        padding-top: 2.5rem; 
    }

    /* slider */
    .slick-initialized .slick-slide {
        display: block;
        background-image:linear-gradient(to right, transparent, #0069B5, #0069B5)
    }

    .testimonialLR .headerBlock p {
        color: var(--primary-color);
    }

    .slick-text:before {
        content: '\f86c     ' '\f10d' '    \f86c' ;
        color: #fff;
    }

    .slick-text:before {
        font-size: 2.7rem;
        font-family: 'Font Awesome 6 Pro';
        font-weight: 600;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .slick-next:before {
        content: '\f0a9';
        margin-left: 0.75rem;
    }

    .slick-text {
        margin-top: 1rem;
        padding-left: 0rem;
    }

    h1, .article-title h1  {
        font-size:  2.5rem;
        font-weight: 300;
    }

    h2, .headerBlock h2 {
        font-size:  2.25rem;
        font-weight: 300;
    }

    h3 {
        font-size: 2rem;
        font-weight: 300;
        line-height: 3rem;
    }
    h4 {
        font-size:  1.375rem;
        font-weight: 700;
        line-height: 2.063rem;
    }

    /* JJH not sure if this one is mine - if anything looks weird delete this please */
    .column.article {
        padding-left: 0;
    }

    .blockGrid3 .headerBlock .paragraphBlock, .captionBlockContainer .paragraphBlock, .blockGrid3 .headerBlockContainer .paragraphBlock, .blockGrid3 .captionBlockContainer .paragraphBlock
    {
        padding-left: calc(var(--single-gutter-padding));
        padding-right: calc(var(--single-gutter-padding));
    }
    
    .blockGrid3 .imageBlock {
        width: auto;
        margin-bottom: 0;
        padding-left: calc(var(--single-gutter-padding));
        padding-right: calc(var(--single-gutter-padding));
    }

    .column.article {
        padding-left: 0;
        border-right: 1px solid #0B2335;
        padding-right: 2.5rem;
    }

    .article-sidebar {
        padding-top: 0;
        padding-left: 1rem;
    }

    section.blockGrid3 .row {
        max-width: 86rem !important;
    }

    #Cali.blockGrid3 .headerBlock .paragraphBlock, #Neva.blockGrid3 .headerBlock .paragraphBlock, #Oreg.blockGrid3 .headerBlock .paragraphBlock, #Ten.blockGrid3 .headerBlock .paragraphBlock, #Tex.blockGrid3 .headerBlock .paragraphBlock
    {
        padding-left: 0;
        padding-right: 0;
    }
    
    .catPinContainer  {
      max-width: 85rem !important;
      margin-left: auto;
      margin-right: auto;
    }
    
    section.article-component .row {
        max-width: 82.5rem !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    section.breadcrumbSection .row {
        max-width: 84rem !important;
        margin-left: auto;
        margin-right: auto;
    }

    .marqueePadding {
        padding: 5vh 5vw;
        overflow: auto;
    }


/*.globalNavigation {
        background-color: #003046;
        padding-left: 0.5rem !important;
    }*/

}

/********************** iPad Both Orientations *************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
    .blockGrid3 .paragraphBlock .paragraphContainer {
        padding: 0.125rem 0rem;
    }

    header .topNavContainer {
        top: 0 !important;
        margin-left: 1rem;
    }
    
    .spread.container.forceLeftRightColumnBleed .spreadCol1 .column, .spread .container.forceLeftRightColumnBleed .spreadCol1 .column {
        padding-left: 0.9375rem;
    }
}  


/* iPad Pro Portrait */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {

  .notification-txt {
        flex-basis: 90%;
        flex-grow: 2;
        color: #fff;
        padding: 0.5rem 0.9375rem;
        margin-top: 2.2rem;
    }

    .navLinkContainer {
        font-size: 0.9rem;
        font-weight: bold;
        text-align: center;
        color: #000;
        width: auto;
        text-transform: uppercase;
    }

       .notification-bar {
        background: #640E87;
        height: auto;
        padding-left: 0rem;
        overflow: hidden;
    }

    .notification-bar p {
        font-size: 0.9rem
    }

    globalNavigation .quickLinks a:first-child {
        margin-left: 0 !important;
    }
    
    .button.clear, .button.clear:focus, .button.clear:hover {
        background-color: var(--inverse-text-color);
        color: var(--primary-color);
        border: 1px solid var(--primary-color);
        text-transform: none !important;
        margin-left: 0rem;
        margin-top: 1rem;
    }
    
    .topNavContainer.navbar-fixed .headerRow {
        padding: 0;
        margin-left: 0.9375rem !important;
    }

}

/* iPad Pro Landscape */
@media only screen
and (max-width: 1366px)
and (min-width: : 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {

    .notification-bar {
        background: #640E87;
        height: auto;
        /*padding-left: 1rem !important;*/
        overflow: hidden;
    }

    .globalNavigation {
        background-color: #003046;
        padding-left: 1.5rem !important;
    }

    .globalNavigation .quickLinks {
        margin-left: 3rem;
    }

    .headerRow {
        padding: 0;
        margin: 1rem !important;
        max-width: 82rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    main {
         margin-top: 0px !important; 
    }

    .article-sidebar {
        padding-top: 0;
        padding-left: 1rem;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .fixed-nav-height {
        margin-top: 43px;
    }

    .navLinkContainer {
        font-size: 0.85rem;
        margin:0 auto;
    }
    
    .button.clear, .button.clear:focus, .button.clear:hover {
        background-color: var(--inverse-text-color);
        color: var(--primary-color);
        border: 1px solid var(--primary-color);
        text-transform: none !important;
        margin-left: 0rem;
        margin-top: 1rem;
    }
    
    .topNavContainer.navbar-fixed .headerRow {
        padding: 0;
        margin-left: 0.9375rem !important;
    }
}

/* desktop only */
@media only screen and (min-device-width: 1367px)  {
    .globalNavigation {
        background-color: #003046;
        padding-left: 7rem !important;
    }

    .notification-bar {
        background: #640E87;
        height: auto;
        overflow: hidden;
        padding: 1rem 0rem;
    }

    .notification-txt {
        margin-left: 3rem;
    }

    .headerRow {
        padding: 0.75rem 0rem;
        max-width: 84rem;
        padding-left: 1rem;
    }

    .hero-section3 .hero-section-text {
        position: absolute;
        display: flex;
        justify-content: left;
        padding: 2rem 3rem 2rem 2.5rem;
        z-index: 10;
    }
}

@media screen and (min-width: 63.98em) {
    .heroTestimonial .hero-container.maintainHeroTextOverImage img {
        display: block;
    }
}