/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-regular - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-700 - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

  
body .woocommerce .form-row.notes textarea {
    line-height: 1.575em !important;
    padding: 1em 1.375em !important;
    min-height: 82px;
}

body .select2-container .select2-selection--single {
    height: 56px;
    border: 1px solid #a9b7ce !important;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0058a3;
    line-height: 53px;
    padding-left: 22px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
    right: 5px;
}

/*Custom Cookiebot Styling*/

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay *,
#CookiebotWidget,
#CookiebotWidget * {
    font-family: noto_sansregular,sans-serif !important;
 }


#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink,
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonDescription,
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
button#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog label,
#CybotCookiebotDialog h2,
#CookiebotWidget strong,
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list .CookiebotWidget-state,
#CookiebotWidget .CookiebotWidget-consent-details button,
#CookiebotWidget-buttons button {
    font-family: noto_sansregular,sans-serif !important;
}



#CookiebotWidget {
    margin-bottom: 9rem !important;
}

@media screen and (max-width: 600px) {

#CookiebotWidget {
    margin-bottom: 10rem !important;
}
}


/* 
Mild Retainer: June 2022
Developer: Per Kristian

New ACF blocks
*/
.mm-three-col-block,
.mm-four-col-block {
    padding: 4.375rem 0;
    /* background-color: #f2f4f9; */
    background-color: #fff;
}

.mm-three-col-block .block-container,
.mm-four-col-block .block-container {
    margin: 0 auto;
    width: 90%;
    max-width: 1440px;
    display: grid;
    grid-gap: 25px;
}

.mm-three-col-block .block-container {
    grid-template-columns: repeat(1,1fr);
}

.mm-four-col-block .block-container {
    grid-template-columns: repeat(1,1fr);
}

.mm-three-col-block .block-container .block-wrapper,
.mm-four-col-block .block-container .block-wrapper {
    width: 100%;
    background-color: #fff;
    padding: 2em;
    border-radius: 2px;
    border: 1px solid rgba(169,183,206,.1);
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 0 2px rgb(0 0 0 / 24%);
}

.mm-three-col-block .block-container a.block-wrapper,
.mm-four-col-block .block-container a.block-wrapper {
    text-decoration: none;
    transition: all .8s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
}

.mm-three-col-block .block-container a.block-wrapper:hover,
.mm-four-col-block .block-container a.block-wrapper:hover {
    box-shadow: 0 10px 40px rgb(0 0 0 / 13%), 0 6px 26px rgb(0 0 0 /13%);
}

.mm-three-col-block .block-container .block-wrapper .img-wrapper,
.mm-four-col-block .block-container .block-wrapper .img-wrapper {
    margin: -2em -2em 3rem -2em;
}

.mm-three-col-block .block-container .block-wrapper .img-wrapper {
    height: 309px;
}
.mm-four-col-block .block-container .block-wrapper .img-wrapper {
    height: 226px;
}

