/*
Theme Name: The Pageking Framework
Theme URI: https://www.pageking.nl
Version: 2.0
Description: Framework of the kings
Author: Pageking - Full swing digital agency
Author URI: https://www.pageking.nl
template: bb-theme
*/

/* Add your custom styles here... */ 



.fl-animated.fl-fade-up {
	animation: fl-fade-up 1s ease;
	-webkit-animation: fl-fade-up 1s ease;
}

@-webkit-keyframes fl-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fl-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




.fl-animated.fl-fade-down {
	animation: fl-fade-down 1s ease;
	-webkit-animation: fl-fade-down 1s ease;
}
@-webkit-keyframes fl-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fl-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}











/************************/
/* ALGEMEEN RODENBURG CORPORATE */
/************************/
  
  .cmplz-document .fl-page-content{
      margin-top: 150px;
  }
  
  
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button:hover svg path{
      fill: #14173C !important;
  }
  
  
  .owl-nav.pp-carousel-nav > button > span svg{
      background-color: transparent !Important;
  }
  
  
  .owl-nav.pp-carousel-nav > button,
  .owl-nav.pp-carousel-nav > button:hover{
      background-color: transparent !important;
      width: auto !important;
  }
  
  body #cases .owl-nav button:not(.disabled):hover svg{
      background-color: transparent !important;
  }
  
  .owl-nav.pp-carousel-nav > button > span{
      
  }
  
  .fl-page{
      overflow: hidden !important;
  }
  
  .otgs-development-site-front-end{
      display: none;
  }
  
  * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  button.cc-revoke.cc-bottom:active,
  #cmplz-manage-consent .cmplz-manage-consent:active{
      top: unset !important;
      bottom: 0px !important;
      position: fixed !important;
  }
  
  a, a:hover, a:active, a:visited, a:focus {
      text-decoration:none!important;
  }
  /* ALTIJD ANIMATIE OP KNOPPEN */
  a.fl-button {
      transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
  }
  /* ONDERSTREPING IN TEKSTVELDEN AAN */
  .fl-rich-text a {
      text-decoration: underline !important;
  }
  /* ALS ER MAAR 1 ALINEA IS, GEEN MARGIN GEVEN */
  p:only-child {
      margin: 0;
  }
  
  .fl-col-small {
      max-width: 100%;
  }
  
  
  /*LIST STYLE UL OL*/
  .site-inner ul li, .site-inner ol li{
      list-style-position: inside;
  }
  
  .site-inner ul li{
      list-style-type: disc;
  }
  
  .site-inner ol li{
      list-style-type: decimal;
  }
  
  /*VERWIJDERD OMLIJNING POSTGRID*/
  .fl-post-grid-post {
      border: 0px solid #e6e6e6;
  }
  
  /* video player lightbox */
  .fl-button-lightbox-wrap .mfp-content{
      background: transparent !important;
  }
  
  .mfp-iframe{
      border: 0px !Important;
  }
  
  div.mfp-wrap .mfp-content button.mfp-close{
      background: transparent !important;
      color: white !important;
      font-size: 39px !important;
      margin-top: -30px !important;
      margin-right: -20px !important;
  }
  
  .accordion .accordion-content {
      max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out;
  }
  
  /************************/
  /**** CSS PER RIJ/ID ****/
  /************************/
  
  @keyframes scroll_down_pulse{
      from{ transform: translateX(8px); }
      to{ transform: translateX(12px); }
  }
  
  green{
      color: #00BC85 !important;
  }
  
  white{
      color: #fff !important;
  }
  
  normal{
      font-family: "Figtree",sans-serif;
  }
  
  .fl-page > .fl-page-content .fl-builder-content > .fl-row:first-child:not(.custom_padding_top) > .fl-row-content-wrap{
      padding-top: 120px;
  }
  
  .fl-page .fl-module .fl-post-grid-post{
      border: none;
  }
  
  .grid-full-col-left > .fl-col-content{
      padding-left: calc((100vw - 1300px) / 2);
  }
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button{
      transition: all .3s ease-in-out;
      padding: 0; 
      top: -55px;
      left: auto; right: 25px;
      width: 40px !important;
      height: 40px;
      background-color: #00bc85 !important;
      border-radius: 100px;
  }
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button.disabled{
      pointer-events: none;
  }
  
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button:hover{
      background-color: #fff !important;
  }
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button.disabled{
      opacity: .5;
  }
  
  .fl-page .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev{
      right: 81px;
  }
  .fl-page .fl-module .pp-content-post-carousel .owl-nav button svg {
      border-radius: 50%;
  }
  
  .fl-page .fl-module .pp-content-post-carousel .owl-nav button svg path {
    fill: #14173c;
  }
  
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots{
      display: flex;
      width: calc(100% - 50px);
      margin-top: 60px;
      margin-left: 25px;
  }
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot{
      width: 100%;
  }
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot span{
      margin: 0;
      border-radius: 0;
      height: 3px;
      width: 100%;
  }
  
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot:first-child span{
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
  }
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot:last-child span{
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
  }
  
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot span{
      background: rgba(0, 0, 0, .1);
  }
  .fl-page .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots .owl-dot.active span{
      background: #00bc85;
  }
  
  
  .fl-module.fl-module-button a.fl-button .fl-button-text{
      text-decoration: underline !important;
  }
  
  .fl-module-button.arrow a.fl-button,
  .fl-builder-pagination-load-more a.fl-button{
      top: 0;
      background: transparent;
  }
  
  .fl-builder-pagination-load-more{
      padding-top: 20px; padding-bottom: 0;
  }
  .fl-page .fl-module .fl-builder-pagination-load-more a.fl-button{
      padding: 0;
      font-size: 20px; line-height: 1;
      background: transparent; 
  }
  
  .fl-module-button.arrow svg,
  .fl-builder-pagination-load-more a.fl-button svg,
  #cases .pp-content-grid-post-more-link svg,
  #cases .fl-post-more-link svg,
  #jobs .fl-post-more-link svg{
      transition: all .3s ease-in-out;
      transform: translateX(8px);
      width: .5em !important; height: .5em !important;
  }
  
  /*.fl-builder-pagination-load-more a.fl-button svg{*/
  /*    transform: translate(0px, -6px);*/
  /*    rotate: 90deg; transform-origin: center;*/
  /*}*/
      
  .fl-module-button.arrow svg path,
  .fl-builder-pagination-load-more a.fl-button svg path,
  #cases .pp-content-grid-post-more-link svg path{
      fill: currentColor;
  }
  
  .fl-module-button.arrow a.fl-button:hover svg,
  .fl-module-button.arrow a.fl-button:focus svg,
  #cases .post-link:hover .pp-content-grid-post-more-link svg,
  #cases .post-link:focus .pp-content-grid-post-more-link svg,
  #cases .post-wrapper > a:hover ~ .fl-post-text .fl-post-more-link svg,
  #cases .post-wrapper > a:focus ~ .fl-post-text .fl-post-more-link svg,
  #jobs .fl-post-more-link a:hover svg,
  #jobs .fl-post-more-link a:focus svg{
      transform: translateX(12px);
  }
  
  
  .fl-page .fl-module .owl-nav button svg{
      transition: all .3s ease-in-out;
  }
  
  .fl-page .fl-module .owl-nav button.disabled{
      cursor: default;
  }
  
  
  
  
  /*#cases .pp-content-grid-post-text{*/
  /*    transition: all .3s ease-in-out;*/
  /*}*/
  
  /*#cases .post-link:hover .pp-content-grid-post-text,*/
  /*#cases .post-link:focus .pp-content-grid-post-text{*/
  /*    opacity: .98;*/
  /*}*/
  
  .fl-builder-pagination-load-more a.fl-button:hover svg{
  /*.fl-builder-pagination-load-more a.fl-button:focus svg{*/
      transform: translate(2px, -6px);
  }
  
  .fl-page .fl-module .pp-content-posts-inner{
      overflow: visible;
  }
  
  .fl-page .fl-module-rich-text p strong{
      font-family: "Figtree",sans-serif;
      font-weight: 700; font-size: 18px;
  }
  
  
  #hero > .fl-row-content-wrap{
      min-height: 100vh;
  }
  
  #hero_scroll_down{
      position: absolute;
      right: calc((100vw - 1260px) / 2); bottom: 40px;
  }
  #hero_scroll_down > .fl-module-content{
      transform-origin: top right;
      transform: rotate(90deg);
      margin: 0;
  }
  #hero_scroll_down a.fl-button{
      font-size: 17px; line-height: 1;
  }
  #hero_scroll_down a.fl-button .fl-button-text{
      text-decoration: none !important;
  }
  
  #hero_scroll_down a.fl-button svg{
      animation: scroll_down_pulse .8s infinite alternate;
  }
  
  
  
  
  /*Building blocks*/
  #grid_building_blocks .fl-post-grid:before,
  #grid_building_blocks .fl-post-grid:after{
      display: none;
  }
  
  #grid_building_blocks .fl-post-grid-post{
      overflow: visible;
  }
  
  #grid_building_blocks .fl-post-grid .fl-post-column{
      width: 100%;
      height: 100%;
  }
  
  #grid_building_blocks .fl-post-grid .fl-post-column .fl-post-wrapper{
      transition: all .3s ease-in-out;
  }
  
  #grid_building_blocks .fl-post-grid .fl-post-column .fl-post-more-link path{
      fill: currentColor;
  }
  
  #grid_building_blocks .fl-post-column:first-child .fl-post-wrapper{
      background: #00BC85;
  }
  #grid_building_blocks .fl-post-column:first-child .shapes svg{
      bottom: 0; left: 0;
      rotate: 90deg;
  }
  
  #grid_building_blocks .fl-post-column:first-child a:hover .fl-post-wrapper{
      background: #14173c;
  }
  #grid_building_blocks .fl-post-column:first-child a:hover .fl-post-title,
  #grid_building_blocks .fl-post-column:first-child a:hover .fl-post-more-link svg{
      color: #00BC85;
  }
  
  
  #grid_building_blocks .fl-post-column a .shapes{
      transition: all 0.3s;
  }
  
  
  #grid_building_blocks .fl-post-column:nth-child(2) .fl-post-wrapper{
      background: #FF603B;
  }
  #grid_building_blocks .fl-post-column:nth-child(2) .shapes svg{
      right: 0;
      bottom: 0;
  }
  #grid_building_blocks .fl-post-column:nth-child(2) .shapes svg path{
      fill: #00BC85;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(2) .shapes svg.second-shape{
      right: -45%; bottom: 0;
      rotate: 90deg;
  }
  #grid_building_blocks .fl-post-column:nth-child(2) .shapes svg.second-shape path{
      fill: #4EADC9;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(2) a:hover .fl-post-wrapper{
      background: #14173c;
  }
  #grid_building_blocks .fl-post-column:nth-child(2) a:hover .fl-post-title,
  #grid_building_blocks .fl-post-column:nth-child(2) a:hover .fl-post-more-link svg{
      color: #FF603B;
  }
  
  
  #grid_building_blocks .fl-post-column:nth-child(3) .fl-post-wrapper{
      background: #4EADC9;
  }
  #grid_building_blocks .fl-post-column:nth-child(3) .shapes svg{
      top: 0; right: 0;
      rotate: -90deg;
  }
  #grid_building_blocks .fl-post-column:nth-child(3) .shapes svg path{
      fill: #00BC85;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(3) a:hover .fl-post-wrapper{
      background: #14173c;
  }
  #grid_building_blocks .fl-post-column:nth-child(3) a:hover .fl-post-title,
  #grid_building_blocks .fl-post-column:nth-child(3) a:hover .fl-post-more-link svg{
      color: #4EADC9;
  }
  
  
  #grid_building_blocks .fl-post-column:nth-child(4) .fl-post-wrapper{
      background: #21010E;
  }
  #grid_building_blocks .fl-post-column:nth-child(4) .fl-post-wrapper .fl-post-title{
      color: #FF603B;
  }
  #grid_building_blocks .fl-post-column:nth-child(4) .fl-post-wrapper .fl-post-text svg path{
      fill: #FF603B;
  }
  #grid_building_blocks .fl-post-column:nth-child(4) .shapes svg{
      top: 0; left: 0;
      rotate: 180deg;
  }
  #grid_building_blocks .fl-post-column:nth-child(4) .fl-post-wrapper .shapes svg path{
      fill: #14173C;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(4) a:hover .fl-post-wrapper{
      background: #FF603B;
  }
  #grid_building_blocks .fl-post-column:nth-child(4) a:hover .fl-post-title,
  #grid_building_blocks .fl-post-column:nth-child(4) a:hover .fl-post-more-link svg{
      color: #21010E;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(4) a:hover .fl-post-more-link svg path{
      fill: #14173C;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(4) a:hover .shapes svg path{
      fill: #00BC85;
  }
  
  
  
  #grid_building_blocks .fl-post-column:nth-child(5) .fl-post-wrapper{
      background: #14173C;
  }
  #grid_building_blocks .fl-post-column:nth-child(5) .fl-post-wrapper .fl-post-title{
      color: #00BC85;
  }
  #grid_building_blocks .fl-post-column:nth-child(5) .fl-post-wrapper .fl-post-text svg path{
      fill: #00BC85;
  }
  #grid_building_blocks .fl-post-column:nth-child(5) .shapes svg{
      top: 0; right: 0;
      rotate: -90deg
  }
  #grid_building_blocks .fl-post-column:nth-child(5) .shapes svg path{
      fill: #21010E;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(5) a:hover .fl-post-wrapper{
      background: #00BC85;
  }
  #grid_building_blocks .fl-post-column:nth-child(5) a:hover .fl-post-title,
  #grid_building_blocks .fl-post-column:nth-child(5) a:hover .fl-post-more-link svg{
      color: #14173C;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(5) a:hover .fl-post-more-link svg path{
      fill: #14173C;
  }
  
  #grid_building_blocks .fl-post-column:nth-child(5) a:hover .shapes svg path{
      fill: #4EADC9;
  }
  
  #grid_building_blocks .fl-post-column:not(:nth-child(2)) .shapes .second-shape{
      display: none;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper{
      position: relative;
  }
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper:before{
      content: '';
      display: block;
      padding-bottom: 100%;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper > .fl-post-text{
      position: absolute;
      z-index: 2;
      padding: 40px;
      top: 0; left: 0;
      width: 100%; height: 100%;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .shapes{
      position: absolute;
      width: 100%; height: 100%;
      top: 0; left: 0;
      z-index: 1;
      pointer-events: none;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .shapes svg{
      position: absolute;
      width: 45%; height: 45%;
      transform-origin: center;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-title{
      line-height: 1.07;
  }
  
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .fl-post-more-link{
      position: absolute;
      bottom: 30px; right: 30px;
  }
  #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .fl-post-more-link svg{
      transition: all .3s ease-in-out;
      width: 10px; height: 15px;
  }
  
  #grid_building_blocks .fl-post-grid-post a:hover .fl-post-more-link svg{
  /*#grid_building_blocks .fl-post-grid-post a:focus .fl-post-more-link svg{*/
      transform: translateX(6px);
  }
  /**/
  
  
  #news .fl-post-column:not(:first-child) .fl-post-title{
      line-height: 1.15;
  }
  
  #news .fl-post-wrapper .image-wrapper{
      height: 100%; overflow: hidden;
  }
  
  #news .fl-post-image{
      transition: all .3s ease-in-out;
  }
  
  #news a:hover .fl-post-image{
      transform: scale(1.05);
  }
  
  
  #grid_image_content_row .col-right .col-inner,
  #grid_image_content_row .col-left > .fl-col-content,
  #grid_image_content_row .col-right > .fl-col-content{
      position: relative;
  }
  
  #grid_image_content_row .col-left > .fl-col-content:before,
  #grid_image_content_row .col-left > .fl-col-content:after,
  #grid_image_content_row .col-right > .fl-col-content:before{
      content: '';
      position: absolute;
      pointer-events: none;
      width: 150px; height: 150px;
      bottom: 0;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
  }
  
  #grid_image_content_row .col-left > .fl-col-content:before{
      right: 0;
      background: url('https://rodenburg.pk2.pageking.dev/wp-content/uploads/2022/12/Path-17-1.svg');
  }
  #grid_image_content_row .fl-col.col-left > .fl-col-content:after{
      left: auto; right: 80px;
  }
  
  #grid_image_content_row .col-left > .fl-col-content:after,
  #grid_image_content_row .col-right > .fl-col-content:before{
      left: -20px;
      background: url('https://rodenburg.pk2.pageking.dev/wp-content/uploads/2022/12/Path-17.svg');
      mix-blend-mode: multiply;
  }
  
  #grid_image_content_row .fl-module.fl-module-button a.fl-button{
      font-size: 22px; line-height: 1;
  }
  
  
  #filter .fl-html > form > ul,
  #filter .fl-html > form > ul > li{
      padding: 0;
  }
  #filter .fl-html > form > ul > li{
      text-align: right;
  }
  
  #filter .fl-html > form .sf-input-select{
      font-family: "Figtree",sans-serif;
      font-weight: 500;
      font-size: 16px;
      position: relative;
      -webkit-appearance: none;
      color: #14173C;
      border: none; outline: none;
      padding: 8px 24px;
      text-align: left;
      width: 280px;
      border-radius: 100px;
      background-image: url('https://rodenburg.pk2.pageking.dev/wp-content/uploads/2022/12/Icon-ionic-ios-arrow-down-1.svg');
      background-position: calc(100% - 24px) 50%;
      background-repeat: no-repeat;
  }
  
  
  @media screen and (max-width: 1320px){
      #hero_scroll_down{
          right: 40px;
      }
      
      
      #grid_building_blocks .fl-post-grid-post .fl-post-wrapper > .fl-post-text{
          padding: 20px;
      }
  }
  
  /************************/
  /* MEDIA QUERIES DESKTOP*/
  /************************/
  @media screen and (min-width: 992px){
      .pp-content-posts-inner:not(.owl-carousel) .pp-content-post{ 
          width: 31.9% !important;
      }
      
      
      #intro .left-col{
          max-width: 500px; width: 500px !important;
      }
      #intro .right-col{
          max-width: calc(100% - 500px); width: calc(100% - 500px) !important;
      }
  
      
      #grid_building_blocks > .fl-row-content-wrap{
          padding-top: 80px; padding-bottom: 80px;
      }
      
      #grid_building_blocks .fl-row-content > .fl-col-group > .fl-col.first-col{
          width: 320px !important;
          min-width: 320px;
      }
      
      #grid_building_blocks .fl-row-content > .fl-col-group > .fl-col.last-col{
          width: calc(100% - 320px) !important;
          min-width: calc(100% - 320px) !important;
      }
      
      
      
      #news .fl-module .fl-post-grid{
          grid-gap: 30px;
          min-height: 550px;
      }
      
      #news .fl-module .fl-post-column:first-child .fl-post-text{
          padding: 40px;
      }
      
      #news .fl-module .fl-post-column:not(:first-child) .fl-post-title{
          font-size: 20px;
          margin-bottom: 20px !important;
      }
      
      #news .fl-module .fl-post-column:first-child .fl-post-title{
          font-size: 35px;
      }
      
      #news .fl-module .fl-post-column:first-child .cat-date{
          margin-bottom: 40px;
      }
      
      #news .fl-module .fl-post-column .fl-category{
          font-size: 16px;
      }
  }
  
  /************************/
  /* MEDIA QUERIES TABLET */
  /************************/
  @media screen and (max-width: 992px) {
      #hero_scroll_down{
          bottom: 20px;
      }
      #hero_scroll_down a.fl-button{
          font-size: 16px;
      }
      
      #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .fl-post-title{
          font-size: 24px;
      }
  }
  
  @media screen and (max-width: 992px) and (min-width: 767px){
  
      #grid_building_blocks .fl-row-content > .fl-col-group > .fl-col.first-col{
          width: 260px !important;
          min-width: 260px;
      }
      
      #grid_building_blocks .fl-row-content > .fl-col-group > .fl-col.last-col{
          width: calc(100% - 260px) !important;
          min-width: calc(100% - 260px) !important;
      }
  }
  /************************/
  /* MEDIA QUERIES MOBILE */
  /************************/
  @media screen and (min-width: 767px){
      #intro .left-col .fl-module{
          max-width: 370px; margin-right: auto;
      }
      #intro .right-col .fl-module{
          max-width: 520px; margin-right: auto;
      }
  
  
      #grid_building_blocks .fl-post-grid{
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }
      
      #grid_building_blocks .fl-post-column:first-child{
          grid-column: 2;
      }
      
      
      
      #news .fl-post-grid{
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 1fr 1fr 1fr;
          grid-gap: 20px;
          max-height: 600px;
      }
      
      #news .fl-post-grid:before,
      #news .fl-post-grid:after{
          display: none;
      }
      
      #news .fl-post-grid .fl-post-column{
          width: 100%;
      }
      
      #news .fl-post-grid .fl-post-column:first-child{
          grid-column-start: 1; grid-column-end: 2;
          grid-row-start: 1; grid-row-end: 4;
      }
      
      #news .fl-post-grid .fl-post-column:not(:first-child){
          grid-column-start: 2; grid-column-end: 3;
      }
      
      #news .fl-post-grid .fl-post-column:nth-child(2){
          grid-row-start: 1; grid-row-end: 2;
      }
      #news .fl-post-grid .fl-post-column:nth-child(3){
          grid-row-start: 2; grid-row-end: 3;
      }
      #news .fl-post-grid .fl-post-column:nth-child(4){
          grid-row-start: 3; grid-row-end: 4;
      }
      
      #news .fl-post-grid .fl-post-column:first-child .fl-post-text{
          pointer-events: none;
      }
      
      #news .fl-post-wrapper{
          width: 100%; height: 100%;
      }
      
      
      
      #news .fl-post-image{
          background-size: cover !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
          height: 100%;
      }
      
      #news .fl-post-column:first-child .fl-post-wrapper .fl-post-title{
          transition: all .3s ease-in-out;
      }
      
      #news .fl-post-column:first-child .fl-post-wrapper > a:hover + .fl-post-text .fl-post-title{
          transform: translateY(-5px);
      }
      
      #news .fl-post-column:not(:first-child) .fl-post-image{
          width: 220px;
      }
      #news .fl-post-column:not(:first-child) .fl-post-text{
          display: flex; flex-direction: column; justify-content: space-between;
      }
      
      #news .fl-post-more-link svg{
          transition: all .3s ease-in-out;
      }
      
      #news .fl-post-column:not(:first-child) .fl-post-wrapper > a:hover + .fl-post-text .fl-post-more-link svg{
          transform: translateX(8px);
      }
      #news .fl-post-grid-post{
          height: 100% !important;
      }
      
      #news .cat-date{
          display: flex; justify-content: space-between; 
          flex-wrap: wrap;
          font-size: 16px;
      }
      #news .cat-date .fl-category{
          margin-right: 5px;
          
      }
      
      #news .fl-post-column .fl-category{
          font-size: 15px;
      }
      
      #news .fl-post-column .fl-post-title{
          margin: 0;
          font-size: 20px;
      }
      
      #news .fl-post-column:first-child .fl-post-wrapper{
          position: relative;
      }
      
      #news .fl-post-column:first-child .fl-post-text{
          position: absolute;
          bottom: 0;
          padding: 20px;
          width: 100%;
      }
      #news .fl-post-column:first-child .fl-post-text:before{
          content: '';
          position: absolute;
          background: #00BC85;
          mix-blend-mode: multiply;
          width: 100%; height: 100%;
          left: 0; top: 0;
      }
      
      #news .fl-post-column:first-child .fl-category,
      #news .fl-post-column:first-child .cat-date{
          position: relative;
          color: #fff;
          margin-bottom: 20px;
      }
      
      #news .fl-post-column:first-child .fl-post-title{
          position: relative;
          font-size: 25px;
          color: #fff;
          line-height: 1.07;
      }
      
      #news .fl-post-column:first-child .fl-post-more-link{
          display: none;
      }
      
      #news .fl-post-column:not(:first-child) .fl-post-wrapper{
          display: flex; gap: 20px;
          height: 100%;
      }
      
      #news .fl-post-column:not(:first-child) .fl-post-wrapper img{
          min-width: 240px; max-width: 240px;
          height: 100%;
          object-fit: cover;
      }
      
      #news .fl-post-column:not(:first-child) .fl-post-text > *:not(:last-child){
          margin-bottom: 10px;
      }
      
      
      #grid_image_content_row .col-content .col-inner > .fl-col-content{
          max-width: 340px;
          margin: 0 auto;
      }
      
      #cases .pp-content-grid-post-more-link span{
          font-size: 22px;
      }
  }
  
  @media screen and (max-width: 767px) {
      
      .fl-col-small:not(.fl-col-small-full-width) {
          max-width: 100%;
      }
      
      .owl-carousel.owl-loaded{
          overflow: hidden!important;
      }
      
      div.mfp-wrap .mfp-content button.mfp-close{
          background: transparent !important;
          color: white !important;
          font-size: 39px !important;
          margin-top: -40px !important;
          margin-right: 10px !important;
      }
      
      .fl-page .fl-module .fl-post-column:last-child{
          padding-bottom: 0;
      }
      
      .fl-module .pp-content-post-carousel .pp-content-posts-inner .owl-dots{
          margin-top: 20px;
          width: calc(100% - 20px);
          margin-left: 10px;
      }
      
      .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button{
          right: 10px;
      }
      .fl-module .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev{
          right: 65px;
      }
      
      #hero > .fl-row-content-wrap{
          padding-right: 40px;
      }
      #hero_scroll_down{
          right: 10px;
      }
      
      
      #grid_building_blocks .fl-post-grid{
          display: grid;
          grid-template-columns: 1fr 1fr;
      }
      
      #grid_building_blocks .fl-post-column:nth-child(5){
          grid-column: 2;
      }
      
      #grid_building_blocks .fl-post-grid-post .fl-post-wrapper > div{
          padding: 20px;
      }
      
      #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .fl-post-title{
          font-size: 22px;
      }
  
      #grid_building_blocks .fl-post-grid-post .fl-post-wrapper .fl-post-more-link{
          bottom: 20px; right: 20px;
      }
      
      #grid_building_blocks .fl-post-column .shapes .second-shape{
          display: none;
      }
      
      
      #grid_building_blocks .fl-post-column:first-child .shapes svg{
          right: 0; bottom: 0;
          left: auto; top: auto;
          rotate: 0deg;
      }
      #grid_building_blocks .fl-post-column:nth-child(2) .shapes svg{
          left: 0; bottom: 0;
          right: auto; top: auto;
          rotate: 90deg;
      }
      
      #grid_building_blocks .fl-post-column:nth-child(3) .shapes svg{
          right: 0; bottom: 0;
          left: auto; top: auto;
          rotate: 0deg;
      }
      #grid_building_blocks .fl-post-column:nth-child(4) .shapes svg{
          left: 0; bottom: 0;
          right: auto; top: auto;
          rotate: 90deg;
      }
      #grid_building_blocks .fl-post-column:nth-child(5) .shapes svg{
          top: 0; left: 0;
          bottom: auto; right: auto;
          rotate: -180deg;
      }
      
      
      
      #news .fl-post-column:not(:last-child){
          padding-bottom: 30px;
      }
      
      #news .fl-post-grid-post{
          height: auto !important;
      }
      
      #news .fl-post-column .fl-post-wrapper{
          display: flex; gap: 20px;
          height: 100%; flex-direction: column;
      }
      
      #news .fl-post-image{
          position: relative;
          width: 100%;
          background-size: cover !important;
          background-position: center !important;
          background-repeat: no-repeat !important;
      }
      #news .fl-post-image:before{
          content: '';
          display: block;
          padding-bottom: 100%;
      }
      
      
      #news .cat-date{
          display: flex; gap: 10px; flex-wrap: wrap;
          margin-bottom: 20px;
      }
      
      #news .fl-post-more-link{
          display: none;
      }
      
      #filter .fl-html > form .sf-input-select{
          width: auto; min-width: 240px;
      }
  }
  
  
  @media screen and (max-width: 540px){
      #news .fl-post-column .fl-post-wrapper{
          flex-direction: column;
      }
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #visions .pp-content-post-carousel .pp-content-posts-inner .owl-dots{
      width: calc(100% - 24px);
      margin-left: 12px;
  }
  
  #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev,
  #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-next{
      right: auto; top: 50%;
      transform: translateY(-50%);
  }
  #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev{
      left: -40px;
  }
  #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-next{
      left: 20px;
  }
  
  #visions .owl-nav button:not(.disabled):hover svg{
      background: #fff; color: #14173c;
  }
  
  @media screen and (min-width: 1240px){
      #visions .owl-item.active{
          margin-right: -200px;
      }
  }
  
  
  @media screen and (max-width: 1240px) and (min-width: 992px){
      #visions .owl-item.active{
          margin-right: -140px;
      }
      
      #visions .owl-item.active .post-wrapper{
          gap: 40px;
      }
  }
  
  
  
  
  @media screen and (max-width: 992px){
      #visions .pp-content-post-carousel .pp-content-posts-inner .owl-dots{
          width: calc(100% - 28px);
          margin-left: 7px;
      }
      
      #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev{
          left: -30px;
      }
      #visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-next{
          left: 30px;
      }
  }
  
  @media screen and (min-width: 767px){
      #visions .owl-item:not(.active) .post-wrapper{
          height: 100%;
      }
      #visions .owl-item:not(.active) .pp-content-grid-post-image{
          position: absolute;
          opacity: 0;
      }
      
      #visions .owl-item:not(.active) .pp-content-grid-post-text{
          color: #00BC85;
          opacity: .22;
      }
      #visions .owl-item:not(.active) .pp-content-grid-post-text .fl-button path{
          fill: #00bc85;
      }
  }
  
  @media screen and (max-width: 767px){
      #visions .pp-content-posts .pp-content-post-carousel .owl-nav{
          display: none;
      }
      /*#visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-prev{*/
      /*    left: 20px;*/
      /*}*/
      /*#visions .pp-content-posts .pp-content-post-carousel .owl-nav button.owl-next{*/
      /*    left: auto;*/
      /*    right: 20px;*/
      /*}*/
  }

