/* created by jos velema juli 2025 info@codette.net */
/* FIX: WP Simple Booking Calendar selects met eigen (globale) select-styling */

.vc_column-inner {
    margin-bottom: 20px !important;
}

/* .wpb_wrapper {
	justify-content: unset !important;
	align-items: unset !important;
} */


.hike-col-media .wpb_wrapper {
	display: block !important;
}

.page-header {
    margin: 0 auto 3rem;
    padding: 1rem 0;
    position: relative;
    background-color: #f7f7f7;
    border: 0;
}


#rj-lb,
#rj-lb-gal {
	-webkit-backdrop-filter: blur(0);
	      position:fixed; inset:0; display:flex; align-items:center; justify-content:center;
      background:rgba(0,0,0,.92); z-index:99999; padding:4vh 4vw;
	opacity: 0;
	transform: scale(0.1);
	
	transition: opacity 600ms ease-in-out, scale 350ms ease-in-out ;
}

#rj-lb.lb-open {
	opacity: 1;
	transform: scale(1);
}
 .rj-lb-wrap {
	      position:relative; max-width:92vw; max-height:92vh; display:flex; align-items:center; justify-content:center;
      outline:none;
	
}

.rj-lb-prev, .rj-lb-next {
   position:absolute !important; top:50%; transform:translateY(-50%);
      background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2);
      color:#fff;     width: 3rem;
    height: 3rem; border-radius:8px; 

}

#rj-lb-close,
.rj-lb-close{
    position: absolute !important;
    top: -3.5rem;
    right: -1rem;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    cursor: pointer;
    opacity: .9;
    /* color: red; */
    /* padding: 2rem; */
    width: unset;
    height: unset;
		min-height: unset !important;
	min-width: unset !important;
}

#rj-lb-close,.rj-lb-prev, .rj-lb-next { 
	display:flex !important; 
	align-items:center; 
	justify-content:center;
      cursor:pointer; 
	font-size:2.5rem;
	min-height: unset !important;
	min-width: unset !important;
}

.rj-lb-prev {
	left: -2rem;
}

.rj-lb-next {
	right: -2rem;
}

/* Hover feedback for close button */

#rj-lb-close:hover { opacity: 1; transform: scale(1.06); }

	



/* Ensure carousel thumbs keep their size; this doesn’t touch anything else */
.wpex-carousel .wpex-carousel-entry-img { cursor: zoom-in; }



body {
	background-color: #4b5563;
/* 86e3e3|20b6bb|437fc2|aaa0f3 */
  background-image: linear-gradient(
    var(--angle, 136deg),
    hsla(180, 62%, 71%, 0.7) 0%,
    hsla(180, 65%, 62%, 0.7) 12%,
    hsla(181, 68%, 54%, 0.6) 25%,
    hsla(182, 70%, 46%, 0.6) 39%,
    hsla(188, 67%, 45%, 0.6) 52%,
    hsla(197, 61%, 47%, 0.5) 65%,
    hsla(206, 55%, 50%, 0.7) 76%,
    hsla(215, 54%, 54%, 0.7) 86%,
    hsla(226, 61%, 62%, 0.6) 94%,
    hsla(237, 69%, 71%, 0.5) 99%,
    hsla(247, 78%, 79%, 0.7) 100%
  );
  background-size: 200% 160%;   /* groter voor meer beweging */
  background-attachment: fixed;
  animation: gradientShift 15s ease infinite;
}


#content-wrap a {
  color: #005a99; /* donkerder blauw dan #0081cc */
  text-decoration: underline;
  text-decoration-color: rgba(0,0,0,0.2); /* subtiele onderstreep */
  text-underline-offset: 3px;
  font-weight: 500;
}

#content-wrap a:hover,
#content-wrap a:focus {
  color: #0b65ff; /* fellere blauwe tint bij hover */
  text-decoration-color: currentColor;
}

#content-wrap a:visited {
  color: #4b5563; /* iets gedempt grijsblauw */
}

#site-navigation-sticky-wrapper.not-sticky #site-navigation-wrap {
    transition: background-color 300ms ease-in-out background-image 250ms ease-in-out;
    background-image: linear-gradient(to bottom, transparent, #fff2) !important;
	
    background-color: rgba(220,230,250,0.25) !important;
    
}

#site-navigation-sticky-wrapper.is-sticky #site-navigation-wrap {
    background: unset !important;
    background-color: hsl(180 50% 57% / 1) !important;
    background-image: linear-gradient(to bottom, transparent, #fff4) !important;
    box-shadow: var(--shadow-md);
}
#site-header {
    background-color: hsl(180 48% 57% / 0.3) !important;
}

