/*
Theme Name: exetercold
Theme URI: exetercold.com
Description: A responsive theme built on Bootstrap 5.
Author: Mandile Web Design
Body Classes: desktop-menu-child-indicator-3 desktop-menu-current-link-style-2 desktop-menu-dropdown-style-2 desktop-menu-hover-style-0 header-0 mobile-nav-option-2 mobile-nav-parent-toggle-style-1 newsletter-style-3 search-button-desktop-0 search-button-mobile-0 search-type-1
Version: 20260225
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

/* Customizable Theme Settings */
@import url('css/_vars.css');

/* Core Theme Styles */
@import url('css/doc.css');
@import url('css/animations.css');
@import url('css/elements.css');
@import url('css/header.css');
@import url('css/footer.css');
@import url('css/blog.css');
@import url('css/cpt.css');

/* Widget Styles Used in Slice */
@import url('css/widget-social.css');

/* ***** ADD ALL CUSTOM STYLES BELOW THIS LINE *****  */
@media only screen and (min-width: 992px) {
  .main-nav-block {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
}
.call-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 50%;
  background: #6b93a4;
}
.call-text .l1 {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.call-text .l2 {
  display: block;
  color: #fff;
  font-size: 20px;
  font-family: var(--font_headlines);
}
.cxis-social-widget-menu.rotating-circles ul li a {
  color: #000;
  border-color: #fff;
  background: #fff;
}
.cxis-social-widget-menu.rotating-circles ul li a:hover {
  color: #fff;
  border-color: #000;
  background: #000;
}
.color-darkteal {color: #194052;}

.cta-section {
  position: relative;
}
.cta-section:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  max-width: 1300px;
  height: 100%;
  background: #f2f5f7;
}

.contact-section-header {
  max-width: 350px;
}

.contact-section-col-right {
  position: relative;
}
.contact-section-col-right:before {
  content: '';
  position: absolute;
  right: -40px;
  left: auto;
  top: -30px;
  max-width: 230px;
  height: calc(100% + 60px);
  background: #1c4354;
  z-index: 1;
}
.custom-contact-form {
  position: relative;
  z-index: 2;
}