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

/* FOUNDRY 3 */
/* LINKS */
.main-content a, .main-content a:hover {
	font-weight: 500;
}

/* HEADERS HEADERS HEADERS HEADERS HEADERS */
.main-content h1, .main-content h2 {
	padding-top: 2rem;
	padding-bottom: 5px;
	border-bottom: 1px solid #DA5C1D !important;
	margin-bottom: 1.5rem !important;
//	font-family: 'Arial Rounded MT Bold', Arial, sans-serif !important;
}
main-content h1 {
	margin-bottom: 3rem !important;
}
.main-content h3 {
	padding-top: 2rem;
	padding-bottom: 5px;
	margin-bottom: 1rem !important;
	font-size: 1.3rem;
	font-weight: 700;
}

/* NAVIGATION */
/* welcome text to make parent-child */
.childCont {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	width: fit-content; /* SPECIAL this covered up the LANG button */
	margin: auto;
	z-index: 1001;
}
/* hide welcome text */
@media only screen and (max-width: 330px) {
.welcome-jucom-text { 
	display: none; } }
/* general styling */
.welcome-jucom-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-jucom-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(2, 98, 105, 0.99);
 }
/* language text EN menu small */
.my-lang span.rwml-translatable { 
	font-weight: 700;
	color: rgba(254, 214, 36, 0.95);
}
/* change content NAV height */
.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.35rem;
	text-align: center;
}
.ad-image-header {
	line-height: 1.2rem;
}
.ad-image-footer {
	line-height: 1.1rem;
	font-size: 0.85rem;
}

/* FOOTER */
footer-header, footer-link, footer-link a {
	color: #026269 !important;
}
.myfooter .footer-header {
	color: #026269 !important;
	font-weight: 700;
	font-size: 1.25rem !important;
	margin-bottom: 8px;
	margin-top: rem;
}
.myfooter { line-height: 1.8rem;}
.myfooter a:link {	font-weight: 500; }


/* FOUNDATION FOUNDATION FOUNDATION FOUNDATION FOUNDATION FOUNDATION */
/* LANGUAGE NAV */
.top-bar-section ul li > a { font-weight:bold; font-size: 1rem }

/* H2 IN SECTIONBOX */
h2.toppadlimit { padding-top: 40px !important; }

/* SMALL TEXT BELOW PHOTO AND BANNERS */
.photo-text, .banner-text, .ad-text {
	color: #BABABA;
	font-weight: bold;
	font-size: 0.85rem;
	text-align: center !important;
	padding-top: 0px;
}
.ad-text {
	color: #6A6A6A;
	line-height: 0.9rem;
	font-size: 0.7rem;
}
.photo-text {
	color: #808080;
	padding-top: 3px;
	padding-bottom: 20px;
}
.banner-text {
	color: #808080;
	padding-bottom: 8px;
}
	
