/*
Theme Name: Total Child Theme
Template: Total
Version: 1.0
*/


/* Header  */


.header-contact-wrapper {
    position: absolute;
padding-top:10px;
width: 94.5%;
    top: 10px;
    z-index: 1001;
}

.header-contact-details {
    display: flex;
    align-items: center; /* Vertically centers all child elements */
    justify-content: flex-end; /* Aligns children to the right */
    gap: 8px; /* Adds spacing between elements */
    top: 20px;
    right: 20px;
    z-index: 1001; 
    background: transparent;
    font-size: 17px;
    color: #fff;
}

.header-contact-details .contact-link {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;    
}


.header-contact-details .contact-link:hover {
    color: #132F39; 
}

.header-contact-details .contact-separator {
    color: #00A8AA;
}


#site-header-inner .navbar-style-one {
margin-top:0px;
}

#top-email {
    font-size: 16px;
}

#top-phone {
    font-size: 24px;
font-weight:600;
}

#menu-main-navigation .sub-menu li:not(:first-child)::before  {
position: relative;
    top: auto;
    content: none;
    padding: initial;
}

body.archive #site-header {
background-color:#132F39 !important;
}

/* Image positioning */

.overlap {
top:-120px;
position:relative;
z-index:1000;
background:rgba(255,255,255,1);
border-radius:20px;
padding:30px 20px 60px 20px;
box-shadow: -1px 3px 13px -12px rgba(0,0,0,0.59);
-webkit-box-shadow: -1px 3px 13px -12px rgba(0,0,0,0.59);
-moz-box-shadow: -1px 3px 13px -12px rgba(0,0,0,0.59);
}


/* Text and headlines */

.call-box strong {
font-size:1.2em;
}

.wpb_text_column a {
font-weight:700;
color: #132F39;
}

.limit-width-contact a {
color:#132F39;
}

.limit-width-contact a:hover {
color:#00A0A2;
}

.position-detail {
font-size:0.9em;
}

.headline-teal {
    position: relative;
    display: inline-block;
}

.headline-teal::after {
    content: "";
    position: absolute;
    width: 28px;  
    height: 28px;
    right: -32px; 
    top: -18px;     
    width: 28px;   
    height: 28px;
       background-image:url('https://cliftonwebdesign.net/element/wp-content/uploads/2026/06/element-circle-teal.png');    
     background-size: contain;
    background-repeat: no-repeat;
}

 .heading-teal .vcex-heading-inner::after {
    content: "";
    position: absolute;
    width: 28px;  
    height: 28px;
      top: -18px;     
    width: 28px;   
    height: 28px;
       background-image:url('https://cliftonwebdesign.net/element/wp-content/uploads/2026/06/element-circle-teal.png');    
     background-size: contain;
    background-repeat: no-repeat;
}

.headline-teal, .headline-center {
 font-weight:800;
text-transform:uppercase;color:#00A6A0;
}

.headline-center {
text-align:center;
}


/* Contact page */

.contact-ways {
padding-bottom:40px; z-index:1001;
}


/* Map */

.vcex-feature-box, .wpb_gmaps_widget iframe {
border-radius:20px;
}


/* Footer */

#footer-widgets .wpex-info-widget-phone {
padding:6px 0 6px 0;
}

#footer-widgets .wpex-info-widget-phone a {
font-size:28px;
font-weight:600;
}

#footer-widgets-inner .footer-box:not(.col-1) {
    padding-top: 40px;
}

#footer-widgets .page-list li {
padding-bottom:4px;
}

#footer-widgets .page-list ul.children {
margin-left:0;
}

#footer-widgets .page-list ul.children  li {
padding-bottom:0;
}


#footer-widgets .col-1 img {
width:240px;
height:73px;
}



/* Misc */


.select-role {
  /* kill the full-width positioning for this row */
  width: 100% !important;
  inset-inline-start: 0 !important;
  margin-inline: auto !important;

  /* your container constraint */
  max-width: 1440px;
  padding-inline: 20px; /* optional, for side breathing room */
}

/* optional: remove the auto padding from the centered helper */
.select-role.wpex-vc-full-width-row--centered {
  padding-inline: 0;
}

.limit-width-single {
max-width:1100px;
margin:0 auto;
}


.rounded-box-large-radius {
background-color: #132f39;
border-radius:60px;
margin:0 auto;

}


/* Media queries */

@media only screen and (max-width: 1199px) {
.contact-ways {top:-60px;}
}

@media only screen and (min-width: 1200px) {
.contact-ways {top:-50px;}
}

@media only screen and (max-width: 959px) {
.wpex-shape-divider-svg {display:none !important;}
    .header-contact-wrapper, .header-contact-details {
        display: none !important;}
}

@media screen and (min-width: 1200px) and (max-width: 1279px) {
  .container {    width: 100% !important;  }
.header-contact-wrapper {width: 97.5%;}
}


@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .container {    width: 98% !important; }
.header-contact-wrapper {width: 96.75%;}
}



