/* Style Sheet 4 Event Facilities Website
Datum: 		220308
Author: 	FWE
Version:	V1.2.0 	Wereldrecord pagina
*/
/* Define variable */

:root {
	--gla: #BFD135; /* Greendy Gold  */
	--am: #23489C; /* Summer Waters */
	--ap: #E51C1F; /* Lust */
	--bq: #F49717; /* Forceful Orange */
	--4ef: #9D45B8; /* Akebi Purple */
	--v-bn-fg: #fffff0; /*Button foreground*/
	--v-bn-bg: #60b845; /*Button background*/
	--v-color: #fffff0; /* color  */
	--v-bgcolor: #000000; /*background color*/
	--t-mvdwf:	#8bd1cb; /* mvdwfoundation */
	--t-mvdwf-bg: #002c50; /* mvdwfoundation */

	--v-maxwidth: 980px;
	}
@font-face {font-family: mySecondFont;src: url(./FontAwesome5Free-Solid-900.otf) format('opentype');}

/* Elementen */
* { max-width: var(--v-maxwidth); margin: auto; }
body { font-family: helvetica; font-size: 15px; color:var(--v-color) !important; background-color:var(--v-bgcolor) !important; user-select: none; }
h1 { font-size: 25px !important; }
h2 { font-size: 20px !important}

a:link, a:visited {text-decoration: none;}

img.a { display: block; margin-left: auto; width: 100%; max-width: 480px; border-radius: 5px; }

/* Settings 4EF */


.q-title { z-index: 3; padding: 0px; color:var(--v-color); font-weight: bold; text-align: center; text-shadow: 2px 2px #e51c1f;}
.q-logo { margin-bottom: 10px; height: 100px;}
.q-logo-small { border: none; margin-bottom: 10px; display: block; margin-left: auto; margin-right: auto; height: 100px; }
.q-show { z-index: -1; padding-top: 0%; }
.q-menu { margin-left: 50px; }
.q-button { background-color:var(--v-bgcolor) !important; color:var(--v-color) !important;}
.q-icon { font-family: mySecondFont !important; }
.q-contact { width: 320px; height: 95px; border-radius: 5px; padding-left: 5px; padding-top: 10px; background-color: var(--4ef); }
.q-centre { text-align: center; }
.q-subHead { text-align:center; width: 50%; padding: 2px 0 0; border-radius: 50px; color: var(--t-mvdwf-bg); background-color: var(--t-mvdwf); margin-bottom: 10px; }
.q-headLine { margin-top: -15px; display: ruby-text; }
.q-subLink { color: var(--t-mvdwf); }
.q-subLogo { height: 40px; display: inline-block;}

.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
.w3-button:hover{color:var(--v-bn-fg) !important;background-color:var(--v-bn-bg)!important}
.w3-dropbtn {background-color:var(--v-bn-bg) !important; color:var(--v-bn-fg) !important; padding: 16px; font-size: 16px; border: none; cursor: pointer;}
.w3-dropdown {justify-content: right; display: inline-block; position: absolute; right: 0; margin: auto;}
.w3-dropdown-content {display: none; position: absolute; background-color:var(--v-bn-bg) !important; min-width: 90px; z-index: 1; text-align: center;}
.w3-dropdown-content a {color: var(--v-bn-fg); padding: 12px 16px; text-decoration: none; display: block;}
.w3-dropdown-content a:hover {background-color:var(--v-bgcolor) !important;}
.w3-dropdown:hover .w3-dropdown-content {display: block;}
.w3-dropdown:hover .w3-dropbtn {background-color:var(--v-bn-bg) !important;}

/* carousel */

/* Screen settings */

.header {height: 125px;}
.bodyLeft {width: 60%; float: left; }
.bodyRight {width: 40%; min-width: 30%; float: right;}

#flex-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width:var(--v-maxwidth);}
#menuSmall {display: flex; }
#menuLarge {display: flex; max-width: var(--v-maxwidth); align-items: center; }

/* footnote */
.q-adr { user-select: text; }
.q-fn { font-size: 10px; color:var(--v-color); text-align: center; padding-top: 10px; padding-bottom: 20px; vertical-align: middle; margin-top: 20px; }
#connect { color:var(--v-color); font-size: 6px; text-align: right; padding-right: 12px; padding-bottom: 2px;}