/* RESET
======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size: calc(var(--ss)*24vw);}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:var(--ls1);}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"] {text-decoration:underline;}
section#page {overflow: clip;}
img {max-width:100%;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; /*letter-spacing: 0.010em;*/}
.center:not(.a) { text-align: center; }
.left:not(.a) { text-align: left; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe { border:0; outline: none; width:100%;}
.video{background-size:cover; background-position: center; background-repeat:no-repeat}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; color:var(--fc1); background: var(--grey); overflow-x: hidden; letter-spacing:var(--ls1)}
main{width:calc(100vw - var(--header-width)); min-height:100vh;}
main > div{width:100%; height:100%;}
b, strong { font-weight:600; }
h1, h2, h3, h4{color:var(--fc3);}
h1, .h1 {font:var(--h1); text-transform: uppercase; letter-spacing:var(--ls1);}
h2, .h2 {font:var(--h2); text-transform: uppercase;}
h3, .h3 {font:var(--h3); text-transform: uppercase;}
h4, .h4 {font:var(--h4); text-transform: uppercase;}
p, .p1 {font:var(--p1); margin-bottom:var(--p-mb);}
.p2, .copy.p2 p {font:var(--p2);}
.p3, .copy.p3 p {font:var(--p3);}
.p4, .copy.p4 p {font:var(--p4);}
.nav {font:var(--nav); text-transform: uppercase;}
.btn {font:var(--btn);}

hr{border:var(--border); border-bottom:0;}

@media(min-width:901px){
	main{ overflow-x:hidden;}
}

@media(max-width:900px){
	main{width:100vw; min-height:100vh; overflow-y:hidden}
}


/* COLOURING IN
======================================================= */
.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--black); }
.grey-bg { background-color: var(--grey); }
.lgrey-bg { background-color: var(--lgrey); }
.blue-bg { background-color: var(--blue); }
.teal-bg { background-color: var(--teal); }
.green-bg { background-color: var(--green); }
.red-bg { background-color: var(--red); }

.fc-black{color:var(--black);}
.fc-white{color:var(--white);}
.fc-green{color:var(--green);}
.fc-grey{color:var(--fcgrey);}
.fc-red{color:var(--red);}
.fc-blue{color:var(--blue);}
.fc-teal{color:var(--teal);}


/* SNAP
======================================================= */
@media(max-width:599px) {
	.item-1 {order:1 !important;}
	.item-2 {order:2 !important;}
	.item-3 {order:3 !important;}
	.item-4 {order:4 !important;}
	.item-5 {order:5 !important;}
	.item-6 {order:6 !important;}
	.item-7 {order:7 !important;}
	.item-8 {order:8 !important;}
}

/* STRUCTURE
======================================================= */
/*main section{margin-top:calc(var(--ss)*-1vw);}*/
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

main > div > section{width:100%;}

@media(min-width:901px){
	main > div > section{height:100vh;}
}

.rel{position:relative;}
.abs{position:absolute;}

@media(max-width:900px){
	.btn-wrap{gap:0; flex-wrap:wrap;}
	.btn{height:calc(var(--ss)*23vw); padding:calc(var(--ss)*2vw) calc(var(--ss)*13vw) 0; min-width:calc(var(--ss)*100vw);}

	
}

img, .img-wrap, .image{line-height:0;}
.img-wrap
.img-center img{object-position:center;}
.img-top img{object-position:top;}
.img-bottom img{object-position:bottom;}
.img-left img{object-position:left;}
.img-right img{object-position:right;}

.flex{display: flex; width:100%;}
.flex.reverse{flex-direction: row-reverse;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}

.jcfe{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}

.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.aic{align-items: center;}
.aisb{align-items: space-between;}

@media(min-width:901px){
	.flex{min-height:100%;}
}

@media(max-width:900px){
	.mob-flex{display:flex;}
	.mob-wrap{flex-wrap: wrap; }
	.mob-flex-column{flex-direction:column;}
	.mob-flex-column-r{flex-direction:column-reverse;}
	
	.mjcfe{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}

	.maifs{align-items: flex-start;}
	.maife{align-items: flex-end;}
	.maic{align-items: center;}
	.maisb{align-items: space-between;}
}

.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}

.mb0{margin-bottom:0;}

button{cursor: pointer;}

.uc{text-transform: uppercase;}
.arrow, .arrowl{font:var(--btn); color:var(--green); letter-spacing:var(--ls1);display: flex; align-items: center; background:transparent; cursor:pointer;}
.arrow:after{content:''; display: block; width:calc(var(--ss)*18vw); height:calc(var(--ss)*11vw); background:transparent url('/templates/curatingthesea/images/arrow.svg') center / contain no-repeat;margin-left:calc(var(--ss)*26vw); transition: 0.3s transform;}
.arrow:hover:after{transform:translateX(calc(var(--ss)*10vw));}