@media screen and (min-width: 1440px) and (max-width: 1599px) {
  .container {    width: 96% !important; }
.header-contact-wrapper {width: 96%;}
}


@media screen and (min-width: 1600px) and (max-width: 1919px) {
  .container {    width: 94% !important;  }
.header-contact-wrapper {width: 95.25%;}
}



@media screen and (min-width: 1920px) and (max-width: 2099px) {
  .container {    width: 92% !important;  }
.header-contact-wrapper {width: 94.5%;}
}


@media screen and (max-width: 639px) {
  .dot {    display:none !important;  }
}

@media screen and (max-width: 1199px) {
.header-contact-wrapper {display:none !important;}
}


@media screen and  (min-width: 640px) {
#top-bar-content  .wpex-sm-mx-20 {   margin: 0 !important;  }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
.rounded-box-large-radius {width:100%;}
.col-icons p {font-size:18px !important;display:inline-block; min-height:65px;}
}


@media screen and (min-width:1600px) and (max-width:1799px) {
.rounded-box-large-radius {width:100%;}
.wpex-carousel-entry-details .entry-title {font-size:18px !important;}
}

 
@media screen and (min-width:1800px) {
.rounded-box-large-radius {
width:1700px;}
}


@media screen and (min-width:1800px) {
.rounded-box-large-radius {
width:1700px;}
}


@media screen and (min-width:1365px) {
#menu-main-navigation li {
    display: inline-flex;
    align-items: center;}
#menu-main-navigation li:not(:first-child)::before  {
position: relative;
    top: -1px;
    content: "|";
    padding: 0 2px; /* adjust spacing */
    color: #fff;     /* your pipe colour */
    font-weight: 500;;
    line-height: 1; }
}



@media screen and (min-width: 1280px) {
  #menu-main-navigation .sub-menu  li {
    display: initial;}
  }








@media screen and (max-width:479px) {
body.archive #main {
  padding-top: 205px;}
}

@media screen and (min-width:480px) and (max-width:767px) {
body.archive #main {
  padding-top: 215px;}
}

@media screen and (min-width:768px) and (max-width:1199px)  {
body.archive #main {
  padding-top: 225px;}
}

@media screen and (min-width:1200px) {
body.archive #main {
  padding-top: 185px;}
}




@media screen and (max-width: 1199px) {
  .overlap-img-left, .overlap-img-right {
    display:none  !important;}
}

@media screen and (min-width: 1200px) {
  .overlap-img-left, .overlap-img-right {
    position: absolute  !important;}
}

@media screen and (min-width: 1200px) and (max-width:1279px) {
  .overlap-img-left, .overlap-img-right {   width:160px !important;height:160px !important;}

  .overlap-img-left { 
    bottom: -50px !important;
    left: 100px; 
}
.overlap-img-right {
    bottom: -50px !important;
    right: 100px;}
}



@media screen and (min-width: 1280px) and (max-width:1365px) {
  .overlap-img-left, .overlap-img-right {   width:180px !important;height:180px !important;}

  .overlap-img-left { 
    bottom: -50px !important;
    left: 100px; 
}
.overlap-img-right {
    bottom: -50px !important;
    right: 100px;}
}

@media screen and (min-width: 1366px) and (max-width:1439px) {
  .overlap-img-left, .overlap-img-right {   width:200px !important;height:200px !important;}

  .overlap-img-left { 
    bottom: -50px !important;
    left: 100px; 
}
.overlap-img-right {
    bottom: -50px !important;
    right: 100px;}
}



@media screen and (min-width: 1440px) and (max-width:1599px) {
  .overlap-img-left, .overlap-img-right {   width:220px !important;height:220px !important;}

  .overlap-img-left { 
    bottom: -50px !important;
    left: 100px; 
}
.overlap-img-right {
    bottom: -50px !important;
    right: 100px;}
}

 @media screen and (max-width: 959px) {
#footer-widgets-inner .footer-box:not(.col-1) {
  padding-top: 0 !important;}
}


@media screen and (min-width: 1600px) {
  .overlap-img-left {
    bottom: -50px !important;
    left: 80px; 
}
.overlap-img-right {
    bottom: -50px !important;
    right: 80px;}
}

 @media screen and (max-width: 2099px) {
.limit-width, .limit-width-contact {
max-width:1440px;
margin:0 auto;
}

.limit-width-contact {
max-width:1280px;}
}

 @media screen and (min-width: 2100px) {
  .container {    width: 90% !important;  }
.header-contact-wrapper {width: 93.75%;}
.limit-width, .limit-width-contact {max-width:1640px;margin:0 auto;}
.limit-width-contact {max-width:1480px;}
.wpb_text_column p,  .main-navigation-ul .link-inner, .contact-link {font-size:1.1em !important;}
#footer-widgets .page-list  li a {font-size:1.2em !important;}
.vcex-image-banner  {min-height: 800px !important;}
}