.mm-three-col-block .block-container .block-wrapper .img-wrapper img,
.mm-four-col-block .block-container .block-wrapper .img-wrapper img {
    object-fit: contain;
    height: 100%;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

@media only screen and (min-width: 375px) {
    .mm-three-col-block .block-container .block-wrapper .img-wrapper,
    .mm-four-col-block .block-container .block-wrapper .img-wrapper {
        height: 223px;
    }
}

@media only screen and (min-width: 768px) {
    .mm-three-col-block .block-container .block-wrapper .img-wrapper,
    .mm-four-col-block .block-container .block-wrapper .img-wrapper {
        height: 221px;
    }


    .mm-three-col-block .block-container {
        grid-template-columns: repeat(2,1fr);
    }
    
    .mm-four-col-block .block-container {
        grid-template-columns: repeat(2,1fr);
    }
}

@media only screen and (min-width: 992px) {
    .mm-three-col-block .block-container {
        grid-template-columns: repeat(3,1fr);
    }
    
    .mm-four-col-block .block-container {
        grid-template-columns: repeat(4,1fr);
    }
}

@media only screen and (min-width: 1024px) {
    .mm-three-col-block .block-container .block-wrapper .img-wrapper {
        height: 193px;
    }
    .mm-four-col-block .block-container .block-wrapper .img-wrapper {
        height: 140px;
    }
}

@media only screen and (min-width: 1600px) {
    .mm-three-col-block .block-container .block-wrapper .img-wrapper {
        height: 309px;
    }
    .mm-four-col-block .block-container .block-wrapper .img-wrapper {
        height: 226px;
    }
}

/* 
END
New ACF blocks
*/

/* 2022-11: Hubspot migration */
.wp-block-button__link {
    font-size: 1em;
    font-family: noto_sansbold, sans-serif;
    border-radius: 2px;
    display: inline-block;
    padding: 0.85em 3.2em;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #0081f0;
    color: #fff;
    border: 2px solid #0081f0    
}
.wp-block-button__link:focus,
.wp-block-button__link:hover {
    background: 0;
    color: #0081f0
}

.single-post .single-post-block {
  padding-bottom: 0;
}
.blog-post .single-post-block .single-title {
  text-align: left;
}

.blog-post .post-image-holder {
  margin-bottom: 1em;
}

.blog-post .single-post-image {
  width: 100%;
}

.blog-post .post-content {
    margin-top: 2em;
}

.blog-post .post-sidebar {
  padding: 1.5em;
  margin-top: 1em;
}

.blog-post-teaser .post-tags,
.blog-post-teaser .post-tags > *,
.blog-post .post-tags,
.blog-post .post-tags > * {
    font-weight: bold;
    color: #0058a3;
}
.blog-post-teaser .post-tags {
    margin-bottom: 1em;
}

.blog-post .blog-post-sidebar-widgets {
    margin-top: 4em;
}

.blog-post .button-support {
    margin: 1em 0;
}

.post-author .author-bio {
  font-size: 0.9em;
  font-style: italic;
}

.blog-post-sidebar-widgets .gform_widget .button {
  width: 100%;
  display: block;
}

.blog-post-after-content-widgets .gform_widget {
  background: #002f57;
  padding: 6em 0;
  color: #f3f3f3;
}
.blog-post-after-content-widgets .gform_wrapper.gravity-theme .gform_footer {
    display: block;
    text-align: right;
}
.blog-post-after-content-widgets .gform_widget .container {
  max-width: 720px;
}

.blog-post-after-content-widgets .gform_widget legend {
    color: #f3f3f3;
}

.blog-post-after-content-widgets .gform_widget a {
  color: #ffffff;
}

.blog-post-after-content-widgets .widget_block {
  background-color: #f3f3f3;
}

.button.gform_button {
    background: #0081f0;
    color: #fff;
    border: 2px solid #0081f0
}
.button.gform_button:hover {
    background: 0;
    color: #0081f0
}

.rp4wp-related-posts {
    padding: 3em 0;
}
.rp4wp-related-posts > h3 {
    color: #0058a3;
    margin-bottom: 1em;
    font-size: 1.4em;
    text-align: center;
}
.rp4wp-related-posts > ul {
  float: none !important;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rp4wp-related-posts .rp4wp-related-post-image {
  width: 100%;
  padding: 0;
  float: none;
}
.rp4wp-related-posts .rp4wp-related-post-content {
  padding: 30px;
}
.rp4wp-related-posts .rp4wp-related-post-content > a { 
  font-size: 1.2em;
  font-weight: 800;
}
.rp4wp-related-posts .rp4wp-related-post-content .post-button {
  margin-top: 1em;
}
a.post-button.button,
.rp4wp-related-posts .rp4wp-related-post-content .post-button .button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.rp4wp-related-posts ul > li {
  background-color: #ffffff;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
    .rp4wp-related-posts ul {
        display: flex; 
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between; 
        margin-left: -30px;
        margin-right: -30px;
      }
      .rp4wp-related-posts ul > li {
          width: 30.33333333%;
          margin-left: 15px !important;
          margin-right: 15px !important;
      }
}

.blog-archive {
    background-color: #f3f3f3;
    padding-top: 4em;
    padding-bottom: 4em;
}
.blog-archive-titles {
    margin-bottom: 2em;
    color: #0058a3;
    font-size: 1.875em;
}
.blog-archive-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}
.overlay.blue-dark {
    background: rgba(0, 47, 87, 0.75)
}
.blog-archive-banner .blog-archive-banner-content  * {
    color: #ffffff;
}
.blog-archive-filters {
    background: #0058a3;
    color: white;
}
.blog-archive-filters .container {
    padding: 1em 0;
}

@media only screen and (min-width: 992px) {
    .blog-archive-filters .container {
        display: flex;
        align-items: center;
    }
    .blog-archive-filters .dropdown {
        margin-left: 1em;
    }
}

.blog-archive-filters .dropdown {
    z-index: 1040;
}
.blog-post-teaser-grid {
    display: flex;
    flex-wrap: wrap;
}
.blog-post-teaser-grid > * {
    display: flex;
}
.blog-post-teaser {
  background-color: #ffffff;
  margin-bottom: 30px;
}
.blog-post-teaser .blog-post-title a {
  color: #3b4453;
}
.blog-post-teaser .blog-post-teaser-content {
  padding: 15px;
}
.blog-archive .blog-post-teaser .post-button {
    margin: 15px;
    display: inline-block;
    width: auto;
}
@media only screen and (min-width: 992px) {
    .blog-archive .blog-post-teaser {
        min-height: 380px;
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }
    .blog-archive .blog-post-teaser .post-button {
        margin-top: auto;
    }
}

.dropdown-transparent .dropdown-toggle {
  background-color: transparent !important;
  border: transparent !important;
  color: #ffffff !important;
}
.dropdown.dropdown-transparent .dropdown-menu {
  background-color: #0058a3;
  border-color: #002f57;
  padding: 0;
}
.dropdown.dropdown-transparent .dropdown-menu>li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.dropdown.dropdown-transparent .dropdown-menu>li:last-child {
  border-bottom: none;
}
.dropdown.dropdown-transparent .dropdown-menu>li>a {
  color: white;
  padding-top: 8px;
  padding-bottom: 8px;
}
.dropdown.dropdown-transparent .dropdown-menu>li.active>a,
.dropdown.dropdown-transparent .dropdown-menu>li>a.active,
.dropdown.dropdown-transparent .dropdown-menu>li>a:hover,
.dropdown.dropdown-transparent .dropdown-menu>li>a:focus {
    background-color: #002f57;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.blog-index-breaker-widgets {
    background-color: #002f57;
    padding: 5em 0;
    margin: 3em 0 4em 0;
    display: block;
}
.blog-index-breaker-widgets *:not(.button, .wp-block-button__link) {
  color: #ffffff;
} 
@media only screen and (min-width: 992px) {
    .blog-index-breaker-widgets {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        display: inline-flex;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%); 
    }
}

