/* Theme Name: jagro  Waregem
   Theme URI: https://g-zien.be/
   Author: g-zien
   Author URI: http://www.g-zien.be/
   Description: A WordPress theme frame work
   Version: 2.0
*/

/*-------------------
1. Modifity Bootstrap
--------------------*/
.row {
  margin-right: -0.85rem;
  margin-left: -0.85rem;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 0.85rem;
  padding-left: 0.85rem;
}

/*-------------------
  2. Theme Default CSS
  --------------------*/
:root {
  --main-color: #c49d41;
  --main-bg-color: #c49d41;
  --color-beige: #e9d7b4;
  --color-blue: #a37407;
  --color-blue-light: #c8dfee;
  --pane-padding: 5rem 0;
  --heading-family: 'century-gothic', sans-serif;
}
* {
  word-wrap: break-word;
}
a {
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: var(--main-color);
}
a:hover {
  color: #d69f12;
}
input:focus,
button:focus,
a:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}
img {
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--heading-family);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.55rem 0;
  font-weight: bold;
  color: inherit;
}
.h2,
h2,
h1,
.h1 {
  font-size: 2.33rem;
  margin-bottom: 1.25rem;
  line-height: 1;
}
h3,
.h3 {
  font-size: 2rem;
}
html {
  font-size: 16px;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-weight: 400;
  font-size: 100%;
  font-family: var(--heading-family);
  line-height: 1.8;
  color: #000;
  padding-top: 8rem;
}
img {
  max-width: 100%;
  height: auto;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
iframe {
  border: none;
}
a[href^='tel:'],
a[href^='tel:']:hover {
  text-decoration: none !important;
}
blockquote {
  border: 5px solid #004178;
  background-color: #fff;
  padding: 30px;
}
p {
  margin-bottom: 1.25rem;
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
.small,
small {
  font-size: 90%;
}
::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: var(--main-color);
}
::selection {
  color: #fff;
  background: var(--main-color);
}

/* =WordPress CSS
  -------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
textarea {
  display: block;
}
textarea,
textarea:focus {
  resize: none;
  outline: none;
  box-shadow: none;
}
input:focus,
select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0;
}
input[type='text'],
textarea,
input[type='email'],
input[type='tel'],
select {
  width: 100%;
  max-width: none;
}
input[type='submit'] {
  cursor: pointer;
}

/**
  *Helper-Classes
  **/

.site-blue-color {
  color: #002871;
}
.site-blue-bg {
  background-color: #002871;
}
.site-org-color {
  color: #bd5f2f;
}
.site-org-bg {
  background-color: #bd5f2f;
}
.bg-light {
  background-color: #eee;
}
.full-height {
  width: 100%;
  height: 90vh;
}
.relative {
  position: relative;
}
.fixed,
.absolute {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fixed {
  position: fixed;
}
.v-center-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.align-justify-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.v-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
}
.full-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover !important;
}
.description {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.bg-center {
  background-position: center !important;
  background-size: cover !important;
}
.bg-center-top {
  background-position: center top !important;
  background-size: cover !important;
}
.bg-right-center {
  background-position: right center !important;
  background-size: cover !important;
}
.white-text {
  color: #fff;
}
.black-text {
  color: #000;
}
.white-text * {
  color: inherit;
}
.white-text-link,
.white-text-link * {
  color: #fff !important;
}
.svg-white svg path {
  fill: #fff;
}
svg.svg-white path {
  fill: #fff;
}
.link-u a:hover {
  text-decoration: underline;
}
.link-u-none a:hover {
  text-decoration: none;
}
.space {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.margin {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.spaceT {
  padding-top: 4rem;
}
.spaceB {
  padding-bottom: 4rem;
}
.spaceMT {
  margin-top: 4rem;
}
.spaceMB {
  margin-bottom: 4rem;
}
.mb2_5 {
  margin-bottom: 2.5rem;
}
.z-high {
  position: relative;
  z-index: 1;
}
.overlay-color {
  box-shadow: inset 0 0 30rem 500rem rgba(0, 0, 0, 0.42);
}
.img-holder {
  position: relative;
}
.read-more {
  font-size: 0.85rem;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
}
.read-more:hover {
  text-decoration: none;
}
.link-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  height: 100%;
  z-index: 2;
}
input[type='submit'],
button[type='submit'] {
  cursor: pointer;
  margin-top: 0.75rem;
}
.clearfix:after,
.clearfix:after {
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
.lazy {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  object-fit: cover;
  background-color: var(--color-beige);
}
/*** Two Image - Combine ****/
.two_combine_images img {
  border: 0.25rem solid #fff;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  background-color: var(--main-color);
}
.two-combine-image-list-1 {
  width: 80%;
}
.two-combine-image-list-1 img {
  height: 29rem;
}
.two-combine-image-list-2 img {
  height: 22rem;
}
.img-container.two-combine-image-list-2 {
  width: 66%;
  transform: translateY(-16rem);
  text-align: right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
  margin-bottom: -16rem;
}

/*** Tri Image - Combine ****/
div[class*='tri-combine-image-list-'] {
  position: relative;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  border: 0.4rem solid white;
  transition: all ease-in-out 0.5s;
}
div[class*='tri-combine-image-list-'] img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e1b724;
  left: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/*** Diamond Image - Combine ****/
div[class*='diamond_images-list-'] {
  position: relative;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  border: 0.4rem solid white;
  transition: all ease-in-out 0.5s;
}
div[class*='diamond_images-list-'] img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  left: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/**
  *Default Button
  **/
.button {
  display: table;
  color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
  font-size: 0.95rem;
  text-transform: uppercase;
  min-width: 10rem;
  text-align: center;
  padding: 1.15rem;
  position: relative;
  text-decoration: none !important;
  overflow: hidden;
  font-weight: 700;
}
.button.small-btn {
  font-weight: normal;
  padding: 0.65rem 1.15rem;
  font-size: 0.85rem;
  font-weight: 600;
  min-width: 1px;
}
.button[type='submit'] {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}
.text-center .button {
  margin-left: auto;
  margin-right: auto;
}
.button:before {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  top: 0;
  transition: all ease-in-out 0.45s;
  transform: translateX(-100%);
  opacity: 0;
}
.button:hover:before {
  opacity: 1;
  transform: translateX(0);
}
.button span {
  position: relative;
  z-index: 1;
}
.brand-button_hover_dk {
  background-color: var(--main-color);
  color: #fff !important;
}
.black-button_hover_white {
  background-color: #000;
  color: #fff !important;
}
.black-button_hover_white:hover {
  color: #000 !important;
}
.black-button_hover_white:hover:before {
  background-color: #fff;
  color: #000 !important;
}
a[class*='_hover_dk']:hover:before,
button[class*='_hover_dk']:hover:before {
  background-color: var(--color-blue);
}
.brand-button:hover:before {
  background-color: #fff;
  opacity: 1;
}

.button:not(.cn-button) span {
  top: 0.055rem;
}
.button em {
  font-size: 0.72rem;
}
.blue-hover-org-button:focus {
  color: #fff;
}
.extra-size-button.button {
  padding-left: 1.65rem;
  padding-right: 1.65rem;
}

/**
  *List Style
  **/
ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
ul:not(.main-header-menu):not(.sub-menu):not(.menu):not(.default-menu):not(
    .do-listing-points
  ):not(.main-mobile-header-menu):not(.logo-gallery-listing):not(
    .gallery-listing
  ):not(.no-default-listing)
  li {
  padding-left: 1.75rem;
  position: relative;
  margin-top: 0.55rem;
}
ul:not(.main-header-menu):not(.sub-menu):not(.menu):not(.default-menu):not(
    .do-listing-points
  ):not(.main-mobile-header-menu):not(.logo-gallery-listing):not(
    .gallery-listing
  ):not(.no-default-listing)
  li:before {
  content: '';
  position: absolute;
  margin-left: calc(-1.75rem + 0.15rem);
  background: url(assets/img/checked.png) no-repeat left top;
  color: #fff;
  width: 0.85rem;
  height: 1.25rem;
  top: 0.3rem;
  background-size: 1.05rem;
}

/** 
       iFrame Responsive
  **/
.iframe {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/** 
       CF7
  **/
input[type='text'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
label {
  display: inline-block;
  margin-bottom: 0.25rem;
  margin-top: 0.35rem;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
.form-style-default input:not([type='radio']):not([type='checkbox']) {
  height: 3.5rem;
  padding: 0 1.15rem;
}
.form-style-default input:not([type='radio']):not([type='checkbox']),
.form-style-default textarea,
.form-style-default select {
  border-width: 0.05rem;
  border-style: solid;
  border-color: #cecece;
  color: #000;
  background-color: #fff;
  box-shadow: none;
}
.form-style-default textarea {
  height: 10rem;
  padding: 1.15rem;
}
.form-style-default select {
  height: 3.35rem;
  padding-left: 0.75rem;
  background: url(assets/img/drop-arrow.png) no-repeat calc(100% - 1rem) 55%;
  background-size: 0.85rem;
}
.form-style-default ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 1;
}
.form-style-default ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
.form-style-default :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 1;
}
.form-style-default :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 1;
}
.wpcf7-form-control-wrap {
  display: block;
}
div.wpcf7 .ajax-loader {
  background: url(../img/loader.gif) no-repeat !important;
  position: absolute;
  width: 20px !important;
  height: 20px !important;
  background-size: 20px !important;
  margin-top: 37px !important;
}
div.wpcf7-response-output {
  position: absolute;
  border: none;
  margin: 0 !important;
  line-height: 1;
  font-size: 0.85rem;
  border: none !important;
  color: #fff !important;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  text-align: center;
}
div.wpcf7-mail-sent-ok {
  color: #28a745 !important;
  text-align: center;
  font-weight: bold;
  padding-top: 0.75rem;
}
div.wpcf7-validation-errors,
div.wpcf7-spam-blocked {
  color: #f00 !important;
}
span.wpcf7-not-valid-tip {
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.25rem;
  background-color: red;
  color: #fff;
  line-height: 1;
}
/*.svg{
      opacity: 0
  }*/
/*svg.svg-loaded{
      opacity: 1
  }*/
.desc {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}
.form-description p {
  font-size: 1.15rem;
  line-height: 1.5;
}

/** Load More **/
.load-more-button {
  background-color: #f5bf35;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff !important;
  position: relative;
  cursor: pointer;
  min-width: 11em;
  font-weight: bold;
  font-size: 0.9em;
  transition: all ease-in-out 0.5s;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline-block;
  margin: 1rem auto 0;
  height: 3.75em;
  padding: 0;
  border-radius: 2.7rem;
  line-height: 3.75em;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
.loader {
  border: 3px solid #fff;
  border-radius: 50%;
  border-top: 3px solid #c2b4da;
  width: 2em;
  height: 2em;
  display: none;
  background: #eaeaea !important;
  position: relative;
  top: 9px;
  -webkit-animation: spin 1.15s linear infinite; /* Safari */
  animation: spin 1.15s linear infinite;
}
.load-more-button:hover {
  background-color: #000;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.disable-btn {
  pointer-events: none;
  cursor: default;
}

/**********
      Header
  ************/
.site-header {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.065);
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 5;
  font-weight: 500;
  background-color: #fff;
}
.site-logo {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  align-items: center;
}
.site-logo img {
  width: 4.8rem;
}
.header-grid__arrow{
    height: 100%;
    width: 150px;
    bottom: -50px;
    right: 0;
    background-image: url('assets/img/curved-arrow.svg');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
/** Header Main Top **/
.header-top {
  position: relative;
  font-size: 1rem;
  padding: 0.35rem 15px;
}
.header-top > div + div {
  margin-left: 2rem;
}
.header-top:before {
  content: '';
  position: absolute;
  left: -500%;
  bottom: 0;
  width: 1000%;
  height: 100%;
  z-index: -1;
  background-color: #000;
}
.header-phone a {
  color: #000;
}
.header-phone a:hover {
  color: var(--main-color);
}
.header-address svg {
  width: 1.5rem;
}
.header-phone svg path,
.header-address svg path {
  fill: var(--main-color);
}

/** Top **/
.header-aside-top {
  display: flex;
  margin-top: 0.8rem;
}
.header-aside-top a {
  color: #000;
}
.header-aside-top a:hover {
  color: #f5bf35;
}
.header-aside-top > div + div {
  margin-left: 1.5rem;
}
.header-email a:hover,
.header-phone a:hover {
  color: #b7892c !important;
}
.header-email svg path,
.header-phone svg path {
  fill: #f5bf35;
}
.header-email img,
.header-email svg,
.header-phone img,
.header-phone svg {
  vertical-align: middle;
  position: relative;
  margin-right: 0.25rem;
}
.header-email img,
.header-email svg {
  width: 1.1rem;
  top: -0.085rem;
}
.header-phone img,
.header-phone svg {
  width: 1.05rem;
  top: -0.05rem;
}
.header-top-middle > div + div {
  margin-left: 1.5rem;
}
.social-media {
  display: flex;
  justify-content: center;
}
.social-icon {
  width: 2.25rem;
  height: 2.25rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  margin: 0 0.25rem;
  color: #000 !important;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.social-media svg {
  width: 1.1rem;
}
.social-media svg path {
  fill: var(--main-color);
}
.social-icon em {
  color: #000 !important;
}
.social-icon:hover {
  background-color: var(--main-color);
}
.social-icon:hover svg path {
  fill: #fff;
}
.social-icon em {
  font-size: 0.9rem;
  line-height: 1.75rem;
}

/** Menu **/
.header-aside {
    width: calc(100% - 100px);
    display: flex;
    justify-content: flex-end;
}
.header-menu {
    font-size: 15px; /*0.825vw;*/
    letter-spacing: 1px;
}
.header-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -0.015rem;
  margin: 0;
}
.main-header-menu li,
.main-header-menu li a {
  position: relative;
}
.main-header-menu > li {
  margin: 0 0.1rem;
  overflow: hidden;
}
.main-header-menu > li:first-child {
  margin-left: 0;
}
.main-header-menu > li:last-child {
  margin-right: 0;
}
.main-header-menu > li.menu-item-has-children > a {
  padding-right: 2em;
}
.main-header-menu > li.menu-item-has-children > a:before {
  content: '\f107';
  font-family: 'FontAwesome', sans-serif;
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25em;
  line-height: 1;
}
.main-header-menu > li > a {
  display: block;
  padding: 2.25rem 0.55rem;
  color: #000;
  position: relative;
}
.main-header-menu > li > a:hover,
.main-header-menu > li.current-menu-item > a,
.main-header-menu > li.current_page_parent > a {
  color: #fff;
  background-color: var(--main-color);
}
.main-header-menu
  > li.current-menu-parent
  .sub-menu
  > li.current-menu-item
  > a {
  background-color: var(--color-blue);
}

.main-header-menu .sub-menu a {
  padding: 1em 2em;
}

.main-header-menu > li.menu-item-774:hover > .sub-menu,
.sub-menu > li:hover > .sub-menu {
  min-width: 150px;
}

.main-header-menu > li.menu-item-783:hover > .sub-menu,
.sub-menu > li:hover > .sub-menu {
  min-width: 200px;
}

@media (min-width: 1440px) {
  .main-header-menu > li.menu-item-774:hover > .sub-menu,
  .sub-menu > li:hover > .sub-menu {
    min-width: 200px;
  }

  .main-header-menu > li.menu-item-783:hover > .sub-menu,
  .sub-menu > li:hover > .sub-menu {
    min-width: 250px;
  }
}
@media (max-width: 1699px){
    .header-menu {
        font-size: 14px;
    }
}
@media (max-width: 1599px){
    .header-menu {
        font-size: 12px;
    }
}
@media (max-width: 1199px){
    .header-menu {
        font-size: 10px;
    }
}
/** Sub menu **/
.main-header-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--main-color);
  white-space: nowrap;
  color: #fff;
  width: 100%;
  max-height: 0;
  transition: all ease-in-out 0.75s;
  z-index: -1;
}
.main-header-menu > li:hover > .sub-menu,
.sub-menu > li:hover > .sub-menu {
  max-height: 750px;
  z-index: 1;
}
.main-header-menu .sub-menu a {
  padding: 0.5em 2em;
  display: block;
  color: white;
}
.main-header-menu .sub-menu a:hover {
    background-color: #a37407;
}
.main-header-menu .sub-menu li + li {
  border-top: 0.05rem solid rgba(255, 255, 255, 0.15);
}
.main-header-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  display: none;
}
.main-header-menu .sub-menu li:hover .sub-menu {
  display: block;
}
.main-header-menu .sub-menu > li.current-menu-item > a {
  padding-right: 2.5em;
}
.main-header-menu .sub-menu > li.current-menu-item > a:after {
  position: absolute;
  top: 50%;
  right: 0.75em;
  content: '\f105';
  font-family: 'FontAwesome', sans-serif;
  transform: translateY(-50%);
  font-size: 1.25em;
}
.main-header-menu .sub-menu > li.menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: 0.75em;
  content: '\f105';
  font-family: 'FontAwesome', sans-serif;
  transform: translateY(-50%);
  font-size: 1.25em;
}

