/*
if css isn't updating ... change the v=1, when calling the .css?v=1 (change the number)
*/
/*
Something Beautiful

1. FIX FADING TRANSITION, TO SLIDE
2. Fix First time clicking on next button
3. Fix css for overlapping - 4 tab show ON Mobile
 */




/* ------------------------------------------------------------------ */
/* -------------------**----------------------**--------------------- */
/* ------------------------ OVERLAY POP UP ------------START--------- */
/* -------------------**----------------------**--------------------- */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------- */
/* ------ #overlay-data-horiz, #overlay-data-gallery ----- */
/* ------------------------------------------------------- */

@media all and (min-width: 0px) and (max-width: 950px) and (orientation:landscape) { 
	#overlay-popup-inner-wrap .slide_active{
		height: 250px;
		overflow: scroll;
	}
}
@media all and (min-width: 0px) and (max-width: 950px) and (orientation:portrait) { 
	#overlay-popup-inner-wrap .slide_active{
		height: 450px;
		overflow: scroll;
	}
}
.pop-up-num, .pop-up-type {
  float: left;
  color: #c4c4c4 !important;
  font-family: arial, sans-serif;
  font-size: 40px;
  margin-left: -25px;
  margin-right: -20px;
  max-width:100px;
  display:none !important;
}
.pop-up-type {
  margin-top:30px;
  font-size:10px;
}
.image-overlay{
	float:left;min-width:60%;
}
.dec-overlay{
	text-align:left;padding:10px;font-size:16px;width: 40%;float: right;
}
@media(max-width:950px){
	
	.image-overlay{
		float:none;min-width:60%;
	}
	.dec-overlay{
		text-align:left;padding:10px;font-size:16px;width: 100%;float: none;
	}
}
.slide_active h1{
	margin-bottom:30px;
}
#overlay-popup {
  display:none;

  position: relative;
  z-index:20;
  overflow:hidden; /* -- if you want to crop the image -- */

  background: rgba(255,255,255,.7);
  
  box-shadow: inset 0px 0px 500px 3px rgba(255,255,255,1);
  
  position: fixed; 
  /* ------------------------------------------------------- */
  /* overflow-y: scroll; */
  /* ------------------------------------------------------- */
  top: 0; left: 0; right: 0; bottom: 0;
  text-align:center;
  font-size:25px;
  font-family:arial, sans-serif;
  font-weight:normal;
}

/* ------------------------------------------------------------------ */
/* -------------------**----------------------**--------------------- */
/* ----------------------** OVERLAY POP UP **---------**-END-**------ */
/* -------------------**----------------------**--------------------- */
/* ------------------------------------------------------------------ */





/* ------------------------------------------------------------------ */
/* -------------------**----------------------**--------------------- */
/* -------------------** CENTERING THE POP UP **-----**-START-**----- */
/* -------------------**----------------------**--------------------- */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* -- get the popup - centered, fluid on all browsers and complete -- */
/* ------------------------------------------------------------------ */
/* part 1 of 2 */
/* ------------------ */
/* padding around the inner content */
/* ------------------------------------------------------- */
/* set actual inner content to 100% stretch - */
/* ------------------------------------------------------- */
#overlay-popup-inner-box{
  z-index:20;
  position:relative;
  
  top: 5%;

  background-color: rgba(255,251,243,1);
  width:74%;
  min-height:200px;
  max-height:600px;
  margin: 0 auto;
  padding:25px 75px 25px 25px;
  border:3px black solid !important;
  border-radius:6px;
  
  box-shadow: 2px 2px 30px rgba(0,0,0,.5);
  
  clear:both;
}

/* ---------------- */
/* RED SOLID border */
/* ---------------- */
#overlay-popup-inner-wrap{
  width:100%;
  min-height:200px;
  padding:25px 25px 5px 25px;
  /* border:3px red solid; */
  position: relative;
  clear:both;
}
/* ------------------------------------------------- */
/*clear both, for 
#overlay-popup-inner-wrap & .slide_active, .slide_inactive*/
/* ------------------------------------------------- */

/* ------------------- */
/* BLACK DASHED border */
/* ------------------- */
.slide_active, .slide_inactive{
  /* position: absolute; */
  top:0;
  left:0; 
  /* border:3px black dashed; */
  z-index:12;
  clear:both;
  
}
.slide_inactive{
  z-index:11;
  left:100%;
}