/************************/
/* END ALGEMEEN RODENBURG CORPORTATE */
/************************/

/************************/
/* ALGEMEEN RODENBURG CORPORTATE HEADER*/
/************************/

  #header_wit .hamburger-menu rect{
      fill: white !important
  }
  
  
  .fl-theme-builder-header-shrink #top_menu_col{
      display: none;
  }
  
  
  #header_zwart .fl-has-submenu-container > a {
      color: #14173C !important;
  }
  
  #header_wit .fl-has-submenu-container > a {
      color: #fff !important;
  }
  
  #header_zwart {
      background: #fff;
  }
  
  
  #header_zwart .sub-menu a,
  #header_wit .sub-menu a{
      background-color: transparent !important;
  }
  
  
  #header_wit button.hambwurger rect{
      fill: white !important;
  }
  
  
  body header div.fl-menu .fl-menu-mobile-toggle:hover{
      background-color: transparent !important;
  }
  
  
  .fl-theme-builder-header-shrink #header_wit,
  .fl-theme-builder-header-shrink #header_zwart,
  .fl-theme-builder-header-shrink #header_wit > div,
  .fl-theme-builder-header-shrink #header_zwart > div{
      background-color: white !important;
  }
  
  
  .fl-theme-builder-header-shrink #header_wit > div *,
  .fl-theme-builder-header-shrink #header_zwart > div *{
      color: #14173c !important;
  }
  
  
  .fl-theme-builder-header-shrink .fl-menu-toggle:before{
      border-color: #14173c !important;
  }
  
  
  .fl-theme-builder-header-shrink #header_wit .logo_rb path,
  .fl-theme-builder-header-shrink #header_zwart .logo_rb path{
      fill: #14173c
  }
  
  
  .fl-menu .fl-menu-toggle:before {
      border-width: 1.5px !important;
  }
  
  
  
  .fl-menu .sub-menu {
      min-width: 280px;
  }
  
  /************************/
  /**** CSS PER RIJ/ID ****/
  /************************/
  
  /*Witte header items niet zichtbaar in builder*/
  body.fl-builder-edit #header_wit > .fl-row-content-wrap{
      background: #000;
  }
  
  header.fl-builder-content{
      transition: all .3s ease-in-out;
  }
  
  header.fl-theme-builder-header-scrolled #header_zwart > .fl-row-content-wrap{
      background: #fff;
  }
  
  header.fl-theme-builder-header-scrolled .fl-row > .fl-row-content-wrap{
      padding-top: 0px;
  }
  
  header.fl-theme-builder-header-scrolled #header_wit > .fl-row-content-wrap{
      background: #00BC85;
  }
  
  header.fl-theme-builder-header-scrolled .fl-theme-builder-header-shrink-row-top .fl-row-content > .fl-col-group:first-child{
      max-height: 0;
      opacity: 0;
  }
  
  header .fl-row > .fl-row-content-wrap{
      padding-top: 10px;
  }
  
  body.home .fl-menu .sub-menu{
      background: #00BC85;
  }
  
  
  header .fl-row-content > .fl-col-group:first-child{
      transition: all .4s ease-in-out;
      overflow: hidden;
  }
  
  #main_menu ul.menu{
      width: 100%;
  }
  
  #main_menu .fl-menu .fl-has-submenu .fl-menu-toggle:before{
      width: 7px; height: 7px;
      margin-top: -1.5px;
      margin-right: -1.5px;
  }
  
  header .fl-module-menu .menu .menu-item:hover > a,
  header .fl-module-menu .menu .menu-item.fl-has-submenu:hover > .fl-has-submenu-container > a{
      text-decoration: underline !important;
  }
  
  
  header .menu .menu-item.current-menu-item > a,
  header .menu .menu-item.current-menu-item > .fl-has-submenu-container > a,
  header .menu .menu-item.current-menu-ancestor > .fl-has-submenu-container > a{
      text-decoration: underline !important;
  }
  
  
  header .menu .fl-has-submenu .sub-menu a{
      color: #14173C;
  }
  
  header .fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect{
      height: 20px;
  }
  
  /************************/
  /* MEDIA QUERIES DESKTOP*/
  /************************/
  @media screen and (min-width: 993px) {
      header .fl-col.logo-col{
          min-width: 240px;
          width: 240px !important;
      }
      
      header .fl-col.menu-col{
          width: calc(100% - 240px) !important;
      }
      
      #main_menu ul.menu{
          display: block;
      }
      
      #main_menu .menu-item.right{
          float: right;
      }
  }
  
  /************************/
  /* MEDIA QUERIES TABLET */
  /************************/
  @media screen and (max-width: 992px) {
      #main_menu ul.menu{
          justify-content: flex-end;
      }
      #main_menu .menu-item:not(.fl-has-submenu) a{
          padding: 8px;
      }
      
      #main_menu .menu-item.fl-has-submenu a{
          padding-top: 8px;
          padding-left: 8px;
          padding-bottom: 8px;
      }
  }
  
  @media screen and (max-width: 993px) and (min-width: 767px){
      header .fl-col.logo-col{
          min-width: 210px;
          width: 210px !important;
      }
      
      header .fl-col.menu-col{
          width: calc(100% - 210px) !important;
      }
      
      
      #main_menu .menu-item:not(.fl-has-submenu) a{
          font-size: 14px;
      }
      
      #main_menu .menu-item.fl-has-submenu a{
          font-size: 14px;
      }
  }
  
  /************************/
  /* MEDIA QUERIES MOBILE */
  /************************/
  
  @media screen and (min-width: 767px){
      #main_menu .menu > .menu-item:first-child > a,
      #main_menu .menu > .menu-item.fl-has-submenu:last-child > .fl-has-submenu-container > a{
          padding-left: 0;
      }
      
      #main_menu .menu > .menu-item:last-child > a,
      #top_menu .menu > .menu-item:last-child > a{
          padding-right: 0;
      }
      
      #main_menu .menu-item.contact > a{
          text-decoration: underline !important;
      }
  }
  
  @media screen and (max-width: 767px) {
      header .fl-module-menu.fl-menu-mobile-clone .fl-menu{
          text-align: left;
      }
      /*header .fl-module-menu.fl-menu-mobile-clone .fl-module-content{*/
      /*    margin-left: 0; margin-right: 0;*/
      /*}*/
      
      header .fl-module-menu.fl-menu-mobile-clone .menu{
          background: #fff;
          padding: 20px;
      }
      
      /* HAMBURGER ICOON UITLIJNEN */
      header .fl-module-menu .fl-menu button.hamburger {
          padding-left: 0; padding-right: 0;
      }
      
      /* GEEN LINKER/RECHTER PADDING OM 20PX VAN DE RAND AF TE ZITTEN */
      header .fl-module-menu:not(.top-menu) ul.menu > li:not(.button) a {
          padding-left: 0 !important; 
      }
      
      header .fl-module-menu:not(.top-menu) ul.menu > li:not(.button):not(.fl-has-submenu) a{
          padding-right: 0 !important;
      }
      
      /* SUBMENU LATEN INSPRINGEN */
      header ul.menu li ul.sub-menu li a {
          padding: 10px 20px; font-size: 90%;
      }
      
      header .fl-menu-mobile-clone .menu .menu-item a,
      header .fl-menu-mobile-clone .menu .menu-item > div > a,
      header #header_wit .fl-menu-mobile-clone .menu .menu-item > div > a{
          color: #14173C !important;
      }
      
      header #header_wit .fl-menu-mobile-clone .menu .menu-item .fl-menu-toggle:before{
          border-color: #14173C !important;
      }
  }

