/* Content Pages */

/* :root{
    --primary-blue: #003E51;
    --secondary-blue: #ACDEE6;
    --tertiary-blue: #D1DDE6;
    --heritage-blue: #005CB9;
    --midwest-beige: #F2F1E6;
    --black: #332F21;
    --mid-grey: #B1B3B3;
    --light-grey: #D9D9D6;
    --orange:#ff5c00;
} */

/* General Styling */
html.page-topic-topicdetails {
    scroll-behavior: smooth;
}

/* Heading */
.mega-column-content .column-category .title::after {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: .8rem;
}

/* content-banner */
.section.content-banner{
    padding-top: 8.75rem;
    padding-bottom: 8.75rem;
}

.content-banner.has-title-divider-section .column:first-child{
    padding-bottom: 0;
}

.content-banner.has-title-divider-section .column:first-child h2.ict-title{
    margin-bottom: 2rem;
}

/* has-title-divider-section */
.has-background-primary.has-title-divider-section .column:first-child::after{
    border-color:var(--secondary-blue);
}

.has-title-divider-section .column:first-child::after,
.has-title-divider-section-two .column:nth-child(-n+2)::after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--primary-blue);
    margin-top: 10px;
}

.has-title-divider-section .column:first-child .ict-sub-title{
    margin-bottom: 2rem;
}

/* has-title-divider-section-two*/
.has-title-divider-section-two .ict-left-column:nth-child(1) {
    padding-right: 0 !important;
}
  
.has-title-divider-section-two .ict-right-column:nth-child(2) {
    padding-left: 0 !important;
}

.has-title-divider-section-two .column:first-child .ict-sub-title{
    margin-bottom: 2.3rem;
}

/* About us - Content - team-images-section */
.page-topic-topicdetails .team-images-section .ict-title{
    margin-bottom: .5rem;
}

.page-topic-topicdetails .team-images-section .ict-title,
.page-topic-topicdetails .team-images-section .ict-sub-title{
    margin-top: 0;
}

.page-topic-topicdetails .team-images-section .ict-sub-title{
    font-size: 1.25rem;
    font-weight: 400;
}

/* Homepage */
.homepage-large-products .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen .buttons,
.homepage-large-products .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen .alternate--prices span{
  display: none;
}
.homepage-large-products .listItem.grid_3.column.is-6-mobile.is-6-tablet.is-3-widescreen .product-title {
  padding: 2rem 1rem;
  background:#fafafa
}

.homepage-large-products .item-box .product-item .description {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    padding: 1rem;
    min-height: 100%;
    transition: 0.3s;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
}
  
.homepage-large-products .item-box .product-item:hover .description {
    background: var(--tertiary-blue);
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}
.homepage-large-products .item-box .product-item:hover .product-title{
    background-color: transparent !important;
}

.homepage-large-products .item-box .product-item .product-item--info .product-item--content .product-title {
    z-index: 11;
    position: relative;
    margin-bottom: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}

.homepage-large-products .item-box .product-item .product-item--info{
    padding-top: 0 !important;
}

/* About Us - Slider */
.slides .section.about-me-slide .block {
    margin: 0;
}

 .flexslider.infigo-slider .slides > li.about-me-slide{
    padding-bottom: 6rem;
}

.flexslider.infigo-slider .slides > li.about-me-slide > .container{
    height: 100% ;
    padding-bottom: 2rem;
}

  .flexslider.infigo-slider .slides .section.about-me-slide .columns .ict-right-column{
    padding-top: 0 !important;
}

  .flexslider.infigo-slider .slides .section.about-me-slide .columns .ict-right-column h3.ict-sub-title + .ict-paragraph{
    margin-bottom: 1.5rem;
}

 .flexslider .flex-control-nav li .flex-active,
 .flexslider .flex-control-nav li a:hover {
    background: var(--secondary-blue) !important;
}

 .flexslider .flex-control-nav li a {
    background: var(--tertiary-blue) !important;
}

#slider-ca35face-ea10-4430-82bd-3f12364c79e2 ol {
    bottom: -1rem;
}

#slider-82fd5636-bb4d-497b-bb1d-e929ec582716 ol{
    bottom: 3rem;
}

.flexslider.infigo-slider .flex-direction-nav a::before {
    color: var(--orange) ;
}

/* Resource Page */

/* Resource Landing */
.resource-tile-section .button{
    background: transparent;
    color: #333;
    padding-left: 0;
    padding-right: 0;
}

