:root
{
    --green: #80f6b3;
    --purple: #aa6efe;
    --darkpurple: #293463;
    --blue: #9fc9ff;
    --darkblue: #1C3163;
    --yellow: #f9eb67;
    --orange: #ef9e5c;
    --pink: #f37aa1;
	--white: #ffffff;
}
@font-face {
    font-family: "OswaldBold";
    src: url("/library/fonts/Oswald/Bold.otf") format('opentype');
}

@font-face {
    font-family: "OpenSans";
    src: url("/library/fonts/OpenSans/Regular.otf") format('opentype');
}


* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: var(--white);color: var(--darkblue);font-family: OpenSans;font-size: 110%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: var(--navyblue); text-decoration: underline; font-weight: normal; }
a.button {display: block; background-color: var(--navyblue); color: var(--white); padding: 20px; width: 400px; margin: auto; text-decoration: none;}
a.button:hover {color: var(--navyblue);}
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none;vertical-align: top;}
h1, h2, h3, h4, h5, h6 {padding: 0px 0px 10px 0px;margin: 0px;font-size: 150%;/* font-weight: 700; */font-family: OswaldBold;}
p { padding: 0px 0px 10px 0px; margin: 0px; }
fieldset { padding: 0px 0px 10px 0px; margin: 0px; border: none; }
.hidden, .layoutcredits, .spacer, .pagespacer {display: none; height: 0;}

/* General */

canvas {display: none;}

/* Canvas boxes */

@media ( max-width: 739px ) {
    canvas {display: none;}
}


/* Ticker */
          
.feat_textcarousel { clear: both; padding: 5px; background-color: var(--purple); height: 70px; }
.feat_textcarousel .carousel { position: relative; overflow: hidden; width: 100%; background-color: var(--green);}
.feat_textcarousel .carousel ul { width: 20000em; position: relative; }
.feat_textcarousel .carousel li { float: left; color: var(--purple); text-transform: uppercase; padding: 5px 20px 5px 20px; font-family: OswaldBold;}
.feat_textcarousel .carousel li h3 { text-transform: uppercase; }


/* Be seen carousel */

.home .feat_carousel.beseen_carousel {background-color: var(--darkpurple);height: 300px;}
.home .feat_carousel.beseen_carousel ul {display: flex;justify-content: center;padding-top: 50px;}
.home .feat_carousel.beseen_carousel ul li { height: 300px !important; max-width: 400px;background-size: cover;position: absolute;top: 275px;left: 50%;transform: translate(-50%, -50%);}

@media ( max-width: 739px ) {
    .home .feat_carousel.beseen_carousel {height: 220px; }
    .home .feat_carousel.beseen_carousel ul li {max-width: 300px; height: 200px;}
}

/* Intro */

.home .homeintro { background-color: var(--darkpurple); color: white; padding: 100px 50px 50px 50px;  box-sizing: border-box; text-align: center; }
.home .homeintro .content { max-width: 700px; margin: 0px auto; }
.home .homeintro .content h2 { font-size: 300%; text-transform: uppercase; background-image: url(/images/WbppbstySbT4SYVwQQrF0v5016.png); background-size: contain; background-position: bottom 10px center; margin-bottom: 20px; }

@media ( max-width: 940px )
{
    .home .homeintro {padding: 150px 20px 50px 20px;}
}


/* Carousel */


