@media only screen {.preview-mode-theme-mismatch-warning {display: none !important;}
}

/* FOUNDRY 3 NEEDED */

/* HEADERS */
h1, h2 {
	padding-top: 3rem;
	padding-bottom: 2px;
	border-bottom: 1px solid #006699;
	margin-bottom: 1.6rem !important;

	padding-top: 2.5rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #006699 !important;
	margin-bottom: 2rem !important;

}
@media only screen and (max-width: 768px) {
	h1, h2 {
		padding-top: 2rem;
	}
}
/* NAVIGATION */
/* welcome text to make parent-child */
.childCont {
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	width: fit-content; /* SPECIAL this covered up the LANG button */
	margin: auto;
	z-index: 501;
}
/* hide welcome text */
@media only screen and (max-width: 330px) {
.welcome-wocom-text { 
	display: none; } }
/* general styling */
.welcome-wocom-text { 
    color: #F2BC1E;
	text-align: center;
    font-size: 0.9rem;
    font-weight: 600 !important;
    letter-spacing: 0.8px;
	}
/* small screen font size */
@media only screen and (max-width: 767px) {
.welcome-wocom-text { 
    letter-spacing: 0;
    font-weight: 700 !important;
    font-size: 14px;
	top: 3px;
	}
.childCont {
	top: 12px;
	left: 16px;
	right: auto;
	}
}
/* LANGUAGE dropdown menu wide + small */
.lang-dropdown {
	font-weight: 600 !important;
}
.lang-dropdown:hover {
	background-color: #7E185C;
	background-color: #F2BC1E !important;
}	
.dropdown-menu {
	border-radius: 5px !important;
}
/* language text EN menu wide*/
.lang-text {
	color: rgba(242, 188, 31, 0.99);
	padding-right: 4px;
 }
/* language text EN menu small */
.my-lang span.rwml-translatable { 
	font-weight: 700;
	color: rgba(242, 188, 31, 0.95);
}
/* change content NAV heitght */
.navbar-content.navbar {
	padding-top: 4px !important;
	padding-bottom: 4px;
}
/* end of NAVIGATION */

/* FOOTER ADS related */
.ad-image-txt {
	font-size: 0.8rem;
	color: #006699;
	line-height: 1.3em;
	padding-top: 0.75rem;
	text-align: center;
}
/* ADVERTENCIA ABOVE FOOTER related */
ad-image-txt {
	font-size: 11px!important;
	color: #006699;
	line-height:1.3em;
	padding-top: 10px;
}
/* FOOTER */
.footer-header {
	color: #686868;
	font-weight: 600;
	margin-bottom: 8px;
	margin-top: rem;
}
.myfooter { line-height: 1.8rem;}
.myfooter a:link {	font-weight: 500; }

/* =========== END OF FOUNDRY 3 NEEDED ============= */

/* STILL TESTING */

/* JAPANESE LANGUAGE FONT CORRECTION */
:lang(ja) span { 
    font-size: 0.9rem !important;
}
/* ======== STILL TESTING ========== */


/* SKYPE LESSONS ADS */
.skype-ad {
	font-size:14px;
	text-align:center;
	color:#39F!important;
	font-weight:600;
	padding-bottom: 8px;
	line-height: 1.1em;
}

/* VIDEO and CDs */