#site-navigation-wrap {
    background-color: hsl(180deg 45% 80% / 0.5) !important;
}


.#site-navigation-sticky-wrapper.is-sticky .navbar-style-three {
 
}

#sidr-main {

  background-image: linear-gradient(
    298deg,
    hsla(180, 62%, 71%, 0.6) 0%,
    hsla(180, 65%, 60%, 0.6) 3%,
    hsla(182, 69%, 50%, 0.6) 7%,
    hsla(186, 68%, 44%, 0.6) 15%,
    hsla(197, 61%, 47%, 0.6) 36%,
    hsla(208, 54%, 50%, 0.6) 46%,
    hsla(207, 52%, 43%, 0.6) 66%,
    hsla(201, 53%, 32%, 0.6) 81%,
    hsla(194, 55%, 20%, 0.6) 100%
  );
}

#site-scroll-top {
    font-size: 18px !important;
    color: #2B5FB3 !important;
    background-color: #15d8b4 !important;
    border-color: #2B5FB3 !important;
}

#site-scroll-top:hover {
    color: #f0f0f0 !important;
    background-color: #2B5FB3 !important;
}


@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }

}
.section-gradient {
  --angle: 136deg;
  transition: background 0.6s ease;
}


.wpsbc-calendar .wpsbc-select-container,
.wpsbc-calendars .wpsbc-select-container {
  position: relative;
}

.wpsbc-calendar .wpsbc-select-container select,
.wpsbc-calendars .wpsbc-select-container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
height: auto !important;
                       /* ruimte voor je arrow */

  color: var(--body-color) !important;
  text-indent: 0 !important;                     /* sommige plugins verbergen tekst hiermee */
  opacity: 1 !important;

}

/* Dropdown opties (voor o.a. Firefox/Windows) */
.wpsbc-calendar .wpsbc-select-container select option,
.wpsbc-calendars .wpsbc-select-container select option {
  color: #2a2a2a;
  background: #fafafa;
}

/* Schakel de plugin overlay/arrow uit die erboven ligt (conflict) */
.wpsbc-calendar .wpsbc-select-container::after,
.wpsbc-calendars .wpsbc-select-container::after {
  display: none !important;
}

.rj-home-wrap {
	position: relative;
}
.rj-home-wrap .rj-home-text {
    position: absolute;
    top: -1rem;
    width: min(95%, 80ch);
}

.rj-home-img {
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-md);
    width: min(95%, 1200px);
    margin: 0 auto;
}


.rj-main-header {
    background-attachment: fixed;
    background-position: 50% 21%;
	min-height: 400px;
}

.rj-mobile-search {
    background: rgba(133 , 133 , 133 , 0.2);
    display: flex;
    flex-direction: column;
    align-items: end;
    border: 1px solid #5555;
    box-shadow: var(--shadow);
    padding-block: var(--spacing-base);
}

.rj-mobile-search input,
.rj-mobile-search input[placeholder]{
	color: var(--body-color);
}

.rj-mobile-search button {
	width: 2rem;
}

video {
	background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}



/* effects  */

.fade-in-up,
.rj-main-header h1 {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-out forwards;
}

.fade-in-up-2,
.site-breadcrumbs {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-out forwards;
animation-delay: 0.35s
}


@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




#site-navigation a {
  position: relative;
}
#site-navigation a::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.3s ease;
}
#site-navigation a:hover::after,
#site-navigation a[aria-current="page"]::after{
  width: 100%;
}
.rj-mt {
    margin-top: -2.5rem;
    width: 100%;
    display: flex;
	flex-wrap: wrap;
    position: relative;
    top: -2.5rem;
}

.rj-mt-sm  { margin-top: 1rem; }

/* hou de image netjes */
.intro-azores-image img { width: 100%; height: auto; display: block; }


@media (max-width: 767px){
  .azr-intro-split .wpb_column { width: 100% !important; }
}

/* Basis parallax */
.parallax-hero {
    position: relative;
    min-height: 55vh;
/*     background-size: 90%; */
	background-color: transparent !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: grid;
    width: min(100%,1280px);
    place-items: center;
}
/* overlay */
.parallax-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,transparent, rgba(0,0,0,.1) 45%, rgba(0,0,0,.25));
    pointer-events: none;
}
/* Content in de sectie */
.parallax-hero > *{
  position: relative; z-index: 1;
}