/* ---------------------------------------------- */
/* -- styles for the height of popup's content -- */
/* ---------------------------------------------- */
/* part 2 */
/* move to correct location - when done */
/* updated classes - .popup-type--photo-gallery, .popup-type--horiz-images*/


#overlay-popup-inner-box{
  transition: .5s;
}

/* ------------------------------------------------------------------ */
/* -------------------------- OVERLAY -----START--------------------- */
/* ------------------------------------------------------------------ */
/* -------------------------- CENTER VERTICALLY --------------------- */
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* ----------- OVERLAY "CENTERING THE POP UP" VERTICALLY ------------ */
/* ------------------------------------------------------------------ */

/* ==> ------------------------------------------------------- <== */
/* ==> --IN:--CODE BLOCK: "CENTERING THE POP UP" VERTICALLY -- <== */
/* ==> ------------------------------------------------------- <== */

/* ------------------------------------------------- */
/* ------------- FOR HEIGHT OF SCREENS ------------- */
/* ------------------------------------------------- */
/* ------------- MIN-MAX HEIGHTS -- START ---------- */
/* ------------------------------------------------- */
@media screen and ( min-height: 0px ) and ( max-height: 399px ) {
  body,#overlay-popup{ /*border:8px yellow solid !important;*/ }
  #overlay-popup-inner-box { margin-top:20px; }
  
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:-10px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:-5px; }
}
@media screen and ( min-height: 400px ) and ( max-height: 599px ) {
  body,#overlay-popup{ /*border:8px orange solid !important;*/ }
  
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:-10px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:-5px; }
}
@media screen and ( min-height: 600px ) and ( max-height: 649px ) {
  body,#overlay-popup{ /*border:8px red solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:20px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:60px; }
}
@media screen and ( min-height: 650px ) and ( max-height: 699px ) {
  body,#overlay-popup{ /*border:8px darkred solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:30px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:90px; }
}
@media screen and ( min-height: 700px ) and ( max-height: 799px ) {
  body,#overlay-popup{ /*border:8px green solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:50px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:90px; }
}
@media screen and ( min-height: 800px ) and ( max-height: 899px ) {
  body,#overlay-popup{ /*border:8px lightblue solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:70px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:200px; }
}
@media screen and ( min-height: 900px ) and ( max-height: 1999px ) {
  body,#overlay-popup{ /*border:8px brown solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box { margin-top:120px; }
  .popup-type--photo-gallery #overlay-popup-inner-box { margin-top:150px; }
}
/* ------------------------------------------------- */
/* ------------- MIN-MAX HEIGHTS -- END ------------ */
/* ------------------------------------------------- */


/* -------------------------------------------- */
/* ---------- POP-UP / PHOTO GALLERY ---------- */
/* -------------------------------------------- */

/* -------------------------------------------- */
/* --------- .popup-type--photo-gallery ------- */
/* -------------------------------------------- */
@media all and (min-width: 750px) and (max-width: 9999px){
  body,#overlay-popup { /*border:7px yellow solid !important;*/ }
}
/* -------------------------------------------- */
/* -------------- DESKTOP height -------------- */
/* -------------------------------------------- */
.popup-type--photo-gallery #overlay-popup-inner-wrap{
  min-height:250px;
}
/* -------------------------------------------- */
/* -- TABLET mobile height - for - #overlay-popup-inner-wrap -- .popup-type--photo-gallery -- */
/* -------------------------------------------- */
@media all and (max-width: 750px) and (min-width: 600px){
  body, #overlay-popup{ /*border:7px orange solid !important;*/  }
  .popup-type--photo-gallery #overlay-popup-inner-box{
    min-height:600px;
  }
}
/* -------------------------------------------- */
/* -- MICRO mobile height - for - #overlay-popup-inner-wrap -- .popup-type--photo-gallery -- */
/* -------------------------------------------- */
@media all and (max-width: 599px) {
  body, #overlay-popup { /* border:7px lightblue solid !important; */ }
  .popup-type--photo-gallery #overlay-popup-inner-box {
    min-height: 600px !important;
  }
}

/* ==> ------------------------------------------------------- <== */
/* ==> ---IN:-----CODE BLOCK: "CENTERING THE POP UP" --------- <== */
/* ==> ------------------------------------------------------- <== */

/* -------------------------------------------- */
/* ---------- POP-UP / HORIZ IMAGES ----------- */
/* -------------------------------------------- */