/************************/
/* END ALGEMEEN RODENBURG CORPORTATE HEADER */
/************************/




/************************/
/* ALGEMEEN RODENBURG CORPORTATE FOOTER */
/************************/

  /************************/
  /**** CSS PER RIJ/ID ****/
  /************************/
  
  #newsletter_row form{
      position: relative;
      /*display: flex; align-items: flex-start;*/
  }
  #newsletter_row .gform_required_legend{
      display: none;
  }
  #newsletter_row .gform_body input{
      font-family: "matter-medium",Verdana,Arial,sans-serif;
      background: transparent;
      padding-left: 0; padding-right: 0;
      border-bottom: 1px solid #14173C;
      line-height: 1 !important;
  }
  
  #newsletter_row .gform_body .terms-checkbox input{
      display: none;
  }
  
  #newsletter_row .gform_body .terms-checkbox label{
      position: relative;
      padding-left: 30px;
      font-size: 16px;
  }
  
  #newsletter_row .gform_body .terms-checkbox label a{
      color: #14173C;
      text-decoration: underline !important;
  }
  
  #newsletter_row .gform_body .terms-checkbox label:before{
      content: ''; position: absolute;
      background: #fff;
      width: 18px; height: 18px; border-radius: 50%;
      left: 0; top: calc(50% - 9px);
      cursor: pointer;
  }
  
  #newsletter_row .gform_body .terms-checkbox label:after{
      content: ''; position: absolute;
      background: #00BC85;
      width: 8px; height: 8px; border-radius: 50%;
      left: 5px; top: calc(50% - 4px);
      z-index: 1; pointer-events: none;
  }
  
  #newsletter_row .gform_body .terms-checkbox input:not(:checked) ~ label:after{
      display: none;
  }
  
  #newsletter_row .gform_body .gfield.socials{
      text-align: right;
  }
  
  #newsletter_row .gfield.socials .socials-wrapper{
      display: inline-flex; gap: 10px;
  }
  #newsletter_row .gfield.socials .socials-wrapper a{
      transition: all .3s ease-in-out;
      display: flex; justify-content: center; align-items: center;
      background: #14173C; border-radius: 50%;
      width: 40px; height: 40px;
  }
  #newsletter_row .gfield.socials .socials-wrapper a svg,
  #newsletter_row .gfield.socials .socials-wrapper a svg path{
      transition: all .3s ease-in-out;
  }
  
  #newsletter_row .gfield.socials .socials-wrapper a:hover{
      background: #fff;
  }
  
  #newsletter_row .gfield.socials .socials-wrapper a:hover path{
      fill: #14173C;
  }
  
  #newsletter_row .gform_footer{
      position: absolute;
      top: 5px; right: 0;
      padding: 0; margin: 0;
      /*border-bottom: 1px solid #14173C;*/
  }
  #newsletter_row .gform_footer .button{
      font-size: 0; 
      margin: 0; padding: 0;
      background-color: #14173C;
      background-image: url('https://rodenburg.pk2.pageking.dev/wp-content/uploads/2022/12/Icon-ionic-ios-arrow-down.svg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 15px 15px;
      width: 40px; height: 40px; line-height: 1;
      border-radius: 50%;
  }
  
  footer .fl-module-menu .menu .menu-item > a{
      color: #14173C;
  }
  footer .fl-module-menu:not(.bottom-menu) .menu .menu-item:not(:last-child) > a{
      margin-bottom: 10px;
  }
  footer .fl-module-menu .menu-item.no-click a{
      pointer-events: none;
      cursor: default;
  }
  
  footer .fl-module-menu .menu .menu-item > a:hover{
      text-decoration: underline !important;
  }
  
  
  footer .get-in-touch .fl-rich-text > p{
      margin-bottom: 0;
  }
  footer .get-in-touch a{
      text-decoration: none !important;
  }
  footer .get-in-touch a[href*=tel],
  footer .get-in-touch a[href*=mailto]{
      font-family: "matter-medium", Verdana, Arial, sans-serif;
  }
  footer .get-in-touch a:hover{
      text-decoration: underline !important;
      color: #14173C;
  }
  
  
  /************************/
  /* MEDIA QUERIES DESKTOP*/
  /************************/
  @media screen and (min-width: 993px) {
      footer .fl-col.menu-col{
          max-width: 60%;
          width: 60% !important;
          margin-right: auto;
      }
      
      footer .fl-col.get-in-touch-col{
          max-width: 300px;
          width: 300px !important;
          margin-left: auto;
      }
  }
  
  
  /************************/
  /* MEDIA QUERIES TABLET */
  /************************/
  @media screen and (max-width: 992px) {
      
  }
  
  
  /************************/
  /* MEDIA QUERIES MOBILE */
  /************************/
  @media screen and (min-width: 767px){
      footer .bottom-menu .menu .menu-item + .menu-item a{
          margin-left: 40px;
      }
  }
  @media screen and (max-width: 767px) {
      footer .bottom-menu .menu{
          display: block;
      }
      footer .bottom-menu .menu .menu-item:not(:last-child) a{
          margin-bottom: 10px;
      }
  }