.hero-image-only img {
    min-width: 100%;
}

/* Product categories */
.product-categories.grid-container.four-cols {
    grid-template-columns: repeat(5,1fr);
}
.product-categories.grid-container.grid-gap-normal {
    grid-gap: 1.25rem;
}

@media only screen and (min-width: 992px) {   
    .product-category-block .prod-cat-card .content-holder .h4 {
        height: 10rem !important;
    }
}

@media only screen and (max-width: 430px) {
    .product-category-block .prod-cat-card .content-holder .h4 {
        height: 4rem !important;
        margin-bottom: 1rem;
    }
}


@media only screen and (max-width: 992px) { 
    .product-categories.grid-container.four-cols {
        grid-template-columns: repeat(2,1fr);
    }
}

@media only screen and (max-width: 430px) {
    .product-categories.grid-container.four-cols {
        grid-template-columns: repeat(1,1fr);
    }
}

/* Suggested Nozzle */
.results-wrapper {
    margin-right: auto;
    margin-left:  auto;
    margin-top: 20px;
    max-width: 550px;     
}

.nozzle-buttons .button {
    padding: 0.85em 2em;
    text-align: center;
}


/* nuzzle blow chart */

.flow-chart-wrapper {
    width: 500px;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.flow-chart-wrapper .background-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

.flow-chart-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2rem;
    display: flex;
}

.flow-chart-overlay.top-overlay {
    top: 0;
    z-index: 1;
    margin-top: 7%;
    font-weight: 700;
}