/* -------------------------------------------- */
/* ----------.popup-type--horiz-images--------- */
/* -------------------------------------------- */
/* DESKTOP height */
.popup-type--horiz-images #overlay-popup-inner-wrap {
  min-height:400px;
}
/* -------------------------------------------- */
/* -- TABLET mobile height - for - #overlay-popup-inner-wrap -- .popup-type--horiz-images -- */
/* -------------------------------------------- */
@media all and (max-width: 699px) and (min-width: 600px){
  body,#overlay-popup{ /*border:7px red solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box {
    min-height:600px;
  }
}
/* -------------------------------------------- */
/* -- MICRO mobile height - for - #overlay-popup-inner-wrap -- .popup-type--photo-gallery -- */
/* -------------------------------------------- */
@media all and (max-width: 599px) {
  body,#overlay-popup{ /*border:7px blue solid !important;*/ }
  .popup-type--horiz-images #overlay-popup-inner-box{
    min-height:500px;
  }
}
/* -------------------------------------------- */
@media all and (max-width: 714px) {
  .popup-type--horiz-images #overlay-popup-inner-box{
    min-height:600px;
  }
}

@media all and (max-width: 720px) {
  /* ---------------- */
  /* RED SOLID border */
  /* ---------------- */
  #overlay-popup-inner-wrap{
    /* border:3px red solid; */
    position: relative;
    clear:both;
  }

}

/* -------------------------------------------- */
/* -- TABLET mobile height - for - #overlay-popup-inner-wrap -- */
/* -------------------------------------------- */
@media all and (max-width: 750px) and (min-width: 600px) {
  
}
/* -------------------------------------------- */
/* -- MICRO mobile height - for - #overlay-popup-inner-wrap -- */
/* -------------------------------------------- */
@media all and (max-width: 599px) {
  
}
/* -------------------------------------------- */


/* ------------------------------------------------------------------ */
/* -------------------**----------------------**--------------------- */
/* -------------------** CENTERING THE POP UP **------**-END-**------ */
/* -------------------**----------------------**--------------------- */
/* ------------------------------------------------------------------ */




/* ------------------------------------------------------------------- */
/* ------------**------------------------------**--------------------- */
/* ------------**-- FOR PHOTO GALLERY IMAGES --**------**-END-**------ */
/* ------------**------------------------------**--------------------- */
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------- */
/* -- make the photo gallery images - have a pointer on hover -- */
/* ------------------------------------------------------------- */
#s5_va_accordion_inner img {
  cursor: pointer;
}

/* ==> ----------------------------------------------------------- <== */
/* ==> ---IN:-----CODE BLOCK: "FOR PHOTO GALLERY IMAGES" --------- <== */
/* ==> ----------------------------------------------------------- <== */

#overlay-popup-inner-box .pop-up-pic{
  width:60% !important;
  height: auto;
  cursor:default;
  margin-left:30px;
  box-shadow: 2px 2px 10px rgba(0,0,0,2);
}

#overlay-popup-inner-box .pop-up-pic.gallery{
  width:60% !important;
  margin-left:-30px;
  height: auto !important;
  cursor:default;
}
#close_btn, #overlay-previous, #overlay-next{
  cursor: pointer;
  position:absolute;
  top:-15px;
  right:-15px;
  font-family:arial, sans-serif;
  color:white;
  font-size: 30px;
  font-weight:bold;
  border: 4px white solid;
  border-radius:30px;
  padding:2px;
  line-height:.8em;
  background:gray;
  min-width:30px;
  max-width:30px;
  min-height:30px;
  box-shadow: 2px 2px 10px rgba(0,0,0,.5);
  z-index:21;
  transition: 500ms;
}
#close_btn:hover, #overlay-previous:hover, #overlay-next:hover{
  box-shadow: 2px 2px 15px rgba(0,0,0,.8);
  background: #a8a8a8;
  transition: 500ms;
}
#overlay-previous{
  top:50%;
  right:unset;
  left:0px;
}
#overlay-next{
  top:50%;
  right:0px;
}
.pop-up-pic{
  margin-bottom:20px;
}
.pop-up-pic.gallery{
	/* --------------------------------- */
	/* affects the photos in the photo gallery */
	/* --------------------------------- */
}
.pop-up-pic.horiz_scroll{
	/* --------------------------------- */
	/* affects the photos in the horizontal scrolling gallery */
	/* --------------------------------- */
	width: 65% !important;
	float: left;
	margin-right: 40px;
}
.pop-up-text-group{
  border: 0px red solid;
}
.pop-up-message{
  font-size:20px;
  text-align: left;
}
.pop-up-message.long-message-text{
  font-size:18px;
}
.pop-up-title{
  font-weight: bold;
  margin-bottom:35px;
}
/* --------------------------------- */
/* ----- ((599-0 Screen Width)) ---- */
/* --------------------------------- */
@media all and (max-width: 599px){
  #overlay-popup-inner-box .pop-up-pic{
    width:90% !important;
    margin-left:10px;
  }
  .pop-up-pic.horiz_scroll{
    width: 90% !important;
  }
  .pop-up-pic.gallery{
    width: 90% !important;
    margin-left: -30px;
  }
  #overlay-popup-inner-box .pop-up-pic {
    width: 85% !important;
    margin-left:10px;
  }
  
}