/************************/
/* END ALGEMEEN RODENBURG CORPORTATE FOOTER */
/************************/



/************************/
/* CASE CAROUSEL */
/************************/

  .case_slider .post-wrapper,
  .case_slider .post-wrapper img{
      position: relative;
      height: 575px;
  }
  
  .case_slider .post-wrapper .pp-content-grid-post-text{
      position: absolute;
      bottom: 0; left: 0;
      max-width: 50%;
      background: #fff;
      padding: 30px;
      padding-right: 50px;
  }
  
  .case_slider .pp-content-grid-post-image {
      max-height: 100%;
  }
  .case_slider .pp-content-grid-post-image img{
      max-height: 100%;
      object-fit: cover
  }
  
  .case_slider .pp-content-grid-post-title{
      font-size: 30px;
      line-height: 1.1;
      margin: 0;
  }
  
  .case_slider .pp-content-grid-post-more-link {
      color: #242A6D;
      position: absolute;
      bottom: 20px;
  }
  
  .case_slider .pp-content-grid-post-more-link span{
      text-decoration: underline;
      color: #14173c !important;
      font-size: 20px !important;
  }
  
  .case_slider .pp-content-grid-post-text h3 {
      margin-top: 0px;
      margin-bottom: 30px;
  }
  
  @media screen and (max-width: 992px){
      .case_slider .post-wrapper,
      .case_slider .post-wrapper img{
          height: 350px;
      }
  
      .case_slider .post-wrapper .pp-content-grid-post-text{
          padding: 10px;
      }
      
      .case_slider .pp-content-grid-post-title{
          font-size: 30px;
      }
  }
  
  @media screen and (min-width: 767px){
    
      .case_slider .post-wrapper .pp-content-grid-post-text {
          height: 50%;
          max-height: 400px;
          min-height: 180px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
      }
  }
  
  @media screen and (max-width: 767px){
    
      .case_slider .post-wrapper .pp-content-grid-post-text{
          max-width: 100%;
          min-height: 120px;
      }
      
      .case_slider .pp-content-grid-post-more-link {
        bottom: 0px;
      }
      
      .case_slider .pp-content-grid-post-more-link span{
          font-size: 16px !important;
      }
      
      .case_slider .pp-content-grid-post-title{
         font-size: 25px;
         margin-bottom: 20px;
      } 
  }


