p, ul, ol, li, .pricet1, .pricet2 {font-family:'Libre Franklin', sans-serif; font-weight:400; font-size:20px;}

p, ul {line-height:1.5em; text-wrap:pretty;}

div {box-sizing:border-box;}

.center {text-align:center;}
.clear {clear:both;}
.linklike {cursor:pointer;}
.nobold {font-weight:400 !important;}

.padded {padding:20px;}
.superpadded {padding:40px;}
.nomarginbottom {margin-bottom:0 !important;}
.nopadding {padding:0 !important;}
.nopaddingbottom {padding-bottom:0 !important;}
.nopaddingtop {padding-top:0 !important;}
.lightpadding {padding:15px !important;}
.nomargintop {margin-top:0;}
.smallmarginbottom {margin-bottom:.3em;}
.smallmargintop {margin-top:.3em;}
.halfmarginbottom {margin-bottom:.5em;}
.halfmargintop {margin-top:.5em;}
.fullmarginbottom {margin-bottom:1em;}
.fullmargintop {margin-top:1em;}
.hideme {display:none;}
.pre {font-weight:700; color:#4690a2; margin-bottom:0;}
.balancetext {text-wrap:balance;}
.prettytext {text-wrap:pretty;}
.lightopacity {display:block; opacity:.5; font-size:.8em; line-height:1.25em !important;}
.bump {font-size:1.2em; line-height:1.3em !important;}

.mobileonly {display:none;}

@media only screen and  (max-width:800px) {
.mobileonly {display:inline;}
.desktoponly {display:none;}

}

a, a:link, a:visited {color:blue; text-decoration:none;}
a:hover, a:active {color:inherit; background:#e1fe7a;}

.xlighthighlight {background:#f6ffd5; padding:3px;}

h1,h2,h3 {font-family:'Retrokia'; text-wrap:balance;}

h4,h5,h6 {font-family:'Libre Franklin'; font-weight:700; text-wrap:balance;}

.retroika {font-family:'Retrokia'; text-wrap:balance;}

hr {border-color: #75c8cc;  border-style: dashed;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; clear:both; }
hr.minor {border-color:#a9e5df;}

h1 {font-size:min(15vw, 120px); line-height:1; margin:0; letter-spacing:-8px; font-weight:400;}
h2 {font-size:min(25vw, 96px); line-height:1; margin:0;letter-spacing:-5px; font-weight:400;}
h3 {font-size:min(25vw, 72px); line-height:1; margin:0;letter-spacing:-5px; font-weight:400;}
h4 {font-size:min(25vw, 60px); line-height:1.1em; margin:0; font-weight:700;}
h5 {font-size:min(25vw, 42px); line-height:1.3em; margin:0; font-weight:700;}
h6 {font-size:min(25vw, 35px); line-height:1.5em; margin:0; font-weight:700;}

@media only screen and (min-width:801px) and (max-width:1000px) {
p, ul, ol, li, .pricet1, .pricet2 {font-size:20px;}
h1 {font-size:min(15vw, 90px); line-height:1; margin:0; letter-spacing:-4px;}
h2 {font-size:min(25vw, 75px); line-height:1; margin:0;letter-spacing:-5px;}
h3 {font-size:min(25vw, 54px); line-height:1; margin:0;letter-spacing:-5px;}
h4 {font-size:min(25vw, 45px); line-height:1.1em; margin:0;}
h5 {font-size:min(25vw, 30px); line-height:1.3em; margin:0;}
h6 {font-size:min(25vw, 25px); line-height:1.5em; margin:0;}
}

@media only screen and (min-width:601px) and (max-width:800px) {
p, ul, ol, li, .pricet1, .pricet2 {font-size:18px;}
h1 {font-size:min(15vw, 75px); line-height:1; margin:0; letter-spacing:-2px;}
h2 {font-size:min(25vw, 60px); line-height:1; margin:0;letter-spacing:-5px;}
h3 {font-size:min(25vw, 45px); line-height:1; margin:0;letter-spacing:-5px;}
h4 {font-size:min(25vw, 37px); line-height:1.1em; margin:0;}
h5 {font-size:min(25vw, 25px); line-height:1.3em; margin:0;}
h6 {font-size:min(25vw, 22px); line-height:1.5em; margin:0;}
}

@media only screen and (max-width:600px) {
p, ul, ol, li, .pricet1, .pricet2 {font-size:16px;}
h1 {font-size:min(15vw, 60px); line-height:1; margin:0; letter-spacing:-1px;}
h2 {font-size:min(25vw, 48px); line-height:1; margin:0;letter-spacing:-5px;}
h3 {font-size:min(25vw, 36px); line-height:1; margin:0;letter-spacing:-3px;}
h4 {font-size:min(25vw, 30px); line-height:1.1em; margin:0;}
h5 {font-size:min(25vw, 21px); line-height:1.3em; margin:0;}
h6 {font-size:min(25vw, 18px); line-height:1.5em; margin:0;}
}

.outlined {color:#fff; font-size:min(9vw, 84px); text-shadow:6px 6px 0px #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
letter-spacing:-5px;}

body {background-color:#78c4c6; box-shadow:inset 0 0 100px #007ea6; margin:0px !important; padding:0px !important;}

a, a:link, a:visited {color:#2294a5; font-weight:600;}

/* ==================== header/menu ====================*/


#header {overflow: visible; text-align:center; background:#2197a4; box-shadow:inset 0 -25px 100px #0045b0; margin:0 !important; padding:20px;
}
/* background:linear-gradient(#8ac2c5, #2197a4);
transform: rotate(-1deg); z-index:0;
*/

.header-logo {width:80%; max-width:750px; margin-bottom:-60px;}

#main-menu {background:#e1fe7a; padding:35px 15px 15px 15px; text-align:center; text-wrap:pretty;font-weight:400;}
#main-menu a {font-family:'Retrokia'; text-wrap:pretty; font-size:1.5em; letter-spacing:-1px; padding-right:5px; padding-left:5px; margin-right:5px; margin-left:5px; color:#000; font-weight:400;}

#main-menu a:hover {background:#fff;}


#main-menu a.primary, #main-menu span.primary {font-size:2.5em; letter-spacing:-3px; line-height:1.2em; font-weight:400;}
#main-menu span.primary {color:#7fc547;}

#main-menu-primary {margin-bottom:5px;}

@media only screen and (min-width:801px) and (max-width:1000px) {
#main-menu a {font-size:1.25em; letter-spacing:-1px; line-height:1.4em;}
#main-menu a.primary {font-size:2em;  letter-spacing:-2px;}
}

@media only screen and (min-width:601px) and (max-width:800px) {
#main-menu a {font-size:1.15em; letter-spacing:-1px; line-height:1.4em;}
#main-menu a.primary {font-size:2em;  letter-spacing:-1px;}
}

@media only screen and (max-width:600px) {
#main-menu a {font-size:1em; letter-spacing:-1px; line-height:1.4em;}
#main-menu a.primary {font-size:1.5em;  letter-spacing:-1px;}
#main-menu-primary {margin-bottom:10px;}
}


/* ==================== body ==================== */

#wrapper {background:none; width:100%; padding:20px;}
#wrapper::after, #copy::after { content: '';  display: block;  clear: both;}
#copy {background:none; padding:30px; width:100%; max-width:1600px; margin-left:auto; margin-right:auto; background:#fff; box-shadow:inset 0 0 200px #aae5e0; border-radius:20px;}

@media only screen and (max-width:800px) {
#wrapper {padding:10px; padding-top:15px;}
#copy {padding:15px;}
}



/* ==================== images ==================== */

.image-fullwidth {width:100%; height:auto; max-width:100%; border-radius:12px;}

.image-right {float:right; width:50%; height:auto; margin:0 0 20px 20px; border-radius:12px;}



.image-left {float:left; width:50%; height:auto; margin:0 20px 20px 0; border-radius:12px;}

@media only screen and (max-width:800px) {
.image-fullonmobile {float:none; width:100%; height:auto; max-width:100%; margin:auto; border-radius:12px;}
}


.bio {float:right; width:25%; max-width:180px; height:auto; margin:0 0 15px 15px; border-radius:8px;}

.directory-social-icon {opacity:.8; width:auto; height:36px; border-radius:10px; margin-right:5px;}
.directory-social-icon:hover {opacity:1;}
.social-icon-link:hover {background:none;}

@media only screen and (min-width:801px) and (max-width:1000px) {
.directory-social-icon {width:auto; height:30px; border-radius:6px}
}

@media only screen and (min-width:601px) and (max-width:800px) {
.directory-social-icon {width:auto; height:24px; border-radius:4px;}
}

@media only screen and (max-width:600px) {
.directory-social-icon {width:auto; height:18px; border-radius:3px; margin-right:3px}
}
 

/* ==================== schedule ==================== */

.speaker-bios {display:none;}
.schedule-description {display:block;}
.schedule-description-empty {display:none;}

.super-session {background-color:#f3ffca; padding:20px; border-radius:15px;}
.workshop {background-color:#a9e5df; padding:20px; border-radius:15px;}

.schedule-time-div {clear:both; float:left; width:25%;}
.schedule-session-div {float:left; width:75%;}
.schedule-time {color:#444; margin-top:0; font-weight:600;}
.schedule-category {line-height:1; margin-top:0; font-weight:700; margin-bottom:.5em;}
.schedule-session {margin-bottom:.5em; margin-top:0;}

.schedule-clear {}

#jumpto {margin-top:.5em;}

@media only screen and (max-width:800px) {
.schedule-time-div {width:40%; vertical-align:top;}
.schedule-session-div {width:60%;}
.schedule-time {vertical-align:top;}
.schedule-session {vertical-align:top;}
}

/* ==================== pricing ==================== */

.price-group::after { content: '';  display: block;  clear: both;}
.price-group {padding:15px; border-radius:20px; border:1px solid rgb(74, 169, 197, .3); width:100%; max-width:1000px; margin-left:auto; margin-right:auto;}

.priceheadline, .priceuntil {text-align:center; text-wrap:balance;} 

.priceheadline {color:#045e81;}
.priceuntil {color:rgb(0, 177, 147, .8); margin-top:.4em;}

.price-table {margin-left:auto; margin-right:auto; width:100%; max-width:800px; margin-top:1em; }

.highlighted {background:#f3ffbc; border:0px;}

.pricet1, .pricet2 {font-weight:600;}

.pricet1 {vertical-align:top; width:65%; padding-bottom:10px; padding-top:10px; border-bottom:1px solid rgb(74, 169, 197, .3);}
.pricet2 {vertical-align:top; width:20%; padding-bottom:10px; padding-top:10px; border-bottom:1px solid rgb(74, 169, 197, .3); text-align:right;}
.noborderbottom {border-bottom:none;}

/* ==================== sponsors ==================== */

#sponsors {border-radius:20px; background:#f9fde6; padding:15px;}
#sponsors img { margin-left:15px; margin-right:15px; margin-bottom:10px}
#sponsors a:hover {background:none;}

.sponsor-h {max-height:100px;}
.sponsor-h2 {max-height:88px;}
.sponsor-h3 {max-height:65px;}
.sponsor-sq {max-height:125px;}
.sponsor-sq2 {max-height:100px;}
.sponsor-sq3 {max-height:88px;}


@media only screen and (min-width:801px) and (max-width:1000px) {
.sponsor-h {max-height:90px;}
.sponsor-h2 {max-height:80px;}
.sponsor-h3 {max-height:60px;}
.sponsor-sq {max-height:115px;}
.sponsor-sq2 {max-height:90px;}
.sponsor-sq3 {max-height:60px;}
}


@media only screen and (min-width:601px) and (max-width:800px) {
.sponsor-h {max-height:80px;}
.sponsor-h2 {max-height:70px;}
.sponsor-h3 {max-height:55px;}
.sponsor-sq {max-height:105px;}
.sponsor-sq2 {max-height:80px;}
.sponsor-sq3 {max-height:70px;}
}


@media only screen and (max-width:600px) {
.sponsor-h {max-height:60px;}
.sponsor-h2 {max-height:55px;}
.sponsor-h3 {max-height:40px;}
.sponsor-sq {max-height:90px;}
.sponsor-sq2 {max-height:60px;}
.sponsor-sq3 {max-height:55px;}
}