/* ------------------------------------------------------------------- */
/* ------------**------------------------------**--------------------- */
/* --------------------**-- 4TAB SHOW --**---------START-------------- */
/* ------------**------------------------------**--------------------- */
/* ------------------------------------------------------------------- */

/* --------------------------------------------------------- */
/* -------------- DESKTOP STYLES / MOBILE STYLES ----------- */
/* --------------------------------------------------------- */
/* use jquery - to select this, then go up, the li, to the ul, then up to the #s5_button, up to #tabshow_right, up to #tabshow_left
- the top part - the button tabs ... #s5_button_wrap0
 // with jquery - wrap, both ...
 <div class="4tabs_show_with_btns">#s5_button_wrap0 + #tabshow_left</div> */

/* ------------------------------------------------------ */
/* ------------------ DESKTOP STYLES -------------------- */
/* ------------------------------------------------------ */
@media all and (min-width: 900px) and (max-width: 9999px){

  body { /*border:15px black solid !important;*/ }

  .tabs_content_wrap {
    width: 60% !important;
    min-width: 60% !important;
    max-width: 60% !important;
    border: 0px red solid !important;

    cursor: move !important;
  }
  .tabs_article_box{
    margin-left:50px;
  }
}

/* ==> ----------------------------------------------------------- <== */
/* ==> ---IN:-----CODE BLOCK: "4TAB SHOW" ------------------------ <== */
/* ==> ----------------------------------------------------------- <== */

@media all and (min-width: 800px) and (max-width: 900px) {

  body { /*border:15px black solid !important;*/ }

  .tabs_content_wrap {
    width: 720px !important;
    min-width: 720px !important;
    max-width: 720px !important;
    border: 0px red solid !important;
  }
  .tabs_article_box{
    margin-left:50px;
  }
}
@media all and (min-width: 700px) and (max-width: 800px){

  body { /*border:15px green solid !important;*/ }

  .tabs_content_wrap {
    width: 600px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    border: 0px red solid !important;
  }
  .tabs_article_box{
    margin-left:40px;
  }
}
@media all and (min-width: 600px) and (max-width: 700px){

  body { /*border:15px lightgreen solid !important;*/ }

  .tabs_content_wrap {
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    border: 0px red solid !important;
  }
  .tabs_article_box{
    margin-left:30px;
  }
}

/* ==> ----------------------------------------------------------- <== */
/* ==> ---IN:-----CODE BLOCK: "4TAB SHOW" ------------------------ <== */
/* ==> ----------------------------------------------------------- <== */