.resource-tile-section .ict-buttons a.button:hover,
.resource-tile-section .ict-buttons a.button:active,
.resource-tile-section .ict-buttons a.button:focus,
.resource-tile-section .ict-buttons a.button:focus-visible{
    background: transparent;
    color: var(--primary-blue);
    box-shadow: none;
}

.resource-tile-section .column .block:first-child{
    margin-bottom: 0 !important;
}

/* .ict-accordion .accordion-item .button.accordion-title{
    background-color: #fff;
    color: var(--black);
}

.ict-accordion .accordion-item .fa-plus,
.ict-accordion .accordion-item .t-plus,
.ict-accordion .accordion-item.is-active .fa-minus, 
.ict-accordion .accordion-item.is-active .t-minus {
    position: absolute;
    right: 0;
} */

.ict-accordion .accordion-item.is-active .accordion-content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    display:block
}
   
.page-topic-topicdetails .content-banner h2.title{
    font-size: 1.8333333333333333em !important;
}

.page-topic-topicdetails .scrolling-information-section .paragraph-background{
    background-color: var(--midwest-beige);
    padding: 1rem;
}

.page-topic-topicdetails .scrolling-information-section .ict-left-column h2.title,
.page-topic-topicdetails .content-banner h3.ict-sub-title{
    font-size: 2.1666666666666665em !important;
}

.page-topic-topicdetails .scrolling-information-section .ict-left-column {
    position: sticky;
    top: 0;
    height: 40vh;
    overflow-y: hidden;
    padding-bottom: 0;
}

.page-topic-topicdetails .scrolling-information-section .ict-right-column h2.title{
    font-size: 1.3333333333333333em !important;
}

.page-topic-topicdetails .scrolling-information-section .ict-right-column h2.title:first-of-type{
    margin-top: 1rem;
}

.page-topic-topicdetails .scrolling-information-section .ict-right-column h3.subtitle{
    font-size: 1.125em !important;
}

/* Product Landing */
.page-catalog-product .subtitle.short-description-wrapper{
    display: none;
}

.page-catalog-product .picture-wrapper .picture{
    justify-content: center;
}

.page-catalog-product .picture-wrapper .picture .bigpicture{
    display: flex;
    justify-content: center;
    order: 2;
    width: 75%;
}

.page-catalog-product .picture-wrapper .picture .bigpicture{
    max-height: 700px !important;
    height: 100% !important;
    max-width: 450px !important;
    overflow: hidden;
    object-fit: contain;
}

.page-catalog-product .picture-wrapper .picture .thumbs{
    display: flex;
    justify-content: center;
    width: 25%;
    flex-grow: 0;
    padding: .75rem;
}

.page-catalog-product .picture-wrapper .picture .thumbs .columns .thumb{
    flex-grow: 0;
    max-height: 140px !important;
    margin: .5rem 0;
}

.page-catalog-product .picture-wrapper .picture .thumbs .columns .thumb img{
    max-height: 140px;
    object-fit: contain;
}

.page-catalog-product .picture-wrapper .picture .thumbs .columns{
    display: flex;
    flex-direction: column;
    width: 75%;
}

.page-catalog-product .picture-wrapper .picture .thumbs.column.is-12.clearfix {
    height: 70vh; /* Adjust the height as needed */
    overflow: hidden;
}

.page-catalog-product .picture-wrapper .picture .thumbs .columns{
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    flex: 1;
}

.page-catalog-product .picture-wrapper .picture .thumbs .columns::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