/* QUOTE TEXT COLOR */
.pullquote { color:#006699;}
.pullquote::before {
    margin-top: 20px;}
.orbit-bullets { }

/* VIDEO VIEWPORT BORDER */
.flex-viewport.loaded {
	border: 5px solid #D7C500;
}

/* STYLE ORBIT BULLETS */
.orbit-bullets li {
    background: #ccc;
    height: 11px;
    width: 11px;
    margin-right: 12px;
}

/* PRICE LIST FONTS */
.pricing-table .title {
	font-weight: bold;}
.pricing-table .description {
	font-weight: 400;
	font-size: 1rem;
	color: #595959;}
.pricing-table .price {
    font-size: 1.2rem;
    color: #007898;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-bottom: 0px solid #d2ad0e !important;
    margin-bottom: 10px;
}

/* FROM STYLING */
.form-text {
	font-size: 1em;
	line-height:1.3em;
}
/* remove logo */
@media screen and (max-width: 780px) { 
.top-bar-section  .zone {
	display: none; }
top-bar-section ul li > a { padding-left: 50px !important; }
}
/* .top-bar-section ul li > a::before { 	content: "• ";} */


/* MARGIN LEFT FOR FORMSNAP */
div.formsnap .form-group {
	margin-left: 20px;
	margin-right: 8px;	
}

/* CONTROL AUDIO PLAYER */
.jp-playlist-item {
    font-size: 0.86rem;
    font-weight: 600;
}

/* POSITION BACK-TO-TOP IMAGE */
#toTop {
	bottom: 60px !important;
	right: 14px;
}

/* REMOVE LANGUAGE INDICATOR TEXT by background color */
@media screen and (max-width: 500px) { 
.bp-text {
	color: #FED624;
}
.button.b-p:not(.bp-hover):hover {
	background: #FED624!important;
}
}

/* REMOVE toTop BUTTON ON SMALL SCREEN */
@media screen and (max-width: 640px) { 
	#toTop { display: none !important;}
}

/* HEADERS */
/* h1, h2 {
	color: #DA5C1D;
	border-bottom: 1px solid #dadada;
	margin-bottom: 1.9rem;
	padding-top: 0px;
	padding-bottom: 6px;
	font-family: 'Arial Rounded MT Bold', Arial, sans-serif !important;
}

h1 {
	padding-top: 30px;
}

h2 {
	padding-top: 60px;
}
@media screen and (max-width: 640px) { 
	h2 { padding-top: 20px;}
}

h3 {
	padding-top: 20px;
	margin-bottom: 1rem;
}

h1.header-title {
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
	padding-top: 0px!important;
}
h1.header-title sup {top: -1.3em;}
*/
/* BUTTONS IN SHOP INFO PAGE STYLING */
.shopinfo-button .button {
	color: #fff!important;
}

/* MENU behind language menu */
.top-bar ul.title-area {
	z-index: 1000 !important;
}

/* MENU word on sm screen ;-screen */
.toggle-topbar a {
	font-size: 0.92rem !important;
}

/* FLUTE TEACHER FEEDBACK */
.my-quote {
	font-style: italic;
	font-color: #006699;
	font-size: 1.2rem !important;
}

/* FONTAWESOME IN FRONT OF MENU ITEMS */
/*
menu-home::before  {
	content: "\f015";
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-size: 1.2rem;
	font-weight: 500;
}

.menu-quickstart::before  {
	content: "\f001";
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-size: 1.2rem;
	font-weight: 500;
}

.menu-birds::before  {
	content: "\f099";
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-size: 1.2rem;
	font-weight: 500;
}

.menu-info::before  {
	content: "\f03a";
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-weight: 500;
}

.menu-shop::before  {
	content: "\f291";
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-weight: 500;
}
fa {
	font-family: FontAwesome;
	padding-right: 0.5em;
	font-size: 50%;
}
*/
/* TRIED ALSO BOOTSTRAP ICONS BUT NOT SATISFIED... */
/*
.menu-home::before  {
	content: "\F423";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 1.2rem;
	font-weight: 500;
}
.menu-quickstart::before  {
	content: "\F49E";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 1.2rem;
//	font-weight: 500;
}
.menu-birds::before  {
	content: "\F5EF";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 1.2rem;
	font-weight: 500;
}
.menu-info::before  {
	content: "\F3B9";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 1.2rem;
	font-weight: 500;
}
.menu-shop::before  {
	content: "\F179";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 1.2rem;
	font-weight: 500;
}
.menu-contact::before  {
	content: "\F73D";
	font-family: bootstrap-icons;
	padding-right: 0.1em;
	vertical-align: sub;
	font-size: 0.5rem;
	font-weight: 500;
}
*/


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

/* FONT AWESOME FONTS IN TITLES */
nav .fa {
	font-family: FontAwesome;
	padding-right: 0.2rem;
	font-size: 1.3rem;
	padding-bottom: 5px;
}

/* RWML STACK */
.rwml_switch_dropdown {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #FFD900 !important;
	background-color: #C35704 !important;
	text-align: center !important;
}
/* MIXINGDECK LIST */
.mixingdeck-edit li {
    font-weight: 600;
    font-size: .96rem !important;
}

/* MIXINGDECK ACTIVE border */
.list-group-item.active {
	border-color: #DDDDDD !important;
}

/* FOOTER */
footer-title, .footer-link, .footer-link a {
	color: #026269 !important;
}
footer-link a:hover {
	color: #990000 !important;
}
/* footer bottom line-height text */
.copyright {
    font-weight: bold;
}

/* MAKE LANGUAGE SELECTOR FILL TIL TOP no need? */
/* @media screen and (max-width: 640px) { #languageLightbox {    top: 0px !important;}}