/* ------------------------------------------------------ */
/* ---------- (1) THESE APPLY TO ALL MOBILE SIZES ------- */
/* ------------------------------------------------------ */
/* ------------- (2) 4 TABS - "THE ARTICLE - BOX" ------- */
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* ---------- THESE APPLY TO ALL MOBILE SIZES ----------- */
/* ------------------------------------------------------ */
@media all and (min-width: 0px) and (max-width: 600px) {
  body { /*border:10px green dashed !important;*/ }
/* ---------------------------------------------------------- */
/* -- format all spans - so it affects the 2nd span (text) -- */
/* ---------------------------------------------------------- */

/* ------------------------------------------------------ */
/* -- 2 or 3 text elements - per slide - selected here -- */
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* --------------- 4 TABS - "THE ARTICLE - BOX" --------- */
/* ------------------------------------------------------ */
/* .tabs_content_wrap .custom span{ border:2px dashed red !important; } */
/*div*/.custom.tabs_article_box .tabs_article_box{ border: 5px yellow dashed !important; } /* also .custom */
/*div*/.tabs_image_with_link{}
/* SPAN */
/* then format the 1st span - as the title */
/*span*/.custom.tabs_article_box .tabs_text_title{ border: 0px dashed white !important; display: block; margin-top: 280px !important; margin-bottom: -30px !important;  }
/*span*/.custom.tabs_article_box .tabs_text_desc { margin-left: 0px !important; }
.custom.tabs_article_box .tabs_text{ border:0px white solid; }
/* .tabs_content_wrap .custom img{} */
/* OTHER */
/*.s5_button{}
ul.s5_button_content{}
li.s5_button_item{}*/
.custom.tabs_article_box img {
  border: 0px blue solid !important;

  display: inline-block !important;
  margin-left: 40px !important;
  margin-right: 10px !important;
  margin-top: -10px !important;

  float:left !important;
  width: 350% !important;
  min-width: 350% !important;
  max-width: 350% !important;
  clear:both !important;
}

}

@media all and (min-width: 550px) and (max-width: 600px){

  body { /*border:15px red dotted !important;*/ }

  .tabs_content_wrap {
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    border: 0px red solid !important;
  }
}

@media all and (min-width: 500px) and (max-width: 550px){

  body { /*border:15px blue dotted !important;*/ }

  .tabs_content_wrap {
    width: 390px !important;
    min-width: 390px !important;
    max-width: 390px !important;
    border: 0px red solid !important;
  }
}

@media all and (min-width: 0px) and (max-width: 500px){

  body { /*border:15px yellow dotted !important;*/ }

  .tabs_content_wrap {
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    border: 0px red solid !important;
  }

}

/* ------------------------------------------------------------------- */
/* ------------**------------------------------**--------------------- */
/* ------------------------ 4TAB SHOW ---------------END-------------- */
/* ------------**------------------------------**--------------------- */
/* ------------------------------------------------------------------- */





@media all and (min-width: 0px) and (max-width: 300px) {
  body,#overlay-popup{ /*border:11px blue solid !important;*/ }
}
@media all and (min-width: 300px) and (max-width: 350px) {
  body,#overlay-popup{ /*border:11px purple solid !important;*/ }
}
@media all and (min-width: 350px) and (max-width: 400px) {
  body,#overlay-popup{ /*border:11px black solid !important;*/ }
}
@media all and (min-width: 400px) and (max-width: 450px) {
  body,#overlay-popup{ /*border:11px gray solid !important;*/ }
}
@media all and (min-width: 450px) and (max-width: 500px) {
  body,#overlay-popup{ /*border:11px lightblue solid !important;*/ }
}
@media all and (min-width: 500px) and (max-width: 550px) {
  body,#overlay-popup{ /*border:11px green solid !important;*/ }
}
@media all and (min-width: 550px) and (max-width: 600px) {
  body,#overlay-popup{ /*border:11px pink solid !important;*/ }
}
@media all and (min-width: 600px) and (max-width: 650px) {
  body,#overlay-popup{ /*border:11px orange solid !important;*/ }
}
@media all and (min-width: 650px) and (max-width: 700px) {
  body,#overlay-popup{ /*border:11px red solid !important;*/ }
}
@media all and (min-width: 700px) and (max-width: 750px) {
  body,#overlay-popup{ /*border:11px black solid !important;*/ }
}
@media all and (min-width: 750px) and (max-width: 800px) {
  body,#overlay-popup{ /*border:11px purple solid !important;*/ }
}
@media all and (min-width: 800px) and (max-width: 850px) {
  body,#overlay-popup{ /*border:11px green solid !important;*/ }
}
@media all and (min-width: 850px) and (max-width: 900px) {
  body,#overlay-popup{ /*border:11px red solid !important;*/ }
}
@media all and (min-width: 900px) and (max-width: 950px) {
  body,#overlay-popup{ /*border:11px yellow solid !important;*/ }
}
@media all and (min-width: 950px) and (max-width: 1000px) {
  body,#overlay-popup{ /*border:11px blue solid !important;*/ }
}
@media all and (min-width: 1000px) and (max-width: 1050px) {
  body,#overlay-popup{ /*border:11px lightblue solid !important;*/ }
}
@media all and (min-width: 1050px) and (max-width: 1100px) {
  body,#overlay-popup{ /*border:11px yellow solid !important;*/ }
}
@media all and (min-width: 1100px) and (max-width: 1150px) {
  body,#overlay-popup{ /*border:11px orange solid !important;*/ }
}
@media all and (min-width: 1150px) and (max-width: 1200px) {
  body,#overlay-popup{ /*border:11px green solid !important;*/ }
}
@media all and (min-width: 1200px) and (max-width: 1250px) {
  body,#overlay-popup{ /*border:11px purple solid !important;*/ }
}
@media all and (min-width: 1250px) and (max-width: 1300px) {
  body,#overlay-popup{ /*border:11px red solid !important;*/ }
}