/************************/
/* END CASE CAROUSEL  */
/************************/


  
/************************/
/* END MANUFACTURING PRODUCT CAROUSEL  */
/************************/

/************************/
/* BRAND GRID  */
/************************/

.brand_grid .fl-post-grid-post {
    border: 0px;
}

.brand_grid .fl-post-grid-post > a{
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #DCF1E8;
}

.brand_grid .fl-post-grid > div:nth-child(even) .fl-post-grid-post > a{
    flex-direction: row-reverse;
    background-color: #F4F3EF;
}

.brand_grid .fl-post-grid-post a > div{
    flex: 1;
    min-width: 48%;
}

.brand_grid .fl-post-text {
    padding: 10%;
}
.brand_grid .fl-post-title {

}
.brand_grid .fl-post-meta {
    font-weight: 600;
    padding: 20px 0px 10px 0px;
}

.brand_grid .fl-post-more-link{
    margin-top: 20px;
    font-size: 22px;
    text-decoration: underline;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: all 0.3s;
}

.brand_grid a:hover .fl-post-more-link{
  gap: 15px;
}

.brand_grid .fl-post-more-link > svg{
    flex-shrink: 0;
    margin-top: 5px;
}



@media screen and (max-width: 767px) {
    .brand_grid .fl-post-grid-post > a{
        display: flex;
        flex-direction: column !important;
        align-items: center;
        background-color: #DCF1E8;
    }
    
    
    .brand_grid .fl-post-grid-post a > div{
        flex: 1;
        min-width: 100%;
    }
    
    .brand_grid .fl-post-text {
        padding: 30px 20px;
    }
}