/* Tablet */
@media screen and (max-width: 1088px) {
      /* Product Landing */
      .page-catalog-product .picture-wrapper .picture .bigpicture{
        order: 0;
        width: 100%;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs{
        display: flex;
        justify-content: center;
        width: 100%;
        flex-grow: 0;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns .thumb{
        flex-grow: 1;
    }
    .page-catalog-product .picture-wrapper .picture .thumbs .columns{
        display: flex;
        flex-direction: unset;
        width: 100%;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs.column.is-12.clearfix {
        height: 100%; /* Adjust the height as needed */
        overflow: hidden;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns{
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        flex: 1;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }
}

@media screen and (max-width: 767px){
    .team-title-section .ict-right-column .ict-buttons{
        margin-bottom: -0.6rem;
    }
}

@media screen and (max-width: 768px){
    .section.content-banner{
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
        
    .our-facility-section .columns .ict-left-column.column{
        width: 100% !important;
    }

    .flexslider.infigo-slider .slides > li > .container{
        max-height: 100%;
        height: 0%;
        min-height: unset;
    }

    .slides li.section .columns .column {
        width: 100%;
    }

    .team-title-section .columns .ict-left-column:nth-of-type(1){
        width: 50% !important;
    }

    .has-title-divider-section-two .ict-right-column:nth-child(2){
        width: 50% !important;
    }

    .team-title-section .columns .ict-left-column:nth-last-of-type(2){
        width: 100% !important;
    }

    .giving-back-section .ict-space{
        display: none;
    }

    .giving-back-section .ict-title{
        margin-bottom: 5rem !important;
    }

    /* Resource Page */

    .content-banner .ict-left-column {
        width: 100% !important;
        padding-bottom: 0 !important;
    }

    .content-banner .ict-right-column{
        width: 100% !important;
        padding-top: 0 !important;
    }

    .page-topic-topicdetails .scrolling-information-section .ict-left-column{
        position: initial;
        height: unset;
        overflow-y: unset;
        width: 100% !important;
    }

    .scrolling-information-section .ict-left-column .ict-paragraph{
        display: none;
    }
 
 
    .scrolling-information-section .ict-right-column{
        width: 100% !important;
    }

    /* Product Landing */
    .page-catalog-product .picture-wrapper .picture .bigpicture{
        order: 0;
        width: 100%;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs{
        display: flex;
        justify-content: center;
        width: 100%;
        flex-grow: 0;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns .thumb{
        flex-grow: 1;
    }
    .page-catalog-product .picture-wrapper .picture .thumbs .columns{
        display: flex;
        flex-direction: unset;
        width: 100%;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs.column.is-12.clearfix {
        height: 100%; /* Adjust the height as needed */
        overflow: hidden;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns{
        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        flex: 1;
    }
    
    .page-catalog-product .picture-wrapper .picture .thumbs .columns::-webkit-scrollbar { /* WebKit */
        width: 0;
        height: 0;
    }
}

/* Mobile */

@media screen and (max-width: 480px) {
    .section.content-banner,
    .section.scrolling-information-section{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .content-banner.has-title-divider-section .columns .ict-left-column{
        padding-bottom: 0 !important;
    }

    .content-banner.has-title-divider-section .columns .ict-right-column{
        padding-top: 0 !important;
    }

    .overview-section .block .ict-buttons,
    .has-title-divider-section-two.team-title-section .block .ict-buttons{
        justify-content: flex-start !important;
    }

    .has-title-divider-section-two.team-title-section{
        display: flex;
        flex-direction: column;
    }

    .has-title-divider-section-two.team-title-section .columns .ict-right-column{
        order: 3;
    }

    .has-title-divider-section-two .ict-right-column.column:nth-child(-n+2)::after{
        border-bottom: none;
    }

    .has-title-divider-section-two .ict-left-column:nth-child(1) {
        padding-right: 1rem !important;
    }

    .has-title-divider-section-two .ict-right-column:nth-child(2) {
        padding-left: 1rem !important;
    }

    .team-title-section .columns .ict-left-column:nth-of-type(1){
        width: 100% !important;
    }

    .has-title-divider-section-two .ict-right-column:nth-child(2){
        width: 100% !important;
    }

    .giving-back-section .ict-space{
        display: none;
    }
}

/* cerm pages icons */
.estimate-page .actions-row {
 
    .estimates-delete  {
        display: none;
       &::after,
       &::before {
         display: none;
        }
        button {
            &::after {
                display: none;
               }
        }
    }



    .estimates-quote .fa-th-list{
        &::before{
            content: "\f570";
        }
    }
 
    .fa-edit::before{
        content: "\f067";
    }


 
}
 
.products-page{
 
    .products-documents{
 
        &::before{
            content: "\f56d";
        }
    }
 
    .actions-row{
        &  .buttons{
            flex-wrap: nowrap;
        }
    }

    .products-delete,
    div[data-label="Product cannot be deleted"],
    .products-add-to-basket {
        &::after,
        &::before {
          display: none;
         }
         button {
             &::after {
                 display: none;
                }
         }
     }

    .products-delete,
    div[data-label="Product cannot be deleted"] {
        display: none;
    }
 
}
 
.orders-page {
 
    .orders-order-notes .fa-th-list{
 
        &::before{
            content: "\f772";
        }
    }
 
    .orders-invoice .fa-file-invoice{
 
        &::before{
            content: "\f571";
        }
    }
}