/* VIDEO TEXT CENTER ON SMALL SCREEN */
@media only screen and (max-width: 400px) {
	.videotext {text-align: center;	padding-bottom: 10px;margin-bottom:15px;border-bottom: #D7D7D7 solid 1px;}
	.videotitle {text-align: center;padding-top:5px;}
}

.videotitle {
	font-size: 1rem;
	font-weight: 600;
	padding-top: 16px;
	padding-bottom: 8px;
	color: #1e6cba;
	line-height: 1.2rem;
}

.videotext {
	font-size: 0.9rem;
	line-height: 1.2rem;
	color: grey;
	margin: 0px;
}

.cd-title {
	font-weight: 500;
	color: ;
	font-size: 1.6em;
	padding-top: 3rem;
	margin-bottom: 25px !important;
	padding-bottom: 5px;
	border-bottom: 1px dotted #006699;
}
@media only screen and (max-width: 768px) {
	.cd-title {
		padding-top: 2rem;
}
}


/* ORBIT CAPTION */
.orbit-slides-container > * .orbit-caption {
    background-color: rgba(51,51,51,0.55)!important;
    color: #f9ff05 !important;
    font-weight: 600!important;
}

/* CHANGE SIZE OF THE BULLETS IN THE ORBIT SLIDER */
.orbit-bullets li{width: 12px!important; height: 12px!important; }



/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
/* ADVERTENCIA ABOVE FOOTER related */
ad-image-txt {
	font-size: 11px!important;
	color: #006699;
	line-height:1.3em;
	padding-top: 10px;
}

/* Flute Day events - STILL NEEDED? I replaced by fd-img-right and report-image - on 24-03-2024 put it off */
fd-image-right {
	margin: 0px 20px 30px 30px;
	border: 1px solid #4D4D4D;
	border-radius: 4px;
	max-width:100%;
	float: right;
}
fd-image-border a img {
	border: 2px solid #4D4D4D;
	border-radius: 8px;
	max-width:100%;
}
/* HOOVER BORDER OF REPORT IMAGES - replaced by fontawesome below */
/* .report .report-image img, .blog-wo .report-image img {
	border: 3px solid #888 !important;
	border-radius: 8px;
} */
/* .report .report-image img:hover, .blog-wo .report-image img:hover {
	border: 3px solid #FCC601 !important;
	transition: .25s ease;
} */
.main-content .report-image img {
	border: 3px solid #888 !important;
	border-radius: 8px !important;
}
.report-imageCont:hover .report-image img {
	border: 3px solid darkorange !important;
	transition: .25s ease;
}
/* PLACE FONTAWESOME ICON ON TOP OF PHOTO GALLERY IMAGE */
/* needed to make icon appear with the F3 Image:Remote stack, UFH */
.report-imageCont {
	position: relative;
}
.report-image a::after {
	font-family: 'FontAwesome';
	content: "\f00e";
	font-size: 4rem;
	position: absolute;
	top: 40%; 
	left: 50%;
	transform: translate(-50%, -50%);
	color: white; 
	opacity: 0.77;
	background-color: transparent;
}
.report-image a:hover::after {
	font-family: 'FontAwesome';
	opacity: 0.9;
	width: fit-content; /* SPECIAL this covered up the LANG button */
/*	transition: 0.3s; fades in/out but makes icon move */
}


/* FOUNDATION HOVER ICON */
report a img {
	border: 3px solid #888;
	border-radius: 8px;
}	
report a img:hover {
	border: 3px solid #FCC601;
	border-radius: 8px;
	transition: .3s ease;
}
/* END hover foundation */

/* PHOTO GALLERY EVENT */
/* CAMERA ICON gallery pages */
.gallery-h1 h1::after {
	content: "\F220" !important;
	font-family: bootstrap-icons !important;
	vertical-align: -0.25rem;
	padding-left: 5px;
	color: rgba(19, 58, 170,0.75);
	color: grey;
}
.gallery-h1 h1 {
	padding-top: 2rem;
}
/* Location styling */
.gallery-location {
	font-weight: 600;
	line-height: 1.5rem;
	color: #0F0F0F;
}
.gallery-explanation-text {
	font-style: italic;
	font-size: 0.83rem;
	line-height: 1.2rem;
	margin-top: -8px;
//	margin-left: 12px;
	margin-bottom: 40px;
//	padding-bottom: 16px;
}
/* event image */
.gp-image img {
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
	border-radius: 10px !important;
	border: 1px solid grey;
}

/* BUTTONS return to Gallery */
.fd-button {
  background-color: rgba(187,84,49, .08);
  border: 2px solid #C94C23;
  color: #C94C23; 
  padding: 12px 18px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  transition-duration: 0.4s;
}

.fd-button:hover {
  background-color: #C94C23; /* Orange */
  color: #F9DA49; /* Yellow */
}

/* BUTTON (bt) to Gallery Overview to add specialized layout */
.bt-back {
  margin: 0px 20px 5px 18px;
  float: right;
}

/* justify last thumbnail row of Gallery 3 - Instagram Grid - */
div[class$="_photo_wrapper"] {
	justify-content: left;
}

/* TEST TEST TEST */
/* BLOG EDITING */
h 2.blog-entry-title:before {
	font-family: 'FontAwesome';
/* 	content: "\f073"; */
	content: "\f166";
	padding-right: 10px;
}

h 2.blog-entry-title {
	font-size: 1.3em !important;
	line-height: 1.3em;
	margin-bottom: 6px !important;}

.blog-entry {
	margin-bottom: 1.8em;
}

.blog-entry-date {
	border-bottom: none;}
	
/* Correcting Player Stack layout */
@media only screen and (max-width: 486px) {
.scrubberWrapper {
	margin-left: 10px!important;}
}

/* ========= FOUNDATION NOT NEED ========= */