.flow-chart-overlay.bottom-overlay {
    margin-top: 48%;
}

.flow-chart-overlay.bottom-overlay .overlay-column {
    text-align: center;
}

.flow-chart-overlay.top-overlay .overlay-column {
    text-align: end;
}

/* Set widths of top overlay-columns */
.top-overlay .overlay-column:nth-child(1) {
    margin-left: 3.5rem;
    width: 6.8rem;
}

.top-overlay .overlay-column:nth-child(2) {
    width: 7rem;
}

.top-overlay .overlay-column:nth-child(3) {
    width: 13.8rem;
}

.top-overlay .overlay-column:nth-child(4) {
    width: 14rem;
}

/* Set widths of bottom overlay-columns */
.bottom-overlay .overlay-column:nth-child(1) {
    margin-left: 3.5rem;
    width: 6.8rem;
}

.bottom-overlay .overlay-column:nth-child(2) {
    width: 7rem;
}

.bottom-overlay .overlay-column:nth-child(3) {
    width: 13.8rem;
}

.bottom-overlay .overlay-column:nth-child(4) {
    width: 14rem;
}

@media only screen and (max-width: 430px) {
    .flow-chart-wrapper {
        max-width: 100%;
        object-fit: contain;
        max-height: 180px;
    }

    .flow-chart-wrapper .background-image {
        object-fit: contain;
    }

    .flow-chart-overlay.top-overlay {
        margin-top: 4%;
    }

    .flow-chart-overlay.bottom-overlay {
        margin-top: 37%;
    }

    /* Set widths of top overlay-columns */
    .top-overlay .overlay-column:nth-child(1) {
        margin-left: 4.1rem;
        width: 4.8rem;
    }

    .top-overlay .overlay-column:nth-child(2) {
        width: 5rem;
    }

    .top-overlay .overlay-column:nth-child(3) {
        width: 9.6rem;
    }

    .top-overlay .overlay-column:nth-child(4) {
        width: 9.8rem;
    }

    /* Set widths of bottom overlay-columns */
    .bottom-overlay .overlay-column:nth-child(1) {
        margin-left: 4.1rem;
        width: 4.8rem;
    }

    .bottom-overlay .overlay-column:nth-child(2) {
        width: 4.9rem;
    }

    .bottom-overlay .overlay-column:nth-child(3) {
        width: 9.6rem;
    }

    .bottom-overlay .overlay-column:nth-child(4) {
        width: 9.8rem;
    }
}

@media only screen and (max-width: 375px) {
    .flow-chart-wrapper {
        max-width: 100%;
        object-fit: contain;
        max-height: 180px;
    }

    .flow-chart-wrapper .background-image {
        object-fit: contain;
    }

    .flow-chart-overlay.top-overlay {
        margin-top: 5%;
    }

    .flow-chart-overlay.bottom-overlay {
        margin-top: 40%;
    }

    /* Set widths of top overlay-columns */
    .top-overlay .overlay-column:nth-child(1) {
        margin-left: 2.3rem;
        width: 4.6rem;
    }

    .top-overlay .overlay-column:nth-child(2) {
        width: 4.9rem;
    }

    .top-overlay .overlay-column:nth-child(3) {
        width: 9.2rem;
    }

    .top-overlay .overlay-column:nth-child(4) {
        width: 9.5rem;
    }

    /* Set widths of bottom overlay-columns */
    .bottom-overlay .overlay-column:nth-child(1) {
        margin-left: 2.3rem;
        width: 4.6rem;
    }

    .bottom-overlay .overlay-column:nth-child(2) {
        width: 4.9rem;
    }

    .bottom-overlay .overlay-column:nth-child(3) {
        width: 9.2rem;
    }

    .bottom-overlay .overlay-column:nth-child(4) {
        width: 9.5rem;
    }
}

/* Product feature field styling */
.single-prod-feature {
    padding-left: 2rem;
}

.single-prod-feature .product-feature {
    font-family: 'noto_sansbold';
    color: #0058a3;
}

.woocommerce .block-woo p.prod-feature {
    font-family: 'noto_sansbold', sans-serif;
    color: #3B4453;
}