/************************/
/* END BRAND GRID  */
/************************/




/************************/
/* MANU GRID  */
/************************/

  .manu_grid .fl-post-grid-post {
      border: 0px;
  }
  
  .manu_grid .fl-post-grid-post > .manu_container{
      display: flex;
      flex-direction: row;
      align-items: center;
      background-color: #DCF1E8;
  }
  
  .manu_grid .fl-post-grid > div:nth-child(odd) .fl-post-grid-post > .manu_container{
      flex-direction: row-reverse;
      background-color: #F4F3EF;
  }
  
  .manu_grid .fl-post-grid-post .manu_container > div{
      flex: 1;
      min-width: 48%;
  }
  
  .manu_grid .fl-post-text {
      padding: 10%;
  }
  .manu_grid .fl-post-title {
  
  }
  .manu_grid .fl-post-meta {
      font-weight: 600;
      padding: 20px 0px 10px 0px;
  }
  
  .manu_grid .fl-post-more-link{
      margin-top: 20px;
      font-size: 22px;
      text-decoration: underline;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      transition: all 0.3s;
  }
  
  .manu_grid .manu_container:hover .fl-post-more-link{
    gap: 15px;
  }
  
  .manu_grid .fl-post-more-link > svg{
      flex-shrink: 0;
      margin-top: 5px;
  }
  
  
  
  @media screen and (max-width: 767px) {
      .manu_grid .fl-post-grid-post > .manu_container{
          display: flex;
          flex-direction: column !important;
          align-items: center;
          background-color: #DCF1E8;
      }
      
      
      .manu_grid .fl-post-grid-post .manu_container > div{
          flex: 1;
          min-width: 100%;
      }
      
      .manu_grid .fl-post-text {
          padding: 30px 20px;
      }
  }


/************************/
/* END MANU GRID  */
/************************/