/*!
Theme Name: CCANW Archive
Author: Scend Studio
Author URI: https://www.scend.co.uk/
Description: CCANW Archive Theme
Version: 0.40
Text Domain: ccanw
*/

@font-face { font-family: 'Plus Jakarta Sans'; font-weight:normal; font-style:normal; font-display:swap; src: url('assets/webfonts/PlusJakartaSans-Regular.woff2') format('woff2'), url('assets/webfonts/PlusJakartaSans-Regular.woff') format('woff'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight:bold; font-style:normal; font-display:swap; src: url('assets/webfonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'), url('assets/webfonts/PlusJakartaSans-ExtraBold.woff') format('woff'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight:normal; font-style:italic; font-display:swap; src: url('assets/webfonts/PlusJakartaSans-Italic.woff2') format('woff2'), url('assets/webfonts/PlusJakartaSans-Italic.woff') format('woff'); }

/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol'}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}

/* Variables and Colours */
:root {
	--color-primary: #343734;
	--color-light: #FAFAFA;
	--color-green: #A3CF62;
	--color-green-mid: #D6E7A9;
	--color-green-light: #EAF3D4;
	--color-yellow: #FECC00;
	--color-yellow-mid: #FFE574;
	--color-yellow-light: #FDF2C0;
	--color-grey: #D7CFC4;
	--color-grey-light: #EDE7DF;
	--color-grey-dark: #8D7D74;
	--color-blue: #9ABAC6;
	--color-blue-light: #D2DCE0;
	--color-neutral: #EAE4BA;
}

/* Base Styles */
html {
	scroll-behavior:smooth;
	scroll-padding-top:120px;
	outline:none;

 }
body { font:1.125em/1.5 'Plus Jakarta Sans', sans-serif; font-weight:400; color:var(--color-primary); background-color:var(--color-light); position:relative; }
hr { display:block; height:1px; border:0; border-top:1px solid var(--color-primary); margin:2em 0; padding:0 }
audio, canvas, iframe, img, svg, video { vertical-align: middle }
img, svg { max-width:100%; height:auto; outline:none; }
iframe { width:100%; max-width:100%; border:0; }
nav ul, nav li { margin:0; padding:0; list-style:none; }
header, main, section, article, aside, footer { width:100%; }

/* Typography */
h1, h2, h3, h4, h5 { font-weight:800; line-height:1.3; margin:0 0 0.5em 0; }
h1 { font-size:2.444em; }
h2 { font-size:2.111em; }
h3 { font-size:1.778em; }
h4 { font-size:1.222em; }
h5 { font-size:1em; }

p+h1, p+h2, p+h3, p+h4, p+h5, h2+h3, h3+h4 { margin-top:1em }
ul+h1, ul+h2, ul+h3, ul+h4, ul+h5 { margin-top:1em }
ol+h1, ol+h2, ol+h3, ol+h4, ol+h5 { margin-top:1em }
h1+p .button, h2+p .button, h3+p .button, h4+p .button, p+p .button { margin-top:1em; margin-bottom:1em; }
p.note { font-size:0.778em !important; line-height:1.3; }
p.suptitle { font-size:1.222em; opacity:0.5; margin-bottom:0; }
p+p.suptitle, ul+p.suptitle { margin-top:2em }
p.suptitle+h1, p.suptitle+h2, p.suptitle+h3, p.suptitle+h4, p.suptitle+h5 { margin-top:0 }
figcaption, p.caption { opacity:0.5; font-size:0.778em !important; }

p { margin:0 0 1em 0 }
ul, ol { margin:0 0 1.5em 0; padding:0 0 0 1.5em; }
li { margin:0 0 0.25em 0; }
b, strong { font-weight:800 }
blockquote { font-size:1.333em; line-height:1.3; font-weight:400; margin:2em 0; }

nav ul, nav li { margin:0; padding:0; list-style:none; }
nav li a, nav li a:hover { text-decoration:none; }

main { animation:fadeInAnimation ease-in-out 0.5s; animation-iteration-count:1; animation-fill-mode:forwards; }
@keyframes fadeInAnimation { 0% { opacity:0; } 100% { opacity:1; } }

/* Links and Buttons */
a { color:var(--color-primary); text-decoration:underline; transition:all 0.4s ease; }
a:hover, a:active { text-decoration:underline; }

.button, button {
	font-size:1em; line-height:1.3; font-weight:400; min-width:160px; text-align:center; display:inline-block; cursor:pointer; text-decoration:none; padding:15px 30px; background-color:transparent;
	color:var(--color-primary); border:1px solid var(--color-primary); border-radius:100px; transition:all 0.4s ease;
}
.button+.button, button+button { margin-left:0.75em; }
.button:hover, button:hover, .button:active, button:active { text-decoration:none; background-color:var(--color-primary); color:var(--color-light); }
.button--primary { color:var(--color-light); background-color:var(--color-primary); }
.button--primary:hover, .button--primary:active { color:var(--color-primary); background-color:transparent; }

/* Colorways */
.bgimage { background-size:cover; background-position:center; background-repeat:no-repeat; }
.bgprimary { background-color:var(--color-primary); color:var(--color-light); }
.bgprimary a { color:var(--color-light); }
.bgprimary .button { color:var(--color-light); border-color:var(--color-light); }
.bglight { background-color:var(--color-light); }
.bgneutral { background-color:var(--color-neutral); }

.bggreen, .bggreen .subnav { background-color:var(--color-green); }
.bggreen--light { background-color:var(--color-green-light); }
.bggreen.overlay .container { background-color:var(--color-green-mid); }
.cards__item.cards__item--bggreen { border-color:var(--color-green); }

.bgyellow, .bgyellow .subnav { background-color:var(--color-yellow); }
.bgyellow--light { background-color:var(--color-yellow-light); }
.bgyellow.overlay .container { background-color:var(--color-yellow-mid); }
.cards__item.cards__item--bgyellow { border-color:var(--color-yellow); }

.bggrey, .bggrey .subnav { background-color:var(--color-grey); }
.bggrey--light { background-color:var(--color-grey-light); }
.bggrey.overlay .container { background-color:var(--color-grey-light); }
.cards__item.cards__item--bggrey { border-color:var(--color-grey-dark); }

.bgblue, .bgblue .subnav { background-color:var(--color-blue); }
.bgblue--light { background-color:var(--color-blue-light); }
.bgblue.overlay .container { background-color:var(--color-blue-light); }
.cards__item.cards__item--bgblue { border-color:var(--color-blue); }

/* Structure */
header, section, footer { width:100%; margin:0; }
.pad { padding:40px; }
.pad .container { padding:40px; }

/* Cookie Consent */
.cc_container {
	position:fixed; width:100%; right:0; bottom:0; overflow:hidden;
	padding:20px 200px 20px 20px;
	background:var(--color-primary); color:var(--color-light); box-sizing:border-box; z-index:99999;
}
.cc_container p { margin:0; max-width:980px; font-size:0.875em; line-height:1.4; }
.cc_container a { color:var(--color-light); }
.cc_container .cc_logo { display:none !important; }
.cc_container .cc_btn {
	position:absolute; bottom:20px; right:20px; color:var(--color-light); background-color:var(--color-primary); border:1px solid var(--color-light);
	font-size:1em; line-height:1; font-weight:400; min-width:160px; text-align:center; display:inline-block; cursor:pointer; text-decoration:none; padding:12px 30px;
	border-radius:100px; transition:all 0.4s ease;
}
.cc_container .cc_btn:hover { color:var(--color-primary); background-color:var(--color-light); }

@media print {
	.cc_banner-wrapper,.cc_container { display:none }
}
@media only screen and (max-width:620px) {
  .cc_container { padding:15px 15px 75px 15px; }
}

/* Admin */
.admin-bar .header { top:32px; }
.admin-bar .content .submenu { top:131px; }
#wpadminbar { position: fixed !important; }
@media screen and (max-width: 782px) {
	.admin-bar .header { top:46px; }
}

/* Header */
.header { position:fixed; top:0; left:0; z-index:101; display:flex; justify-content:space-between; align-items:flex-end; padding:30px 40px 25px 40px; overflow:hidden; transition:all 0.4s ease; }
.header nav { display:flex; align-items:center; }
.header nav ul { display:flex; font-size:1.111em; line-height:1; }
.header nav li a { display:block; width:100%; padding:5px 10px; }
.header nav li:last-of-type a { padding-right:0; }
.header nav li:nth-of-type(2) a { color:var(--color-yellow); }
.header nav li:nth-of-type(3) a { color:var(--color-green); }
.header nav li:nth-of-type(4) a { color:var(--color-grey); }
.header nav li:nth-of-type(5) a { color:var(--color-blue); }
.header nav .menu--search a { padding-left:20px; }
.logo { display:flex; width:430px; transition:all 0.4s ease; }
.logo h2, .logo p { font-size:1.222em; margin:0; }
.logo h2 { font-size:1.222em; }
.logo, .logo:hover, .logo:active { text-decoration:none; }
.logo__image { width:90px; margin-right:20px; transition:all 0.4s ease; }
.logo__text { position:relative; width:320px; }
.logo__text__full { opacity:1; transition:all 0.4s ease; position:absolute; top:0; left:0; }
.logo__text__mini { opacity:0; transition:all 0.4s ease; position:absolute; bottom:-80px; left:0; }
.logo__text__mini h2 { font-size:1.111em; }
.logo__text__mini p { font-size:1em; }

.headerscroll .header { padding-top:20px; padding-bottom:20px; }
.headerscroll .header .logo__image { width:60px; margin-right:15px; }
.headerscroll .header .logo__text__full { top:-80px; opacity:0; }
.headerscroll .header .logo__text__mini { bottom:3px; opacity:1; }

#menubutton, #submenubutton {
	display:none; align-items:center; cursor:pointer; z-index:51; padding:3px 0; font-size:1.111em;
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
}
#submenubutton { display:flex; padding:8px 25px; font-size:1em; justify-content:flex-end; color:var(--color-grey-light) }
.menubutton__icon { position:relative; width:18px; height:12px; margin-right:8px; }
.menubutton__icon span {
	display:block; position:absolute; height:2px; width:100%; background-color:var(--color-light); opacity:1; left:0;
	-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
	transition:0.5s ease-in-out;
}
.submenu .menubutton__icon span { background-color:var(--color-grey-light); }
.menubutton__icon span:nth-child(1) { top:0; }
.menubutton__icon span:nth-child(2) { width:80%; top:5px; }
.menubutton__icon span:nth-child(3) { bottom:0; }
.menuopen .header .menubutton__icon span:nth-child(1),
.submenuopen .menubutton__icon span:nth-child(1) {
	top:5px;
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}
.menuopen .header .menubutton__icon span:nth-child(2),
.submenuopen .menubutton__icon span:nth-child(2) { opacity:0; }
.menuopen .header .menubutton__icon span:nth-child(3),
.submenuopen .menubutton__icon span:nth-child(3) {
	bottom:5px;
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.menu, .menu nav, .menu__overlay { transition:all 0.4s ease; }
.menu { visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; overflow:scroll; }
.menu nav { position:absolute; top:0; right:-100%; width:100%; height:100%; overflow:scroll; padding:120px 3.125% 40px 3.125%; }
.menu ul { margin:0 0 2em 70px; font-size:1.778em; line-height:1.3; }
.menu li { width:100%; position:relative; }
.menu li:last-of-type { border-bottom:none; }
.menu li a { display:block; padding:15px 0; border-bottom:2px solid var(--color-light);  }
.menu li a:hover { opacity:0.5 }
.menu li.current a:before { content:'→'; position:absolute; left:-55px; }
.menu li:nth-of-type(2) a { color:var(--color-yellow); border-color:var(--color-yellow); }
.menu li:nth-of-type(3) a { color:var(--color-green); border-color:var(--color-green); }
.menu li:nth-of-type(4) a { color:var(--color-grey); border-color:var(--color-grey); }
.menu li:nth-of-type(5) a { color:var(--color-blue); border-color:var(--color-blue); }
.menu__overlay { position:absolute; top:0; right:0; width:100%; height:100%; background-color:rgba(0,0,0,0); opacity:0; cursor:pointer; }

.menuopen { overflow:hidden; }
.menuopen .menu { visibility:visible; }
.menuopen .menu__overlay { opacity:1; }
.menuopen .menu nav { right:0; }

/* Main */
main { border-top:143px solid var(--color-primary); }

/* Hero */
.hero .container { display:flex; flex-direction:row-reverse; flex-wrap:wrap; justify-content:space-between; height:calc(100vh - 183px); min-height:580px; max-height:760px; padding:0; }
.hero__text { width:50%; padding-left:40px; display:flex; flex-wrap:wrap; align-items:center; }
.hero__text .wrapper { max-width:620px; margin:0 auto; }
.hero__text h1 { max-width:480px; }
.hero__text p { font-size:1.111em; }
.hero__image { width:50%; max-height:100%; display:flex; flex-wrap:wrap; align-items:center; }
.hero__image img { width:100%; height:100%; object-fit:cover; }

/* Title */
.title .container { display:flex; flex-direction:row-reverse; flex-wrap:wrap; justify-content:space-between; padding:0; }
.title__text { width:50%; padding-left:0; display:flex; flex-wrap:wrap; align-items:center; }
.title__text .wrapper { width:100%; max-width:620px; margin:0 auto; }
.title__text h1 { max-width:600px; }
.search .title__text h1 { max-width:100%; }
.title__text p { font-size:1.111em; }
.title__image { width:50%; display:flex; flex-wrap:wrap; align-items:center; }
.title__image img { width:100%; }

.title--noimage .container { flex-direction:row; min-height:390px; align-items:center; }
.title--noimage .title__text { width:100%; max-width:940px; padding-left:110px; }
.title--noimage .title__text .wrapper { max-width:100%; }
.title--noimage .title__text p { font-size:1.222em; }
.search .title .container { min-height:120px; }

/* Breadcrumbs */
.breadcrumbs { margin-bottom:30px; mix-blend-mode:multiply; font-size:0.889em; color:var(--color-grey-dark); }
.breadcrumbs span>span:first-of-type a { background:url('assets/images/icons/home.svg') no-repeat center left; background-size:18px; padding-left:23px; }
.breadcrumbs .breadcrumb_separator { opacity:0.5; margin:0 2px; }
.breadcrumbs .breadcrumb_last { opacity:0.5; }
.breadcrumbs a { color:var(--color-grey-dark); text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span span { max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Section */
.section__intro { max-width:620px; margin-bottom:90px; }
.section__intro p { font-size:1.111em; }
.section__intro p:last-of-type { margin:0; }

.section__item--right { text-align:right; }
.section--alt .container { display:flex; flex-wrap:wrap; justify-content:space-between; }
.section--alt .section__item { width:49.2063492063492%; }
.section--alt .section__item .section__intro { width:90%; max-width:520px; }

/* Submenu */
#submenu nav { display:none; }
#submenubutton { display:none; }
.submenu nav { padding:30px 40px 40px 65px; }
.submenu li { border-bottom:1px solid var(--color-grey-dark); mix-blend-mode:multiply; font-size:1.111em; line-height:1.3; }
.submenu li li { border:0; font-size:0.8em; }
.submenu li a { display:block; color:var(--color-grey-dark); padding:5px 0; position:relative; }
.submenu li a:hover, .subnav li a:active { color:var(--color-primary); }
.submenu li ul { padding-bottom:10px; }
.submenu li li a { padding:2px 0; }
.submenu li.current_page_item>a:before { content:'→'; position:absolute; top:3px; left:-35px; font-size:1.3em; line-height:1; }
.submenu li li.current_page_item a:before { top:0; }
.submenu.bgprimary li { border-color:var(--color-grey-light); mix-blend-mode:normal; }
.submenu.bgprimary li a { color:var(--color-grey-light); }
.submenu.bgprimary li a:hover, .subnav.bgprimary li a:active { color:var(--color-grey); }

/* Content */
.content { display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:flex-start; }
.content--search { flex-direction:row; }
.content .submenu { width:28%; position:sticky; top:99px; }
.content .submenu .children { display:none; }
.content .submenu .current_page_item .children,
.content .submenu .current_page_ancestor .children { display:block; }
.content .submenu li a { max-width:310px; }
.content .container { flex:1; padding:90px 90px 90px 155px; }
.content .wrapper { max-width:920px; }
.content .image { width:100%; margin:45px 0; text-align:center; }
.content img { max-width:calc(100% + 80px); margin:45px -40px; }
.content .wp-caption { margin:45px 0; }
.content .wp-caption img { margin-top:0; margin-bottom:15px; }
.content .wp-caption.aligncenter { text-align:center; }
.content .wp-caption.aligncenter img { max-width:100%; margin-left:0; margin-right:0; }

/* Next Page */
.next a { display:block; width:100%; padding:90px; text-align:right; color:var(--color-grey-dark); background-color:transparent; mix-blend-mode:multiply; text-decoration:none; }
.next h5 { font-size:1.111em; font-weight:400; margin-bottom:0; }
.next p { font-size:1.333em; margin-bottom:0; position:relative; }
.next p::after { content:'→'; position:absolute; top:0; right:-30px; }
.next a:hover, .next a:active { text-decoration:none; color:var(--color-primary); background-color:var(--color-light); }

/* Cards */
.cards { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:20px; row-gap:20px; }
.cards__item { background:rgba(250, 250, 250, 0.75); border-bottom:3px solid transparent; display:block; text-decoration:none; }
.cards__item:hover { text-decoration:none; background:rgba(250, 250, 250, 1); }
.cards__item h4 { font-size:1em; line-height:1.3em; font-weight:400; margin:0; }
.cards__item p:last-of-type { margin:0; }
.cards__item p { opacity:0.5; }
.cards__item img { width:100%; }
.cards__item__title { position:relative; padding:20px 55px 20px 20px; }
.cards__item__title:after { content:'→'; line-height:1.3em; opacity:0.5; position:absolute; top:20px; right:20px; transition:all 0.4s ease; }
.cards__item:hover .cards__item__title:after { opacity:1; }

.cards--small { grid-template-columns:repeat(4, 1fr); }
.cards--small .cards__item__title { min-height:150px; }
.cards--large { grid-template-columns:repeat(1, 1fr); font-size:1.111em; }

/* Footer */
.footer { padding:40px; }
.footer p:last-of-type { margin-bottom:0; }
.footer__nav { border-left:1px solid var(--color-light); font-size:1.111em; padding-left:20px; margin-bottom:200px; }
.footer__nav li:nth-of-type(2) a { color:var(--color-yellow); }
.footer__nav li:nth-of-type(3) a { color:var(--color-green); }
.footer__nav li:nth-of-type(4) a { color:var(--color-grey); }
.footer__nav li:nth-of-type(5) a { color:var(--color-blue); }

/* Search */
.searchform { position:fixed; width:100%; height:100%; top:0; left:0; text-align:center; z-index:9999; opacity:0; visibility:hidden; transition:opacity 0.25s, visibility 0.25s; }
.searchform__overlay { position:fixed; width:100%; height:100%; top:0; left:0; }
.searchform__form { display:flex; position:relative; width:100%; height:100%; align-items:center; justify-content:center; pointer-events:none; }
.searchform__form .container { width:86%; max-width:840px; pointer-events:auto; -webkit-transform:translateY(40px) translateZ(0); transform: translateY(40px) translateZ(0); transition:transform 0.5s }
.searchform__form form { display:flex; margin-bottom:20px; }
.searchform__form form button { margin:0 0 0 20px; }
.searchform__form input[type=search] { font-size:1em; line-height:1.3; font-weight:400; padding:15px 30px; background-color:var(--color-light); color:var(--color-primary); border:1px solid var(--color-light); border-radius:100px; }
.searchopen { overflow:hidden; }
.searchopen .searchform { opacity:1; visibility:visible; }
.searchopen .searchform__form .container { -webkit-transform:translateY(0) translateZ(0); transform: translateY(0) translateZ(0); }

.content--search .container { max-width:1400px; }
.results__item { display:flex; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between; margin:40px 0; padding-bottom:40px; border-bottom:1px solid var(--color-yellow); }
.results__item:first-of-type { margin-top:0; }
.results__item__image { width:28%; margin-top:10px; }
.results__item__image img { width:100%; max-width:100% !important; margin:0 !important; }
.results__item__text { width:68%; }
.results__item__text .wrapper { max-width:786px; margin:0; }
.results__item__text p:last-of-type { margin-bottom:0; }
.results__item--noimage { flex-direction:row; }
.results__item--noimage .results__item__text { width:100%; }

/* Pagination */
.pagination { padding:40px 0; display:flex; }
.pagination .button { min-width:160px; }
.pagination .button+.button { margin-left:20px; }

/* Forms */
form { margin-bottom:2em; }
form p { margin-bottom:0.75em }
form label, form .label { display:block; margin-bottom:5px; font-size:0.762em; }
form .note { display:block; font-size:0.762em; margin-top:0.5em; opacity:0.5; }
form .checkbox label { cursor:pointer }
form .row { display:flex; flex-wrap:wrap; justify-content:space-between; width:100% }
form .half { width:48.5%; text-align:left }
form fieldset { border:0; padding:0; margin:0 }
form textarea { height:210px; resize:vertical }
form button { margin-top:1em; }

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], textarea, select {
	display:block; width:100%; padding:10px 15px; font-family:'Plus Jakarta Sans', sans-serif; font-size:1em; line-height:1.5; font-weight:400; color:var(--color-primary); border:1px solid var(--color-primary); background-color:transparent; outline:0; resize:vertical; border-radius:0; transition:all 0.4s ease;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	-webkit-box-sizing:border-box; box-sizing:border-box;
}
.input[disabled] { border-color:#c8c8c8; -webkit-box-shadow:none; box-shadow:none; cursor:not-allowed }
select {
	background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2326b79d%22%20d%3D%22M256%2C298.3L256%2C298.3L256%2C298.3l174.2-167.2c4.3-4.2%2C11.4-4.1%2C15.8%2C0.2l30.6%2C29.9c4.4%2C4.3%2C4.5%2C11.3%2C0.2%2C15.5L264.1%2C380.9c-2.2%2C2.2-5.2%2C3.2-8.1%2C3c-3%2C0.1-5.9-0.9-8.1-3L35.2%2C176.7c-4.3-4.2-4.2-11.2%2C0.2-15.5L66%2C131.3c4.4-4.3%2C11.5-4.4%2C15.8-0.2L256%2C298.3z%22/%3E%3C/svg%3E);
	background-size:20px; background-repeat:no-repeat; background-position:right 20px center;
}
select[disabled] { background-color:#f2f2f2; cursor:not-allowed }
select::-ms-expand { display:none }

.control .option { display:inline-block; min-width:115px; margin:0 15px 10px 0; }
.control__input { position:absolute; opacity:0; pointer-events:none }
.control__label { display:inline-block; position:relative; padding-left:calc(20px + .6rem); will-change:transform; cursor:pointer }
.control__label::before { border:1px solid transparent }
.control__label::after, .control__label::before { content:''; position:absolute; top:calc(50% - 12px); left:0; width:22px; height:22px }
.control__label::after { border:1px solid transparent }
.control__label::before { border-color:rgba(0,0,0,0.5);; background:var(--color-lightgrey); background-size:0 }
.control__label::after {
	background-size:60%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-transform:scale(0);
	transform:scale(0);
	-webkit-transition:-webkit-transform .3s ease;
	transition:transform .3s ease;
	transition:transform .3s ease,-webkit-transform .3s ease;
	will-change:transform
}
.control__input[type=radio]+.control__label::before { border-radius:100% }
.control__input[type=radio]+.control__label::after { background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M256%2C464c114.9%2C0%2C208-93.1%2C208-208c0-114.9-93.1-208-208-208C141.1%2C48%2C48%2C141.1%2C48%2C256C48%2C370.9%2C141.1%2C464%2C256%2C464z%22/%3E%3C/svg%3E) }
.control__input[type=checkbox]+.control__label::after { background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M461.6%2C109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4%2C0-4.6%2C1-6.3%2C2.5L194.5%2C323c0%2C0-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4%2C0-6.4%2C3.1-8.7%2C5.4c-1.7%2C1.8-29.7%2C31.2-43.5%2C45.8c-0.8%2C0.9-1.3%2C1.4-2%2C2.1c-1.2%2C1.7-2%2C3.6-2%2C5.7c0%2C2.2%2C0.8%2C4%2C2%2C5.7l2.8%2C2.6c0%2C0%2C139.3%2C133.8%2C141.6%2C136.1c2.3%2C2.3%2C5.1%2C5.2%2C9.2%2C5.2c4%2C0%2C7.3-4.3%2C9.2-6.2L462%2C121.8c1.2-1.7%2C2-3.6%2C2-5.8C464%2C113.5%2C463%2C111.4%2C461.6%2C109.6z%22/%3E%3C/svg%3E) }
.control__input[type=checkbox][disabled]+.control__label,.control__input[type=radio][disabled]+.control__label { cursor:not-allowed }
.control__input[type=checkbox][disabled]+.control__label::before,.control__input[type=radio][disabled]+.control__label::before { background-color:#f2f2f2; -webkit-box-shadow:none; box-shadow:none }
.control__input:checked+.control__label::after { -webkit-transform:scale(1); transform:scale(1) }

@media only screen and (max-width:1440px) {

	/* Structure */
	.pad { padding:3.125%; }
	.pad .container { padding:3.125%; }

	/* Header */
	.header { padding-left:3.125%; padding-right:3.125%; }

	/* Hero */
	.hero .container { padding:0; }
	.hero__text { padding-left:3.125%; }

	/* Title */
	.title .container { padding:0; }
	.title__text { padding-left:3.125%; }
	.title--noimage .title__text { padding-left:3.125%; }

	/* Content */
	.content .container { padding:6.25%; }
	.content img { max-width:110%; margin:45px -5%; }
	.next a { padding:6.25% 90px 6.25% 6.25%; }

	/* Footer */
	.footer { padding-left:3.125%; padding-right:3.125%; }

}

@media only screen and (max-width:1300px) {

	/* Cards */
	.cards--small { grid-template-columns:repeat(3, 1fr); }

}

@media only screen and (max-width:1040px) {

	/* Typography */
	h1 { font-size:2.111em; }
	h2 { font-size:1.778em; }
	h3 { font-size:1.222em; }
	h4 { font-size:1em; }

	/* Header */
	.header { padding-top:20px; padding-bottom:20px; }
	.header nav ul { font-size:1em; margin-bottom:3px; }
	.logo { width:185px; }
	.logo__image { width:60px; margin-right:15px; }
	.logo__text { width:110px; }
	.logo__text__full { top:-80px; opacity:0; }
	.logo__text__mini { bottom:3px; opacity:1; }

	/* Main */
	main { border-top-width:99px; }

	/* Hero */
	.hero .container { height:auto; min-height:0; max-height:100%; padding:0; }
	.hero__text { width:100%; padding:3.125%; }
	.hero__text .wrapper { max-width:100%; margin:0; }
	.hero__image { width:100%; }
	.hero__image img { width:100%; height:100%; object-fit:cover; }

	/* Title */
	.title .container { height:auto; flex-direction:row; min-height:0; max-height:100%; padding:0; }
	.title__text { width:100%; padding:3.125%; max-width:760px; margin:0 auto; }
	.title__text .wrapper { margin:0; max-width:100%; }
	.title__image { width:100%; }
	.title__image img { width:100%; height:100%; object-fit:cover; }

	.title--noimage .title__text { width:100%; padding:3.125%; max-width:760px; margin:0 auto; }
	.title--noimage .title__text p { max-width:100%; font-size:1.111em; }

	/* Content */
	.content { padding:3.125%; position:relative; }
	.content .container { width:100%; padding:3.125%; max-width:760px; margin:0 auto; }
	.content img { max-width:calc(100% + 40px); margin:45px -20px; }
	.content .submenu { display:none; }
	#submenubutton { display:flex; }

	/* Section */
	.section__intro { max-width:560px; margin-top:10px; margin-bottom:60px; }
	.section__intro p { font-size:1em; }
	main .section--alt .section__item { width:100%; }
	main .section--alt .section__item .section__intro { width:100%; max-width:560px; }

	/* Cards */
	.cards { grid-template-columns:repeat(2, 1fr); }
	.cards--small { grid-template-columns:repeat(2, 1fr); }
	.cards--large { grid-template-columns:repeat(1, 1fr); font-size:1em; }

}

@media only screen and (max-width:720px) {

	/* Typography */
	h1 { font-size:1.778em; }

	/* Structure */
	.pad { padding:10px; }
	.pad .container { padding:20px; }

	/* Header */
	.header { padding-left:20px; padding-right:20px; }
	.menu nav { padding-left:20px; padding-right:20px; }
	.header nav #menu-main-menu { display:none; }
	.header nav ul { margin:0 20px 0 0; }
	.header nav .menu--search a { padding-left:0; }
	.header nav .menu--search img { width:18px; }
	#menubutton { display:flex; }

	/* Hero */
	.hero .container { padding:0; }
	.hero__text { padding:20px; }
	.hero__text h1 { max-width:360px; }

	/* Title */
	.title .container { padding:0; }
	.title__text { padding:20px; }
	.title--noimage .title__text { padding:20px; }

	/* Breadcrumbs */
	.breadcrumbs { padding:20px 20px 0 20px; }

	/* Content */
	.content { padding:10px }
	.content .container { padding:20px; }
	.content img { max-width:calc(100% + 40px); margin:45px -20px; }
	.next a { padding:30px 55px 30px 30px; }

	/* Cards */
	.cards { grid-template-columns:repeat(1, 1fr); }
	.cards--small { grid-template-columns:repeat(1, 1fr); }
	.cards--large { grid-template-columns:repeat(1, 1fr); }

	/* Search Results */
	.results__item__image { width:100%; margin-bottom:20px; }
	.results__item__image img { max-width:360px; margin:0; }
	.results__item__text { width:100%; }

	/* Search */
	.searchform__form form { flex-wrap:wrap; justify-content:center; }
	.searchform__form form button { margin-left:0; margin-top:10px; width:100%; }

	/* Footer */
	.footer { padding-left:20px; padding-right:20px; }

}

@media only screen and (max-width:480px) {

	body { font-size:1em; }

	/* Hero */
	.button { padding:10px 25px }

	/* Footer */
	.footer p { font-size:0.889em; }
	.footer__nav { border-left:1px solid var(--color-light); padding-left:45px; margin:30px 0 30px 30px; }
	.footer .section__item--right { text-align:left; }
	.footer .section--alt .section__item { width:100%; }
	.footer .section--alt .section__item .section__intro { width:100%; max-width:560px; }

}