@import 'colours.css';
@import 'fonts.css';
@import 'typography.css';
@import 'home.css';
@import 'teeman.css';
@import 'values.css';

.container-header {
  background-color: #eee;
  background-image: unset;
  padding-top: 10px;
}
li.item-631 {
    padding-right:0 !important;
    margin-right:-5px;
}
#navbar1 a {
  font-size: clamp(14px, 2.5vw, 24px); /* Dynamic scaling */
}

@media (max-width: 768px) {
  #navbar1 a {
    font-size: 16px; /* Fixed size for smaller screens */
  }
}

.container-header .navbar-toggler {
  background-color: var(--orange);
}

.about .com-content-category-blog .left img,
.about .com-content-article .left img {
  float: left;
  max-width: 500px;
  padding-right: 25px;
}

.ishome .banner-overlay .overlay, .servicesPage .banner-overlay .overlay {
  background-color: unset !important;
  text-align: left;
  height:80%;
}
.servicesPage .container-banner .banner-overlay {
  height: 85vh;
}
.servicesPage h2 {
    margin-bottom:30px;
    font-size: clamp(18px, 2.0vw, 72px) !important;
}
.servicesPage .banner-overlay h3 {
    line-height:1.5;
}
.servicesPage {
    h1 {
  font-size: clamp(18px, 3.0vw, 72px) !important;
  font-family: 'playfair_regular', sans-serif;
  }
 .bottom-1 {
  padding: 3rem 0rem 0rem;
  height: 100%;
  overflow: hidden;
     background: transparent;
     
     .cubeArticlesContent {
         color: var(--dark-color);
     }
     #cubeArticle {
         padding-inline:0rem;
     }
}
    .card {
        border:none;
    }
    .card-body {
        background:transparent;
        padding:0;
    }
    .cubeArticlesContent {
        padding:2vw 4vw !important;
    }
}
.jmodedit {
    display:none;
}
.card-title {
  min-height: 60px; /* Set a minimum height for the title */
}

.card-body p {
  flex-grow: 1; /* Allow the paragraph to take up any remaining space */
}

.card i {
  font-size: 5rem; /* Adjust icon size */
  margin: 10px 0;  /* Add spacing around the icon */
  padding: 20px;
  display: block; /* Ensure the icon takes full width */
  text-align: center;
}
.container-banner {
    .dark-bkgd {
        max-width:792px;
    }
}
.itemid-637 .site-grid {
  color: white;
  background-image: url('../images/contact-page.jpg'); /* Corrected the closing quote placement */
  background-color: unset;
  min-height: 200px;
}
.site-grid {
    main {
        padding-top:4rem;
    }
}
.itemid-101 {
    .site-grid {
    main {
        padding-top:0rem;
    }
    }
}
.bottom-a.fullwidth.bkgd-black {
    padding-block:6rem !important;
}
.bottom-b.fullwidth, .bottom-a.fullwidth {
    margin-top:0;
    margin-bottom:0;
}

@supports (display:grid) {
  .site-grid {
 
    grid-template-areas:
".banner banner banner banner." 
".top-a  top-a  top-a  top-a. " 
".top-b  top-b  top-b  top-b. " 
".comp   comp   comp   comp.  " 
".side-r side-r side-r side-r." 
".side-l side-l side-l side-l."
".bot-1  bot-1  bot-1  bot-1. "
".bot-2  bot-2  bot-2  bot-2. "
".bot-a  bot-a  bot-a  bot-a. " 
".bot-b  bot-b  bot-b  bot-b. ";
    display: grid;
  }
}
@supports (display:grid) {
  @media (width >= 992px) {
    .site-grid {
      grid-template-areas:
".banner banner banner banner." 
".top-a  top-a  top-a  top-a. " 
".top-b  top-b  top-b  top-b. " 
".side-l comp   comp   side-r."
".bot-1  bot-1  bot-1  bot-1. "
".bot-2  bot-2  bot-2  bot-2. "
".bot-a  bot-a  bot-a  bot-a. " 
".bot-b  bot-b  bot-b  bot-b. ";
    }
  }
}
.container-bottom-1 {
  grid-area: bot-1;
}
.container-bottom-2 {
  grid-area: bot-2;
}
.bottom-1, .bottom-2 {
    padding:3rem 0rem;
    height:100%;
    overflow:hidden;
}
.bottom-1 {
    .flexItem {
        background:#fff;
        display: flex;
  flex-direction: column;
  justify-content: space-between;
        border-radius: 10px;
        border-bottom: 3px solid var(--accent-background);
        .newsflash-image {
            img {
                width:100% !important;
                object-fit: cover;
  aspect-ratio: 1;
  background-position: center center;
                padding:1rem;
            }
        }
        .itemContent {
            padding:1rem 2rem 0rem;
            p {
              font-size: clamp(1rem, 1.2vw, 1.2vw);  
            }
            font-size: clamp(1rem, 1.2vw, 1.2vw);
            h2 {
                margin-block:1em;
            }
        }
    }
}

.container-bottom-1 > *, .container-bottom-2 > * {
  flex: 1;
}
.flexWrapper {
    display:flex;
    flex-flow:row wrap;
    gap:2rem;
    .flexItem {
        flex:1;
    }
}

@media (max-width: 768px) {
  /* Unset the order for image-left odd items on mobile */
  .image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
    order: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.error_site {
  .site-grid {
    margin-top:4rem;
  }
  .card-body {
    background:#fff;
    color:#555;
    padding-inline:0;
    
  }
  .card {
    border:none;
  }
}