.arrowl:before{content:''; display: block; width:calc(var(--ss)*18vw); height:calc(var(--ss)*11vw); background:transparent url('/templates/curatingthesea/images/arrowl.svg') center / contain no-repeat;margin-right:calc(var(--ss)*26vw); transition: 0.3s transform;}
.arrowl:hover:before{transform:translateX(calc(var(--ss)*-10vw));}

button.close{background: #ffffff url('/templates/curatingthesea/images/close.svg') right center / contain no-repeat; width:calc(var(--ss)*75vw); height:calc(var(--ss)*15vw); top:calc(var(--ss)*58vw); right:calc(var(--ss)*47vw); position:absolute;}

p a{color:var(--green); text-decoration: underline;}

@media(max-width:900px){
	button.close{display:none;}
	
	button[data-show]{display:none;}
}

.ul{text-decoration: underline;}

.panel::-webkit-scrollbar, .panel div::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.panel, .panel div {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@media(min-width:901px){
	.panel{position:absolute; top:0; right:0; overflow-x: hidden; overflow-y: auto; transition:var(--anim) transform, 0.3s padding-top; transform:translateX(100%); height:100vh; width:calc(var(--ss)*1200vw)}
	
	
	.panel.show{transform:translateX(0%);}
	
	body.unloading .panel{transform:translateX(100%) !important;}
}

@media(max-width:900px){
	.panel{ transform:translateY(100vh); transition:var(--anim) transform;  transition: var(--anim) transform, 0.3s margin-top; z-index:2; position:relative; width: 100vw;}
	.panel.show-mob{transform:translateY(0%);}

	body.unloading .panel{transform:translateY(100vh) !important;}
	
	.mob-padding{pointer-events: none;}
	.mob-padding > div{pointer-events: all;}
	
	.panel.mob-fh{min-height:var(--panel__height);}
	
	
}
.w-100{width:100%;}
.h-fc{height:fit-content}

ol{padding-left:calc(var(--ss)*18vw);}
ol li{padding-left:calc(var(--ss)*35vw); margin-bottom:calc(var(--ss)*45vw);}
ol li:last-child{margin-bottom:0;}

/* LOGO
======================================================= */
.logo-bg{ position:absolute; top:0; left:0; width:100%; padding:calc(var(--ss)*50vw) var(--lpad);}

.logo-bg .logo-wrap{width:100%; border-bottom:var(--border); padding: calc(var(--ss)*27vw) 0 calc(var(--ss)*vw); line-height:0;}
.logo-bg .logo img{width:calc(var(--ss)*455vw); height:calc(var(--ss)*164vw);  object-fit: contain; transition:.33s opacity; line-height:0;}
.logo-bg a{position: relative; z-index:1000; display: block; width:fit-content;}

/*.logo-bg .logo img.white-logo{opacity:0; position: absolute; top:0; left:0;}*/

@media(min-width:901px){
	.logo-bg .logo-wrap{padding-bottom:calc(var(--ss)*20vw);}
}

@media(max-width:900px){
	.logo-bg{position:fixed; padding:calc(var(--ss)*25vw) 0 calc(var(--ss)*25vw) calc(var(--ss)*25vw); height:var(--header__height);z-index:1;}
	
	.logo{width:fit-content;}
	
/*	body.mega-open .logo-bg{z-index:1006}*/
	
/*	.logo-bg .logo img{transition:var(--anim) .33s opacity;}*/
	
/*
	body.mega-open .logo-bg .logo img.white-logo{opacity:1;}
	body.mega-open .logo-bg .logo img.green-logo{opacity:0;}
*/

	.logo-bg .logo-wrap{border-bottom:none; padding-bottom:0;}
	.logo-bg .logo img{width:calc(var(--ss)*308vw); height:calc(var(--ss)*36vw);}
}

/* HAMBURGER
======================================================= */
.hamburger-wrap{display:none;}
@media(max-width:900px){
	
	.hamburger-open{width:calc(var(--ss)*24vw); height:calc(var(--ss)*19vw); background: transparent url('/templates/curatingthesea/images/hamburger.svg') center / contain no-repeat; position:absolute;top:calc(var(--ss)*35vw); right:calc(var(--ss)*25vw)}
	.hamburger-close{width:calc(var(--ss)*24vw); height:calc(var(--ss)*19vw); background: transparent url('/templates/curatingthesea/images/close-white.svg') center / contain no-repeat; position:absolute;top:calc(var(--ss)*35vw); right:calc(var(--ss)*25vw)}
/*
	#hamburger{display:block; width:calc(var(--ss)*26vw); height:calc(var(--ss)*20vw); position:relative; transition: .5s ease-in-out;pointer-events:all;z-index:1005; background:transparent; cursor: pointer; }

	.hamburger-wrap{ height:calc(var(--ss)*20vw); width:calc(var(--ss)*26vw); display:flex; justify-content: center; align-items:center; cursor: pointer; }
	
	#hamburger span {display: block;position: absolute; height:calc(var(--ss)*1vw); width:50%; background-color: var(--green); opacity:1; transform: rotate(0deg); transition:.33s ease-in-out; top:0; left:0; }
	
	#hamburger span:nth-child(even){ left:50%; }

	#hamburger .hb3, #hamburger .hb4 { top:calc(var(--ss)*10vw); }
	#hamburger .hb5, #hamburger .hb6 { top:calc(var(--ss)*19vw); }
*/
	
/*
	body.mega-open #hamburger .hb1,body.mega-open #hamburger .hb6{ transform: rotate(45deg); }
	body.mega-open #hamburger .hb2,body.mega-open #hamburger .hb5 {transform: rotate(-45deg)}
	
	body.mega-open #hamburger span{background-color:var(--white); transition:var(--anim) .25s ease-in-out;}
	
	body.mega-open #hamburger .hb1 { left:calc(var(--ss)*2.5vw); top:calc(var(--ss)*3vw); }
	body.mega-open #hamburger .hb2 { left: calc(50% - calc(var(--ss)*2.5vw)); top:calc(var(--ss)*3vw); }
	body.mega-open #hamburger .hb3 { left: -50%; opacity: 0; }
	body.mega-open #hamburger .hb4 { left: 100%; opacity: 0; }
	body.mega-open #hamburger .hb5 { left:calc(var(--ss)*2.5vw); top:calc(var(--ss)*12vw); }
	body.mega-open #hamburger .hb6 { left: calc(50% - calc(var(--ss)*2.5vw)); top:calc(var(--ss)*12vw); }
*/
}

/* HEADER
======================================================= */
header { padding:var(--tpad) calc(var(--ss)*28vw) calc(var(--ss)*30vw) ; background-color:var(--green); color:var(--fc2); width:var(--header-width); height:100vh; z-index:1005;}
header li{ margin-bottom: calc(var(--ss)*25vw)}
header li a{ font:var(--nav); text-transform: uppercase; color:var(--fc2); opacity:0.6; transition: 0.3s opacity;}

header li.active a,
header li:hover a{opacity:1;}

header .footer-link{font:var(--small);}
header .twitter-link{font:var(--small); display: flex; align-items: center; margin-bottom: 0;}
header .twitter-link:before{content:''; display: block; width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw); background:transparent url('/templates/curatingthesea/images/twitter-x.svg') center / contain no-repeat;margin-right:calc(var(--ss)*12vw); }


.mega-menu{display:none;}

@media(max-width:900px){
	header{height:100vh; width:100vw; position:fixed !important; top:0; left:0; padding:0;  transform: translateY(100vh); transition:var(--anim) transform;}
	header .header-inner{height:100%;}
	header .nav-header{padding:calc(var(--ss)*25vw) 0 calc(var(--ss)*25vw) calc(var(--ss)*25vw);}
	header .nav-header img{width:calc(var(--ss)*308vw); height:calc(var(--ss)*36vw); object-fit: contain;}
	header .nav-menu{padding:0 calc(var(--ss)*25vw) calc(var(--ss)*100vw);}
	header .nav-menu ul{border-top:calc(var(--ss)*1vw) solid var(--white); padding-top:calc(var(--ss)*30vw);}
	
	body.mega-open header{transform: translateY(0vh);}
	
	body.home .header-inner{border-color:transparent;}
	
/*	header .footer-link{display: none;}*/
	
	header .btn{font-size:calc(var(--ss)*22vw); line-height:calc(var(--ss)*22vw); height:calc(var(--ss)*53vw); min-width:calc(var(--ss)*223vw);}
	
	.header-footer{padding:0 calc(var(--ss)*25vw) calc(var(--ss)*30vw);}
	.header-footer > div {border-top:calc(var(--ss)*1vw) solid var(--white); padding-top:calc(var(--ss)*15vw);}

}

/* MOBILE MENU
======================================================= */
@media(max-width:900px){
/*
	.mega-menu{display:flex; position:fixed; top:0; left:0;z-index:1004; width:100vw; height:100vh; transform:translateY(-101%); background:var(--green); opacity:0; transition: transform 0.5s, opacity 0.5s; padding:calc(var(--ss)*132vw) var(--hpad) calc(var(--ss)*23vw); overflow:auto; flex-direction: column;}
	.mega-menu ul{display: flex; flex-direction: column; justify-content: flex-start;width:100%; text-align:left; align-items:flex-start; min-height:fit-content; height: fit-content;}
	.mega-menu span, .mega-menu a{font:var(--nav); color:var(--white); display:block; width:fit-content; text-transform: uppercase; letter-spacing:0.1em; margin-bottom: calc(var(--ss)*34vw);}
	.mega-menu li{width:fit-content;}
	
	body.mega-open{overflow-y:hidden;}
	
	body.mega-open .mega-menu{transform:translateY(0%); opacity:1;}
	
	.mega-menu .twitter-link{font:var(--small); display: flex; align-items: center; margin-bottom: 0;}
	.mega-menu .twitter-link:before{content:''; display: block; width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw); background:transparent url('/templates/curatingthesea/images/twitter-x.svg') center / contain no-repeat;margin-right:calc(var(--ss)*12vw); }
*/
}



/* FOOTER
======================================================= */
footer{padding:calc(var(--ss)*15vw) var(--hpad) calc(var(--ss)*17vw)}
footer a{font:var(--small);}
footer .twitter-link{display: inline-flex; align-items: center; margin-bottom: 0;}
footer .twitter-link:before{content:''; display: block; width:calc(var(--ss)*20vw); height:calc(var(--ss)*20vw); background:transparent url('/templates/curatingthesea/images/twitter-x.svg') center / contain no-repeat;margin-right:calc(var(--ss)*12vw); }
@media(max-width:900px){
	footer{height:calc(var(--ss)*65vw); z-index:1006; position:fixed; bottom:0; left:0;}
	
}


/* SLIDER
======================================================= */
.slick-track, .slider-block > div{ display: flex; }

.slider{position:relative}

.slider .video{display:flex; align-items: center; justify-content: center;}

.slick-track[class*="first-slide-"] > .slick-cloned:nth-child(2), 
.slick-slide { transition: .5s ease; }
.slick-slider { display:flex; flex-flow:row;}
.slick-list { overflow: hidden; }
.slick-track, .slick-list{height:100%;}

.slick-arrow{ position:absolute; bottom:0; z-index: 10; cursor: pointer; transition:0.3 opacity;}
.slick-prev{left:0;}
.slick-next{right:0;}

.slick-arrow.slick-disabled{opacity:0; pointer-events: none;}

@media(min-width:901px){
	#slideshow > div > div:not(.slick-initialized) div:not(:first-child){display:none;}
}

/*
FORMS
========================================================== */
/*
REGISTER FORM
========================================================== */


/*form.form.ui *{font:var(--form);}*/
form.form.ui .field{margin-bottom: 0;}
form.form.ui .field > label{display:none;}
form.ui.form input[type="text"],
form.ui.form input[type="text"]:focus,
form.ui.form input[type="text"]:hover,
form.ui.form .error input[type="text"],
form.ui.form textarea{padding:calc(var(--ss)*12vw) 0; border:0; box-shadow:none; border-radius:0; border-bottom:1px solid rgba(112,112,112,0.62);background: transparent !important; margin-bottom: calc(var(--ss)*36vw); font:var(--form); letter-spacing:var(--ls1);}

form.ui.form .mainfield{position:relative;}
form.ui.form span.ui.red.text {position:absolute;bottom:calc(var(--ss)*20vw);} 

form.ui.checkbox label{padding-left:2.5em;}
form.ui.form .required.field > .checkbox::after{display:none;}
form.ui.form .required.field > .checkbox{font:var(--form); margin-bottom:calc(var(--ss)*20vw);}

form.ui.form button[type="submit"]{margin-left: auto; text-transform: uppercase; font:var(--btn); letter-spacing:var(--ls1); }

form.ui.form .required.field > .checkbox + span.ui.red.text{position:absolute;bottom:calc(var(--ss)*3vw);}

form.ui.form textarea{margin-bottom:calc(var(--ss)*16vw);}

.ui.message .copy p{font:var(--form)}
@media(min-width:901px){
	#slideshow > div > div:not(.slick-initialized) div:not(:first-child){display:none;}
}

/*
PLACEHOLDERS :-(
========================================================== */
form.form.ui input::-webkit-input-placeholder { opacity:0.57; color:var(--fc1) !important; font:var(--form) !important; letter-spacing:var(--ls1); }
form.form.ui input::-moz-placeholder { opacity:0.57; color:var(--fc1) !important; font:var(--form) !important; padding:inherit; border-radius:inherit; letter-spacing:var(--ls1);}
form.form.ui input:-ms-input-placeholder { opacity:0.57; color:var(--fc1) !important; font:var(--form) !important; padding:inherit; border-radius:inherit; letter-spacing:var(--ls1);}
form.form.ui input:-moz-placeholder { opacity:0.57; color:var(--fc1) !important; font:var(--form) !important; padding:inherit; border-radius:inherit; letter-spacing:var(--ls1);}
form.form.ui textarea::-webkit-input-placeholder { opacity:0.57; font:var(--form) !important; color:var(--fc1) !important; padding:0; letter-spacing:var(--ls1);}
form.form.ui textarea::-moz-placeholder { opacity:0.57; font:var(--form) !important; color:var(--fc1) !important; padding:0; border-radius:inherit; letter-spacing:var(--ls1);}
form.form.ui textarea:-ms-input-placeholder { opacity:0.57; font:var(--form) !important; color:var(--fc1) !important; padding:0; border-radius:inherit; letter-spacing:var(--ls1);}
form.form.ui textarea:-moz-placeholder { opacity:0.57; font:var(--form) !important; color:var(--fc1) !important; padding:0; border-radius:inherit; letter-spacing:var(--ls1);}

@media(max-width:900px){


}

.G3-body + h3{display:none;}

/*
SHARED
========================================================== */
section .title{width:100%; padding:var(--titlepad) 0 calc(var(--ss)*40vw) var(--lpad); }
section .title > div{border-top:1px var(--black) solid; padding-top:calc(var(--ss)*10vw);}
section .title h1{color:var(--fc1);}

@media(max-width:900px){
	section .title{width:100%; padding:var(--titlepad) var(--hpad) calc(var(--ss)*82vw); }
	section .title > div{border-top:none; padding-top:0;}
}


/*
HOME
========================================================== */
.home .main p{letter-spacing:var(--ls2);}

.home .projects > div{padding:var(--tpad) calc(var(--ss)*40vw) calc(var(--ss)*99vw);}
.home .projects h2{margin-bottom: calc(var(--ss)*34vw);}
.home .projects .project{margin-bottom:calc(var(--ss)*60vw);}
.home .projects .project:last-child{margin-bottom: 0;}

.home .projects img{width:100%; height:calc(var(--ss)*202vw); object-fit: cover; }
.home .projects .copy p:last-of-type{margin-bottom:calc(var(--ss)*8vw);}
.home .projects h3{text-transform: none; margin-bottom:calc(var(--ss)*2vw);}
.home .projects .date{font-weight:400; margin-bottom:calc(var(--ss)*18vw);}
/*.home .projects .cat{margin-bottom:calc(var(--ss)*10vw);}*/


@media(min-width:901px){
	.home .main{padding:var(--tpad) 0 var(--bpad) calc(var(--ss)*42vw); width:calc(var(--ss)*904vw);}
	.home .main.show{transform:translateX(0);}
	.home .main .copy{max-width:calc(var(--ss)*458vw)}
	
	.home .projects .project > a{min-width:calc(var(--ss)*287vw);margin-right:calc(var(--ss)*43vw);}
	.home .projects{width:calc(var(--ss)*740vw);}
	.home .projects.show{transform:translateX(calc(var(--ss)*375vw))}
	.home .projects:hover{transform:translateX(0)}
}

@media(max-width:900px){
	.home .main{position:fixed; top:var(--header__height); left:0;}
	.home .main > div{padding:var(--tpad) var(--hpad) var(--bpad);}
	
	.home .projects > div{padding:var(--tpad) var(--hpad) calc(var(--ss)*207vw);}
	
	.home .projects .project{margin-bottom:calc(var(--ss)*42vw);}
	.home .projects .project > a{min-width:calc(var(--ss)*251vw); margin-bottom:calc(var(--ss)*20vw)}
	.home .projects img{width:calc(var(--ss)*251vw); height:calc(var(--ss)*158vw);}
	.home .projects .date{margin-bottom:calc(var(--ss)*5vw); font:var(--h3);}
	.home .projects h3{margin-bottom:calc(var(--ss)*20vw); font:var(--h2);}
	.home .projects .copy p:last-of-type{margin-bottom:calc(var(--ss)*18vw);}
}

/*
ABOUT
========================================================== */

#about .main > div{ padding:var(--tpad) var(--hpad) var(--bpad); }
#about .people > div{ padding:calc(var(--ss)*159vw) calc(var(--ss)*92vw) calc(var(--ss)*100vw) var(--hpad); }
#about .people .support{padding-top:0;}

#about h1{margin-bottom:calc(var(--ss)*49vw);}
#about .main .copy{max-width: calc(var(--ss)*405vw)}
#about .main h2,
#about .people h2{margin-bottom:calc(var(--ss)*30vw);}

#about #people h3{margin-bottom: calc(var(--ss)*25vw);}
/*#about #people img{height:auto; width:calc(var(--ss)*311vw); object-fit: cover; margin-bottom:calc(var(--ss)*33vw);}*/
#about #people .copy{max-width:calc(var(--ss)*416vw); }

#about #people .people-wrap > div{margin-bottom:calc(var(--ss)*74vw);}
#about #people .people-wrap > div:last-child{margin-bottom:0;}

#about #sponsors{padding-top:calc(var(--ss)*22vw)}
#about #sponsors h2{margin-bottom:calc(var(--ss)*42vw);}
#about #sponsors .sponsor{ margin-bottom: calc(var(--ss)*47vw);}
#about #sponsors .sponsor:first-child{padding-top:calc(var(--ss)*12vw); border-top:var(--border);}
#about #sponsors img{width:auto; height:auto; max-height:calc(var(--ss)*45vw); max-width:calc(var(--ss)*181vw); object-fit: contain;}
#about #sponsors .sponsor:last-child{margin-bottom: 0;}

@media(min-width:901px){
	#about .main {width:calc(var(--ss)*1200vw);}
	#about .people{width:calc(var(--ss)*609vw)}
	#about .main.show,
	#about .people.show{transform:translateX(0);}
}

@media(max-width:900px){
	#about .main.fixed{position:fixed; top:var(--header__height); left:0;}
	#about .main > div{ padding:var(--tpad) var(--hpad) var(--bpad); }
	
	#about .main .copy{width: calc(var(--ss)*335vw)}
	#about .main h2,
	#about .people h2,
	#about .sponsors h2{margin-bottom:calc(var(--ss)*22vw);}

	#about #people > div{padding:var(--tpad) var(--hpad) calc(var(--ss)*100vw);}
	#about #people h3{margin-bottom: calc(var(--ss)*20vw);}
/*	#about #people img{height:calc(var(--ss)*153vw); width:calc(var(--ss)*269vw); min-width:calc(var(--ss)*269vw);  margin-bottom:calc(var(--ss)*20vw);}*/
	#about #people .copy{width:calc(var(--ss)*335vw); margin-bottom:0;}
	
	#about #people .people-wrap > div{margin-bottom: calc(var(--ss)*40vw);}
	
	#about #people .sponsors{background:var(--grey); padding-bottom:calc(var(--ss)*98vw) !important;}
	#about #sponsors .sponsor{padding-top:calc(var(--ss)*18vw);margin-bottom: calc(var(--ss)*40vw);}
	#about #people .sponsors h2 br{display:none;}
	#about #people .sponsors img{width:calc(var(--ss)*111vw); height:calc(var(--ss)*40vw); min-width: unset; object-position: right top; margin-bottom:0;}
}

/*
CONTACT
========================================================== */
#contact .main h1{margin-bottom:calc(var(--ss)*106vw);}
#contact .main h2{margin-bottom:calc(var(--ss)*26vw);}
#contact .main > div{ padding:var(--tpad) var(--hpad) var(--bpad); }

#contact .contact-form .title,
#contact .contact-form h2,
#contact .contact-form .main > div > .copy,
#contact .contact-form .ui.message.warning,
#contact .contact-form #register-new_end_page{display:none;}
#contact .contact-form .main > div{padding:0;}

@media(min-width:901px){
	#contact .main{width:calc(var(--ss)*1203vw);}
	#contact .main .copy{width: calc(var(--ss)*500vw); margin-bottom:calc(var(--ss)*65vw);}
	
	#contact .contact-form{ width:calc(var(--ss)*678vw);}
	
}
@media(max-width:900px){
	#contact .main h2{margin-bottom:calc(var(--ss)*25vw);}
	#contact .main > div{ padding:var(--tpad) var(--hpad) calc(var(--ss)*100vw); }
	#contact .main h2{margin-bottom:calc(var(--ss)*20vw);}
	
	#contact .main .copy{width: 100%; margin-bottom:calc(var(--ss)*190vw);}
	
	#contact .contact-form{  width:100%;}
	
/*	.contentpane.lgrey-bg > main{background:var(--grey)}*/
}

/*
CATEGORY
========================================================== */


#category #articles a.article-item{width:100%; height:calc(var(--ss)*61vw); padding:calc(var(--ss)*25vw) var(--hpad); background:transparent; transition:0.3s background; min-height:calc(var(--ss)*100vw)}

#category #articles a.article-item:last-child{margin-bottom: 0;}
#category #articles a.article-item img{height:100%; width:calc(var(--ss)*101vw); object-fit: cover; margin-right: calc(var(--ss)*55vw);}
#category #articles a.article-item p.year{margin-bottom: 0; font:var(--h2); width:calc(var(--ss)*199vw); text-transform: uppercase; text-align: left;}
#category #articles a.article-item p.date{font:var(--h3); margin-bottom: calc(var(--ss)*5vw); text-transform: uppercase; font-weight: 500;}
#category #articles a.article-item h2{ font-weight: 500;}


@media(min-width:901px){
	.cover{width:calc(var(--ss)*1200vw);height:100vh}
	#category #articles{overflow-y: hidden;width:calc(var(--ss)*1180vw);}
	#category #articles h1{margin-bottom:calc(var(--ss)*124vw); margin-left: var(--hpad); }
	#category #articles .main-container{padding:var(--tpad) 0 var(--bpad);overflow-y: auto; height:100vh}
	#category #articles .article-group{border-bottom:var(--border);padding:0;}
	#category #articles .article-wrap{border-top:var(--border);}
	#category #articles.article-red a.article-item:hover{background:rgba(118,4,56,0.15)}
	#category #articles.article-blue a.article-item:hover{background:rgba(154,179,181,0.2)}
	#category #articles.article-teal a.article-item:hover{background:rgba(93,123,118,0.15)}
}
@media(max-width:900px){
	#cover-wrap{position:absolute;top:0; left:0;}
	.cover{width:100%; height:100vh;}
	
	#category #articles > div{margin-top: calc(var(--ss)*13vw);}
	#category #articles .main-container{padding:var(--tpad) var(--hpad) calc(var(--ss)*100vw)}
	#category #articles h1{margin-bottom: calc(var(--ss)*43vw);}
	
	#category #articles .article-group{border-top:var(--border);padding:0;}
	#category #articles .article-group:last-child{border-bottom:var(--border);padding:0;}
	
	#category #articles a.article-item img{display: none;}
	#category #articles a.article-item{width:100%; height:fit-content; align-items: flex-start; padding:calc(var(--ss)*19vw) 0 calc(var(--ss)*40vw); min-height: fit-content; position: relative;}
	#category #articles a.article-item p.date{ width:100%; margin-bottom:calc(var(--ss)*7vw);}
	
	#category #articles a.article-item:before{position: absolute; height:100%; display:block; width:100vw; top:0; left:calc(var(--ss)*-27vw); content:''; background:transparent; transition: 0.3s background;}
	#category #articles.article-red a.article-item:hover:before{background:rgba(118,4,56,0.15)}
	#category #articles.article-blue a.article-item:hover:before{background:rgba(154,179,181,0.2)}
	#category #articles.article-teal a.article-item:hover:before{background:rgba(93,123,118,0.15)}
}


/*
ARTICLES
========================================================== */

#article .support{margin-top:calc(var(--ss)*70vw);}

.support  h2{margin-bottom:calc(var(--ss)*33vw);} 
.support > .support-item{width:calc(var(--ss)*452vw); margin-bottom:calc(var(--ss)*22vw);}
.support > .support-item:first-of-type{border-top:var(--border); padding:calc(var(--ss)*10vw) 0; }
.support > .support-item:last-child{margin-bottom: 0;}
.support-item p{margin-bottom: 0; padding-right: calc(var(--ss)*10vw);}
.support-item img{height:calc(var(--ss)*51vw); object-fit: contain; max-width:calc(var(--ss)*154vw); object-position: right center;}

#article .medialist .media{width:100%; margin-bottom:calc(var(--ss)*57vw); background: transparent; padding:0; text-align: left;}
#article .medialist .img-wrap{width:100%; line-height: 0; margin-bottom:calc(var(--ss)*12vw);}
#article .medialist img{width:100%; height:auto; max-height:calc(var(--ss)*335vw); object-fit: contain; object-position:top left;}
#article .medialist .video .img-wrap:after{position: absolute; top:50%; left:50%; content:''; display: block; background:url('/templates/curatingthesea/images/play.svg') center / contain no-repeat; width:calc(var(--ss)*37vw); height:calc(var(--ss)*43vw); transform: translate(-50%, -50%);}
/*#article .medialist .media p{margin-bottom:0.5em;}*/
#article .medialist .media .enlarge{opacity:0; transition:0.3s opacity; position:absolute; bottom:0; right:0; display: flex; width:calc(var(--ss)*40vw); height:calc(var(--ss)*40vw); background:var(--lgrey);}
#article .medialist .media .enlarge img{width:calc(var(--ss)*30vw); height:calc(var(--ss)*30vw);}
#article .medialist .media:hover .enlarge{opacity:1; transition:0.3s opacity;}

#article .return-all{margin-bottom:calc(var(--ss)*30vw);}


#article #slideshow .img-wrap{margin-bottom:calc(var(--ss)*16vw);}
#article #slideshow .image img{width:100%; height:auto; max-height: calc(var(--ss)*694vw); object-fit: contain; object-position: top left;}

@media(min-width:901px){
	#article .main{width:calc(var(--ss)*1180vw); overflow-y: hidden;}
	#article .main .main-container{padding:var(--tpad) var(--hpad) var(--bpad);overflow-y: auto; height:100vh}
	#article .main .copy{margin-bottom:calc(var(--ss)*68vw); width:calc(var(--ss)*657vw); min-height:calc(var(--ss)*48vw)}
	#article .main.has-media .copy{width:calc(var(--ss)*657vw);} /*466*/
	#article .main h1{min-height:calc(var(--ss)*146vw); max-width:calc(var(--ss)*637vw); margin-bottom:calc(var(--ss)*26vw);}
	#article .main.has-date h1{min-height:calc(var(--ss)*101vw);}
	#article .main h2{margin-bottom:calc(var(--ss)*10vw);}
	
	#article .medialist{width:calc(var(--ss)*415vw); padding:var(--tpad) var(--hpad) var(--bpad) var(--hpad);}
	#article .medialist > div{border-top:var(--border); padding-top:calc(var(--ss)*33vw);}
	
	#article #slideshow{width:calc(var(--ss)*1180vw); z-index:10; padding:var(--tpad) var(--hpad) var(--bpad);}
	#article #slideshow > div{ height:100%;border-top:var(--border); padding-top:calc(var(--ss)*33vw);}
	#article #slideshow .slide{width:calc(var(--ss)*916vw)}
	#article #slideshow > div > div{height:100%;}
	
	#article .navigation{ height:calc(var(--ss)*92vw);}
	#article .main.has-media .navigation{max-width:calc(var(--ss)*657vw)}
	#article .main.has-media .navigation a{cursor:pointer}
}
@media(max-width:900px){
	#article .support { margin-top: 0;}
	#article .main > div{position: relative;margin-top: calc(var(--ss)*13vw);}
	#article .main > div:before{content:''; position:absolute;top:0;left:0; width:100vw; height:100vh; display: block; background:var(--lgrey);}
	#article .main .main-container{padding:var(--tpad) var(--hpad) var(--bpad);}
	#article .main h1{ margin-bottom:calc(var(--ss)*28vw);}
	#article .main h2{ margin-bottom:calc(var(--ss)*7vw);}
	
	#article #slideshow{padding:var(--tpad) var(--hpad) var(--bpad);}
	#article #slideshow .img-wrap{margin-bottom:calc(var(--ss)*12vw);}
	#article #slideshow .slide{margin-bottom:calc(var(--ss)*35vw);}
	
	.support{padding:var(--tpad) var(--hpad) var(--bpad);}
	.support:last-child{padding-bottom:calc(var(--ss)*100vw);}
	.support  h2{margin-bottom:calc(var(--ss)*17vw);} 
	.support > .support-item{width:100%; padding:calc(var(--ss)*13vw) 0; margin-bottom:calc(var(--ss)*30vw); align-items: flex-start;}
	.support-item img{height:calc(var(--ss)*48vw); object-fit: contain; max-width:calc(var(--ss)*100vw); object-position: right center;}
	
	#article .navigation{ height:calc(var(--ss)*85vw); padding:var(--tpad) var(--hpad) var(--bpad);}
	#article .main.has-media .navigation a{cursor:pointer}
	
}


/*
OTHER
========================================================== */
#content #content-main > div{padding:var(--tpad) var(--hpad) var(--bpad);}
@media(min-width:901px){
	#content #content-main .copy{margin-bottom:calc(var(--ss)*68vw); width:calc(var(--ss)*637vw);}
	#content #content-main h1{margin-bottom: calc(var(--ss)*117vw);}
}

@media(max-width:900px){
	#content #content-main > div{min-height: var(--panel__height);}
	#content #content-main h1{margin-bottom: calc(var(--ss)*35vw);}
}