.home .spine { background-color: var(--blue); box-sizing: border-box; padding: 50px 0px 100px 0px; }
.home .spine .introduction { width: 800px;margin: 0px auto 10px auto;color: var(--darkpurple);text-align: center;background-image: url(/images/BA0DEZmDwMz6sTdEi9CY02g03i.png);background-position: right 150px bottom; background-size: 8% auto; padding-bottom: 80px; }
.home .spine .introduction p { font-size: 140%; background-image: url(/images/k5NbCtwOv8GEz4BapjH90sh051.png); background-size: contain;  padding: 20px;}
.home .spine .carousel { background-color: var(--purple); }
.home .spine .carouselbox { transition: all .3s ease-in; width: 200px; height: 540px; margin: 0px auto;color: white;position: relative;background-size: cover;}
.home .spine .carouselbox:hover { width: 425px; }
.home .spine .carouselbox .top {background-image: url(/images/BcmNXFvMqlEP5K23nPaD00l0ky.png);background-size: contain;background-position: 0px 0px;position:absolute; right: 30px; top: 60px; transition: all 0.4s ease-in-out;opacity: 0;height: 370px;}
.home .spine .carouselbox .wrapper { background-color: var(--darkblue); font-size: 80%; box-sizing: border-box; padding: 20px; height: 97%; min-width: 200px;max-width: 250px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.home .spine .carouselbox .content { height: 280px; }
.home .spine .carouselbox:hover .top {opacity: 1;}
.home .spine .carouselbox .top h3 { padding-bottom: 0px; bottom: 0;}
.home .spine .carouselbox .top p {padding-bottom: 60px; font-size: 14px; }
.home .spine .carouselbox .top .link a { color: var(--darkblue); background-color: var(--yellow); text-decoration: none; font-size: 170%; padding: 5px 30px; text-transform: uppercase;  }



.home .spine .carouselbox .bottom {  position: absolute; width: 450px; bottom: 10px;}
.home .spine .carouselbox .bottom .title {background: white; color: var(--darkblue); padding: 0px 5px 10px 5px;  position: absolute; left: 10px;font-family: OswaldBold;font-size: 26px;height: 10px;transform: rotate(-90deg);transform-origin: 0px 0px;text-transform: uppercase;  height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 420px;}
.home .spine .carouselbox .bottom .name { background-color: white; color: var(--darkblue); position: absolute; transform: rotate(-90deg); transform-origin: 0px 0px; left: 65px; bottom: 50px; padding: 2px; font-family: OswaldBold; }
.bottom .flag { width: 70px; height: 40px; background: var(--blue); position: absolute; left: 100px; bottom: 10px; padding: 6px 0 0 23px; font-size: 120%; color: var(--darkblue); font-weight: bold;}
.bottom .authorimg { border: 1px solid white; border-radius: 50%; width: 60px; height: 60px; background-size: cover; background-position: center center; position: absolute; left: 50px; bottom: 0; }

.spine .carousel {overflow: hidden;position: relative;height: 100%; max-width: 1240px; margin: 0px auto;}
.spine .carousel>ul {width: 20000em;position: relative;height: 100%;}
.spine .carousel>ul>li {float: left;/* height: 100%; */list-style-type: none;max-width: 425px;/* height: auto; */}

.spine .carousel #carouselitem-4 { background: var(--purple); }
.spine .carousel #carouselitem-4 .top, .spine .carousel #carouselitem-4 .bottom .flag, .spine .carousel #carouselitem-4 .authorimg { display: none; }
.spine .carousel #carouselitem-4 .carouselbox:hover { width: 200px; }
.spine .carousel #carouselitem-4 .carouselbox:hover .top { opacity: 0;  }


@media ( max-width: 840px )
{
    .home .feat_carousel .introduction { width: 94%; background-image: none;}
}

@media ( max-width:337px) {
    .home .spine .introduction p {font-size: 180%;}
}
/* Home Register */

.home .homeregister { padding: 0 10px 60px 10px; background-color: var(--darkpurple); color: var(--yellow); min-height: 650px; box-sizing: border-box; background-image: url(/images/oiIDbVFMJV4OvTMspeQV18p1t6.png), url(/images/HsT4NZawOgbTKNXbBj7z1kt179.png), url(/images/nWlSXpDBMiJGwu52EABw1ur19s.png), url(/images/QQEnOU8rwV1EpdFIHFI32811qa.png), url(/images/61r3d9MEI4lhy0bWi6y42em1pa.png), url(/images/VjHOdOdUyJawtZ42nX4Q1af1kg.png), url(/images/B9HoQayQUSj1zIuAHfaK1mz195.png); background-position: left 0px top 20px, left 0px top 550px, left 0px top 800px, center top 900px, right 0px top 900px, right 0px top 400px, right 0px top 0px; background-size: auto 300px, 300px auto, 300px auto, 300px auto, 300px auto, auto 300px, 300px auto; }
.home .homeregister .util_textbox .content {max-width: 700px;margin: 0px auto;text-align: center;text-transform: uppercase;padding-top: 100px;}
.home .homeregister .content h2 { font-size: 200%; }
.home .homeregister .content h3 {padding: 40px 100px;width: 500px;margin: 0px auto; font-size: 150%; }

.home .homeregister .go_register { max-width: 650px; margin: 0 auto; min-height: 240px; background-color: var(--yellow);}
.home .homeregister .go_register h2 { color: var(--darkblue); text-align: center; text-transform: uppercase; padding-top: 50px;}
.home .homeregister .go_register .content { color: var(--darkblue); display: flex; flex-direction: column; text-align: center; padding-top: 30px; gap: 30px; text-transform: uppercase;}

.home .homeregister .go_register .content p a { text-decoration: none; background-color: var(--darkblue); color: var(--yellow); padding: 10px 50px; font-size: 110%; text-transform: uppercase;}

.home .int_newsletter form  {background: var(--yellow);padding: 50px;text-align: center;max-width: 620px;margin: 0px auto;min-height: 400px;}
.home .int_newsletter form input[type=text], .submit form input[type=text], .submit form textarea, .submit form select, .submit .memb_ajaxprofile .formbuilder input[type=text], .submit .memb_ajaxprofile .formbuilder textarea, .submit .memb_ajaxprofile .formbuilder select, .participate .memb_ajaxprofile .formbuilder input[type=text], .participate .memb_ajaxprofile .formbuilder textarea, .participate .memb_ajaxprofile .formbuilder select {outline: none;border: none;width: 100%;height: 30px;margin-bottom: 40px;background: none;text-align: center;font-size: 110%;color: var(--darkpurple);background-repeat: no-repeat;font-family: OpenSans;}
.submit .memb_ajaxprofile .formbuilder textarea, .submit  form textarea { height: 100px;}
.home .int_newsletter form input[type=submit],.submit form input[type=submit],.submit .memb_ajaxprofile  button, .participate .memb_ajaxprofile fieldset button  { background: var(--darkpurple); outline: none; border: none; color: var(--yellow); text-transform: uppercase; padding: 10px 50px; font-size: 110%; cursor: pointer; transition: all .3s ease-in-out; font-family: OswaldBold; transition: all .3s ease-in-out; }
.home .int_newsletter form input[type=submit]:hover,.submit form input[type=submit]:hover, .submit .memb_ajaxprofile  button:hover, .participate .memb_ajaxprofile fieldset button:hover  { opacity: 0.7; }
.home .int_newsletter .message { background-color: var(--yellow); color: var(--purple); max-width: 620px; margin: 0px auto 20px auto; padding: 20px; text-transform: uppercase; font-family: OswaldBold; text-align: center;}


@media ( max-width: 999px )
{
    .home .homeregister { background-image: none; }
}
@media ( max-width: 739px )
{    
    .home .homeregister { height: 100%;}
    .home .homeregister .util_textbox .content {padding: 30px;}
    .home .homeregister .go_register { max-width: 380px; padding: 0 10px;}
    .home .homeregister .content h3 { padding: 20px; margin: 0px; width: 100%; }
    .home .int_newsletter form  { padding: 20px; height: 100%; }
}

@media ( max-width: 320px )
{
    .home .homeregister .go_register .content p a {max-width: 300px;display: inline-block;text-align: center;margin-bottom: 20px;}
}


/* Home Instagram */

.home .feat_social { background-color: var(--purple); position: relative; }
.home .feat_social h2 { background-color: var(--darkpurple); color: var(--purple);  text-transform: uppercase; text-align: center; padding: 20px;   }
.home .feat_social h2:hover {cursor: pointer;}
.home .feat_social ul.feed {display: flex;flex-wrap: wrap; gap: 10px;padding: 60px 0 60px 0; justify-content: center; overflow-x: scroll;  overflow-y: hidden; white-space: nowrap;}
.home .feat_social li img {max-width:300px; height: auto;}
.home .feat_social ul.feed::-webkit-scrollbar { display: none; }

@media ( min-width: 740px )
{ 
    .home .feat_social h2 { position: absolute; width: fit-content; margin: 0; left: 50%; transform: translate(-50%, -50%);}
}

@media ( max-width: 739px )
{
    .home .feat_social {padding: 60px 30px;}
    .home .feat_social ul.feed {padding: 30px 0 30px 0; flex-wrap: nowrap; overflow-x: scroll;  overflow-y: hidden; white-space: nowrap; justify-content: flex-start; }
    .home .feat_social li img { max-width: 250px;}
    
}

/* Home Newsletter */

.home .newscontainer { background-color: var(--yellow);  box-sizing: border-box; padding: 50px 0px; }
.home .newscontainer .introduction, .home .int_newsletter form { max-width: 650px; margin: 0px auto; }
.home .newscontainer .introduction h2 {text-align: center;color: var(--darkpurple);text-transform: uppercase;font-size: 220%;background-image: url(/images/k5NbCtwOv8GEz4BapjH90sh051.png); height: 150px; background-size: contain; background-position: top 0px center; box-sizing: border-box; padding: 40px 0px; }
.home .newscontainer .introduction h3 { text-align: center; color: var(--darkpurple); text-transform: uppercase; padding: 20px 0px 70px 0px; }

.home .int_newsletter { height: 480px;  padding: 20px 0px;}
.home .int_newsletter form { background: var(--darkpurple); min-height: 425px; }
.home .int_newsletter form .label { display: none; }
.home .int_newsletter form input[type=text] { color: var(--yellow);  }
.home .int_newsletter form input[type=submit] { background: var(--yellow);  color: var(--darkpurple); }
.home .newscontainer p {color: var(--yellow); font-size: 80%; padding: 20px 0 20px;}


.home .int_newsletter #fb-SubEmail-div, .home .homeregister #fb-MembEmail-div { background-image: url(/images/idcU1lSbfyTtGiAkZJc50bw00h.png); background-size: contain; }
.home .int_newsletter #fb-SubFirstName-div, .home .homeregister #fb-MembFirstName-div { background-image: url(/images/YrRtKd78HSzn6cR04OW30df00j.png); background-size: contain; }
.home .int_newsletter #fb-SubSurname-div, .home .homeregister #fb-MembSurname-div { background-image: url(/images/oSiiFdpr7vEBceXJ1JAM0ed00m.png); background-size: contain; }

.mailchimp {min-height: 200px; margin-bottom: 50px;}
#mc_embed_signup form  {max-width: 650px;margin: 0px auto;color: var(--yellow);text-align: center;padding: 30px;background: var(--darkpurple); min-height: 200px; margin-bottom: 50px;}
#mc_embed_signup { height: 480px;  padding: 20px 0px;}
#mc_embed_signup .indicates-required {display: none;}
#mc_embed_signup form .mc-field-group label {display: block; margin-bottom: 10px;}
#mc_embed_signup form .mc-field-group input {color: var(--yellow);font-size: 110%;width: 100%; padding-bottom: 50px;text-align: center;box-sizing: border-box;border: none;background-color: transparent;background-image: url(/images/YrRtKd78HSzn6cR04OW30df00j.png);background-size: contain;background-position: center 20px;}
#mc_embed_signup form .mc-field-group input:focus {border: none; outline: none;}
#mc_embed_signup form input[type=submit] { background: var(--yellow); color: var(--darkpurple); outline: none; border: none; text-transform: uppercase; padding: 10px 50px; font-size: 110%; cursor: pointer; transition: all .3s ease-in-out; font-family: OswaldBold; transition: all .3s ease-in-out;}

@media ( max-width: 320px )
{
    .home .newscontainer .introduction h2 { background-image: none; min-height: 200px; }
    .home .newscontainer .introduction h3 {margin-top: 30px;}
}

@media ( max-width: 999px )
{
    .home .newscontainer .introduction h2 { background-image: none; }
}
@media ( max-width: 739px )
{
    .home .newscontainer .introduction, .home .int_newsletter form { max-width: 94%;}
    .home .int_newsletter form input[type=submit] {max-width: 300px; text-wrap: wrap;}
}

/* Footer */

.layoutfooter {background-color: var(--darkblue);color: var(--yellow);height: 300px;}
.layoutfooter a { text-decoration: none; }

.layoutfooter .top.util_container {/* background-image: url(/images/NvCeijhp825nn0SSYT1t0a106v.png), url(/images/0wFAja0ZQep1yPD6gxNA0a30cd.png); */background-position: right, left top;background-size: 10% auto, 10% auto;min-height: 220px}
.layoutfooter .top .logo .titleimg { max-width: 500px; margin: 0px auto; text-align: center; padding: 40px 0px 40px 0px;}
.layoutfooter .top .logo .titleimg img { width: 250px; height: auto; display: block;text-align: center;margin: 0px auto;}

.layoutfooter .top .social {display: flex; margin: 0px auto;text-transform: uppercase;align-items: center;justify-content: center;}
.layoutfooter .top .social h2 { font-size: 180%; padding: 0px;}
.layoutfooter .top .social ul {display: flex;align-items: center;width: 300px;margin-left: 30px;justify-content: space-between;color: white;}
.layoutfooter .top .social ul li, .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li { background-size: contain;  transition: all .3s ease-in-out; position: relative; top: 0;}
.layoutfooter .top .social ul li a, .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li a { display: block; width: 100%; padding: 12px; }
.layoutfooter .top .social ul li:hover, .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:hover { top: -5px;  }
.layoutfooter .top .social ul li:nth-child(1), .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:nth-child(1) { background-image: url(/images/sxwjud5iSIlonHfrTixe03b033.png); }
.layoutfooter .top .social ul li:nth-child(2),  .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:nth-child(4) { background-image: url(/images/pMITmE5Za4m7dM2JoQIy037031.png); }
.layoutfooter .top .social ul li:nth-child(3) { background-image: url(/images/MJW3fLFCgzNYAsXiDVLl03d032.png); }
.layoutfooter .top .social ul li:nth-child(4), .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:nth-child(3) { background-image: url(/images/iTgGDY9y5cCdH9q2n3cW039030.png); }
.layoutfooter .top .social ul li:nth-child(4) a,  .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:nth-child(3) a { padding: 15px; }
.layoutfooter .top .social ul li:nth-child(5), .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li:nth-child(2), .feat_storypage .bottom_components .incsocialshare .feat_socialshare ul li.download { background-image: url(/images/00AOxYTkYHsR44lgnpjK02r02m.png);  }
.layoutfooter .top .social ul li:nth-child(5) a { padding: 11px; }
.layoutfooter .top .social i, .feat_storypage .bottom_components .incsocialshare .feat_socialshare i { font-size: 150%; }
.layoutfooter .top .social svg, .feat_storypage .bottom_components .incsocialshare .feat_socialshare svg  { width: 20px; height: auto; fill: var(--yellow); }
.layoutfooter .top .social svg path, .feat_storypage .bottom_components .incsocialshare .feat_socialshare svg path { fill: white; }

.feat_storypage .bottom_components .incsocialshare .feat_socialshare ul { display: flex; align-items: center; gap: 30px; justify-content: center; color: white; margin-bottom: 30px; }
.feat_storypage .bottom_components .incsocialshare .feat_socialshare ul .mail { display: none; }
.feat_storypage .bottom_components .incsocialshare .feat_socialshare ul .twitter { height: 80%; }

.layoutfooter .bottom .introduction {font-size: 70%;}
.layoutfooter .bottom .copyright { border-top: 3px solid var(--yellow); padding-top: 20px; text-transform: uppercase; font-family: OswaldBold; }
.layoutfooter .bottom .copyright a { transition: all .3s ease-in-out; }
.layoutfooter .bottom .copyright a:hover { opacity: 0.7; }
.layoutfooter .bottom .copyright ul { display: flex; justify-content: space-evenly;}
.layoutfooter .bottom .credit {background: var(--darkblue);font-size: 70%;}
.layoutfooter .bottom .credit ul { display: flex; justify-content: space-between; width: 400px; margin: 0px auto; padding: 20px 0px; }
.layoutfooter .bottom .credit ul a { text-decoration: underline;}

.feat_socialshare.sharepdf ul li.download { background-size: 55px !important; background-position: bottom;}


@media ( max-width: 999px )
{
    .layoutfooter .util_container { background-image: none; }
}
@media ( max-width: 599px )
{
    .layoutfooter .bottom .copyright {text-align: center;}
    .layoutfooter .bottom .copyright ul li {padding-bottom: 10px; width: 180px;}
    .layoutfooter .bottom .copyright {text-align: center}
    .layoutfooter .copyright ul {flex-direction: column;width: 172px;margin: 0px auto;}
    .layoutfooter { height: 100%; }
}
@media ( max-width: 539px )
{
    .layoutfooter  .bottom { margin-top: 40px;}
    .layoutfooter .top .social { max-width: 94%; flex-direction: column; padding-bottom: 20px;}
    .layoutfooter .bottom .credit ul { flex-direction: column; width: 100%; align-items: center; }
    .layoutfooter .top .social ul {margin-left: 0;}
    .layoutfooter .bottom .introduction {padding: 5px;}
}


/* Shared form styling */

.formbuilder .field .label {margin-bottom: 10px;}

.formbuilder .field .description { font-size: 90%; }

.formbuilder .field_group>.label { font-weight: bold; }
.formbuilder .field_group {/* padding-bottom: 50px; */}

.formbuilder .field_checkbox .input input[type=checkbox] { cursor: pointer; -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;border: 2px solid black;border-radius: 2px;height: 25px;width: 25px; }
.formbuilder .field_checkbox .input input[type=checkbox]:checked { background-image: url(/images/ZNmDkemzJSxEICmcCuvv01701d.png); }

.formbuilder .field_textarea textarea { background: #00000011 !important; height: 50px !important; font-size: 80% !important; }


/* Submit your story */

.submit .pagecontent { background-color: var(--blue); min-height: 500px; padding: 100px 0px 50px 0px; text-align: center; color: var(--darkblue)}
.submit .pagecontent_inner { max-width: 800px; margin: 0px auto; }
.submit .pagecontent_inner h3 { padding-bottom: 0px; font-size: 250%; }
.submit .pagecontent_inner h3:last-of-type { padding-bottom: 30px; }
.submit .pagecontent_inner h2 { color: white; font-size: 350%; padding-top: 50px; background-image: url(/images/GeABMrx0vqJ5d7HVY9jS0v6016.png); background-position: center bottom; }

.submit .util_tabbed { background-color: var(--darkblue); padding: 50px 0px;}
.submit .util_tabbed ul { max-width: 900px; margin: 0px auto; display: flex; font-size: 200%;  text-transform: uppercase; justify-content: space-between;align-items: center;  }
.submit .util_tabbed ul li:nth-child(1) { text-align: center; width: 380px; height: 90px; padding: 20px; }
.submit .util_tabbed ul li:nth-child(2) { text-align: center; width: 380px; height: 90px; padding: 20px;}

.submit .util_tabbed ul li a { text-decoration: none;}
.submit .util_tabbed ul li:last-of-type {display: none;}
.submit .util_tabbed ul li.ui-tabs-active { background-image: url(/images/znmD2w6whcfMVcb0evt30bi032.png); background-size: cover;   }
.submit .util_tabbed ul li:nth-child(2).ui-tabs-active { background-image: url(/images/znmD2w6whcfMVcb0evt30bi032.png); background-size: cover;  }
.submit .util_tabbed ul li:first-of-type a { color: var(--green)}
.submit .util_tabbed ul li a { color: var(--purple)}

#fb-MembExtPseudonym-div {margin-bottom: 15px;}
.submit #fb-MembFirstName-div .input, .submit #fb-MembExtPseudonym-div .input, .submit #fb-MembSurname-div .input, .submit #fb-MembEmail-div .input, .submit #fb-MembDob-div .input {margin-bottom: 10px;}
.submit #fb-MembExtGender-div .input, .submit #fb-MembTownCity-div .input, .submit #fb-MembExtBirthTownCity-div .input, .submit #fb-MembExtBirthCountry-div .input  {margin-bottom: -15px;}
.submit #fb-MembDob-div .label {margin-bottom: 0px; margin-top: 10px;}
.submit .memb_ajaxprofile .field_group .description {padding-bottom: 10px !important;}
.submit #fb-MembExtDescription-div {margin-top: 50px;}



@media ( max-width: 840px )
{
    .submit .pagecontent_inner { max-width: 94%; }
}
@media ( max-width: 768px )
{
    .submit .util_tabbed ul { max-width: 94%; flex-direction: column; font-size: 190%; }
}


/* Participate */

.participate .form {padding: 50px;text-align: center;}
.participate .memb_ajaxprofile, .submit .surv_standard {background-color: var(--darkblue);padding: 10px 0px 300px 0px;/* margin-bottom:  300px; */background-image: url(/images/SreikjTpcacAoh6RLfyK0b80dz.png),url(/images/fHoO7nkv0YteeDryW6hK0ey0bt.png), url(/images/sMw55YffPD027fwf5HMp0km0mc.png), url(/images/ssS0xOfRsmheDeWXgeQ40mr0u1.png), url(/images/r6t6ppMO3IvdEEgDP4PX0c20eg.png), url(/images/TPDM6UXoxc1koEdK5f5z0ec09f.png),  /*url(/images/YoIwJmeEpU6s0KfoM3hW0tx24f.png),*/ url(/images/), url(/images/Jf7wG0W5dgHwAJSj9hvT0mz0k0.png), url(/images/1GUF3UTqffIewitH0hsl0le0qi.png), url(/images/01Ri8PQQWH5t6ur8vOU00ht0hj.png), url(/images/N7Y2JNQ48RTD9xfPsXlX0b90gh.png), url(/images/on58akKTo3F84dCitzHr0r50yd.png);background-position: left top -20px, left top 700px, left 170px top 1400px, left 200px top 2100px, left top 2800px ,left top 3500px, center top 70px, right 120px top 350px, right 200px top 1200px, right top 1700px, right top 2300px, right top 3000px, right 200px bottom -150px;background-size: 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto,50% auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 30% auto;}
.participate .submitted {background-image: url(/images/SreikjTpcacAoh6RLfyK0b80dz.png),url(/images/fHoO7nkv0YteeDryW6hK0ey0bt.png), url(/images/NvIoA6YnINk7rNpqclyW0jy0hh.png); background-position: left top, left bottom, right; background-size: 15% auto; padding: 50px 0px;}
.participate .memb_ajaxprofile .form, .submit .surv_standard form {max-width: 800px;margin: 0px auto;background-color: var(--green);padding: 50px 147px; }
.participate .memb_ajaxprofile .field_group:first-of-type { padding-top: 0px;}
.participate .memb_ajaxprofile .field_group>.label, .submit .memb_ajaxprofile .field_group .description, .submit .surv_standard { color: var(--darkblue);}
.submit .surv_standard #fb-1-div .label { font-size: 250%; font-family: OswaldBold; text-transform: uppercase; }
/*
.participate .memb_ajaxprofile .field_group>.input .description {padding-bottom: 40px;}
*/
.participate .memb_ajaxprofile #fb-MembExtPseudonym-div, .submit .memb_account #fb-MembExtInstagram-div, .submit .memb_ajaxprofile #fb-MembExtInstagram-div { position: relative; }
.participate .memb_ajaxprofile #fb-MembExtPseudonym-div .description, .submit .memb_account #fb-MembExtInstagram-div .description, .submit .memb_ajaxprofile #fb-MembExtInstagram-div .description {position: absolute;bottom: -20px;font-size: 89%;padding-bottom: 0px;}
.participate .memb_ajaxprofile #fb-MembExtIdentity-div ul {text-align: right;display: flex;flex-wrap: wrap;width: 500px;margin: 0px auto;justify-content: space-evenly;}
.participate .memb_ajaxprofile #fb-MembExtIdentity-div ul li {width: 60%;margin-bottom: 10px;padding-right: 50px;position: relative;font-size: 40%;}
.participate .memb_ajaxprofile #fb-MembExtIdentity-div ul li input[type=checkbox] { position: absolute; right: 0; top: -3px; }
.participate .memb_ajaxprofile #fb-MembExtIdentity-div ul li:nth-child(odd) {width: 35%;}
.participate .memb_ajaxprofile .errors { background-color: var(--yellow); color: var(--purple); font-family: OswaldBold; max-width: 600px; margin: 0px auto; padding: 20px; text-transform: uppercase; text-align: center; } 


.participate .memb_ajaxprofile .field_text { background-size: contain; }
.participate .memb_ajaxprofile .field_text, .submit .memb_ajaxprofile .field_group .field_date, .submit .memb_ajaxprofile .field_group .field_select, .submit .surv_standard .field_textarea  {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png);padding-bottom: 20px;}
.participate .field_textarea  {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png); padding-bottom: 20px; background-position: bottom; }
#fb-MembUsername-div, #fb-MembDob-div { background-position: bottom 35px center;}
.participate .memb_ajaxprofilet #fb-MembExtDescription-div, .submit .memb_ajaxprofile #fb-MembExtComments-div  { background-position: bottom 15px center; }
.participate textarea::-webkit-resizer { display: none; }
.participate .surv_standard #fb-14-div input[type=checkbox] { left:0; right:0; margin-left:auto; margin-right:auto; }