/**** Mobile Menu *****/
.main-mobile-header-menu li {
  position: relative;
}
.main-mobile-header-menu li .sub-menu {
  display: none;
}
.sub-nav-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 49px;
  color: #fff;
  background-color: #002951;
  text-align: center;
  z-index: 1;
  font-size: 22px;
  font-weight: 400;
}
.sub-nav-close:before {
  content: '+';
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 49px;
}
.show-child-ul > .sub-nav-close:before {
  content: '-';
}

/**********
      Hero Banner
  ************/
.hero-banner {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
/* ------------------------------------------------------------
   Embedded video safety net -- added 2026-09-07.
   Bootstrap 4 constrains img but NOT video, so a core WordPress
   video block (<video width="1920" height="1080">) renders at its
   intrinsic pixel width and overflows the container. Scoped so it
   cannot touch the full-bleed .hero-banner video below.
   ------------------------------------------------------------ */
.wp-block-video,
.wp-block-embed {
  max-width: 100%;
}
.wp-block-video video,
.entry-content video,
.page-content-wrapper video {
  max-width: 100%;
  height: auto;
}

.hero-banner video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-banner h1 {
  font-size: 2.65rem;
  margin-bottom: 2.25rem;
  line-height: 1.3;
  text-shadow: 0 5px 2px rgba(0, 0, 0, 0.15);
  font-weight: 600;
}
.hero-banner-text {
  padding-left: 10%;
  padding-right: 10%;
}

/*****************
     Home Gallery
  *****************/
.home-gallery-view {
  overflow: hidden;
}
.home-gallery-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.home-gallery-listing li {
  width: calc(33.33% - 30px);
  margin: 15px;
}
.home-gallery-img-holder {
  height: 18.75rem;
  position: relative;
  overflow: hidden;
}

/*****************
     Home > Product Box
  *****************/
.home-our-products {
  padding: 4rem 9%;
  position: relative
}
.bg-product-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 75%;
}
.home-our-products:after {
  content: '';
  background-color: var(--main-color);
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.7;
  width: 100%;
  height: 75%;
}
.home-our-products .row {
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  padding: 1.1rem;
  background-color: #fff;
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.16);
}
.home-our-products .row > div {
  padding: 1.1rem;
  overflow: hidden;
  background-color: #fff;
}
.product-overlay-heading {
  font-size: 1.05vw;
  line-height: 1.4;
  font-weight: 500;
  font-family: var(--heading-family);
}
.product-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--main-color);
  padding: 1.15rem 1rem;
  font-family: var(--heading-family);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
  left: 0rem;
  right: 0rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
  z-index: 5;
  color: #fff;
  transition: all ease 0.45s;
}
.product-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 1.5rem;
}
.product-description {
  line-height: 1.6;
}
.product-box .product-description {
  font-size: 0.85vw;
}
.product-box a.less-more {
  font-size: 0.95vw;
}
.product-box .less-more svg,
.product-box .less-more img {
  width: 1.5vw;
  margin-left: 1rem;
  height: 1.5vw;
}
.product-box h2 {
  transition: all ease-in-out 0.45s;
  text-shadow: 0 5px 2px rgba(0, 0, 0, 0.15);
}
.product-box h2,
.product-box .h2 {
  text-transform: none;
}
.product-box .full-image {
  /* box-shadow: inset 0 0 10rem 500rem rgba(0, 0, 0, 0); */
}
.product-box {
  height: 22.5rem;
}
.product-col-2 > div:first-child {
  margin-bottom: 20px;
}
.product-col-2 > div + div {
  margin-top: 20px;
}
.product-overlay {
  position: absolute;
  top: 0rem;
  height: 100%;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  transform: translateY(100%);
  transition: all ease-in-out 0.45s;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background-color: #c49d40e6;
}
.product-box:hover .product-overlay {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.product-box:hover .product-button {
  opacity: 0;
  visibility: hidden;
}
a.less-more {
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-family: var(--heading-family);
  position: relative;
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.less-more svg,
.less-more img {
  width: 1.75rem;
  margin-left: 1rem;
  height: 1.75rem;
}
.less-more svg path {
  fill: #ffffff;
}
a.less-more:hover {
  text-decoration: none;
  color: var(--main-color);
}
.product-box:hover a.less-more svg path {
  /* fill: var(--main-color); */
  fill: white;
}
.product-box:hover a {
  color: white;
}

/**********
      Home Default - Content
  ************/
.page-content-wrapper .h2,
.page-content-wrapper h2 {
  margin-bottom: 0.72rem;
}
.home-content-img {
  margin-top: 2rem;
  padding: 1rem 5rem;
  border-radius: 1.01rem;
}

/**********
      Client Review
  ************/
.client-review-inner {
  position: relative;
}
.full-round {
  border-radius: 50%;
}
.client-review h2,
.client-review .h2 {
  margin-bottom: 2rem;
}
.testimonial-item-wrap .slick-track {
  display: flex;
}
.testimonial-item {
  padding: 2rem 2.5rem;
  float: none;
  height: auto;
  border-radius: 1.25rem;
  display: flex !important;
  align-items: center;
  position: relative;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.no-bg-img {
  background-color: #222221;
}
.testimonial-item-wrap > div:nth-child(odd) > img,
.slick-track > div:nth-child(odd) > img {
  box-shadow: inset 0 0 11rem 12rem rgba(245, 191, 53, 0.85);
}
.testimonial-item-wrap > div:nth-child(even) > img,
.slick-track > div:nth-child(even) > img {
  box-shadow: inset 0 0 11rem 12rem rgba(0, 0, 0, 0.8);
}
.testimonial-item > img {
  border-radius: 1.25rem;
}
.testimonial-item:focus {
  outline: none;
}
.testomonial-author .h5 {
  margin-top: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: 1px;
  font-size: 1rem;
}
.testimonial-content {
  line-height: 1.4;
  margin-bottom: 0.83rem;
}
.author-image {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  border: 0.25rem solid #fff;
  background-color: #fff;
  margin-bottom: 0.25rem;
}
.slick-track .testimonial-item {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.66rem;
  opacity: 0.85;
  color: #e6ac16;
}
.slick-prev:before {
  content: '\f053';
}
.slick-next:before {
  content: '\f054';
}
.slick-prev,
.slick-next {
  width: 1.11rem;
  height: 1.11rem;
}
.slick-prev {
  left: -1.38rem;
}
.slick-next {
  right: -1.38rem;
}

/******************
      Home - News Section
  ********************/
.home-news-section {
  position: relative;
}
.home-news-section > .full-image {
  box-shadow: inset 0 0 5rem 20rem rgba(0, 0, 0, 0.65);
}

/******************
      Home - END
  ********************/

/******************
     Inner Banner
  ********************/
.inner-banner {
  background-color: rgba(0, 0, 0, 0.85);
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
  height: 27.5rem;
}
.inner-banner h1,
.inner-banner .h1 {
  margin-bottom: 0;
  font-size: 3rem;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.inner-banner > .img {
  opacity: 0.69;
  background-position: center !important;
}

/**********************
      Page : Service
  ************************/

/**********************
      Page : Contact
  ************************/
.contact-strip-box-outer {
  margin-top: -3.5rem;
  position: relative;
}
.contact-strip-box svg path {
  fill: #ffffff;
}
.contact-strip-box {
  background-color: var(--main-color);
  padding: 2rem;
  color: #fff;
}
.contact-strip-box ul {
  display: flex;
  margin-top: 0;
  align-items: center;
  justify-content: space-between;
}
.cta-address {
  display: flex;
  align-items: center;
}
.contact-via {
  font-family: var(--heading-family);
  display: block;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
}
.cta-email,
.cta-phone {
  position: relative;
}
.cta-phone {
  font-family: var(--heading-family);
  font-weight: bold;
}
.cta-phone a,
.cta-email a {
  display: flex;
  font-family: var(--heading-family);
  align-items: center;
}
.cta-email,
.cta-phone {
  display: flex;
  align-items: center;
}
.cta-contact-list {
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.cta-contact-list > li > img,
.cta-contact-list > li > svg {
  margin-right: 0.75rem;
}
.cta-address img,
.cta-address svg {
  width: 2.75rem;
  max-height: 2.45rem;
}
.cta-email img,
.cta-email svg {
  width: 3.35rem;
  max-height: 3rem;
}
.cta-phone img,
.cta-phone svg {
  width: 3.35rem;
  max-height: 3rem;
}
.cta-contact-list svg path {
  fill: #fff;
}
.cta-contact-list .cta-social svg path {
  fill: #b7892c;
}
.cta-social .social-icon {
  width: 2.75rem;
  height: 2.75rem;
}
.cta-social .social-icon:hover {
  background-color: #000;
}
.cta-social .social-icon:hover svg path {
  fill: #fff;
}
.contact-by {
  height: 13rem;
  position: relative;
  padding: 15px;
  background-color: var(--main-color);
  transition: all ease-in-out 0.45s;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.12);
  border: 0.25rem solid #ffffff;
}
.contact-by svg,
.contact-by img {
  max-height: 2.75rem;
}
.contact-by .h4 {
  margin-bottom: 0;
  margin-top: 1.5rem;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.contact-by .h4 a {
  color: #fff !important;
  text-decoration: none !important;
}
.contact-by-address .h5 span {
  display: block;
}
.contact-by-address .h5 span:first-child:after {
  content: ',';
}

/** Contact Form / Map **/
.contact-page-wrapper {
  background-color: #eee;
}
.map-view {
  height: 40rem;
  width: 63%;
  position: relative;
}
.map-view iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.more-location-hour {
  width: 37%;
  background-color: var(--main-color);
}
.more-location-hour-inner {
  padding: 3rem;
}
.more-location-heading {
  font-size: 1.9vw;
  line-height: 1.5;
  margin-bottom: 2.25rem;
  display: inline-block;
  font-weight: bold;
  font-family: var(--heading-family);
  text-transform: uppercase;
  border-bottom: 0.2rem solid #fff;
  padding-bottom: 0.25rem;
}
.more-location-hour-inner .office-timing p strong {
  width: 10rem;
}
.main-contact-form {
  background-color: #fff;
  position: relative;
  padding: 2.25rem;
  z-index: 1;
  border: 1px solid #eee;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
}
.contact-field-group .contact-field {
  margin: 0.75rem 0;
}
.contact-field-group .contact-field.contact-field-textarea {
  margin-top: 1.65rem;
}
.wpcf7-acceptance {
  display: block;
}
.wpcf7-acceptance > span {
  margin-left: 0;
  display: block;
}
.wpcf7-checkbox > span {
  margin-left: 0;
  margin-right: 1.25rem;
}
.wpcf7-acceptance label,
.wpcf7-checkbox label {
  position: relative;
  line-height: 1;
}
.wpcf7-acceptance input,
.wpcf7-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.wpcf7-acceptance .wpcf7-list-item-label {
  display: flex;
}
.wpcf7-acceptance .wpcf7-list-item-label:before,
.wpcf7-checkbox .wpcf7-list-item-label:before {
  width: 1.35rem;
  height: 1.35rem;
  content: '';
  margin-right: 0.45rem;
  display: inline-block;
  border: 1px solid #ccc;
  vertical-align: middle;
  position: relative;
  transform: translateY(-0.1rem);
  border-radius: 0.2rem;
}
.wpcf7-acceptance input:checked + span:before,
.wpcf7-checkbox input:checked + span:before {
  background-color: #f5bf35;
  border: 1px solid #f5bf35;
}
.wpcf7-acceptance input:checked + .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:after {
  content: '✓';
  position: absolute;
  top: 0.05rem;
  left: 0;
  width: 1.35rem;
  height: 1.35rem;
  text-align: center;
  color: #fff;
}
.acceptance-field .wpcf7-not-valid-tip {
  display: none !important;
}
.acceptance-field .wpcf7-not-valid {
  color: red;
}
.acceptance-field {
  margin-top: 1.15rem;
}
.gm-style-iw-d {
  overflow: auto !important;
}
.gm-style .gm-style-iw-c {
  background: #f5bf35; /* Old browsers */
  padding: 0;
  color: #000;
}
.map-info-window {
  padding: 10px;
}
.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
  background-color: #fff !important;
  opacity: 1 !important;
  border-radius: 0 0 0 15px !important;
}
.gm-style .gm-style-iw-t::after {
  background: #f5bf35;
}
.gm-style-iw-d p {
  margin: 5px 0;
  max-width: 254px;
  letter-spacing: 0.1rem;
}
.map-site-name {
  font-size: 1.025rem;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.map-location-nap a {
  text-decoration: underline;
}
.gm-style .gm-style-iw {
  font-weight: normal !important;
}
.map-address {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.map-location-nap a {
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
}

/*****************
     Page : Newsletter
  *******************/
.newsletter-content-wrapper > div:not(.newsletter-form-outer) {
  text-align: center;
}
.newsletter-content-wrapper .container > p {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.newsletter-content-wrapper h2 {
  text-transform: inherit;
}
.newsletter-form-outer,
.not-found-form-outer {
  border: 1px solid #efefef;
  padding: 2rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin-top: 2rem;
  text-align: left;
}

/*****************
     MERKEN
  *******************/
.logo-gallery-view-outer {
  padding: 2rem;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  margin: 2rem 0;
}
.logo-gallery-view-outer:last-child {
  margin-bottom: 0;
}
.logo-gallery-listing {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  justify-content: center;
  padding: 0;
}
.logo-gallery-listing li {
  width: calc(33.33% - 1rem);
  margin: 0.5rem;
  padding: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.875rem;
  border: 1px solid #cecece;
}
.logo-gallery-listing li .w-100 {
  padding: 1.5rem;
  text-align: center;
}
.logo-gallery-listing li img {
  max-height: calc(11.875rem - 1.5rem);
  width: 100%;
  transform: scale(0.95);
  transition: all ease-in-out 0.45s;
}
.logo-gallery-listing li:hover img {
  transform: scale(1);
}
.logo-gallery-listing li:hover {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.bg-light-blue {
  background-color: #cddde6 !important;
}

/*****************
     Our Gallery
  *******************/
.gallery-listing {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.gallery-listing li {
  width: calc(100% / 2);
}
.gallery-listing li:nth-child(4n + 2) {
  border-width: 4rem 8rem 4rem 4rem;
  border-style: solid;
  border-color: #fff;
}
.gallery-listing li:nth-child(4n + 3) {
  border-width: 4rem 4rem 4rem 8rem;
  border-style: solid;
  border-color: #fff;
}
.gallery-img-holder {
  height: 33.15rem;
  position: relative;
  overflow: hidden;
}
.gallery-img-holder img,
.gallery-img-holder .img {
  background-position: center top !important;
  background-size: cover !important;
  border: 2px solid #fff;
  object-fit: cover;
  object-position: top;
}
.gallery-img-holder a:after,
.common-gallery-img-holder a:after {
  content: '';
  background: #cbcbcb url(assets/img/zoom-black.png) no-repeat center;
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.gallery-img-holder:hover a:before,
.common-gallery-img-holder:hover a:before {
  transform: translateY(100%);
}

/*****************
    CTA
  *******************/
.cta-section {
  background-color: var(--main-color);
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #fff;
  box-shadow: inset 0 0 10rem 500rem rgba(183, 137, 44, 0.4);
}
.cta-section .h2 {
  line-height: 3rem !important;
}

/*****************
     404 found
  *******************/
.not-found-form-outer button {
  max-width: 250px;
  display: block;
  margin: 20px auto 0 !important;
}

/*****************
     Blog
  *******************/
.blog-image-holder {
  height: 16.5rem;
  position: relative;
  margin: -2px -1px;
  overflow: hidden;
}
.blog-image-holder img {
  object-fit: cover;
  object-position: top;
}
.default-blog-thumbnail {
  background-color: #002872;
}
.blog-loop-content-col {
  border: 1px solid rgba(112, 112, 112, 0.12);
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 3.5rem;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.075);
}
.blog-loop-content-bottom {
  padding: 1.15rem 1.15rem 0;
}
.blog-title {
  margin-bottom: 0.55rem;
  line-height: 1.3;
}
.blog-title a {
  font-weight: bold;
  color: #000;
}
.blog-title a:hover {
  color: #f5bf35;
}
.blog-loop-content-col .read-more {
  position: absolute;
  bottom: 1.15rem;
}
.post-published {
  font-size: 0.778rem;
  color: #000;
  opacity: 0.65;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.blog-detail-featured-img {
  margin-bottom: 2rem;
  outline: 1px solid #ccc;
  outline-offset: 0.35rem;
  max-height: 25rem;
  width: auto;
}
.blog-single-content-wrapper .post-published {
  padding-bottom: 0.5rem;
}
.single-post-content {
  padding-top: 1.25rem;
  display: inline-block;
  border-top: 1px solid #e2e2e2;
}
.site-breadcrumb {
  width: 100%;
  text-align: left;
  z-index: 1;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.site-breadcrumb a {
  font-weight: 700;
}
.single.single-post .inner-banner {
  padding-bottom: 6.15rem;
}
.single.single-post h1 {
  text-transform: none;
}

/**********
      Footer
  ************/
.site-footer {
  background-color: #000;
  position: relative;
  overflow: hidden;
  font-size: 0.85rem;
}
.site-footer a {
  color: #fff;
}
.site-footer .footer-main-grid .menu a {
  text-decoration: none;
}
.footer-email:hover svg path,
.footer-phone:hover svg path {
  fill: var(--main-color);
}
.footer-main-grid {
  position: relative;
}
.footer-heading {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 1.55rem;
  display: inline-block;
  font-weight: bold;
  font-family: var(--heading-family);
  text-transform: uppercase;
  border-bottom: 0.15rem solid var(--main-color);
  padding-bottom: 0.25rem;
}
.site-footer .footer-main-grid .menu a:hover,
.footer-email:hover,
.footer-phone:hover,
.footer-phone:hover a {
  color: var(--main-color);
}

/** Footer 1 **/
.footer-logo img {
  width: 4.8rem;
}
.footer-address {
  display: flex;
  align-items: center;
}
.contact-via {
  font-family: var(--heading-family);
  display: block;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
}
.footer-email,
.footer-phone {
  position: relative;
}
.scratched-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.footer-phone {
  font-family: var(--heading-family);
  font-weight: bold;
}
.footer-phone a,
.footer-email a {
  display: flex;
  font-family: var(--heading-family);
  align-items: center;
}
.footer-email,
.footer-phone {
  display: flex;
  align-items: center;
}
.footer-contact-list {
  margin-top: 1.75rem;
  margin-bottom: 0;
}
.footer-contact-list img,
.footer-contact-list svg {
  width: 2.25rem;
  margin-right: 0.75rem;
}
.footer-contact-list img,
.footer-contact-list svg {
  width: 2.35rem;
  margin-right: 0.75rem;
}
.footer-contact-list svg path {
  fill: #fff;
}
.footer-contact-list li {
  margin-top: 1.5rem;
}

/** Footer 2 **/
.office-timing p {
  margin-bottom: 0.8rem;
}
.office-timing p strong {
  display: block;
  /* width: 6rem; */
}

/** Footer 3 **/
.footer-nav {
  line-height: 1.45;
}
.footer-nav li + li {
  margin-top: 0.75rem;
}

/** Footer 4 **/
.site-footer .social-footer-heading {
  display: block !important;
  margin-bottom: 0.75rem;
  margin-top: 3rem;
  border-bottom: 0;
  padding-bottom: 0;
}
.site-footer .social-media {
  justify-content: flex-start;
}
.design-develop-by {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*** Footer Bottom *****/
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--main-color);
  font-size: 0.75rem;
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-bottom-row > div {
  margin-top: 0.85rem;
  margin-bottom: 0.85rem;
}
.footer-bottom-nav {
  display: inline-flex;
}
.footer-bottom-nav li {
  position: relative;
}
.footer-bottom-nav li:after {
  content: '';
  height: 1rem;
  width: 0.1rem;
  display: inline-block;
  background-color: #fff;
  margin: 0 0.75rem;
  vertical-align: middle;
  position: relative;
  transform: translateY(-0.15rem);
}

/**************************************/
/***********Back to top***************/
/**************************************/
.bottom-to-top:hover,
.bottom-to-top:focus,
.bottom-to-top:active {
  outline: none;
  text-decoration: none;
}
.scrollup {
  display: none;
}
.bottom-to-top span {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.4s;
}
.top-to-bottom span {
  transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  left: -2px !important;
}
.bottom-to-top,
.scrollup {
  background: var(--main-color);
  bottom: 1.5rem;
  height: 3.5rem;
  position: fixed;
  right: 2rem;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 3.5rem;
  z-index: 9;
  border: 1px solid #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.top-to-bottom img,
.bottom-to-top img,
.scrollup img {
  margin-top: -0.2rem;
}

/*** Others ***/
.grecaptcha-badge {
  display: none !important;
}
.cookie_btn {
  background-color: #000 !important;
  text-transform: uppercase;
  font-size: 0.75rem !important;
  min-width: 7rem !important;
  vertical-align: middle;
  padding: 0.25rem;
}

#cookie-notice .cn-button {
  margin-left: 10px;
  overflow: hidden;
  margin-top: 0px !important;
}
.cookie-notice-container > span {
  display: inline-block !important;
  vertical-align: middle;
}
.cn-buttons-container > a {
  display: inline-block;
  vertical-align: middle;
}
span#cn-notice-text {
  width: 60%;
  text-align: left;
}

@media (min-width: 768px) {
  .footer-col-2 {
    max-width: 15rem;
  }
}

@media all and (-ms-high-contrast: none) {
  svg {
    max-height: 2rem;
  }
  .top-to-bottom img,
  .bottom-to-top img,
  .scrollup img {
    width: 2.25rem;
    max-width: 100%;
  }
}
.cart-webshop-button span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-webshop-button span svg,
.cart-webshop-button span img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
}

/****** 
WAARDEN - home
*****/
.home-waarden-section .h2 {
  text-align: center;
  text-transform: uppercase;
}

.home-waarden-section .wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: baseline;
}

.home-waarden-section .row {
  width: 100%;
  justify-content: center;
}

.home-waarden-section img {
  width: 90%;
  max-width: 200px;
}
.home-waarden-section .h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}

@media (min-width: 768px) {
  .home-waarden-section {
    margin: 100px 0;
    padding-bottom: 80px;
  }
  .home-waarden-section .wrapper {
    justify-content: space-between;
    margin-top: 50px;
  }
  .home-waarden-section .row {
    max-width: calc(100% / 5);
  }

  .home-waarden-section .row > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .home-waarden-section img {
    width: 90%;
  }
}

/* new grid */

.grid_images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
div[class*='grid_images-list-'] img {
  aspect-ratio: 1 / 1;
  max-width: none;
  width: 100%;
}

.grid_images-list-1 {
  width: calc((100% / 3) - 5px);
}

.grid_images-list-1 img {
  aspect-ratio: 3 / 4.57 !important;
}

.grid_images-list-2 {
  width: calc(calc((100% / 3) * 2) - 5px);
}

.grid_images-list-2 img {
  aspect-ratio: 4 / 3 !important;
}

.grid_images-list-3,
.grid_images-list-4 {
  width: calc((100% / 2) - 5px);
}

@media (min-width: 992px) {
}

@media (min-width: 2000px) {
  .grid_images-list-1 img {
    aspect-ratio: 3 / 4.54 !important;
  }
}

.img-container,
.inner-banner,
.wp-block-image {
  position: relative;
}

.img-container::after,
.wp-block-image::after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 17px;
  background: url('../jagro/assets/img/white-lines.svg') repeat-x;
  display: block;
}

.inner-banner::before {
  content: '';
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  height: 17px;
 /* background: url('../jagro/assets/img/color-lines.svg') repeat-x; */
  display: block;
  z-index: 1;
}

.inner-banner::after {
  content: '';
  position: absolute;
  bottom: 40px;
  right: 0;
  width: 10%;
  height: 17px;
 /* background: url('../jagro/assets/img/white-lines.svg') repeat-x; */
  display: block;
  z-index: 2;
}

/***
**   FAQ
***/
.faq-section {
  margin: 10rem 0;
}

.faq-section .h2 {
  text-align: center;
  margin-bottom: 40px;
}

.faq-item {
  width: 100%;
  margin-bottom: 20px;
}

.faq-item__question {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 1rem 2rem;
  text-align: left;
  background-color: var(--main-color);
  border-radius: 0;
  overflow-anchor: none;
  color: white;
  font-size: 16px;
}

.faq-item__question::after {
  content: '';
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.faq-item__answer {
  padding: 2rem;
  margin-top: 0;
  display: none;
  border: 1px solid transparent;
}

/* FAQ - SHOW */

.faq-item.show .faq-item__question {
}

.faq-item.show .faq-item__question::after {
  transform: rotate(-180deg);
}

.faq-item.show .faq-item__answer {
  display: block;
  border-color: var(--main-color);
}

.extra-text .col-lg-6 {
  margin-bottom: 40px;
}

.wp-block-columns {
  gap: 40px;
}

@media (min-width: 768px) {
  .wp-block-columns {
    gap: 0px;
  }
}


.webshop__select {
    appearance: none; /* removes default arrow */
    -webkit-appearance: none;
    -moz-appearance: none; 
    width: 100%;
    max-width: 9rem;
    background-color: #c49d41;
    padding-left: 1rem;
    border: 1px solid #FFF;
    border-radius: 0;
    margin-left: 1.5rem;
    font-size: 0.9rem;
    cursor: pointer;
    background-image: url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.5rem;
}
.webshop__select option{
    cursor: pointer
}