/* ------------------------------------------------------------------ */
/* -------------------**----------------------**--------------------- */
/* ----------------------- WIDTH BREAKPOINTS ------------END--------- */
/* -------------------**----------------------**--------------------- */
/* ------------------------------------------------------------------ */









/* ---- Final Edits 9/27/2018 - by Michael Stone ---- */



/* fixes indenting on wom intro text - on homepage */

.wom_intro_text img{
  margin-left: 0px !important;
}




/* ---------------------------------------------- */
/* ----------- .photo-gallery-box --------------- */
/* ---------------------------------------------- */
/* --------- also: .s5_va_element_inner --------- */
/* ---------------------------------------------- */

.photo-gallery-box-outer {
}

/* ------------------------------------------------- */
/* Correct INNER Padding - the div containing the whole group of thumbnails for the photo-gallery */
/* ------------------------------------------------- */
.photo-gallery-box{
  
}

.photo-gallery-box--photos-wrap img{
    margin-left:5px !important;
}




/* ------------------------------------------------------------------ */
/* -------------------- YOUTUBE VIDEO IFRAME ------------------------ */
/* ---------------------------- (sidebar) --------------------------- */
/* ------------------------------------------------------------------ */

/* ------------------------- */
/* -- larger than desktop -- */
/* ------------------------- */
@media all and (min-width: 1030px) and (max-width: 9999px) {
  body { /* border: 9px purple dashed !important; */ }
  .youtube-video-iframe { width:350px !important; height: 180px !important; border: 0px orange dashed !important; }
}
/* --------------------------------------- */
/* -- desktop - when sidebar is showing -- */
/* --------------------------------------- */
@media all and (min-width: 600px) and (max-width: 1030px) {
  body { /* border: 9px red dashed !important; */ }
  .youtube-video-iframe { width:480px; height: 240px !important; }
}
/* ------------------------- */
/* -------- mobile --------- */
/* ------------------------- */
@media all and (min-width: 0px) and (max-width: 600px) {
  body { /* border: 9px green dashed !important; */ }
  .youtube-video-iframe { width:400px; height: 180px !important; border: 0px orange dashed !important; }
}
/* ------------------------------------------------------------------ */




/* 4 tabs show - ultra mobile */
@media all and (min-width: 0px) and (max-width: 600px) {
  body { /* border: 9px purple dashed !important;*/ }
  
  .moduletable .custom.tabs_article_box > div img{
    /* border:3px red dashed !important; */
    margin-bottom: -30px !important;
  }
  .moduletable .custom.tabs_article_box .tabs_text_title{
    /* border:3px white dashed !important;*/
    margin-bottom:-30px !important;
  }
  .tabs_text_desc{
    margin-top:-30px !important;
    /* border:3px yellow dashed; */
  }
}


@media all and (min-width: 0px) and (max-width: 800px) and (orientation:landscape) {}

@media all and (min-width: 0px) and (max-width: 800px) and ( min-height: 0px ) and ( max-height: 300px ) {
/*
  .slide_active{
    overflow-y:scroll !important;
    
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    border:0px red solid !important;
    
    width: 110%;
    margin-left: -20px;
    margin-top: -20px;
  }
*/
}


/* 4 TABS SHOW */
/* Horiz Sliding Images - Centered text under image */
.s5_imagerot_text{
  margin-left:-18px !important;
}


/*mobile only - 4 tabs show --  TITLE fix */
@media only screen and (max-width: 768px){
  
  /* spacing under title */
  .module_round_box-darkback .s5_mod_h3_outer{
    height: 70px; /* was 35px - adding space for title on mobile */
  }

  /* the 4tabs h3 */
  .module_round_box-darkback .s5_mod_h3_outer h3 span{
    line-height:55px !important;
  }

}