.participate input[type=checkbox]:checked { background-image: url(/images/O2Gm0f8u0TJYuUAAB3Hw00o00n.png), url(/images/L5J4l2k7NO3zSLT7mXo000x011.png); border: none; }

/* autofill background color */
.participate input:-webkit-autofill,
.participate input:-webkit-autofill:hover, 
.participate input:-webkit-autofill:focus, 
.participate input:-webkit-autofill:active{ -webkit-background-clip: text; -webkit-text-fill-color: var(--darkblue); -webkit-box-shadow: 0 0 0 15px var(--yellow) inset !important; }


/* Fixing form fields margins */
#fb-MembEmail, #fb-MembFirstName, #fb-MembSurname, #fb-MembExtPseudonym {margin-bottom: 20px;}
.participate .formbuilder #fb-MembDob-div .label {margin-bottom: 0px !important; }
.participate #fb-MembCountry-div {margin-top: 25px;}
#fb-MembDob {margin-bottom: 30px;}
#fb-MembPhone {margin-bottom: 25px;}



@media ( max-width: 999px )
{
    .participate .memb_ajaxprofile, .submit .surv_standard { background-image: none;}
}
@media ( max-width: 840px )
{
    .participate .memb_ajaxprofile .formbuilder, .submit .surv_standard form {/* max-width: 94%; *//* padding: 20px; */}
}
@media ( max-width: 650px )
{
    .participate .memb_ajaxprofile #fb-MembExtIdentity-div ul { flex-direction: column; }
    .participate .memb_ajaxprofile #fb-MembExtIdentity-div ul li,  .submit .submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li:nth-child(odd) { width: 100%;}
    .participate .memb_ajaxprofile .errors { width: 100%;}
}
@media ( max-width: 580px )
{
    .participate .memb_ajaxprofile #fb-MembExtIdentity-div ul, .submit .memb_ajaxprofile #fb-MembGdprOptIn-div .description p:last-of-type { width: 100%; }
    .participate .memb_ajaxprofile #fb-MembGdprOptIn-div .description p:last-of-type { width: 80%; }

}
@media ( max-width: 440px )
{
    .participate .memb_ajaxprofile #fb-MembGdprOptIn-div input[type=checkbox] { top: 135px;  }
    .submit .util_tabbed ul li:nth-child(2).ui-tabs-active, .submit .util_tabbed ul li.ui-tabs-active { background-image: url(/images/oPkbigMbn1S1uRoeIgtp06h00o.png); background-position: center bottom 20px; background-size: 310px 30px;}

}


/* Register step 3 */

.submit .form {/* padding: 50px; */text-align: center;}
.submit .memb_ajaxprofile, .submit .surv_standard {background-color: var(--darkblue);padding: 100px 0px 300px 0px;/* margin-bottom:  300px; */background-image: url(/images/SreikjTpcacAoh6RLfyK0b80dz.png),url(/images/fHoO7nkv0YteeDryW6hK0ey0bt.png), url(/images/sMw55YffPD027fwf5HMp0km0mc.png), url(/images/ssS0xOfRsmheDeWXgeQ40mr0u1.png), url(/images/r6t6ppMO3IvdEEgDP4PX0c20eg.png), url(/images/TPDM6UXoxc1koEdK5f5z0ec09f.png), url(/images/NvIoA6YnINk7rNpqclyW0jy0hh.png), url(/images/Jf7wG0W5dgHwAJSj9hvT0mz0k0.png), url(/images/1GUF3UTqffIewitH0hsl0le0qi.png), url(/images/01Ri8PQQWH5t6ur8vOU00ht0hj.png), url(/images/N7Y2JNQ48RTD9xfPsXlX0b90gh.png), url(/images/on58akKTo3F84dCitzHr0r50yd.png);background-position: left top -20px, left top 700px, left 170px top 1400px, left 200px top 2100px, left top 2800px ,left top 3500px, center top 70px, right 120px top 350px, right 200px top 1200px, right top 1700px, right top 2300px, right top 3000px, right 200px bottom -150px; background-size: 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 640px auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 30% auto;}
.submit  .submitted {background-image: url(/images/SreikjTpcacAoh6RLfyK0b80dz.png),url(/images/fHoO7nkv0YteeDryW6hK0ey0bt.png), url(/images/NvIoA6YnINk7rNpqclyW0jy0hh.png); background-position: left top, left bottom, right; background-size: 15% auto; padding: 50px 0px;}
.submit .memb_ajaxprofile .form, .submit .surv_standard form {max-width: 600px;margin: 0px auto;background-color: var(--green);padding: 50px 80px;}
.submit .memb_ajaxprofile .field_group { padding-top: 50px;}
.submit .memb_ajaxprofile .field_group:first-of-type { padding-top: 0px;}
.submit .memb_ajaxprofile .field_group>.label, .submit .memb_ajaxprofile .field_group .description, .submit .surv_standard { color: var(--darkblue);}
.submit .memb_ajaxprofile .field_group>.label, .submit .memb_ajaxprofile .field_group .description, .submit .surv_standard .intro { font-size: 80%; color: var(--darkblue); padding-bottom: 30px;}
.submit .memb_ajaxprofile .field_group>.label, .submit .memb_ajaxprofile .field_group .description, .submit .surv_standard .intro  h5 { padding-bottom: 30px;}

.submit .memb_ajaxprofile .field_group>.label, .submit .surv_standard #fb-1-div .label { font-size: 250%; font-family: OswaldBold; text-transform: uppercase; }
.submit .memb_ajaxprofile #fb-MembExtPseudonym-div, .submit .memb_account #fb-MembExtInstagram-div { position: relative; }
.submit .memb_account #fb-MembExtInstagram-div .description, .submit .memb_account #fb-MembExtInstagram-div .description {position: absolute;bottom: -20px;font-size: 89%;padding-bottom: 0px;}
.submit .memb_ajaxprofile #fb-MembExtIdentity-div ul {text-align: right;display: flex;flex-wrap: wrap;width: 500px;margin: 0px auto;justify-content: space-evenly;}
.submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li {width: 60%;margin-bottom: 10px;padding-right: 50px;position: relative;font-size: 40%;}
.submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li input[type=checkbox] { position: absolute; right: 0; top: -3px; }
.submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li:nth-child(odd) {width: 35%;}
.submit .memb_ajaxprofile .errors { background-color: var(--green); color: var(--purple); font-family: OswaldBold; max-width: 800px; margin: 0px auto; padding: 20px; text-transform: uppercase; } 

.submit .memb_ajaxprofile #fb-MembExtPseudonym-div .description {position: absolute; margin-top: 55px;}
/* .submit .memb_ajaxprofile #fb-MembExtPseudonym-div .description, .submit .memb_account #fb-MembExtInstagram-div .description, .submit .memb_account #fb-MembExtInstagram-div .description {position: absolute;bottom: -20px;font-size: 89%;padding-bottom: 0px;} */


.participate .field_group .field, .submit .field_group .field { background-size: contain; }
.participate .memb_ajaxprofile .field_text, .submit .memb_ajaxprofile .field_group .field_date, .submit .memb_ajaxprofile .field_group .field_select, .submit .surv_standard .field_textarea, .submit .memb_ajaxprofile .field_text  {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png);padding-bottom: 20px;}
.submit .memb_ajaxprofile #fb-MembExtInstagram-div { margin-bottom: 40px }
.submit .surv_standard .field_textarea  {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png);padding-bottom: 20px;background-position: bottom;}
#fb-MembUsername-div, #fb-MembDob-div { background-position: bottom 35px center; }
.submit .memb_ajaxprofilet #fb-MembExtDescription-div, .submit .memb_ajaxprofile #fb-MembExtComments-div  { background-position: bottom 15px center; }
.submit .memb_ajaxprofile #fb-MembExtComments-div { margin-top: 20px;}
.submit .memb_ajaxprofile #fb-MembGdprOptIn-div {position: relative;padding-top: 50px;}
.submit .memb_ajaxprofile #fb-MembGdprOptIn-div .description p { margin: 0px; }
.submit .memb_ajaxprofile #fb-MembGdprOptIn-div .description p:last-of-type { text-align: left; font-size: 90%; width: 400px; margin: 20px auto; }
.submit textarea::-webkit-resizer { display: none; }
.submit .form-group label input[type=checkbox] { opacity: 1; position: relative; }
.submit .field_multiselect input[type=checkbox] { position: absolute;cursor: pointer;/* margin: 10px 5px 0px 0px; */-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;border: 2px solid black;border-radius: 2px;height: 25px;width: 25px; }
.submit .surv_standard #fb-14-div input[type=checkbox] { left:0; right:0; margin-left:auto; margin-right:auto; }
.submit input[type=checkbox]:checked { background-image: url(/images/O2Gm0f8u0TJYuUAAB3Hw00o00n.png), url(/images/L5J4l2k7NO3zSLT7mXo000x011.png); border: none; }