/* iOS/Safari & mobiele fallback (fixed werkt daar vaak niet) */
/* .parallax-hero {
    background-attachment: scroll;
    background-size: cover;
} */


.io-parallax { position: relative;  }
.io-parallax-inner { will-change: transform; }

.azores-intro-heading {
    border: 1px solid #8ed4e7;
    border-radius: 2rem;
    margin-bottom: 1rem;

    padding: 0.5rem;
    background-color: rgba(200,235,245,0.80);
    text-align: center;
    backdrop-filter: blur(2px);
    box-shadow: var(--shadow-lg);
    max-width: 98%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.azores-intro-heading ,
.azores-intro-blok {
	    position: relative;
    top: -4.5rem;
}

.azores-intro-blok {
    width: min(95%, 700px);
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 1rem;
/*     width: min(95%,56ch !important); */
	font-size: 1rem;
}

.rj-home-row {
	width: min(95%, 1200px) !important;
	margin-bottom: 1rem;
}

.azores-intro-blok p {
	line-height: 1.6;
}

.rj-home-ola {
  float: left;
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: white;
  background: var(--gradient-primary);
  border-radius: 50%;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1rem 1rem 0;
  line-height: 1.2;
  text-align: center;
  box-shadow: var(--shadow-md);

  /* magie hier */
  shape-outside: circle(50%);
  -webkit-shape-outside: circle(50%); /* Safari */
  clip-path: circle(50%);
}


.io-parallax { position: relative; overflow: hidden; }
.io-parallax-inner { will-change: transform; }

/* Sticky kolom (desktop) */
@media (min-width: 992px){
  .azr-sticky-col{
    position: -webkit-sticky;
    position: sticky;
	  
    top: 6rem;                 /* afstand onder header */
    align-self: flex-start;    /* plakken aan bovenkant van de row */
    z-index: 2;                /* boven buren zonder z-index */
  }
  /* Zorg dat parent rows niets afkappen; anders werkt sticky niet lekker */
  .vc_row, .wpb_row { overflow: visible; }
}

/* Reveal-in animaties */
.reveal {
	opacity:0;
	transform:translateY(22px);
	transition:opacity .6s ease, transform .7s ease;
}

.reveal-left, .reveal-right{
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity .6s ease, transform .6s ease;
}
.reveal-left  { transform: translateX(-24px);will-change: opacity, transform; }
.reveal-right { transform: translateX( 24px);will-change: opacity, transform;` }
.reveal-in    { opacity: 1; transform: none;will-change: opacity, transform; }

/* kleine stagger */
.delay-1 { transition-delay: .05s; }
.delay-2 { transition-delay: .15s; }
.delay-3 { transition-delay: .25s; }

/* footer  */

/* Layout */
.custom-footer {
  background: #0f1b29;
	  background-image: linear-gradient(
    132deg,
    hsla(180, 62%, 71%, 0.6) 0%,
    hsla(180, 65%, 60%, 0.6) 3%,
    hsla(182, 69%, 50%, 0.6) 7%,
    hsla(186, 68%, 44%, 0.6) 15%,
    hsla(197, 61%, 47%, 0.6) 36%,
    hsla(208, 54%, 50%, 0.6) 46%,
    hsla(207, 52%, 43%, 0.6) 66%,
    hsla(201, 53%, 32%, 0.6) 81%,
    hsla(194, 55%, 20%, 0.6) 100%
  );
  color: #dbe7f5;
  padding-top: 2rem;
}
.custom-footer a { color: #9fd0ff; }
.custom-footer a:hover { color: #cfe7ff; }

.custom-footer .footer-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    align-items: start;
}

.custom-footer .footer-inner  > * {
    place-self: center;
    width: min(100%,320px);
}
.custom-footer .footer-title {
  margin: 0 0 .75rem;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #ffffff;
}

.footer-address a { text-decoration: underline; }

.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { margin: .35rem 0; }
.footer-menu a {
  text-decoration: none;
  padding: .125rem 0;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
.footer-menu a:hover {
  border-bottom-color: rgba(255,255,255,.2);
}

.map-embed { border-radius: 12px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,.2); max-width: 350px;}
.map-embed iframe { display: block; }
.map-embed .map-link { margin: .25rem 0 0; font-size: .875rem; padding: 0.5rem;}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 2rem;
  padding: .75rem 0;
  font-size: .875rem;
  color: #b7c7db;
}

/* Responsive */
@media (max-width: 768px) {
  .custom-footer .footer-inner {
    grid-template-columns: 1fr;
  }
	
	.rj-amenities__media {
		display: none;
	}
	 .parallax-hero {
    background-attachment: scroll;
    background-size: cover;
	}
/* 	.vc_row, .wpb_row, .wpb_column, .vc_column-inner, .wpb_content_element, .vcex-module {
    width: min(100%,1000px) !important;
} */
	
	.rj-img-responsive img {
		display: none;
	}
}

/* Layout: gallery + tekst naast elkaar */
.rj-amenities { display: flex; gap: 0.5rem; align-items: flex-start; }
.rj-amenities__media .gallery { margin: 0; }
.rj-amenities__media .gallery-item { margin: 0 0 .75rem 0 !important; width: 100% !important; }
.rj-amenities__media img, .intro-azores-image img { width: 100%; height: auto; border-radius: 12px; box-shadow: var(--shadow); object-fit: cover; }
.intro-azores-image img {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* (optioneel) maak de gallery “sticky” zodat hij meescrolt */
@media (min-width: 960px){
  .rj-amenities__media { position: sticky; top: 96px; }
}

/* Tekstkolom stijl */
.rj-amenities__text {
    background: rgba(220,230,250,.55);
    padding: 1rem 0.25rem;
    border-radius: 14px;
    box-shadow: var(--shadow);
    backdrop-filter: saturate(120%) blur(2px);
    width: min(100%,74ch);;
}

/* Mooie checklist */
.amenities-list { list-style: none !important; margin: 0 0 1rem 0; padding: 0; }
.amenities-list li {
  position: relative;
  padding-left: 1.75rem;
  margin: .45rem 0;
}
.amenities-list li::before {
  content: "";
  position: absolute; left: 0; top: .2rem;
  width: 1.15rem; height: 1.15rem; border-radius: 50%;
  background: var(--gradient-success);
  /* svg checkmark */
  -webkit-mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\
  <path fill='white' d='M6.173 12.727 2.2 8.754l1.414-1.414 2.56 2.56 6.212-6.212 1.414 1.414z'/>\
  </svg>") center / 70% no-repeat;
          mask: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\
  <path fill='white' d='M6.173 12.727 2.2 8.754l1.414-1.414 2.56 2.56 6.212-6.212 1.414 1.414z'/>\
  </svg>") center / 70% no-repeat;
}

/* Typo netter dan inline justify */
.rj-amenities__text p { text-align: justify; text-justify: inter-word; }
@media (max-width: 960px){
  .rj-amenities { display: block; }
  .rj-amenities__media { position: static; }
}

.media-row,
.media-row .vc_row,
.media-row .wpb_row,
.media-row .vc_column_container,
.media-row .vc_column-inner,
.media-row .wpb_wrapper {
  height: auto !important;
}

.media-row { margin-block: 2.5rem; }

.media-row .vcex-heading {
    
    max-width: unset !important;
    width: min(100%, 60ch);
    text-align: center;
}

.media-row {
    
    display: flex;
    /* flex-wrap: wrap; */
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
}




.media-col { display:block; flex: 1 1 auto;}


  .video-col { padding: 0 !important; }

.text-col .vc_column-inner {
    padding: unset;
	margin: unset !important;
}

/* Video responsief + look */
/* .video-col .wp-video, .video-col video {
  width: 100% !important;
  height: auto !important;
  display: block;
}
 */
.video-col {
 
    width: min(100%,500px);
    height: auto;
/*     aspect-ratio: 16 / 9; */
}

.video-col .wp-video {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05));
  background: rgba(255,255,255,.35);
  backdrop-filter: saturate(120%) blur(2px);
}

/* Grid wanneer er meerdere video’s in één kolom staan */
.video-grid .wp-video-shortcode,
.video-grid .wp-video { margin-bottom: 1rem; }

/* Container cards */
.hike-section {

    margin-bottom: 1rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hike-section, .contact-left, .text-col, .rj-home-text {
    padding: 0.5rem;
    /* background: rgba(230,240,255,.25); */
    border: 1px solid rgba(255,255,255,.25);
    border-radius: var(--border-radius-md);
    background-image: linear-gradient(
    -90deg,
    rgba(170, 230, 240, 0) 0%,
    rgba(183, 238, 247, 0.125) 30%,
    rgba(159, 240, 250, 0.175) 50%
  );
    backdrop-filter: blur(6px) saturate(38%);
    -webkit-backdrop-filter: blur(6px) saturate(128%);
    background-color: rgba(180,210 ,240, 0.81);
    /* backdrop-filter: blur(6px); */
    box-shadow: var(--shadow);
}

.first-section  {
  margin-top: -3rem !important;
	}

/* 2-koloms layout */
/* .hike-col-text { padding-right: clamp(12px, 2vw, 24px); } */
.hike-col-media { align-self: start; }

/* Omdraaien (optioneel): [vc_row el_class="hike-section reverse"] */
.hike-section.reverse .wpb_row .hike-col-text { order: 2; padding-right: 0; padding-left: clamp(12px, 2vw, 24px); }
.hike-section.reverse .wpb_row .hike-col-media { order: 1; }

/* Titels met subtiele nummer-accent */
.hike-title {
    position: relative;
    padding-bottom: .25rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid rgba(20,60,70,0.25);
    text-wrap: balance;
}

/* Lijsten in tekstblokken */
.hike-col-text ul {
  margin: .5rem 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
.hike-col-text ul li {
  margin: .35rem 0;
  position: relative;
  padding-left: 1.35rem;
}
.hike-col-text ul li::before{
  content:"";
  position:absolute;
  left:0; top:.45em;
  width:.6rem; height:.6rem;
  border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #9be1ff 0%, #1d72fc 60%, #0b65ff 100%);
  box-shadow: 0 0 0 2px rgba(29,114,252,.15);
}

/* NextGEN thumbs in de rechter kolom */
.hike-col-media .ngg-galleryoverview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, min(100%,231px)) !important;
    gap: 10px;
    margin: unset;
    place-content: center;
}
.hike-col-media .ngg-gallery-thumbnail {
  background: rgba(255,255,255,.25);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow, 0 6px 16px rgba(0,0,0,.08));
  transition: transform .25s ease, box-shadow .25s ease;
}
.hike-col-media .ngg-gallery-thumbnail:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}
.hike-col-media img {
  display:block;
  width:100%;
  height:auto;
}

.hike-col-media .ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
    margin: 0px !important;
    
}

/* Contact page layout */

.contact-right img {
	box-shadow: var(--shadow-md);
}

/* Intro tekst iets rustiger */
.contact-intro { margin-bottom: .75rem; }

/* Contact list met iconen */
.contact-list { list-style: none; padding-left: 0; margin: .25rem 0 1rem; }
.contact-list li { display:flex; gap:.5rem; align-items:flex-start; margin:.4rem 0; }
.contact-list i.fa { margin-top:.2rem; opacity:.8; min-width:1rem; }

/* Map blok */
.contact-map-wrap { margin-top: .75rem; }
.contact-map-wrap iframe { display:block; width:100%; height:260px; border-radius:12px; }
.contact-map-wrap .map-hint { display:block; margin-top:.35rem; font-size:.85rem; opacity:.8; }

/* Foto rechts */
.contact-photo img { border-radius: 14px; display:block; width:100%; height:auto; }
.photo-caption { text-align:center; margin-top:.5rem; opacity:.85; }

/* CTA kaart onderaan */
.contact-cta {
  background: linear-gradient(135deg, hsla(197,61%,47%,.12), hsla(226,61%,62%,.12));
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 18px;
  padding: 1.25rem 1.5rem;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  font-size: 1.05rem;
}
.contact-cta .button {
  display:inline-block;
  margin-top:.5rem;
  padding:.6rem 1.1rem;
  background:#0081cc;
  color:#fff;
  border-radius:10px;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.contact-cta .button:hover { background:#006daf; box-shadow:0 6px 16px rgba(0,0,0,.12); transform:translateY(-1px); }



/* Responsief: onder elkaar op small */
@media (max-width: 960px){
  .hike-col-text, .hike-col-media { padding: 0 !important; }
  .hike-col-media .ngg-galleryoverview { grid-template-columns: repeat(2,1fr) !important; }
  .contact-left, .contact-right { margin-bottom: .9rem; }
	
}
@media (max-width: 600px){
  .hike-col-media .ngg-galleryoverview { grid-template-columns: 1fr; }
}


@media (min-width: 960px){
  .video-grid .wp-video { 
    display: inline-block; 
    width: calc(50% - .75rem) !important;
    margin: .375rem;
    vertical-align: top;
  }
}

@media (max-width: 960px){
	.text-col {
		width: min(100%,44ch);
	} 
	.video-col {
		width: min(100%, 350px);
	}
	
	
}

@media (max-width: 768px){
	
	.rj-home-wrap .rj-home-text {
		position: static;
		top: 0;
	}

	.media-row {
		flex-direction: column;
	}
	
		.text-col {
		width: 95%;
	} 
	.video-col {
		width: 100%;
	}
	

}