@charset "utf-8";

/* NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW 
   NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW 
   NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW NEW

                 EUROFURENCE 22 CSS3 STYLESHEET
                 12/2015 WEB@EUROFURENCE.ORG	
                 BASIC SETTINGS & COMPATIBILITY   

   THIS IS A WRAP-UP -- THIS IS A WRAP-UP -- THIS IS A WRAP-UP
   THIS IS A WRAP-UP -- THIS IS A WRAP-UP -- THIS IS A WRAP-UP
   THIS IS A WRAP-UP -- THIS IS A WRAP-UP -- THIS IS A WRAP-UP
*/
	
/* GENERAL STUFF */
/* FONT FACES */

@font-face {font-family:inconsolata;font-weight:normal;src:url("../fonts/Inconsolata-Regular.ttf");}
@font-face {font-family:inconsolata;font-weight:bold;src:url("../fonts/Inconsolata-Bold.ttf");}
@font-face {font-family:jaapokki;src:url("../fonts/Jaapokki-Regular.otf");}
@font-face {font-family:jaapokkisubtract;src:url("../fonts/Jaapokkisubtract-Regular.otf");}
@font-face {font-family:russo1;src:url("../fonts/russo1.woff2");}

/* GLOBAL PAGE DESIGN */
* {box-sizing:border-box;margin:0;}
html {position:relative;height:100%;font-family:inconsolata;background:#000;/*overflow:auto;overflow-y:auto;overflow-x:hidden;*/} /* no horizontal scrollbars */ /* note from draconigen:these settings cause serious positioning misbehaviour in ff */
body {background:#000;height:100%;overflow-y:scroll;}
header {width:100%;height:100px;background:#000;}
header>img {float:left;padding:5px;}
section {width:100%;padding:15px;background:#08018f;color:#fcffc6;}
article {width:100%;margin:0 auto; position: relative;}
.headerimage{width:100%;max-height:390px;margin-top:-8px;margin-bottom:-8px;text-align:center;} /* not included right now */
.headerimage>img{object-fit:cover;width:100%;max-width:120%!important;max-height:382px;} /* not included right now */
.page-wrap {min-height:100%;margin-bottom:-212px;overflow-y:hidden;} /* make footer stick to bottom of the page,always */
.page-wrap:after {content:"";display:block;} /* make footer stick to bottom of the page,always */
footer,.page-wrap:after {height:212px;} /* make footer stick to bottom of the page,always */
footer {width:100%;background:#000;text-align:center;/*padding:10px;*/color:#efefef;}
#scrolldest {height:0px!important;} /* hide anchors */
.iframe {display:block;background:#000;border:none;height:80vh;width:100%;}
img {width:auto;max-width:100%;} /* make sure to never oversize images */
article ol,article ul {padding-left:0px;list-style:circle;}
article li {margin-left:20px;padding-top:10px;padding-bottom:10px;}
.clear {clear:both;}
.topbanner{position:absolute;right:15px;top:15px;}
.topbanner img{max-height:100px;}
@media(max-width: 768px) {.topbanner img {width: 60%; float: right}}

/* CSS SMOOTH SCROLL V0.2 - BACK TO TOP JUMPBAR */
html:target {margin-top:100vh;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);-webkit-transition:-webkit-transform 0.9s ease-in-out;transition:transform 0.9s ease-in-out;}

/* DON'T SPLIT CONTENT VIA CSS; AVOIDING UNBALANCED COLUMNS,MOSTLY */
section li {padding-top:10px;padding-bottom:10px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;break-inside:avoid-column;}
section[class*='column'] p {margin-top:15px;margin-bottom:15px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;break-inside:avoid-column;}
section[class*='column'] p:first-child {margin-top:0px;}
.retain {-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;break-inside:avoid-column;-webkit-column-break-after:avoid;page-break-after:avoid;break-after:avoid;}
section>div>p,section>div>ul,section>div>a,section>div>img {margin-left:15px;}

/* COLOR-CLASSES */
.white {background:#fff;color:#000;}
.black {background:#000;color:#d50083;}
.black a,.black a:hover,.black a:active,.black a:visited {color:#fcffc6;}
.color_1 {background:#fcffc6;color:#000;} /* beige */
.color_1 a,.color_1 a:hover,.color_1 a:visited,.color_1 a:active {color:#08018f;}
.color_2 {background:#d50083;color:#fff;} /* pink */
.color_2 a,.color_1 a:hover,.color_1 a:visited,.color_1 a:active {color:#08018f;}
.color_3 {background:#08018f;color:#fff;} /* dark-blue */
.color_3 a,.color_1 a:hover,.color_1 a:visited,.color_1 a:active {color:#fcffc6}
.color_4 {background:#f55f7a;color:#08018f;} /* s^3 - super strong salmon */
.color_4 a,.color_1 a:hover,.color_1 a:visited,.color_1 a:active {color:#08018f;}

/* section.color_1 {background-image: url('../img/');} /* beige */
.background1,section.black {background-image: url('../img/background_01.jpg');}
.background2,section.color_2 {background-image: url('../img/background_03.jpg');} /* pink */
.background3,section.color_3 {background-image: url('../img/background_02.jpg');} /* dark-blue */
/* section.color_4 {background-image: url('../img/');} /* super strong salmon */
article > section:nth-of-type(1) {background-image:none;}
.nobackground {background:none!important;}

/* COLUMNIZE VIA CSS */
.four_columns {-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-width:300px;-moz-column-width:300px;column-width:300px;-moz-column-fill:balance;column-fill:balance;}
.three_columns {-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-width:300px;-moz-column-width:300px;column-width:300px;-moz-column-fill:balance;column-fill:balance;}
.two_columns {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-width:400px;-moz-column-width:400px;column-width:400px;-moz-column-fill:balance;column-fill:balance;}
.span_across {-webkit-column-span:all;column-span:all;} /* No support for FF,all other browsers work (12.2015) */

/* HEADLINES,SPECIAL FONTS AND MORE */
h1 {font-size:28px;margin:0;padding-bottom:20px;padding-top:20px;font-variant:small-caps;}
h2 {font-size:24px;margin:0;padding-bottom:15px;padding-top:15px;font-variant:small-caps;}
h3 {font-size:18px;margin:0;padding-bottom:10px;padding-top:10px;font-variant:small-caps;}

ul+p {margin-top:14px;}
p {margin-bottom:14px;}
.contact-predata input[type="submit"] {display:inline;background:none;border:medium none;font-family:inconsolata;font-size:12pt;padding:0px;color:#4e4e4e;text-decoration:underline;cursor:help;}
section a,section .color_1 .contact-predata input[type="submit"] {color:#08018f;}
.black .contact-predata input[type="submit"],.color_4 .contact-predata input[type="submit"],.color_2 .contact-predata input[type="submit"],.color_3 .contact-predata input[type="submit"] {color:#fcffc6!important;}

.centered {text-align:center;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.just {text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.padded {padding:25px;margin:0 auto;}
.nospace {padding-top:0;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.underline {text-decoration:underline;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.light {font-weight:lighter;}
.caps {font-variant:small-caps;}
.indent {margin-left:15px;}

/* SLIDE-IN MENU STRUCTURE */
#menuCorner {position:absolute;background:url('../img/corner_upper-left_retina.png');background-size:100%;top:-25px;left:-25px;z-index:99;height:220px;width:220px;}
#MenuState {position:fixed;top:-200px;left:-200px;}
#MenuState:checked ~ #menu {display:block;}
#MenuButton {display:block;position:absolute;top:22px;left:22px;height:35px;width:50px;z-index:102;background:url('../img/menu_btn_retina.png');background-size:100%;background-repeat:no-repeat;cursor:pointer;}
#MenuButton:after {display:block;position:absolute;bottom:-25px;left:0;width:50px;height:30px;text-align:center;content:"MENU";color:#d50083;font-family:jaapokkisubtract,sans-serif;letter-spacing:2px;}
#MenuButton:hover:after {color:white;transition:color 0.2s;}
#MenuScreen {width:100%;height:100%;z-index:101;position:fixed;top:0;left:-100%;opacity:0;transition:left 0.2s,opacity 0.3s;min-height:100%;/*display:table;*/font-family:jaapokkisubtract;overflow-y:auto;}
#MenuInnerConstruct {display:table;width:100%; height: 100%;}
#MenuState:checked ~ #MenuScreen {left:0;opacity:1;}
#MenuState:checked ~ #MenuButton {background-image:url('../img/menu_x_retina.png');background-size:66%;background-position:center top;/*position:fixed;*/}
#MenuState:checked ~ #MenuButton:after {color:white;}
#MenuState:checked ~ #MenuButton:hover:after {color:#08018f;}
#MenuState:checked ~ .page-wrap {overflow-y:scroll;overflow:hidden !important;height:100% !important;}
#MenuState:checked ~ footer,#MenuState:checked ~ #backtotop {display:none;}
#MenuScreen>#MenuInnerConstruct>section {display:table-cell;width:auto;padding:0;overflow-y:auto;height:100%;background-size:cover;background:none;}
#MenuScreen>#MenuInnerConstruct>section ~ section {border-style: solid; border-width:0 0 0 10px;border-image:url('../img/menu_open_bg_02.png') 0 0 0 10 stretch;position:relative;}
#MenuScreen>#MenuInnerConstruct>#MenuNav {width:350px;/*padding-top:38px;*/background-image:url('../img/menu_open_bg_tile.jpg');text-transform:uppercase;letter-spacing:0.15em;height:100%;}
#MenuScreen * {color:white;text-decoration:none;}
#MenuScreen>#MenuInnerConstruct>#MenuNews:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.85;z-index:-1;background-image:url('../img/menu_bg_85percent-opacity_tile.jpg');background-size:cover;}
#MenuScreen>#MenuInnerConstruct>#MenuNews:before {background-attachment: fixed}
#MenuScreen>#MenuInnerConstruct>section {background-attachment: fixed}
#MenuNav ul,#MenuNav li {list-style:none;padding:0;}
#MenuNav a {display:inline-block;width:100%;padding:2px 0 2px 80px;transition:color 0.08s;}
#MenuNav a:hover {color:#08018f;}
#MenuNav .MenuCat {background-color:#08018f;padding:0 6px;}
#MenuScreen>#MenuInnerConstruct>#MenuNews {padding-left:70px;}
#MenuNews h1 {font-size:3em;}
#MenuNews ul {list-style:none;padding-left:0;font-family:inconsolata,serif;}
#MenuNews ul {display:inline-block;width:auto;}
#MenuNews li ~ li {padding-top:42px;}
#MenuNews li ~ li {border-top:1px solid #d50083;}
#MenuNews a {display:inline-block;width:100%;}
#MenuNews a span:nth-of-type(1) {padding:30px 0 20px;line-height:0.5em;}
#MenuNews a span:nth-of-type(2) {color:#d50083;font-size:2em;line-height:2.3em;}
#MenuNews a span:nth-of-type(3) {font-family:inconsolata,sans-serif;font-size:2em;}
#MenuNews a:hover span:nth-of-type(2) {color:#fff;transition:color 0.1s;}

@media(max-width: 768px) {
	#MenuScreen *, #MenuScreen *:before {background:none!important;border:none!important;}
	#MenuScreen {border-style:solid;border-width:0 0 0 10px;border-image:url('../img/menu_open_bg_02.png') 0 0 0 10 stretch;}
	#MenuInnerConstruct {position:relative;}
	#MenuNav a {padding:6px 0 6px 80px;}
	#MenuNews li ~ li {padding-top:22px;}
	#MenuNav .MenuCat {background-color:#d50083!important;}
	#MenuInnerConstruct:before {content: "";display: block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0.85;background-image:url('../img/menu_bg_85percent-opacity_tile_mobile.jpg')!important;background-attachment:fixed!important;}
	#MenuScreen>#MenuInnerConstruct>section {display:block;width:100%!important;height:auto!important}
	#MenuNav {padding-top:48px!important;}
	#MenuNav a:hover, #MenuNews a:hover span:nth-of-type(2) {color:#d50083;}
	#MenuNews a span {padding:0;line-height:normal;}
	#MenuNews a span:nth-of-type(2) {color: #fff;font-family:jaapokkisubtract, sans-serif;font-size:1em;text-transform:uppercase;letter-spacing:0.15em;}
	#MenuNews a span:nth-of-type(3) {display:none;}
	#MenuNav a, #MenuNews a span:nth-of-type(2) {padding-right:10px;}
}

/* TOP MENU STRUCTURE */
#menu {width:100%;text-align:center;z-index:100;}
nav {min-height:50px;}
nav ul {list-style-type:none;margin:0;padding:0;position:absolute;font-size:0px;}
nav li {display:inline-block;margin:0;background:rgba(213,0,131,1);font-size:16px;}
nav li a,nav li span {display:block;min-width:130px;height:50px;text-align:center;line-height:50px;color:#fff;background:#d50083;text-decoration:none;opacity:1;}
nav li:hover a {background:url("../img/menuarrow.png");background-position:center bottom;background-repeat:no-repeat;color:#08018f;font-weight:bold;opacity:1;}
nav li:hover ul a {color:#fff;font-weight:lighter;height:50px;line-height:50px;background:none;background:rgba(8,1,143,0.4);border-bottom:none;}
nav li:hover ul a:hover {background:rgba(8,1,143,0.9);color:#fff;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;border-bottom:none;}
nav li ul {visibility:hidden;display:none;}
nav li ul li {visibility:visible;display:block;float:none;background:rgba(8,1,143,0.4);border:1px solid rgba(255,255,255,0.2);border-top:0;}
nav li ul li a {width:auto;min-width:200px;padding:0 20px;}
nav ul li a:hover + .hidden,.hidden:hover {display:block;}
.show-menu {text-decoration:none;color:#fff;background:#000;text-align:center;padding:10px 0;display:none;}
@media screen and (max-width:1050px) {nav ul{display:none;}}
.menuborder {position:relative;top:20px;}

/* FOOTER AREA */
footer {font-family:inconsolata;text-transform:uppercase;position:relative;background:url('../img/background_02.png');background-position:50% 100%;clear:both;height:auto;}
footer a {color:#fff;text-decoration:none;}
footer a:hover {color:#fff;text-decoration:underline;}
footer>div:nth-of-type(1) {position:absolute;top:0;left:0;height:64px;width:100%;background:url('../img/noise_bar.png');}
footer>#footer-content {display:inline-table;margin:25px auto;padding:30px;}
footer>#footer-content>section {background:none;display:table-cell;width:250px;padding:0 0 0 40px;vertical-align:middle;}
footer>#footer-content>section~section {border-left:1px solid #d50083;}
footer h3 {font-size:13pt;padding:0 0 2px 0;}
footer p {margin:0 0 7px 0;} 
footer>#footer-content>section:nth-of-type(1)>p:nth-of-type(1) {margin-top:10px;}
footer>#footer-content>section:nth-of-type(1) {text-align:left;padding:0;}
footer>#footer-content>section:nth-of-type(2) {text-align:left;}
footer>#footer-content>section:nth-of-type(3) {padding:0;}
footer .social {text-align:center;}
.social>a:nth-of-type(3) {background-size:33%;}
.social>a {display:inline-block;width:50px;height:50px;margin:0 5px;background-size:30px;background-position:center center;background-repeat:no-repeat;}
.social>a:nth-child(1) {background-image:url("../img/twitter.png");}
.social>a:nth-child(2) {background-image:url("../img/gplus.png");}
.social>a:nth-child(3) {background-image:url("../img/facebook.png");}
.social>a:nth-child(1):hover {background-image:url("../img/twitter_active.png");}
.social>a:nth-child(2):hover {background-image:url("../img/gplus_active.png");}
.social>a:nth-child(3):hover {background-image:url("../img/facebook_active.png");}
@media (max-width: 1020px) {footer>#footer-content>section {display:block;padding: 20px 0} footer>#footer-content>section~section {border-left:none;border-top:1px solid #d50083;}}

/* GLOBAL PAGE DECORATION */
.gradient_separator_down {position:relative;width:100%;height:8px;background:#000000;
background:-moz-linear-gradient(top,#000000 0%,#d400ff 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#000000),color-stop(100%,#d400ff));
background:-webkit-linear-gradient(top,#000000 0%,#d400ff 100%);
background:-o-linear-gradient(top,#000000 0%,#d400ff 100%);
background:-ms-linear-gradient(top,#000000 0%,#d400ff 100%);
background:linear-gradient(to bottom,#000000 0%,#d400ff 100%);}
.gradient_separator_up {width:100%;height:8px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,1) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(1%,rgba(252,252,252,0)),color-stop(100%,rgba(0,0,0,1)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,1) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,1) 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,1) 100%);}

/* PAGE SPECIFIC STUFF PAGE SPECIFIC STUFF PAGE SPECIFIC STUFF 
               ALL THE MAGIC FOR INDIVIDUAL SUBSITES
   PAGE SPECIFIC STUFF PAGE SPECIFIC STUFF PAGE SPECIFIC STUFF 
*/
/* HOME */
header.video {width:100%;height:100%;width:100vw;height:100vh;max-height:100vh;background:url('../pages/home/background.jpg');background-size:cover;object-fit:cover;-webkit-transition:background-position 0.6s linear;transition:background-position 0.6s linear;overflow:hidden;}
@media(orientation:portrait) {header.video{background-position:center center;}}
.homepage {min-height:200%;}
.homescroll {background:url("../img/scroll_down_copy.png");background-repeat:repeat-x;background-position:bottom left;background-size:100% 20px;position:absolute;bottom:0;width:100%;text-align:center;z-index:2;}
.imgscroll {position:relative;height:135px;max-height:60px;min-height:15vh;bottom:17px;opacity:0.8;}
.homevideo {width:100vw;height:100vh;background-size:cover;object-fit:cover;}
@media(min-width:2000px) {.homevideo{display:none;}}
.homesized {width:80%;margin:0 auto;-webkit-transition:width 0.4s linear;transition:width 0.4s linear;}
.homeh1 {font-size:40px;padding-bottom:20px;padding-top:40px;}
@media (max-width:1300px) {.homesized {width:100%;}}

/* REGISTER BUTTON */
.register {position:absolute;top:15vh;left:10vw;width:85vw;height:22vh;max-width:500px;text-align:center;opacity:0.9;}
@media (orientation:portrait) {.register{top:30vh;left:8vw;}} 
.register img {max-height:60vh;min-width:200px;}
.registerText {display:inline-block;width:220px;max-width:97%;height:65px;padding-top:11px;background:rgba(0,0,0,1);line-height:50px;vertical-align:middle;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;}
.register a,.registerText a:hover,.registerText a:visited,.registerText a:active {font-family:jaapokkisubtract;font-size:36px;font-variant:small-caps;letter-spacing:5px;text-decoration:none;color:#fcffc6;-webkit-transition:color 0.2s linear;transition:color 0.2s linear;}
.registerText:hover {background:rgba(1,8,135,1);}
.register a:hover {color:#d50083;}

/* CONTACT */
.contact_size_single {width:70%;height:40px;padding:3px;border:1px solid #000;max-width:800px;}
.contact_size_multi {width:70%;height:140px;padding:3px;border:1px solid #000;max-width:800px;}
.senderbutton {width:30%;max-width:400px;height:30px;border:1px solid #000;}
desc li {padding-top:0!important;padding-bottom:0!important;}
.ateforg {position:relative;top:4px;}
.area_readonly {    
	width: 100%;
	background: transparent;
	border: none;
	color: white;
}

/* ARTSHOW */
.as_prev {width:98%;}

/* CHARITY */
.embedded_video {position:relative;width:100%;height:0;padding-bottom:51%;}
.embedded_video iframe {position:absolute;width:100%;height:100%;left:0;top:0;}
.luno {background-image:url('../pages/charity/Henrieke_draws_Luno.png');height:134px;width:203px;position:absolute;right:20px;top:0;background-size:contain;background-repeat:no-repeat;}
 @media(max-width:1404px) {.luno{display:none;}}
 
 /* WEBSITE */
 .orphen {position:absolute;top:90px;left:60px;z-index:2;width:450px;background-color:#d50083;padding:20px;}
 @media (max-width: 1256px) {.orphen{position:static;width:100%}}
 .foxamoore {position: absolute; right: 20px; bottom: 20px; padding: 3px 17px; background-color: rgba(63, 63, 63, 50); opacity: 0.6}

 /* DAILY */
 .veerr {position:relative;right:60px;}
 
 /* HOTEL */
 .roomrate {color: #fff; padding: 4px 8px;}