/* #ui-datepicker-div { display: none !important;  max-width: 250px; }
#ui-datepicker-div .ui-datepicker-calendar {width: 250px; background-color: var(--yellow); padding: 10px; }
#ui-datepicker-div .ui-datepicker-calendar td {text-align: center;}
#ui-datepicker-div .ui-datepicker-calendar td a { text-decoration: none; }
#ui-datepicker-div .ui-datepicker table { width: 100%; }
#ui-datepicker-div .ui-datepicker-header { padding: 10px; background-color: var(--yellow); color: var(--darkblue); font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-width: 1px 0 0 0; border-color: #111; }
#ui-datepicker-div .ui-datepicker-title { text-align: center; }
#ui-datepicker-div .ui-datepicker-prev, .ui-datepicker-next { font-weight: bold; cursor: pointer; font-size: small;}
#ui-datepicker-div .ui-datepicker-prev { float: left; background-position: center -30px;}
#ui-datepicker-div .ui-datepicker-next { float: right; background-position: center 0px; }
#ui-datepicker-div .ui-datepicker th { text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: var(--darkblue); background-color: var(--yellow);} */


@media ( max-width: 999px )
{
    .submit .memb_ajaxprofile, .submit .surv_standard { background-image: none;}
}
@media ( max-width: 840px )
{
    .submit .memb_ajaxprofile .formbuilder, .submit .surv_standard form {max-width: 94%;padding: 20px;}
}
@media ( max-width: 650px )
{
    .submit .memb_ajaxprofile #fb-MembExtIdentity-div ul { flex-direction: column; }
    .submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li,  .submit .submit .memb_ajaxprofile #fb-MembExtIdentity-div ul li:nth-child(odd) { width: 100%;}
}
@media ( max-width: 580px )
{
    .submit .memb_ajaxprofile #fb-MembExtIdentity-div ul, .submit .memb_ajaxprofile #fb-MembGdprOptIn-div .description p:last-of-type { width: 100%; }
    .submit .memb_ajaxprofile #fb-MembGdprOptIn-div .description p:last-of-type { width: 80%; }

}
@media ( max-width: 440px )
{
    .submit .memb_ajaxprofile #fb-MembGdprOptIn-div input[type=checkbox] { top: 135px;  }
    .submit .memb_ajaxprofile .field_group>.label, .submit .surv_standard #fb-1-div .label {font-size: 150%;}
}

/* Register step 3 */

.submit .surv_standard #fb-14-div { position: relative; padding-bottom: 70px; }
.submit .surv_standard #fb-14-div>.label {font-size: 250%;padding: 150px 0px 0px 0px;font-family: OswaldBold;}
.submit .surv_standard #fb-14-div .description p:first-of-type { position: absolute; top: 0;  }

