/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
.contact-thankYou .contactInfo p {
  border: 1px solid lightgrey;
  padding: 10px 20px;
  /* color: #004b93; */
  color: #000;
}
.wpcf7-response-output {
  display: none !important;
}

/* blue to 4b4d4f orange to 33bde7 */

/**************************
 *   Branding overwrite   *
***************************/

/* New Grey */
body .header,
body .breakpointBlue,
body .homeContact-container,
body .homeSocial-banner,
body .homeSocialBanner-container,
body .newsContainer .newsItem .newsDate {
  background-color: #4b4d4f;
}
body .homeReviews .homeReview-item .homeReview-itemName,
body .pagesHeader h3,
body .productsContainer .productsItem .productTitle,
body .productsContainer .productPage-title,
body h5,
body .downloadsContainer .downloadItems .downloadsItem a p,
body .newsContainer .newsItem .newsTitle {
  color: #4b4d4f;
}
/* New Orange */
body .homeIntro-filterContainer .homeIntro-filter .homeIntro-filterView p,
body footer .footerContainer .footerLink .footerLink_heading,
.homeReviews .homeReview-item .homeReview-itemRate i,
html body a,
body .downloadsContainer .downloadItems .downloadsItem a p:hover,
body .newsContainer .newsItem .newsMore,
body .newsContainer .newsItem .newsTitle:hover,
body
  .homeSocialBanner-container
  .homeSocial-banner
  .homeSocial-bannerItems
  .homeSocial-bannerItem
  a:hover
  i {
  color: #33bde7;
}
body .homeIntro-filterContainer .homeIntro-filter .homeIntro-filterView p:hover,
body .homeIntro-filterContainer .homeIntro-filter .homeIntro-filterView p:hover,
body .newsContainer .newsItem .newsMore:hover,
body a:hover {
  color: #268dad;
}
body .homeContact-container .homeContact .homeContact-link:hover {
  color: #fff;
}
body .homeContact-container .homeContact .homeContact-link:hover,
body
  .headImage-container
  .headImage-container
  .headImage-text
  .headImage-textLink:hover {
  border-color: #33bde7;
}
body .headerContainer .pagesNews-date {
  background-color: #33bde7;
}

body .homeContact-contactForm .contactForm form input.contact-formItem-submit {
  background-color: #33bde7;
}
body
  .homeContact-contactForm
  .contactForm
  form
  input.contact-formItem-submit:hover {
  background-color: #4b4d4f;
  color: #33bde7;
}

/* Change of header size */
.stickyNav-fluid .headerNav-logo a img {
  max-width: 60px !important;
  transition: 0.5s;
}

/* New Header Design */
.desktopHeader {
  display: none;
}

@media (min-width: 1200px) {
  .scrollModify.desktopHeader {
    height: 40px;
  }
  .scrollModify.desktopHeader img {
    max-width: 60px;
  }
  .scrollModify .desktopHeader .contact ul::before {
  }
  .scrollModify .desktopHeader .contact ul::after {
  }
  .scrollModify .headerRight {
    height: 40px;
  }
  .scrollModify .greyCover {
    height: 40px;
  }
  .header {
    display: none;
  }
  .headImage-container .headLabel-container {
    display: none;
  }
  .desktopHeader {
    box-shadow: 0px 5px 20px 5px rgba(0, 0, 0, 0.1);
    /* border-bottom: 1px solid #e5e5e5; */
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 9;
    transition: 0.5s;
  }
  .homeHead-margin,
  .pagesHead-margin {
    margin-top: 95px;
    margin-top: 40px;
  }
  .desktopHeader li {
    padding: 0 0.75rem;
  }
  .desktopHeader li:first-child {
    padding-left: 0;
  }
  .desktopHeader li:last-child {
    padding-right: 0;
  }
  .desktopHeader .logo {
    padding-right: 2rem;
  }
  .desktopHeader img {
    max-width: 75px;
    width: 100%;
    height: auto;
    transition: 0.5s;
  }
  .desktopHeader .contact ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 3rem;
    position: relative;
  }
  .desktopHeader .contact li {
    border-right: 1px solid white;
    padding-right: 1rem;
    padding-left: 1rem;
    line-height: 1;
  }
  .desktopHeader .contact ul li:last-child {
    border: 0;
    padding-right: 0;
  }
  .desktopHeader .contact ul::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -6px;
    background-color: #8acfde;
    height: 28px;
    width: 30px;
    transform: skewX(-25deg);
  }
  .desktopHeader .contact ul::after {
    content: "";
    position: absolute;
    top: 8px;
    left: -6px;
    background-color: #33bee9;
    height: 28px;
    width: 30px;
    transform: skewX(25deg);
  }
  .desktopHeader__wrapper {
    display: flex;
  }
  .headerLeft {
    background-color: #fff;
    display: flex;
    align-items: center;
    width: 64%;
  }
  .headerLeft a {
    color: #424141;
  }
  .headerRight {
    background-color: #4b4d4f;
    display: flex;
    align-items: center;
    height: 50px;
    width: 36%;
    transition: 0.5s;
  }
  .headerRight a {
    color: #fff;
  }
  .greyCover {
    background-color: #494d50;
    position: absolute;
    height: 50px;
    width: 100vw;
    right: -75%;
    top: 0;
    transition: 0.5s;
  }
}
@media (min-width: 2300px) {
  .greyCover {
    right: -64%;
  }
}

body a:hover {
  text-decoration: none;
}

.page-id-610 .homeContact-contactForm .contactForm form p:nth-child(2),
.page-id-610 .homeContact-contactForm .contactForm form p:nth-child(3) {
  width: 100%;
}

/* remove bold of text on request brochyre page */
.page-id-576 .contact-contactInfo .contactInfo p,
.page-id-18 .contact-contactInfo .contactInfo p,
.page-id-610 .contact-contactInfo .contactInfo p,
.page-id-614 .contact-contactInfo .contactInfo p {
  font-weight: normal;
}

.page-id-576 .pagesHeader,
.page-id-614 .pagesHeader {
  margin-bottom: 15px;
}

.announcement {
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	pointer-events: none;
	height: 0;
	overflow: hidden;
  }
.announcement.announcement--open {
	z-index: 9999;
	pointer-events: auto;
	height: 100%;
	overflow: auto;
}
.coronavirus-popup {
	background-color: #4b4d4f;
	border-radius: 5px;
	margin: 3rem;
}
.pop-content {
	padding: 2rem 3rem;
	position: relative;
}
.coronavirus-popup h2 {
	font-weight: bold;
}
.coronavirus-popup p,
.coronavirus-popup h2,
.coronavirus-popup li {
	color: #fff;
}
.coronavirus-popup a {
	text-decoration: underline;
	color: #fff;
}
.coronavirus-popup ol,
.coronavirus-popup ul {
	padding-left: 1.25rem;
}
.coronavirus-popup ul ul {
	margin-left: 1.25rem;
}
.coronavirus-popup .heading {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #aaa;
	padding-right: 4rem;
}
.coronavirus-popup .close {
	position: absolute;
	cursor: pointer;
	right: 50px;
	top: 30px;
}
.coronavirus-popup i {
	font-size: 2rem;
	color: #fff;
}