.submit .surv_standard form { background-color: var(--purple); }
.submit .surv_standard .field_group:first-of-type>.label, .submit .surv_standard #fb-2-div .label, .submit .surv_standard #fb-8-div>.label, .submit .surv_standard #fb-4-div>.label, .submit .surv_standard #fb-15-div>.label {/* display: none; */}
.submit .surv_standard #fb-5-div.field_group:first-of-type>.label { display: block; font-size: 250%; font-family: OswaldBold; text-transform: uppercase; padding-bottom: 30px;}
.submit .surv_standard #fb-1-div .label { padding-bottom: 50px; }
.submit .surv_standard .description p { margin: 0;}
.submit .surv_standard .description p:last-of-type {padding: 10px 0px;/* font-size: 90%; */}
.submit .surv_standard .field_text { background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png); background-size: contain; background-position: bottom; }
.submit .surv_standard input[type=text] { margin-bottom: 20px; }
.submit .surv_standard .field_area textarea { background-color: #a465fc; }

.submit .surv_standard .message { text-align: left; color: var(--green); padding-bottom: 40px; }

.submit .surv_standard .field {margin-top: 50px;}
.submit .surv_standard .field:first-of-type { margin-top: 0px;}

.submit .surv_standard #fb-6-div>.label, .submit .surv_standard #fb-10-div>.label, .submit .surv_standard #fb-11-div>.label, .submit .surv_standard #fb-13-div>.label, .submit .surv_standard #fb-16-div>.label, .submit .surv_standard #fb-23-div>.label { color: var(--yellow); font-family: OswaldBold; background: var(--darkblue); width: fit-content; margin: 60px auto 30px auto; padding: 5px; border-radius: 50%; width: 70px; height: 70px; box-sizing: border-box; font-size: 300%;  }
.submit .surv_standard #fb-24-div>.label {font-weight: bold;}
#fb-16-div.form-group.field.field_group, #fb-13-div.form-group.field.field_group {padding-top: 20px;}


/* Submitted */

.submit .submitted .std_content_inner { max-width: 800px; margin: 100px auto; background-color: var(--purple);  padding: 50px 147px; text-align: center; color: var(--darkblue); }
.submit .submitted h2 { display: none; }
.submit .submitted h3 { color: var(--yellow); font-size: 250%; }
.submit .submitted h3:last-of-type { color: var(--darkblue); padding-top: 10px; }
.submit .submitted a { color: var(--yellow); }

@media ( max-width: 840px )
{
    .submit .submitted { max-width: 94%; padding: 20px; }
}

/* Terms and conditions */

.tandc { background-color: var(--darkblue); padding: 100px 0px; color: var(--darkblue); }
.tandc p:last-of-type { margin-bottom: 0; }
.tandc p:first-of-type { margin-top: 0;}
.tandc .title { text-align: center; color: var(--yellow); font-size: 250%; margin-bottom: 20px; text-transform: uppercase; }
.tandc .content { background-color: var(--white); max-width: 800px; margin: 0px auto; box-sizing: border-box; padding: 50px; line-height: 1.2; font-size: 90%; }
.tandc .content ul { margin: 20px 0px 20px 20px; }
.tandc .content ul li { list-style: disc outside; margin-bottom: 10px; }
.tandc .content h2 { margin-top: 20px; }

@media ( max-width: 840px )
{
    .tandc .content { max-width: 94%; padding: 20px; }
}


/* Dropzone */

.fbdropzone { cursor: pointer;  display: block; height: 100px;  width: 100%; background-image: url(/images/V5PF31hpsXl1Jf7o3BMg02601b.png); background-position: center; background-repeat: no-repeat; border: 2px solid var(--darkblue); } 
#fb-34-dzobject {cursor: pointer;}
#fb-3-dropzone {height: 150px;}
.dz-started {cursor: default !important;}
.dz-image, .dz-success-mark, .dz-error-mark, .dz-size { display: none;}
.dz-preview { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 500px; margin: 0px auto; font-size: 90%; padding: 5px;}
.dz-preview:hover { background: var(--green); }


#fb-13-div .fbdropzone, #fb-9-div .fbdropzone, #fb-7-div .fbdropzone  { height: 150px;  }




/* Participate */

.participate .pagecontent_inner {max-width: 400px ; text-align: center; margin: 0 auto; padding-top: 70px;;}

.participate .steps {text-align: center;padding: 50px 0px 50px 0px;color: var(--darkblue);}
.participate .steps .introduction { padding: 25px; background-position: center top 0;background-image: url(/images/k5NbCtwOv8GEz4BapjH90sh051.png);background-size: contain;}
.participate .steps .introduction h2 { padding: 0px; text-transform: uppercase; }
.participate .steps .introduction p { margin: 0px; }
.participate .steps .items { padding-top: 50px; }
.participate .steps .items .std_content { padding: 20px 0px 20px 0px;  }
.participate .steps .items .std_content h2 { background-size: contain; padding: 5px; font-size: 200%; margin-bottom: 10px; }
.participate .steps .items .std_content p { font-size: 100%; }
.participate .steps .items .std_content:nth-child(1) h2 { background-image: url(/images/pMITmE5Za4m7dM2JoQIy037031.png); }
.participate .steps .items .std_content:nth-child(1) h3 { color: var(--purple); }
.participate .steps .items .std_content:nth-child(2) h2 { background-image: url(/images/iTgGDY9y5cCdH9q2n3cW039030.png) }
.participate .steps .items .std_content:nth-child(2) h3 { color: var(--blue); }
.participate .steps .items .std_content:nth-child(3) h2 { background-image: url(/images/sxwjud5iSIlonHfrTixe03b033.png); }
.participate .steps .items .std_content:nth-child(3) h3 { color: var(--green); }
.participate .steps .items .std_content:nth-child(4) h2 { background-image: url(/images/MJW3fLFCgzNYAsXiDVLl03d032.png); }
.participate .steps .items .std_content:nth-child(4) h3 { color: var(--pink); }
.participate .steps .items .std_content:nth-child(5) h2 { background-image: url(/images/00AOxYTkYHsR44lgnpjK02r02m.png); }
.participate .steps .items .std_content:nth-child(5) h3 { color: var(--orange); }

@media( min-width: 740px )
{
    .participate .steps .items { display: flex; justify-content: space-evenly; flex-wrap: wrap; max-width: 1200px; margin: 0px auto; }
    .participate .steps .items .std_content { width: 35%; }
}

.participate .participateregister {font-size: 90%;}
.participate .participateregister .content { background-color: var(--darkblue); padding-top: 50px;}
.participate .participateregister .content h2 { text-align: center; color: var(--yellow); font-size: 250%; padding-bottom: 20px; text-transform: uppercase; padding: 0 10px; }
.participate .participateregister .content h3 { text-align: center; color: var(--yellow); max-width: 800px; margin: 0px auto; }
.participate .participateregister .introduction { padding-bottom: 50px !important; background-color: var(--darkblue) !important; color: var(--white) !important;}
.participate .participateregister .introduction, .participate .participateregister .confirm, .submit .memb_ajaxprofile .introduction {padding: 50px 50px 0px 50px;text-align: center;color: var(--darkblue);max-width: 600px;margin: 0px auto;background-color: var(--yellow);}
.participate .participateregister .confirm { min-height: 200px; font-weight: bold; }
.participate .participateregister #fb-41-div>.input { display: flex; flex-wrap: wrap; }
.participate .participateregister #fb-41-div>.input .description { width: 100%; }
.participate .participateregister #fb-41-div>.input .field { width: 100%; text-align: center; }
.participate .participateregister #fb-41-div>.input .label { display: block; margin-bottom: 10px; }
.participate .participateregister #fb-41-div>.input .input { display: block; margin: 0px auto 25px auto; }
.participate .participateregister #fb-MembPhone-div {padding-top: 25px;}
.participate .participateregister label[for="fb-MembPhone"] { font-size: 90%;}
.participate .participateregister #fb-MembExtComments-div {padding-top: 25px;}

.participate .memb_ajaxprofile {background-size: 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 700px auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto, 20% auto;background-position: left top -20px, left top 700px, left 170px top 1400px, left 200px top 2100px, left top 2800px ,left top 3500px, center top 90px, right 120px top 350px, right 200px top 1200px, right top 1700px, right top 2300px, right top 3000px, right 200px bottom -150px;}
.participate .memb_ajaxprofile .form, .submit .memb_ajaxprofile .form {max-width: 600px;background-color: var(--yellow);background-image: url(/images/YoIwJmeEpU6s0KfoM3hW0tx24f.png);/* padding: 50px; */}
.participate .form .field_text, .participate .form .field_date, .participate .form .field_select { background-image: url(/images/YrRtKd78HSzn6cR04OW30df00j.png); background-size: contain;  }
.participate .form .field_text::placeholder, .participate .form .field_select select option:first-of-type { color: #95976f; font-family: OpenSans;}
.participate .memb_ajaxprofile #fb-MembDob-div { background-position: bottom 20px center; }
.participate .memb_ajaxprofile #fb-MembPhone-div { background-position: bottom 35px center; }

.faqs { background-color: var(--blue); padding: 100px 0px; }
.faqs .introduction { text-align: center; color: var(--darkblue); padding-bottom: 50px; background-image: url(/images/QhV94Mc9iFMEkHZGxGn905f05h.png); background-position: right 0px top 0px; background-size: 12% auto; max-width: 800px; margin: 0px auto;}
.faqs .introduction h2 { text-transform: uppercase; font-size: 250%; padding-bottom: 0; background-image: url(/images/ILbMo0W8XdJq5L5ZjCKP0ag00r.png); background-position: bottom; }
.faqs .introduction p { font-size: 130%; }
.faqs .items { max-width: 700px; margin: 0px auto;   }

.util_expandtext { color: var(--darkblue);margin: 20px 20px 40px 20px;padding-bottom: 10px; background-image: url(/images/eMGDdOMnJUzHoO9Wiubt0lr009.png); background-position: bottom; background-size: contain; }
.util_expandtext .link a { text-decoration: none; display: block; background-image: url(/images/8yHPqTZPKDFVDMFt9hVi01300t.png); background-position: right; background-size: 3% auto;}
.util_expandtext .text { padding-top: 20px; }
.util_expandtext .text ul { margin-left: 30px; padding-bottom: 15px;}
.util_expandtext .text ul li { list-style: disc;}

@media ( max-width: 1240px )
{
    .participate .steps .items { padding: 0px 20px 0px 20px; }
}
@media ( max-width: 1000px )
{
    .participate .participateregister .introduction, .participate .memb_ajaxprofile .form, .submit .memb_ajaxprofile .form, .submit .surv_standard .form { padding: 20px; }
    .participate .memb_ajaxprofile, .submit .memb_ajaxprofile { padding: 50px 0px;}
    .faqs .introduction h2, .faqs .introduction, .participate .steps .introduction  { background-image: none; }
}
@media ( max-width: 840px )
{
    .participate .participateregister .content h3, .faqs .introduction { padding: 0px 20px 0px 20px; }
    .participate .pagecontent_inner {padding-top: 100px;}
}
@media ( max-width: 640px )
{
    .participate .steps .items { flex-direction: column; align-items: center;}
    .participate .memb_ajaxprofile .form, .participate .participateregister .introduction, .submit .memb_ajaxprofile .form, .submit .surv_standard form {max-width: 100%;}
    .participate .memb_ajaxprofile #fb-MembExtTermsConditions-div { max-width: 100%; }
   
    
}


/* Register step 2  */

.submit .memb_ajaxprofile .form { background-color: var(--green); }


.submit .ui-widget-content, .submit .ui-widget-header, .submit .ui-state-active, .submit .ui-state-default {  border: unset;  background: unset; font-weight: normal; color: unset; }
.submit .util_tabbed ul li a {text-decoration: none;padding: 10px 0px !important;width: 414px;}
.submit .util_tabbed ul li:last-of-type {display: none;}
.submit .util_tabbed ul li.ui-tabs-active { background-image: url(/images/znmD2w6whcfMVcb0evt30bi032.png); background-size: contain; }
.submit .util_tabbed ul li:nth-child(2).ui-tabs-active { background-image: url(/images/znmD2w6whcfMVcb0evt30bi032.png); background-size: contain;  }
.submit .util_tabbed ul li:first-of-type a { color: var(--green)}
.submit .util_tabbed ul li a { color: var(--purple)}
.submit .util_tabbed ul li {   background-repeat:no-repeat; height: 115px !important; width: 440px !important;}


@media(max-width: 500px) {
    .submit .util_tabbed ul li.ui-tabs-active {background: none; border-bottom: 15px solid var(--yellow); height: 67px !important;  }
    .submit .util_tabbed ul li a {font-size: 80%; width: auto; }
    .submit .util_tabbed ul li {max-width: 300px !important; height: 50px !important;}
    .submit .util_tabbed ul li:nth-child(2).ui-tabs-active {background-image: none;}

}




/* Menu */

.layoutheader .util_langswitch { position: absolute; font-size: 80%; top: 45px; text-transform: uppercase; }
.layoutheader .util_langswitch a { text-decoration: none; color: var(--white); }
.layoutheader .util_langswitch li { display: inline-block; margin-left: 10px; }
.layoutheader .nav_simple li a { color: var(--darkblue); text-decoration: none; }
.layoutheader .toggle { transform: rotate(90deg);position: absolute; top: 45px; right:5px; cursor: pointer;  padding: 7px 7px 0px 7px; border-radius: 7px; font-size: 200%; color: var(--darkblue); }
.layoutheader .toggleon ul {display: block;position: absolute;left: 0px;width: 100%;background-color: var(--green);opacity: 0.95;z-index: 999;text-align: center;padding: 25px 0px 20px 0px;}
.scroll .layoutheader .toggleon ul { top: 85px; }
.layoutheader .toggleon li {  display: block; padding: 10px 0px 10px 0px; font-size: 120%; }
.layoutheader .toggleoff ul  { display: none; }


.layoutheader .logo {position: absolute;background-size: contain;width: 216px;height: 50px;background-image: url(/images/xHkB3w40sOubNNQbqN2m0e2039.png);}
.section3 .layoutheader .logo, .section52 .layoutheader .logo, .section4 .layoutheader .logo {background-image: url(/images/bcBDAGDV3oWbjxXsX3B70e2039.png);}
.section3 .toggle, .section4 .toggle, .section1 .toggle, .section51 .toggle  {color: var(--white);}
.section63 .toggle {color: var(--darkpurple);}

@media( min-width: 740px )
{
	.layoutheader .logo { top: 45px; left: 50%; margin-left: -108px; }
	.layoutheader .toggleon ul { top: 120px; }
}

@media( max-width: 739px )
{
    .layoutheader .logo { top: 120px; left: 50%; transform: translate(-50%, -50%);}
    .section51 .toggle { z-index: 999; }
}


/* Login */
.login .pagetitle { color: var(--pink); background-color: var(--darkblue); text-align: center; padding: 80px 0 30px 0; font-size: 200%; text-transform: uppercase;}
.login p {color: var(--yellow); background-color: var(--darkblue); text-align: center; padding: 0 50px 0 50px; }

.login .memb_loginbox { background-color: var(--darkblue); min-height: 100px; padding: 50px 0px 50px 0px; text-align: center; color: var(--darkblue); }
.login .memb_loginbox fieldset { background-color: #f37aa1; padding: 50px; text-align: center; max-width: 40%; margin: 0px auto; height: 350px; }
.login .memb_loginbox .fieldemail input[type=text] { outline: none;border: none;width: 100%;height: 30px;margin-bottom: 40px;background: none;text-align: center;font-size: 110%;color: var(--darkpurple);background-repeat: no-repeat;font-family: OpenSans; }
.login .memb_loginbox .fieldemail { background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png); background-size: contain; }
.login .memb_loginbox .fieldpw input[type=password] { outline: none;border: none;width: 100%;height: 30px;margin-bottom: 40px;background: none;text-align: center;font-size: 110%;color: var(--darkpurple);background-repeat: no-repeat;font-family: OpenSans;}
.login .memb_loginbox .fieldpw { background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png); background-size: contain;}
.login .memb_loginbox .stayloggedin {padding-bottom: 20px;}
.login .inspiration {display: none;}

.login .memb_loginbox .fieldemail label, .login .memb_loginbox .fieldpw label {display: none;}

.login .memb_loginbox .login .submit { background: var(--darkpurple); outline: none; border: none; color: var(--yellow); text-transform: uppercase; padding: 10px 50px; font-size: 110%; cursor: pointer; transition: all .3s ease-in-out; font-family: OswaldBold; transition: all .3s ease-in-out; }
.login .memb_loginbox .logout {padding-top: 50px;}
.login .memb_loginbox .logout input[type=submit] { background-color: var(--yellow); font-size: 150%; color: var(--darkblue); border: none; padding: 10px 20px ;}

.login input:-webkit-autofill,
.login input:-webkit-autofill:hover, 
.login input:-webkit-autofill:focus, 
.login input:-webkit-autofill:active{ -webkit-background-clip: text; -webkit-text-fill-color: var(--darkblue); -webkit-box-shadow: 0 0 0 15px var(--pink) inset !important; }


/* Page not found */
.pagenotfound { background-color: var(--darkpurple); min-height: 500px;  color: var(--white); text-align: center; padding-top: 100px;}
.pagenotfound .pageheader_inner {  color: var(--pink); background-color: var(--darkpurple); text-align: center; font-size: 200%;}
.pagenotfound .pagecontent_inner p {padding: 50px; color: var(--yellow);}


/* Story page */
.feat_storypage { margin: 0px auto;}

.feat_storypage .introduction { background-color: var(--blue); color: var(--white); text-align: center; color: var(--darkblue); 
    background-image: 
    url(/images/61r3d9MEI4lhy0bWi6y42em1pa.png),
    url(/images/HsT4NZawOgbTKNXbBj7z1kt179.png),
    url(/images/QQEnOU8rwV1EpdFIHFI32811qa.png),
    url(/images/B9HoQayQUSj1zIuAHfaK1mz195.png),
    url(/images/nWlSXpDBMiJGwu52EABw1ur19s.png);

    background-position: left 0 bottom -30px, right 0 top 50%, top -25px right 20%, bottom -20px right 10%, left 0 top 30%; 
    background-size: 15% auto; 
    padding: 50px 0px 0px 0px;
    background-size: auto 200px, 200px auto, 200px auto, 200px auto, 250px auto; 
}

.feat_storypage .story-bio { display: flex; padding-top: 100px; max-width: 800px; margin: 0 auto; padding-bottom: 100px; gap: 25px;}
.feat_storypage .cover { text-align: right; position: relative;}
.feat_storypage .cover .cover-img img {height: 450px; max-width: 280px; object-fit: cover; }
.feat_storypage .cover .cover-title {display: none;}
.feat_storypage .cover .cover-author {background-color: #f9c5d5; display: inline-flex;  padding: 0 5px;}

.feat_storypage .profile { width: auto; text-align: left;}
.feat_storypage .profile .profile-img {background-image: url(/images/AyEne1pC40DxzAvKkKGf05d06e.png); background-position: left; }
.feat_storypage .profile img { height: 200px; width: 180px; object-fit: cover; margin-left: 5px; padding: 5px;}
.feat_storypage .profile span { font-weight: bold;}
.feat_storypage .profile-info {border-left: 3px solid var(--yellow); margin-top: 20px; margin-left: 4px;}
.feat_storypage .profile-info p {padding: 0 0 0 10px; max-width: 300px;}
.feat_storypage .profile-info .about-me { max-width: 400px;  padding: 0 0 0 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: all 0.3s ease; cursor: pointer; }
.feat_storypage .profile-info .about-me:hover {display: block;}
.feat_storypage .profile-info .about-me.expanded { max-height: none; }



.feat_storypage .read-story p {background-color: #f9c5d5; display: inline-block; padding: 0 5px; font-size: 150%;}
.feat_storypage .read-story .scroll-arrow {padding: 30px 0 30px 0;}



.feat_storypage .language { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 30px;}
.feat_storypage .language h3 { background-color: var(--darkblue); color: var(--yellow); text-transform: uppercase; display: inline-block; font-size: 100%; min-width: 200px; width: auto; text-align: center; margin: 30px auto 0; padding: 10px; border-radius: 15px 15px 0 0; }
.feat_storypage .language .toggle {display: flex;justify-content: space-between;border-radius: 50px; background-color: var(--darkblue);min-width: 300px;width: auto;flex-wrap: nowrap;padding: 5px;}
.feat_storypage .language .toggle div { cursor: pointer;padding: 5px 10px;background-color: var(--lightgray);border-radius: 5px;white-space: nowrap;display: flex;justify-content: center;align-items: center;} /* Centering content */
.feat_storypage .language .toggle_source .source { background-color: var(--yellow); font-weight: bold; color: var(--darkblue); width: 150px; border-radius: 50px;}
.feat_storypage .language .toggle_source .eng {color: var(--yellow); font-weight: bold;  width: 150px}
.feat_storypage .language .toggle_eng .eng { background-color: var(--yellow); font-weight: bold; color: var(--darkblue); width: 150px; border-radius: 50px;}
.feat_storypage .language .toggle_eng .source {color: var(--yellow); font-weight: bold; width: 150px }
.feat_storypage .language .toggle .source, .feat_storypage .language .toggle .eng { cursor: pointer; }


.feat_storypage .storytitle {padding-top: 10px; text-align: center; max-width: 800px; margin: 0 auto; }
.feat_storypage .storytitle h1 { font-size: 300%; text-transform: uppercase; background-color: #f9c5d5; margin-top: 20px; padding: 0 15px;display: inline-block; line-height: 80px; ;}
.feat_storypage h1, .feat_storypage .author {text-align: center; background-color: var(--white); font-weight: bold; padding-top: 20px;}

.feat_storypage .audiobook {background-color: var(--darkblue); color: var(--white); text-align: center; padding: 30px 0;}
.feat_storypage .audiobook h3 {margin-bottom: 20px; }
.feat_storypage .audiobook a img { border: 5px solid var(--yellow);}

.feat_storypage .publish { padding: 10px 0 20px 0; font-weight: bold;}


/* Plain content story */
.feat_storypage .plain_content { max-width: 800px; margin: 0 auto; padding: 50px 0 50px 0; text-align: center;}
.feat_storypage .plain_content p {padding: 15px 0 15px 0;}


@media (max-width: 799px) {
    .feat_storypage .content {max-width: 699px; margin: 0 auto;}
    .feat_storypage .cover {margin-bottom: 20px;}
    .feat_storypage .profile .profile-img {background-position: center;}
    .feat_storypage .profile img {margin-left: 0;}
    .feat_storypage .story-bio { flex-direction: column; align-items: center;}
    .feat_storypage .profile { text-align: center; padding: 0 10px 0 10px;}
    .feat_storypage .profile p {margin: 0 auto;}
    .feat_storypage .profile-info {border-left: none; }
    .feat_storypage .introduction { background-size: auto 150px, 150px auto, 150px auto, 150px auto, 200px auto; }

    .feat_storypage .storytitle h1 {font-size: 160%;/* padding: 10px; */}

    .feat_storypage .plain_content {padding: 20px 10px 30px 10px;}

}


/* Story page bottom carousel */

.feat_storypage .feat_carousel { background-color: var(--blue); box-sizing: border-box; padding: 50px 0px 100px 0px; }
.feat_storypage .feat_carousel .introduction {width: 800px;margin: 0px auto 10px auto;color: var(--darkpurple);text-align: center;background-image: url(/images/BA0DEZmDwMz6sTdEi9CY02g03i.png);background-position: right 220px bottom 30px; background-size: 5% auto; padding-bottom: 70px; }
.feat_storypage .feat_carousel .introduction p { font-size: 150%; }
.feat_storypage .feat_carousel .carousel { background-color: var(--purple); }
.feat_storypage .feat_carousel .carouselbox { transition: all .3s ease-in; width: 200px; height: 540px; margin: 0px auto;color: white;position: relative;background-size: cover;}
.feat_storypage .feat_carousel .carouselbox:hover { width: 425px; }
.feat_storypage .feat_carousel .carouselbox .content { height: 280px; }
.feat_storypage .feat_carousel .carouselbox .top {background-image: url(/images/BcmNXFvMqlEP5K23nPaD00l0ky.png);background-size: contain;background-position: 0px 0px;position:absolute; right: 30px; top: 60px; transition: all 0.4s ease-in-out;opacity: 0;height: 370px;}
.feat_storypage .feat_carousel .carouselbox .wrapper { background-color: var(--darkblue); font-size: 80%; box-sizing: border-box; padding: 20px; height: 97%; min-width: 200px;max-width: 250px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;}
.feat_storypage .feat_carousel .carouselbox:hover .top {opacity: 1;}
.feat_storypage .feat_carousel .carouselbox .top h3 { padding-bottom: 0px; }
.feat_storypage .feat_carousel .carouselbox .top p {padding-bottom: 60px; font-size: 14px; }
.feat_storypage .feat_carousel .carouselbox .top .link a { color: var(--darkblue); background-color: var(--yellow); text-decoration: none; font-size: 170%; padding: 5px 30px; text-transform: uppercase;  }
.feat_storypage .feat_carousel .carouselbox .bottom {  position: absolute; width: 450px; bottom: 10px;}

.feat_storypage .feat_carousel .carouselbox .bottom .title {background: white; color: var(--darkblue); padding: 0px 5px 10px 5px;  position: absolute; left: 10px;font-family: OswaldBold;font-size: 26px;height: 10px;transform: rotate(-90deg);transform-origin: 0px 0px;text-transform: uppercase;  height: 32px;}
.feat_storypage .feat_carousel .carouselbox .bottom .name { background-color: white; color: var(--darkblue); position: absolute; transform: rotate(-90deg); transform-origin: 0px 0px; left: 65px; bottom: 50px; padding: 2px; font-family: OswaldBold; }



@media ( max-width: 799px )
{
    .feat_storypage .feat_carousel {padding: 0 0 50px 0;}
    .feat_storypage .feat_carousel .introduction { width: 94%; background-image: none; padding-bottom: 10px;}

}



/***** GENERAL SECTION STYLING *****/

.feat_storysection {padding: 100px 0px 200px 0px;}

.feat_storysection:nth-child(odd) h2 {text-align: center; padding: 20px; max-width: 800px; margin: 0px auto; margin-bottom: 50px; }
.feat_storysection:nth-child(even) h2 {text-align: center; padding: 20px; max-width: 800px; margin: 0px auto; margin-bottom: 50px;}

.feat_storysection p {font-family: "OpenSans";max-width: 800px;margin: 0px auto;}

.feat_storysection blockquote {font-size: 200%;max-width: 400px;margin: 0 auto;padding: 40px 0 40px 0;margin-top: 30px;margin-bottom: 30px; }
.feat_storysection blockquote span {line-height: 47px; padding: 0 10px 0 10px;}
.feat_storysection blockquote>p span {display: inline; }

.feat_storysection .story_content_section>img { margin: 0 auto; display: block; margin-top: 30px; border-radius: 15px;}

@media ( max-width: 799px )
{
    .feat_storysection blockquote span {line-height: 25px;}
    .feat_storysection { padding: 20px 20px 150px 20px;}
    .feat_storysection h2 { margin-top: 20px !important; padding: 10px 0 10px 0 !important; }
    .feat_storysection blockquote { font-size: 120%;}
}



/*** SECTION THEMES ***/

/* Standard layout. Always the same*/
.feat_storysection:nth-child(odd) {background-color: var(--white);color: var(--darkblue);}
.feat_storysection:nth-child(even) {  background-color: var(--darkblue);color: var(--white);}
.feat_storysection:nth-child(odd) h2 {background-color: var(--darkblue);color: var(--white);}
.feat_storysection:nth-child(even) h2 {background-color: var(--white);color: var(--darkblue);}


/** Highlight **/
.feat_storysection.highlight_pink blockquote span {background-color: #f9c5d5;}
.feat_storysection.highlight_orange blockquote span { background-color: #F99450; }
.feat_storysection.highlight_yellow blockquote span { background-color: #FFEC66; }
.feat_storysection.highlight_lightblue blockquote span { background-color: #95CAFF; }


/** Layout **/

/* A - Text with highlighted quote*/
.feat_storysection.layout_a blockquote p {max-width: 400px; margin: 0; } 
.feat_storysection.layout_a blockquote { text-align: left; max-width: 800px;} 


/* B - Text with left boxed quote */
.feat_storysection.layout_b blockquote p { max-width: 400px; display: block; text-align: center;} 
.feat_storysection.layout_b blockquote {  max-width: 100%;  background-image: linear-gradient(#FF6EA6, #FF6EA6); background-size: 50%; background-position: 0px; }


/* C - Text with right boxed quote */
.feat_storysection.layout_c blockquote p { max-width: 400px; display: block; text-align: center; } 
.feat_storysection.layout_c blockquote {  max-width: 100%;  background-image: linear-gradient(#AA6DFF, #AA6DFF); background-size: 50%; background-position: 100%; }


/* D - Boxed text */
.feat_storysection.layout_d .story_content_section {background-color: var(--blue);padding: 100px 100px 100px 100px;border-radius: 50px;text-align: center; max-width: 800px; margin: 0 auto;}

@media ( max-width: 799px )
{
    .feat_storysection.layout_d .story_content_section  { padding: 30px 20px;}
}


/* E - Bordered text with left boxed quote */
.feat_storysection.layout_e { position: relative; }

.feat_storysection.layout_e .story_content_section>p { margin: 0 auto; max-width: 800px; border-left: 5px solid #FF6EA6; border-right: 5px solid #FF6EA6; padding: 0px 90px 50px 90px; margin-top: -85px; margin-bottom: 70px; text-align: center; position: relative; z-index: 1;}
.feat_storysection.layout_e h2 { max-width: 600px; position: relative; z-index: 2; }
.feat_storysection.layout_e .story_content_section>p:first-child, .feat_storysection.layout_e .story_content_section>p.top-border { padding-top: 50px; border-top: 5px solid #FF6EA6 ; border-top-left-radius: 40px; border-top-right-radius: 40px;}
.feat_storysection.layout_e .story_content_section>p.bottom-border, .feat_storysection.layout_e .story_content_section>p:last-child { padding-bottom: 50px; border-bottom: 5px solid #FF6EA6 ; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}
.feat_storysection.layout_e .story_content_section>p.top-border {border-top: 5px solid #FF6EA6 ; border-top-left-radius: 40px; border-top-right-radius: 40px;}
.feat_storysection.layout_e .story_content_section>p.top-border { margin-top: 0px; }

.feat_storysection.layout_e blockquote p { display: block; background-color:unset; max-width: 400px; text-align: center; } 
.feat_storysection.layout_e blockquote { max-width: 100%; background-image: linear-gradient(#FF6EA6, #FF6EA6); background-size: 50%; background-position: 0px;}

/* .feat_storysection.layout_e { position: relative; }
.feat_storysection.layout_e .story_content_section { max-width: 800px; margin: 0 auto; border: 5px solid #F99450; border-radius: 40px; padding: 100px 90px 50px 90px; margin-top: -85px; margin-bottom: 70px; text-align: center; position: relative; z-index: 1;}
.feat_storysection.layout_e h2 { max-width: 600px; position: relative; z-index: 2; }

.feat_storysection.layout_e blockquote p { display: block; background-color:unset; max-width: 400px; text-align: center; } 
.feat_storysection.layout_e blockquote { max-width: 100%; background-image: linear-gradient(#FF6EA6, #FF6EA6); background-size: 50%; background-position: 0px;} */

@media ( max-width: 799px )
{
    .feat_storysection.layout_e .story_content_section>p  { padding: 50px 20px;}
}


/* F - Bordered text with right boxed quote */
.feat_storysection.layout_f { position: relative; }

.feat_storysection.layout_f .story_content_section>p { margin: 0 auto; max-width: 800px; border-left: 5px solid #FF6EA6; border-right: 5px solid #FF6EA6; padding: 0px 90px 50px 90px; margin-top: -85px; margin-bottom: 70px; text-align: center; position: relative; z-index: 1;}
.feat_storysection.layout_f h2 { max-width: 600px; position: relative; z-index: 2; }
.feat_storysection.layout_f .story_content_section>p:first-child, .feat_storysection.layout_f .story_content_section>p.top-border { padding-top: 50px; border-top: 5px solid #FF6EA6 ; border-top-left-radius: 40px; border-top-right-radius: 40px;}
.feat_storysection.layout_f .story_content_section>p.bottom-border, .feat_storysection.layout_f .story_content_section>p:last-child { padding-bottom: 50px; border-bottom: 5px solid #FF6EA6 ; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}
.feat_storysection.layout_f .story_content_section>p.top-border {border-top: 5px solid #FF6EA6 ; border-top-left-radius: 40px; border-top-right-radius: 40px;}
.feat_storysection.layout_f .story_content_section>p.top-border { margin-top: 0px; }

.feat_storysection.layout_f blockquote p {max-width: 400px;display: block;text-align: left;} 
.feat_storysection.layout_f blockquote { max-width: 100%; background-image: linear-gradient(#FF6EA6, #FF6EA6); background-size: 50%; background-position: 100%; }

@media ( max-width: 799px )
{
    .feat_storysection.layout_f .story_content_section>p  { padding: 30px 20px;}
}

/** Image bottom **/

/* Eye blue*/
.feat_storysection.imgbottom_eyeblue {  background-image: url(/images/QhV94Mc9iFMEkHZGxGn905f05h.png); background-position: bottom 30px left 50%; background-size: auto 120px;}

/* Star*/
.feat_storysection.imgbottom_star { background-image: url(/images/BR2Ziu4GIGS8iUHujvIg05i05i.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Spring */
.feat_storysection.imgbottom_spring {  background-image: url(/images/UfbDPap4FAHO7rwBbPew05l062.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Eye orange */
.feat_storysection.imgbottom_eyeorange {  background-image: url(/images/SAGcBFZhA6lXlzXIw9ow07d04h.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Eye oyellow */
.feat_storysection.imgbottom_eyeyellow {  background-image: url(/images/M1VHTxLRHpXCT8u88Xod08406h.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Ear */
.feat_storysection.imgbottom_ear {  background-image: url(/images/KWSlJVlD1W0ZyzyNjbCm06h06v.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Mouth green */
.feat_storysection.imgbottom_mouthgreen {  background-image: url(/images/1GUF3UTqffIewitH0hsl0le0qi.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Eye green */
.feat_storysection.imgbottom_eyegreen {  background-image: url(/images/TPDM6UXoxc1koEdK5f5z0ec09f.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

/* Microphone */
.feat_storysection.imgbottom_microphone {  background-image: url(/images/sMw55YffPD027fwf5HMp0km0mc.png); background-position: bottom 30px left 50%;background-size: auto 120px;}

@media ( max-width: 799px )
{
    .feat_storysection.imgbottom_eyeblue,
    .feat_storysection.imgbottom_star,
    .feat_storysection.imgbottom_spring,
    .feat_storysection.imgbottom_eyeorange,
    .feat_storysection.imgbottom_eyeyellow,
    .feat_storysection.imgbottom_ear,
    .feat_storysection.imgbottom_mouthgreen,
    .feat_storysection.imgbottom_eyegreen,
    .feat_storysection.imgbottom_microphone 

    {background-size: 20%;}
}


/* Stories page */
.stories {background-color: var(--blue);padding-bottom: 50px;}
.stories a {text-decoration: none;}
.stories .stories_list { margin: 0px auto; }

.stories .pageheader {padding-top: 100px;}
.stories .title {text-align: center;text-transform: uppercase;font-size: 180%;border-bottom: 15px solid var(--yellow);max-width: 300px;margin-left: auto;margin-right: auto;line-height: 0px;}
.stories .content {text-align: center;padding-top: 20px;min-height: 150px;}
.stories .cover_img img { height: 343px; width: 215px; object-fit: cover;}

.stories .top_menu {display: flex;justify-content: space-between; padding: 20px 0 30px 0;max-width: 760px; margin: 0px auto;}
.stories .top_menu .searchbar { width: 600px;}
.stories .searchbar #filtertext {border: none; outline: none; padding: 8px; width: 100%;}
.stories .searchbar input {font-family: "OpenSans"; font-size: 16px;}

.stories .write_your_own {text-align: center; position: relative; }
.stories .write_your_own img {margin: 0 auto; display: block; max-width: 150px; height: auto;}
.stories .write_your_own span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: var(--white); text-transform: uppercase; max-width: 100px; font-size: 90%; font-weight: bold;}


.stories .filter {background-color: var(--darkblue); color: var(--white); text-transform: uppercase; width: 120px; padding: 8px; text-align: left; cursor: pointer;}
.stories .fa-filter {padding-left: 10px;}
.stories .stories_filter {padding-bottom: 30px;font-weight: bold;font-size: 80%;padding-left: 30px;max-width: 800px;margin: 0 auto;}
.stories .stories_filter ul {margin-bottom: 20px;}
.stories .stories_filter p { text-transform: uppercase;}

.stories_filter input[type="checkbox"] { vertical-align: middle; cursor: pointer; -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;border: 0px solid var(--darkblue);border-radius: 2px;height: 15px;width: 15px; background-color: var(--darkblue);}
.stories_filter input[type="checkbox"]:checked{ background-image: url(/images/uTAri3ZdfqXRis5lXDkl00g00g.png);}


.stories ul {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px; justify-content: center; max-width: 800px; margin: 0px auto;}
.stories .stories_list ul li {padding-bottom: 20px; position: relative; margin: 0 auto;}
.stories ul li .cover_img {max-width: 217px;}
.stories ul li .story_title {text-transform: uppercase; font-size: 120%; max-width: 215px; min-height: 60px;}
.stories ul li .author {font-weight: bold; padding-bottom: 10px; max-width: 212px; }
.stories ul li .img-lang { display: flex; align-items: center;}
.stories ul li .author_image { position: relative; z-index: 2; display: flex; border-radius: 50%; box-shadow: 0 1px 2px rgba(0,0,0,0.2); border: var(--white) 2px solid; width: 60px; height: 60px; object-fit: cover; background-size: cover; }
.stories ul li .language { position: relative; z-index: 1; font-size: 120%; justify-content: center; text-align: center; border: 2px solid var(--darkblue); padding: 4px 15px 7px 20px; margin-left: -13px; color: var(--white); background-color: var(--darkblue);}

.stories .precis { position: absolute; top: 0; color: var(--white); background: rgba(28, 49, 99, 0.9); width: 215px; height: 343px; font-size: 90%; padding: 10px; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.7s ease,  margin-top 0.7s ease; border-left: 7px solid var(--yellow); display: flex; flex-direction: column; justify-content: center; } 
.stories li .precis { text-align: left;}
.stories li:hover .precis { visibility: visible; opacity: 1; cursor: pointer;}
.stories li:hover { margin-top: -5px !important;  transition: margin-top 0.5s ease !important;}  

@media (min-width: 481px) and (max-width: 768px) {
    .stories { padding-left: 20px; padding-right: 20px; }
    .stories ul li .cover_img img { width: 220px; height: 351px; }
    .stories .precis { max-width: 220px; margin-left: auto; margin-right: auto; }
    .stories ul { grid-template-columns: 1fr 1fr; }
    .stories .top_menu { flex-direction: column; align-items: center; }
    .stories .top_menu .searchbar { width: 400px; margin-top: 20px; }
}


@media (max-width: 480px) {
    .stories ul li .story_title {min-height: 30px }
    .stories .pagetitle {padding-top: 30px;}
    .stories .stories_filter {padding-left: 20px;}
    .stories .pagecontent {padding: 20px 10px;}
    .stories .top_menu { flex-direction: column; align-items: center; }
    .stories .filter { order: 2; }
    .stories .searchbar { order: 1; max-width: 300px; padding-bottom: 20px; }
    .stories ul {grid-template-columns: 1fr;max-width: 400px;}
    .stories ul li .cover_img { margin: 0 auto; max-width: 300px; }
    .stories ul li .cover_img img { width: 300px; height: auto; }
    .stories .story_title, .stories .img-lang, .stories .author { text-align: center; justify-content: center; margin: 0 auto; }
    .stories .precis { position: absolute; top: 100px; }
}
  
@media (max-width: 320px) {
    .stories .top_menu { flex-direction: column; align-items: center; }
    .stories .filter { order: 2; }
    .stories .searchbar { order: 1; max-width: 300px; padding-bottom: 20px; }
    .stories ul { grid-template-columns: 1fr; }
    .stories ul li .cover_img { display: flex; justify-content: center; align-items: center; }
    .stories ul li .cover_img img { width: 250px; height: auto; }
    .stories .top_menu .searchbar { width: 300px; padding-bottom: 20px; }
    .stories .story_title, .stories .img-lang, .stories .author { text-align: center; justify-content: center; margin: 0 auto; }
    .stories .precis { position: absolute; top: 100px; }
}

@media (hover: none) {
    .stories li .precis { position: static; top: auto; visibility: visible; opacity: 1; height: auto; margin: 0 auto; width: 250px; background: none; border-left: none; text-align: center;}
    .stories .story_title, .stories .img-lang, .stories .author { text-align: center; justify-content: center; margin: 0 auto; }
    .stories .top_menu { margin-top: 30px;}
}


/* About us*/
.about_us {margin: 0px auto;}
.about_us h1 { display: none; background-color: var(--blue); text-transform: uppercase; font-size: 200%; text-align: center; padding-top: 120px;}

.about_us .util_textbox.introduction {background-color: var(--blue);display: flex;padding-top: 100px;align-items: center;justify-content: center;}
.about_us .util_textbox.introduction .content { text-align: center; padding: 30px 10px 100px 10px; max-width: 800px; }
.about_us .util_textbox.introduction img {max-width: 800px; max-height: auto;}

.about_us .inspiration {background-color: var(--darkblue); display: flex; padding: 100px 5px 0px 5px; align-items: center; justify-content: center; color: var(--white); text-align: center;}
.about_us .inspiration h2 {text-transform: uppercase; background-color: var(--blue); padding: 0 5px; display: inline;  padding: 0 10px 0 10px;}
.about_us .inspiration .content p {text-align: center;padding: 20px 0 10px 0;max-width: 800px;}
.about_us .inspiration .content {padding-bottom: 50px;}


.about_us .rfhe { background-color: var(--blue); padding-top: 100px; text-align: center; align-items: center; }
.about_us .rfhe h2 { text-transform: uppercase; background-color: var(--darkblue); display: inline;  padding: 0 10px 0 10px; color: var(--white); text-align: center;}
.about_us .rfhe .introduction {padding: 10px 0 50px 0;max-width: 800px; margin-left: auto; margin-right: auto; min-height: 600px;}
.about_us .rfhe .introduction p {padding: 10px;}
.about_us .rfhe .introduction p:last-child { float: inline-end; }


.about_us .rfhe .carousel { max-width: 850px; overflow: hidden; width: 100%;  position: relative; margin: 0 auto;  }
.about_us .rfhe .carousel ul { width: 20000em; position: relative; }
.about_us .rfhe .carousel li { background-size: contain;float: left; text-align: center;box-sizing: border-box;  height: 600px !important; width: 850px !important; }


.about_us .rfhe .jcarousel-control {display: none;}
.about_us .rfhe .nextprevious {max-width: 940px; margin: 0px auto; position: relative; bottom: 300px; }
.about_us .rfhe .carousel-next {float: right;}
.about_us .rfhe .carousel-prev {float: left;} 


/* .ui-widget { width: 100vw !important; margin:  0px; position: relative; background-color: var(--blue);}
.ui-widget-content .carousel { margin: 0px auto 0px auto; overflow: hidden;}
.ui-widget-content .carousel ul {  position: relative; width: 20000em;}
.ui-widget-content .carousel ul li {max-width: 100% !important;float: left;text-align: center;line-height: 100vh;background-size: contain;background-position: center center;background-repeat: no-repeat; }

.ui-button {color: black;width: auto !important;height:auto !important; font-weight: bold;}
.ui-dialog-titlebar-close { margin-top: 50px; background-color: var(--blue); border: 1px solid #ccc; padding: 5px 10px; border-radius: 5px; font-size: 14px; cursor: pointer; position: fixed; top: 0; left: 50%;transform: translateX(-50%); text-transform: capitalize;}
.ui-dialog-titlebar-close .ui-icon { background-image: none; margin: 0; }
.ui-widget .jcarousel-control, .ui-widget .nextprevious {display: none;} */




.about_us .carousel_footer {  background-color: var(--blue); text-align: center; align-items: center; padding: 20px 0 100px 0; font-size: 80%;}

@media (max-width: 797px) {
    .about_us .rfhe .carousel li {width: 100vw !important; background-size: contain !important; margin: 0; pointer-events: none; height: 250px !important;}
    .about_us .rfhe .carousel {width: 90%; }
    .about_us .rfhe .nextprevious {display: none;}
}


.about_us .partners {background-color: var(--darkblue); padding: 100px 0px; align-items: center; justify-content: center; color: var(--white); text-align: center; }
.about_us .partners h2 {text-transform: uppercase; background-color: var(--blue); padding: 0 5px; display: inline;  padding: 0 10px 0 10px;}
.about_us .partners .introduction {padding: 10px 0 50px 0;max-width: 800px; margin-left: auto; margin-right: auto;}
.about_us .partners .introduction p {padding: 10px;}

.about_us .partners .carousel { max-width: 900px; overflow: hidden; width: 100%;  position: relative; margin: 0 auto;  }
.about_us .partners .carousel  ul { width: 20000em; position: relative; display: flex; }
.about_us .partners .carousel  ul li { width: 200px !important;}
.about_us .partners .carousel ul li .util_textbox { background-size: contain; float: left; height: 100px !important; text-align: center; box-sizing: border-box; width: 200px !important;  }


.about_us .partners .nextprevious {max-width: 940px; margin: 0px auto; position: relative; bottom: 60px; }

.about_us .partners .carousel-next {float: right;}
.about_us .partners .carousel-prev {float: left;}

.about_us .acknowledgments { background-color: var(--blue); padding-top: 100px; text-align: center; align-items: center;}
.about_us .acknowledgments  h2 { text-transform: uppercase; background-color: var(--darkblue); display: inline;  padding: 0 10px 0 10px; color: var(--white); text-align: center;}
.about_us .acknowledgments .content {padding: 20px 0 50px 0;max-width: 800px; margin-left: auto; margin-right: auto;}
.about_us .acknowledgments ul {display: flex; justify-content: center; align-items: center;}
.about_us .acknowledgments ul>li {padding: 50px;}

.layoutoverlay { width: 100%; height: 100%;  background-color: rgba(0,0,0,0.7); position: absolute;}


@media (max-width: 797px) {
    .about_us .util_textbox.introduction img {display: none;}
    .about_us h1 { display: block}
    .about_us .util_textbox.introduction { padding-top: 0px;}
    .about_us .content {max-width: 700px;margin: 0 auto;}
    .about_us iframe {max-width: 300px; height: auto;}
    .about_us .acknowledgments .content p {padding: 10px;}
    .about_us .acknowledgments ul { flex-direction: column; }
    .about_us .acknowledgments ul > li { padding: 20px;}
    .about_us .partners .nextprevious {display: none;}
    .about_us .partners .carousel {  width: 90%; height: 100px;}
    .about_us .partners .carousel  ul li { width: 170px !important;}
    .about_us .partners .carousel ul li .partners-carousel { height: 70px !important; }
}

@media (min-width: 426px) and (max-width: 768px) {
    .about_us .util_textbox.introduction img { width: 100%; height: auto; padding: 10px;}
    .about_us .acknowledgments .content p {padding: 10px;}
    .about_us .acknowledgments ul { flex-direction: column; text-align: center; }
    .about_us .acknowledgments ul > li {padding: 20px;} 
}

/* Bottom components Social share*/

.bottom_components { text-align: center; margin: 0 auto; background-color: var(--darkblue);}
.bottom_components .incsocialshare {padding: 50px 0; background-image: url(/images/t7oLYXPQLYF9zpwvZYPC0a100g.png); background-position-y: 105px ; }
.bottom_components .incsocialshare .social_title { font-size: 150%; padding-bottom: 50px; max-width: 300px; margin: 0 auto;}
.bottom_components .incsocialshare .social_title span, .bottom_components .incsocialshare .social_share span, .bottom_components .incsocialshare .social_download span { background-color: #f9c5d5; line-height: 20px; padding: 0 5px;}
.bottom_components .incsocialshare .social_share, .bottom_components .incsocialshare .social_download { text-transform: uppercase; font-weight: bold; padding-bottom: 20px;}
.bottom_components .incsocialshare .feat_socialshare { display: flex; justify-content: center; }


/* Account */

.account { background-color: var(--darkblue); margin: 0 auto; text-align: center; padding: 0 5px; }

.account .memb_accountarea {max-width: 700px; margin: 0 auto; padding-top: 100px;}
.account .memb_accountarea h1 {color: var(--pink); font-size: 250%; text-transform: uppercase;}

.account .memb_accountarea .registration {color: var(--pink); padding: 15px 0;}
.account .memb_accountarea .registration h2 {font-size: 100%;}

.account .memb_accountarea .introduction {color: var(--white); padding-bottom: 50px;}
.account .memb_accountarea .introduction em {font-size: 90%;}

.account .memb_accountarea .stories {padding: 40px 10px;}
.account .memb_accountarea .stories li:hover { margin-top: 0px !important;}
.account .memb_accountarea .stories li h2 {  text-transform: uppercase; font-size: 200%;}
.account .memb_accountarea .stories li h3 {text-transform: uppercase;font-size: 200%;color: var(--white);padding-bottom: 30px;}

.account .memb_accountarea .stories .status h3 { color: var(--darkblue); font-size: 100%; padding-bottom: 5px;}
.account .memb_accountarea .stories .status p { padding: 0 30px 30px 30px;}
.account .memb_accountarea .stories .status a { display: block; max-width: 300px; margin: 0 auto; background-color: var(--purple); padding: 10px 20px; text-transform: uppercase; font-weight: bold;}

.account .memb_accountarea .settings {padding-top: 50px;}
.account .memb_accountarea .settings h2 {color: var(--yellow); font-size: 100%;}
.account .memb_accountarea .settings .settingstext {color: var(--white);}
.account .memb_accountarea .settings table {color: var(--white); text-align: center; margin: 0 auto; padding-top: 20px; padding-bottom: 50px;}
.account .memb_accountarea .settings table td {padding: 5px 0;}
.account .memb_accountarea .settings table .fieldname {min-width: 200px; text-align: left; text-transform: uppercase;}
.account .memb_accountarea .settings table td .selected {color: var(--yellow);}
.account .memb_accountarea .settings table td span {cursor: pointer;}

.account .memb_accountarea .nostory { background-color: var(--blue); max-width: 800px; margin: 0 auto; padding: 50px 30px;}
.account .memb_accountarea .nostory h2 {color: var(--darkblue); font-size: 200%; text-transform: uppercase; padding-bottom: 50px;}
.account .memb_accountarea .nostory p a {text-decoration: none; background-color: var(--purple); color: var(--darkblue); text-transform: uppercase; padding: 10px 30px; font-weight: bold; font-size: 110%;}


.account .memb_accountarea .logout {margin: 0 auto; padding-bottom: 100px; padding-top: 30px;}
.account .memb_accountarea .logout a {color: var(--darkblue); text-decoration: none; text-transform: uppercase; font-size: 120%; font-weight: bold; background-color: var(--yellow); padding: 5px 20px;}



/* NEW story label*/

.new {opacity: 1;transition: opacity 0.5s ease; position: absolute; top: 16px; background-color: var(--green); color: var(--purple); border-left: 5px solid var(--purple); border-top: 5px solid var(--purple); border-bottom: 5px solid var(--purple); padding: 10px 15px 0px 15px; text-transform: uppercase; font-weight: bold; font-size: 150%; transform: rotate(270deg); border-radius: 10px 0px 0px 10px; }
.cover-img:hover .new { opacity: 0; }


/* Pagination */
.stories_list .pagination-controls { margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 10px; } 
.stories_list .pagination-controls button { all: unset; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; position: relative; } 
.stories_list .pagination-controls #prevPage::after, .stories_list .pagination-controls #nextPage::after { content: ""; width: 100%; height: 100%; background-image: url(/images/8yHPqTZPKDFVDMFt9hVi01300t.png); background-size: contain; background-position: center; background-repeat: no-repeat; display: block; } 
.stories_list .pagination-controls #prevPage::after { transform: rotate(90deg); } 
.stories_list .pagination-controls #nextPage::after { transform: rotate(-90deg); } 
.stories_list .pagination-controls #pageInfo { font-size: 100%; font-weight: bold; line-height: 24px; display: flex; align-items: center; text-align: center; min-width: 80px; }


/* Resources */
.resources {background-color: var(--blue); }
.resources .content {text-align: center;}
.resources .categories {font-size: 85%;}
.resources .resource-notes {font-style: italic;}
.resources .introduction { text-align: center; padding: 30px 5px; max-width: 1000px; margin: 0 auto;}
.resources .content, .resources .std_content_inner, .resources .resource_component {max-width: 1000px; margin: 0 auto;}
.resources .util_container>.titletxt {display: flex !important;justify-content: center;align-items: center;max-width: 500px;margin: 0 auto;text-align: center;}
.resources .title { text-transform: uppercase; text-align: center; font-size: 250%; padding-bottom: 0; background-image: url(/images/ILbMo0W8XdJq5L5ZjCKP0ag00r.png); background-position: bottom; }
.resources .titleimg {text-align: center; margin: 0 5px 20px 5px;}
.resources .titleimg img {max-width: 800px; width: 100%; height: auto;}

.resources .pageheader {padding-top: 100px; }
.resources .pagecomponents{  margin: 0 auto; padding-top: 50px;}
.resources .darkblue {background-color: var(--darkblue); color: var(--white);}
.resources .darkblue .resource_cover img {border: 5px solid var(--blue); }
.resources .darkblue .resource_cover img:hover {border: 5px solid var(--pink); }
.resources .lightblue {background-color: var(--blue); color: var(--darkblue); padding-bottom: 50px;}

.resources .pagecomponents_inner>.util_container {min-height: 300px; padding: 50px 20px;}
.resources .darkblue>h2 {text-transform: uppercase; background-color: var(--blue);  display: inline;  padding: 8px;}
.resources .lightblue>h2 {text-transform: uppercase; background-color: var(--darkblue); color: var(--white); display: inline;  padding: 8px;}
.resources .pagecomponents_inner>.util_container .items {margin-top: 30px;}

.resources .intro { }

.resources>.components>.pagecomponents_inner>.std_content>.std_content_inner>.content {padding: 20px;}

.resources .resource_component {display: flex; gap: 20px; padding-bottom: 40px; margin-bottom: 35px; }
.resources .resource_component .resource_cover img {max-width: 300px; height: auto; cursor: pointer;}
.resources .resource_component .resource_info .resource-precis {margin-top: 20px;}

.resources .darkblue .resource_info h2 {font-size: 120%; font-style: italic; color: var(--blue); }
.resources .pagecomponents_inner>.util_container:nth-child(even) .resource_component .resource_info h1 a {color: var(--blue);border-bottom: 2px solid var(--blue);  text-decoration: none;}
.resources .pagecomponents_inner>.util_container:nth-child(even) .resource_component .resource_info h1 a:hover { color: var(--pink); border-bottom: 2px solid var(--pink); }
.resources .darkblue .resource-media {display: flex; gap: 20px; }
.resources .darkblue .remedia1 { text-decoration: none;  color: var(--darkblue);  font-size: 90%; text-transform: uppercase; margin-top: 20px; display: block; background-color: var(--blue); padding: 10px; max-width: 250px; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
.resources .darkblue .remedia1:hover {background-color: var(--pink);}

.resources .lessons { background-image: url(/images/VjHOdOdUyJawtZ42nX4Q1af1kg.png); background-position: right 0px top 400px; background-size: auto 300px; background-color: var(--white); }
.resources .lessons .items {display: flex; justify-content: center; width: 100%; gap: 30px; margin: 0 auto; max-width: 600px;}
.resources .lessons .items .util_simpletextbox {   text-align: center; padding: 10px; background-color: var(--pink); padding: 15px;  margin: 0 auto; }
.resources .lessons .items .util_simpletextbox h2 {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png);padding-bottom: 30px; background-size: contain;}
.resources .lessons .items .util_simpletextbox .util_simpletextbox_inner h3 {font-size: 100%; font-weight: normal;}

.resources>.components>.pagecomponents_inner>.intro {padding-top: 0;}
.resources .intro .expand {max-width: 1000px; gap: 30px; width: 100%; margin: 30px auto;}
.resources .intro .expand h2 {background-image: url(/images/OLr1c8g4veUuov8PR8nS0ec00m.png);padding-bottom: 20px; background-size: contain;}
.resources .intro .expand h2 a {text-decoration: none;}
.resources .intro .expand h2:hover {text-decoration: none; color: var(--purple);}
.resources .intro .expand .items {text-align: center; display: flex; align-items: start; justify-content: center; gap: 30px;}
.resources .intro .expand .items .util_simpletextbox { max-width: 300px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; text-align: center;}

.resources .planning {background-color: var(--blue); background-image:  url(/images/HsT4NZawOgbTKNXbBj7z1kt179.png);  background-position: left 0px bottom -130px ; background-size: auto 250px;  }
.resources .planning h2 {background-color: var(--darkblue);}
.resources .planning .introduction {color: var(--darkblue);}
.resources .planning .nav_linklist {max-width: 800px; margin: 0 auto;padding: 0 50px;}
.resources .planning .nav_linklist .links {display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; text-align: center; }
.resources .planning .nav_linklist .links li {margin-bottom: 30px; }
.resources .planning .nav_linklist .links img{ max-width: 270px; height: auto; border: 5px solid var(--blue); }
.resources .planning .nav_linklist a { color: var(--darkblue); text-decoration: none; }


@media(max-width:1130px) {
    .resources .planning { background-position: left 0px bottom -100px ; background-size: auto 180px; }

}

@media(max-width:1096px) {
    .resources .lessons { background-size: auto 200px; background-color: var(--white); background-position: right 0px top 455px; }

}

@media(max-width:946px) {
    .resources .lessons {background-image: none;}
}


@media(max-width:768px) {
    .resources .resource_component {flex-direction: column; text-align: center;}
    .resource_media {margin: 0 auto;}
    .resources .resource_component .resource_cover img {max-width: 280px; height: auto;}
    .resources .resource-media {flex-direction: column; margin-top: 25px;}
    .resources .remedia1 { margin: 0 auto;}
    .resources .lessons .items {flex-direction: column; max-width: 400px; }
    .resources .intro .expand .items {flex-direction: column;}
    .resources .planning .nav_linklist .links img{ max-width: 200px;  }
}

.nav_linklist.spotify {display: flex; flex-direction: column; align-items: center; color: var(--white);background-color: var(--darkblue); padding-top: 30px;padding-bottom: 60px}