/*
Theme Name:Writing Squad
Author:Rabbit Hole
Author URI:https://rabbithole.co.uk
*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 0px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 0px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
 
@font-face {
	font-family:'Radnika-BoldCondensed';
	src:url('fonts/radnika-bold-condensed.eot');
	src:url('fonts/radnika-bold-condensed.eot?#iefix') format('embedded-opentype'),
    url('fonts/radnika-bold-condensed.woff2') format('woff2'),
	  url('fonts/radnika-bold-condensed.woff') format('woff'),
	  url('fonts/radnika-bold-condensed.ttf') format('truetype'),
	  url('fonts/radnika-bold-condensed.svg#youworkforthem') format('svg');
	font-weight:normal;
	font-style:normal;
}


html,button,input,select,textarea{color:#323232}
html{width:100%;height:100%;overflow-x:hidden;font-family:'europa',Helvetica, Arial,sans-serif; font-size:14px;letter-spacing:0; line-height:1.2; font-weight:400; color:#323232; -webkit-font-smoothing:antialiased; background-color:#fc5c53;}
::-moz-selection{background:#fc5c53;text-shadow:none; }
body { background-color:#ffffff; }
no-js body { opacity:1 }
::selection{background:#fc5c53;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #e0e0e0;margin:19px 0;padding:0}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}



/* ==========================================================================
 REUSABLES
 ========================================================================== */

.transition { -o-transition:all .2s linear; -ms-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
.transitionSlow { -o-transition:all .4s linear; -ms-transition:all .4s linear; -moz-transition:all .4s linear; -webkit-transition:all .4s linear; transition:all .4s linear; }
.cover { background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.box { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.contain { position:absolute; height:100%; width:100%; } 
.outer { display:table; position:absolute; height:100%; width:100%; }
.middle { display:table-cell; vertical-align:middle; }
.inner { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
.stopScrolling { position:static; height:100%; overflow:hidden; }
.hidden { display: none; }

.contentWrapper { position:relative; margin:auto; max-width:1540px; padding:0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* .headerWrapper .contentWrapper { overflow-x:hidden; overflow-y:auto; } */

.overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:0; }

.backToTop { display:block; margin:60px auto; width:218px; color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; padding-top:45px; background:url(images/arrowUp.svg) no-repeat center 5px; background-size:26px 26px; text-align:center; text-transform:uppercase }
.backToTop:hover { background-position-y:0 }

.desktopHide { display:none }

.gridItem.previousWrapper { text-align:right; }
.gridItem.nextWrapper { text-align:left; }
.previousButton, .nextButton { display:inline-block; height:44px; line-height:44px; text-transform:uppercase; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; font-size:14px; }
.previousButton { padding-right:60px; background:url(images/handLeftBorder.svg) no-repeat 100% center; background-size:44px 44px; }
.previousButton:hover { background-position:98% center }
.nextButton { padding-left:60px; background:url(images/handRightBorder.svg) no-repeat left center; background-size:44px 44px; }
.nextButton:hover { background-position:2% center }
.previousButton .default, .nextButton .default { display:none; }

.blankpage li { text-align:left; margin-bottom:10px; font-size:16px; line-height:1.6 }


/* ==========================================================================
 TYPOGRAPHY
 ========================================================================== */ 
 
/* 
	font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace
	font-family:'europa',sans-serif;
	font-family:' Radnika-BoldCondensed';
	
	OFF BLACK:#323232
	RED:#fc5c53
	
*/

.wf-loading, .wf-loading span, .wf-loading p { color:transparent !important }

p { font-style:normal; font-weight:400; font-size:18px; text-align:left; margin:0 auto 30px; line-height:28px; }
div.intro p { font-size:22px; line-height:32px; font-style:italic; }
.intro { margin-bottom: 30px; }

h1, h2, h3, strong { font-style:normal; font-weight:700; letter-spacing:0; text-align:center; }

h1 { font-size:90px; margin:80px auto 100px; width:100%; max-width:860px; }
h1 span { color:#fc5c53; }
h1.hasSubTitle { margin-bottom:30px }

h2 { font-size:30px; line-height:40px; margin:30px auto 20px; }
h2 span { border-bottom:1px solid #fc5c53; } 

h2.pageSubtitle { width:100%; max-width:620px; margin-bottom:80px !important; }
h2.pageSubtitle span { border:none; color:#fc5c53; }

h3 { font-size:14px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; font-weight:normal; text-align:center; text-transform:uppercase; letter-spacing:2.8px; margin:60px auto;}
h3.alt { margin-bottom:30px; }
h3.homepageSectionTitle { font-size:30px; color:#fc5c53; line-height:40px; letter-spacing:5.6px; }

h4 { font-size:18px; margin:auto; max-width:470px; width:90%; text-align:center; }
h4.alt { margin-bottom:90px; }

h5 { font-size:24px; color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; font-weight:normal; text-align:center; text-transform:uppercase; letter-spacing:0.6px; margin:80px auto 40px; }
 
a, a:visited { text-decoration:none; cursor:pointer; color:#323232; }
a:hover, a:active { text-decoration:none; }
a:focus { outline:0; }

p a { color:#fc5c53 !important }


a.moreButton { display:block; margin:60px auto; width:218px; color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; padding-top:60px; background:url(images/handRight.svg) no-repeat 50% 0; background-size:48px 48px; text-align:center; text-transform:uppercase }
a.moreButton:hover { background-position-x:52%; }


 sup { font-size:56%; } 

/* ========================================================================== 
 Header 
 ========================================================================== */
.headerWrapper { position:fixed; width:100%; top:0; left:0; z-index:500; background-color:#ffffff; border-bottom:1px solid #323232;}

.mainLogo { display:block; width:360px; height:31px; margin:auto;padding:44px 0 27px; background:url(images/mainLogo.svg) no-repeat center 45px; background-size:contain; text-indent:-9999px; }

.headerUI { position:absolute; top:27px; right:20px; text-align:right; overflow:hidden; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
.headerUI.loggedIn { padding-right:42px; height:34px; top:33px }
.logInButton { display:block; margin:0 0 0px; }
.logInButton:hover { color:#fc5c53; }

a.logOutButton { display:block; color:#fc5c53; }
.userInfo {}
.userAvatar { position:absolute; top:2px; right:0; width:32px; height:32px; border-radius:50%; background-color:#323232 }

.headerSocials { list-style:none; margin:8px 0 0; padding:0; display:inline-block}
.headerSocials li { display:inline-block; }
.headerSocials a { display:block; width:18px; height:18px; margin:0 10px 0; background-repeat:no-repeat; background-position:center center; background-size:18px 18px; text-indent:9999px; border:2px solid transparent; border-radius:50%; }
.headerSocials a.facebook { background-image:url(images/facebook.svg); }
.headerSocials a.facebook:hover { background-image:url(images/facebookRed.svg); }
.headerSocials a.twitter { background-image:url(images/X.svg); }
.headerSocials a.twitter:hover { background-image:url(images/XRed.svg); }
.headerSocials a.instagram { background-image:url(images/instagram.svg); }
.headerSocials a.instagram:hover { background-image:url(images/instagramRed.svg); }
.headerSocials a.tiktok { background-image:url(images/tiktok.svg); }
.headerSocials a.tiktok:hover { background-image:url(images/tiktokRed.svg); }

.searchButton { display:inline-block; position:relative; width:18px; height:18px; padding:0 6px 0 17px; background:url(images/search.svg) no-repeat 16px center; background-size:18px 18px; text-indent:9999px; }
.searchButton:hover { background-image:url(images/searchRed.svg); }
.searchButton:before { content:''; display:inline-block; position:absolute; width:1px; height:22px; top:0; left:0; background-color:#575757; }


.headerSignupWrapper { position:absolute; top:27px; left:20px; text-align:left; text-transform:uppercase; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; }
.headerSignUp { position:relative; width:235px; height:24px; margin-top:10px; border:1px solid #323232; overflow:hidden; }

.headerSignUp input[type="email"] { display:block; width:100%; margin:0; padding:6px 32px 0px 10px; background-color:#ffffff; box-shadow:none; color:#323232; border:none; font-weight:normal; font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace; font-weight:bold; text-transform:uppercase; text-align:left; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.headerSignUp input[type="email"]:focus { outline:none; }
.headerSignUp ::-webkit-input-placeholder { color:#323232; }
.headerSignUp :-moz-placeholder { color:#323232; }
.headerSignUp ::-moz-placeholder { color:#323232; }
.headerSignUp :-ms-input-placeholder { color:#323232; }
.headerSignUp .submit { display:block; position:absolute; top:0; right:0; width:32px; height:100%; background:url(images/arrowRight.svg) no-repeat center center; background-size:13px 13px; text-indent:-9999px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border:none; }
.headerSignUp .submit:focus { outline:none }

.mainNav { list-style:none; margin:0; padding:0; height:44px; border-top:1px solid #323232; text-align:center; }
.mainNav li { display:inline-block; }
.mainNav a { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; margin:0 14px;  font-size:16px; line-height:44px; }
.mainNav a:hover, .mainNav a.active { color:#fc5c53 }

.joinLink { color:#fc5c53 !important; }

.headerClear { position:relative; height:148px; }
.headerClear.alt { height:192px; }

.searchWrapper { display:none; position:absolute; width:363px; height:72px; top:102px; right:0px; padding:20px; background:#323232; z-index:10 }
.searchWrapper:before { content:""; position:absolute; right:30px; top:-8px; width:0; height:0; border-left:8px solid transparent; border-bottom:8px solid #323232; border-right:8px solid transparent; }

.searchBox { width:285px; height:30px; -webkit-appearance:none; border:none; border-radius:0; background:#ffffff; padding:10px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; color:#989898; float:left; }
.searchBox:focus { outline:none }
.submitSearch { width:38px; height:30px; -webkit-appearance:none; border:none; border-radius:0; float:left; text-indent:-9999px; background:#323232 url(images/searchRed.svg) no-repeat right center; background-size:18px 18px; }

.reverse { display:inline-block; -webkit-transform:rotateY(180deg);
 -moz-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
 -ms-transform:rotateY(180deg); }

.myProfileButton { display:inline-block; margin-top:10px; }

/* ========================================================================== 
 Header Scrolling
 ========================================================================== */
.headerWrapper.scroll .headerSignupWrapper { display:none; }
.headerWrapper.scroll .mainLogo { display:inline-block; width:224px; height:20px; padding:22px 0 16px; margin:auto; background-position:center 22px}
.headerWrapper.scroll .logInButton { position:absolute; top:11px; right:0; margin:auto; }
.headerWrapper.scroll .searchButton { margin-right:50px; }
.headerWrapper.scroll .headerUI { top:10px; }
.headerWrapper.scroll .mainNav { position:absolute; border:none; width:760px; top:8px; left:50%; margin-left:-380px; }
.headerWrapper.scroll .subNav { position:relative; border-top:1px solid #323232; width:100%; margin:0; left:inherit; top:inherit; }
.headerWrapper.scroll .userInfo { display:none }
/* .headerWrapper.scroll .logOutButton { margin-top:10px } */

.headerWrapper.scroll .searchWrapper { top:59px; right:50px; }

.headerWrapper.scroll .mainNav a { font-size: 14px; margin:0 8px; }

/* ========================================================================== 
 Footer
 ========================================================================== */
.footerWrapper { margin-top:80px; padding:40px 0 120px; border-top:5px solid #fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase }
.footerWrapper .contentWrapper { overflow:inherit }
.footerWrapper a { color:#fc5c53; }
.footerColumn1 { float:left; width:50%; }
.footerColumn2 { float:right; width:50%; text-align:right; overflow: hidden }

.footerLogo { display:block; width:226px; margin-bottom:10px; }
a.donateButton { display:inline-block; background-color:#fc5c53; color:#ffffff; text-decoration:none; padding:14px 40px; border-radius:3px; margin-top:10px; letter-spacing:2.8px; }

.footerLegal { float:left; width:190px; margin-bottom:10px; }
.artsCouncil { display:inline-block; width:166px; height:40px; }
.artsCouncil img { width:100%; }
.artsCouncilMobile { display:none }


.footerNav { list-style:none; padding:0; margin:80px 0 0; }
.footerNav li { display:inline; margin-right:10px; }


/* ========================================================================== 
 Mobile UI
 ========================================================================== */
.mobileMenuBar { display:none; position:fixed; width:100%; height:48px; left:0; bottom:0; border-top:1px solid #000000; border-bottom:1px solid #000000; background-color:#333333; z-index:1000; }
.mobileHomeButton { display:inline-block; width:55px; height:48px; border-right:1px solid #000000; background:url(images/home.svg) no-repeat center center; background-size:28px 28px; }
.mobileShareButton { display:inline-block; width:55px; height:48px; border-right:1px solid #000000; background:url(images/share.svg) no-repeat center center; background-size:28px 28px; }
.mobileShareButton span { display:block; width:100%; height:100%; background:#333333 url(images/menuClose.svg) no-repeat center center; background-size:24px 24px; opacity:0 }
.mobileShareButton.active span { opacity:1; }
.mobileSearchButton { display:inline-block; width:55px; height:48px; border-right:1px solid #000000; background:url(images/searchRed.svg) no-repeat center center; background-size:21px 21px; }
.mobileSearchButton span { display:block; width:100%; height:100%; background:#333333 url(images/menuClose.svg) no-repeat center center; background-size:24px 24px; opacity:0 }
.mobileSearchButton.active span { opacity:1; }

.mobileMenuButton { display:inline-block; width:55px; height:48px; float:right; border-left:1px solid #000000; background:url(images/menu.svg) no-repeat center center; background-size:24px 24px; }
.mobileMenuButton span { display:block; width:100%; height:100%; background:#333333 url(images/menuClose.svg) no-repeat center center; background-size:24px 24px; opacity:0 }
.mobileMenuButton.active span { opacity:1; }

.mobileMenu { display:none; position:fixed; overflow:hidden; top:0; left:0; right:0; bottom:50px; background-color:#323232; z-index:8000; }
.mobileMenu .animate { opacity:0; }
.mobileMenuInner{ position:absolute;width:100%; height:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch; }

.mobileNav { list-style:none; margin:40px 20px 40px 40px; }
.mobileNav li { }
.mobileNav a { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; color:#ffffff; font-size:18px; letter-spacing:0.4px; line-height:2.6; }

.mobileSubNav { display:none; list-style:none; margin:0 0 0 20px; }
.mobileSubNav.active { display:block }

.subNavButton { padding-right:18px; background:url(images/arrowDownRed.svg) no-repeat right center; background-size:10px 10px; }
.subNavButton.active { background-image:url(images/arrowUpRed.svg); }

.mobileSocials { list-style:none; margin:0 0 0 40px; padding:0; display:block; }
.mobileSocials li { display:inline-block; }
.mobileSocials a { display:block; width:40px; height:40px; margin:0 12px 0 0; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; }
.mobileSocials a.facebook { background-image:url(images/facebookBorder.svg); }
.mobileSocials a.twitter { background-image:url(images/XBorder.svg); }
.mobileSocials a.instagram { background-image:url(images/instagramBorder.svg); }
.mobileSocials a.tiktok { background-image:url(images/tiktokBorder.svg); }
.mobileSocials a.email { background-image:url(images/iconEmailAlt.svg); }

a.mobileLogInButton { display:inline-block; color:#ffffff; font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; padding:20px 40px; margin-bottom:100px;	 text-transform:uppercase; }

.mobileShareWrapper{ display:none; position:fixed; top:0; left:0; right:0; bottom:50px; background-color:#323232; z-index:8000; }
.mobileShareInner { position:absolute; overflow:hidden; top:0; left:0;width:100%; height:100%; color:#ffffff; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-direction:column; flex-direction:column; }
.mobileShareInner .mobileSocials { margin:60px 0 0; }
.mobileShareInner .mobileSocials a { width:60px; height:60px; margin:0 20px; }

.mobileShareWrapper .animate { opacity:0 }

.mobileSearchWrapper { display:none; position:fixed; width:100%; height:70px; left:0; bottom:50px; padding:20px; background-color:#323232; }
.mobileSearchInput { margin:0 40px 0 0; height:auto; }
.mobileSearchInput .searchBox { width:100% }


/* ========================================================================== 
 Grids - flexbox
 ========================================================================== */
.gridWrapper { margin:-20px -20px 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } 
.gridItem { display:block; position:relative; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.gridItem h2 { margin:0 auto 20px; width:90%; }
/* .gridItem p { margin:20px auto; width:70%; } */
.gridItem p:last-child { margin-bottom:0; }

.twoColumn .gridItem { width:41.666%; }
.twoColumn .gridItem h2 { font-size:42px; line-height:52px; }
.threeColumn .gridItem { width:33.333%; }
.fourColumn .gridItem { width:25%; }
.fourColumn .gridItem p { margin:20px auto; width:100%; }
.sixColumn .gridItem { width:16.6667%; }

.myProfile .gridItem { width:33.333%; }

.push .gridItem { width:50%; }
.push .gridItem.share { margin-right:8.333% }

.gridItem.narrow { width:33.333%; }
.gridItem.share { width:8.333%; }
.gridItem.back { width:16.6667%; }

.gridItem .backButton { position:relative; top:0; margin:0 auto; }


.gridItem img { display:block; width:100%; height:auto; }
/* .gridItem iframe { display:block; width:100%; height:auto; min-height:260px; } */

.grid__img-wrapper {

}
.grid__img {
    display: block;
    width: 100%;
    height:auto;
}


.videoWrapper { position: relative; width: 100%; height:0; padding-bottom:56.25%; }
.videoWrapper iframe { position: absolute; width: 100%; height:100%; top:0; left:0; }

.gridItemConstrainedImage { display:block; width:100%; height:0; padding-bottom:60%; margin-bottom:40px; position:relative; }
.gridItemConstrainedImage img { position:absolute; width:auto; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-width:100%; max-height:100%; }

.fourColumn .gridItemConstrainedImage { padding-bottom:100%; }

.gridItem .subTitle { display:inline-block; letter-spacing:0.7px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; margin-bottom:10px; text-transform:uppercase }
.gridItem .subTitle.date { color:#fc5c53; }

.leftAlign { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }


.recruitment .gridItem { width:50%; margin:0 25%; } 
.recruitment .gridItem.recruitmentImage { width:66.667%; margin:0 16.667% }
.recruitment p.intro { margin-bottom:-10px; }

/* ========================================================================== 
 Call To Action Dot 
 ========================================================================== */
.cta { display:block; position:relative; width:44px; height:44px; margin:30px auto 10px; background:url(images/cta.svg) no-repeat center center; background-size:contain; }

.ctaWrapper { display:block; position:relative; width:44px; height:44px; margin:30px auto 0; }
.ctaOuter { display:block; position:absolute; width:100%; height:100%; border-radius:50%; background-color:#fc5c53; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.ctaInner { position:absolute; width:45%; height:45%; border-radius:50%; background-color:#ffffff; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.ctaButton:hover .ctaOuter, .bookshelfItem:hover .ctaOuter { width:110%; height:110%; }

.ctaButton.active .ctaOuter { z-index:1500; }



/* ========================================================================== 
 Loader
 ========================================================================== */
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  display:none;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

/* ========================================================================== 
 Sign Up 
 ========================================================================== */
 .signUpWrapper { width:100%; margin-top:120px; padding:40px 0 60px; background-color:#323232; color:#ffffff;}
 .signUpWrapper a { color:#ffffff }
 .signUpWrapper h3 { font-size:14px; margin-bottom:30px; } 
 .headerError.highlight { color:#fc5c53; } 
.footerSignUp { position:relative; width:470px; height:60px; margin:50px auto 0; border:1px solid #ffffff; overflow:hidden; }
.footerSignUp input[type="email"] { display:block; width:100%; margin:0; padding:22px 60px 22px 26px; background-color:#323232; box-shadow:none; color:#fc5c53; border:none; font-weight:normal; font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace; font-weight:bold; text-transform:uppercase; text-align:left; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; font-size:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.footerSignUp input[type="email"]:focus { outline:none; }
.footerSignUp ::-webkit-input-placeholder { color:#fc5c53; }
.footerSignUp :-moz-placeholder { color:#fc5c53; }
.footerSignUp ::-moz-placeholder { color:#fc5c53; }
.footerSignUp :-ms-input-placeholder { color:#fc5c53; }
.footerSignUp .submit { display:block; position:absolute; top:0; right:0; width:59px; height:100%; background:url(images/handRightRed.svg) no-repeat center center; background-size:36px 36px; text-indent:-9999px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border:none; border-left:1px solid #ffffff; }
.footerSignUp .submit:hover { background-position:60% center; } 
.footerSignUp .submit:focus { outline:none; } 
.footerError { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-align: center; margin:20px auto 0; width:280px; }


/* ========================================================================== 
 Homepage 
 ========================================================================== */
.heroWrapper { position:relative; width:100%; height:600px; margin-bottom:100px; overflow:auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-position:center center; }
.heroWrapper__image-wrapper {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background-color:#191814;
}
.heroWrapper__image {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    object-fit: cover;
    opacity: 0.5;
}
.heroOverlay { position:absolute; width:100%; height:100%; top:0; left:0; background-color:#191814; opacity:0.5; }
.heroWrapper h1 { position:relative; color:#fff; margin:0 auto; }
a.pushCTA { display:block; position:relative; width:100%; margin:120px auto 160px; padding:250px 0 60px; background:#ff564d url(images/pushMagazineIcon.svg) no-repeat center 0; background-size:300px 300px; text-align:center; color:#fff; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-decoration:underline; text-transform:uppercase; letter-spacing:2.8px; overflow: auto }
a.squadWritersCTA { display:block; position:relative; width:100%; margin:130px auto 160px; padding:140px 0 110px; }
.squadWritersCTAInner { position:relative; }
.squadWritersCTA__img-wrapper {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
   background:#191814
}
.squadWritersCTA__img {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    object-fit: cover;
    opacity: 0.8;
}
a.squadWritersCTA h2 { font-size:70px; color:#fff; margin-bottom:40px }
a.squadWritersCTA h4 { color:#fff; }

/* ========================================================================== 
 Team 
 ========================================================================== */
.teamGrid { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }
.teamMemberImageWrapper { position:relative; width:16.667%; padding:20px; margin-left:33.333%; float:left; }
.teamMemberImageInner { position:relative; width:100%; height:250px; }
.teamMemberImage { position:absolute; width:100%; height:0; padding-bottom:100%; background-color:#323232; border-radius:50%; overflow: hidden; }
.teamMemberImage img { position: absolute; width: 100%; height:100%; top:0; left:0; object-fit: cover; }
.teamMemberDetails { width:33.333%; padding:20px; float:left }
.teamMemberDetails h2 { margin-top:0; text-align:left; }

.websiteLink {  display: block;
    margin: 10px 0;
    padding-left: 44px;
    line-height: 30px;
    min-height: 30px;
    font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 14px;
     background: url(images/iconLink.svg) no-repeat left center;
    background-size: 30px 30px; }

/* ========================================================================== 
 The Programme 
 ========================================================================== */
.programmme .gridItem { width:50%; margin:0 25% 40px; } 
.programmme img { width:100%; margin:30px 0 30px;}
 
/* ========================================================================== 
 Partners 
 ========================================================================== */
.partnersIntro p { width:66.666%; margin:40px auto 50px; text-align:center; font-size:24px; line-height:35px;}

/* ========================================================================== 
 News 
 ========================================================================== */
.newsInfo { width:100%;border-top:1px solid #323232;border-bottom:1px solid #323232;margin:0 0 30px;padding:20px 10px;text-align:left;font-size:14px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.newsInfo a { color:#fc5c53; }
.nomorenews, #loadMore { display:none }

/*
.contentWrapper.newsSingle { margin-bottom:200px; } 
.singlenews .footerWrapper { opacity:0 }
*/
.singlenews .backButton { display:none; top: 210px;
    left: 40px; }



/* ========================================================================== 
 Single Project 
 ========================================================================== */
.gridItem.share h3 { margin:0 auto 20px; }
.backButton { display:block; position:absolute; top:-40px; left:0; width:80px; color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; padding-top:60px; background:url(images/handLeftBorder.svg) no-repeat center top; background-size:44px 44px; text-align:center; text-transform:uppercase; }
.backButton:hover { background-position-x:46%; }
.shareButton { display:block; width:46px; height:46px; text-indent:-9999px; margin:10px auto; background-repeat:no-repeat; background-size:contain; background-position:center center; }
.shareButton.facebook { background-image:url(images/facebookBorderDark.svg); }
.shareButton.twitter { background-image:url(images/XBorderDark.svg); }
.shareButton.email { background-image:url(images/iconEmail.svg); }
.shareButton.tiktok { background-image:url(images/ticktokBorderDark.svg); }

/* ========================================================================== 
 Pagination
 ========================================================================== */
.paginationWrapper { position:relative; width:inherit; margin:0 -20px; text-align:center; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; line-height:44px; }
.paginationWrapper h3 { margin:20px auto; }
.paginationButton { display:inline-block; margin:0 20px; width:44px; height:44px; text-indent:-9999px; }
.paginationButton.inactive { opacity:0.3; pointer-events:none; filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.paginationButton.previous { background:url(images/handLeftBorder.svg) no-repeat center top; background-size:44px 44px; }
.paginationButton.next { background:url(images/handRightBorder.svg) no-repeat center top; background-size:44px 44px; }
.paginationPage { display:inline-block; margin:0 20px; }
.currentPage { display:inline-block; margin:0 20px; padding:0 2px; height:32px; border-bottom:1px solid #fc5c53; }

/* ========================================================================== 
 SquadWriters
 ========================================================================== */
.squadwritersIntro { margin:0 auto 100px; width:66.667%; }
.squadwritersIntro p { text-align:center }
.squadWriters { width:66.666%; margin-left:33.333%; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }
.squadWriters .gridItem { width:33.333%; padding-bottom:0; }
.squadWriters.loading { opacity:0.2 }
.squadWriterAvatar { position: relative; display: inline-block; width:66%; height:0; padding-bottom:66%; margin:0 auto 20px; border-radius:50%; background-color:#323232; overflow: hidden; }
/* .squadWriterAvatar img { display:none } */

.squadWriterAvatar img {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    object-fit:cover;
}

.squadWriters .ctaWrapper { margin:0 auto 30px; }
.wswgt p { text-align:center; margin-bottom:15px; }
.filterItem { width:80%; position:relative; margin:22px 0; } 
.filterItem label { width:100%; height:20px; position:absolute; font-size:18px; top:0px; left:0px; padding-right:20px;cursor:pointer; background:url(images/checkbox.svg) no-repeat right 3px; background-size:15px 15px; }
.filterItem label:after { content:''; width:15px; height:15px; position:absolute; top:3px; right:0px; background:url(images/checkboxChecked.svg) no-repeat center center; background-size:15px 15px; opacity:0; -o-transition:all .2s linear; -ms-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
.filterItem input[type=checkbox] { visibility:hidden; }
.filterItem label:hover::after { opacity:0.3; }
.filterItem input[type=checkbox]:checked + label:after { opacity:1; }
.squadWriterFilter { width:33.333%; float:left; padding:0 20px 20px; border-right:1px solid #323232 }
.squadWriterFilter h3 { text-align:left; margin-top:0 }
a.mobileSquadFilterButton { display:none; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; font-size:14px; color:#fc5c53; text-align:center; margin:0 auto 50px; }
.closeSquadFilter { display:none; position:relative; margin:0 auto 30px; width:21px; height:21px; background:url(images/closeDark.svg) no-repeat center center; background-size:contain; text-indent:-9999px; }
a.submitSquadFilter { display:none; margin:50px auto 0; text-align:center; color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; font-size:14px; }


.emailOverlay { position:fixed; display:none; background-color:rgba(255,255,255,0.8); width:100%; height:100%; top:0; left:0; z-index:600; } 
.emailOverlayOuter { position:absolute; width:100%; height:100%; top:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;  }
.emailOverlayInner { position:relative; width:80%; max-height:90vh; padding:40px; background-color:#ffffff; border:1px solid #323232; overflow: scroll }

.emailOverlayClose { position:absolute; display:block; width:21px; height:21px; top:20px; right:20px; background:url(images/closeDark.svg) no-repeat center center; background-size:contain; text-indent: -9999px; }	






/* ========================================================================== 
 Squad Writer Single 
 ========================================================================== */
.singleWriterImageWrapper { position:relative; margin:60px auto 0; width:16.6667%; max-width:210px; }
.singleWriterImage { position: relative; display: block; width:100%; height:0; padding-bottom:100%; border-radius:50%; background-color:#323232; overflow: hidden; }
.singleWriterImage img { position: absolute; width: 100%; height:100%; top:0; left:0; object-fit: cover; }


.singleWriter { text-align: left;}
.singleWriter h1 { margin-top:20px; }
.singleWriter .backButton { top:0; }
.singleWriterInfo { width:100%; border-top:1px solid #323232; border-bottom:1px solid #323232; margin:0 0 30px; padding:20px 0; text-align:left; }
.singleWriterLink { display:block; margin:10px 0; padding-left:44px; line-height:30px; min-height:30px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; font-size:14px; background-repeat:no-repeat; background-position:left center; background-size:30px 30px }
.singleWriterLink.location { background-image:url(images/iconLocation.svg); }
.singleWriterLink.website { background-image:url(images/iconLink.svg); }
.singleWriterLink.email { background-image:url(images/iconEmail.svg); }
.singleWriterLink.tumblr { background-image:url(images/iconTumblr.svg); }
.singleWriterLink.twitter { background-image:url(images/XBorderDark.svg); }
.singleWriterLink.facebook { background-image:url(images/iconFacebook.svg); } 
.singleWriterLink.instagram { background-image:url(images/iconInstagram.svg); }
.gridItem.singleWriter { width:33.333% }
.gridItem.relatedPublications { width:16.666% }
.relatedPublication { display:block; margin-bottom:30px;}
.relatedPublication img { width:100%; }
.relatedPublication h2 { font-size:18px !important; margin:10px auto; line-height:26px; }
.relatedPublication p { font-size:14px; text-align:center; margin-bottom:10px; }
.relatedPublication .ctaWrapper { margin-top:0; }

.recentWorkLink { display:inline-block;min-height:30px;line-height:16px;margin:10px 0 0;color:#fc5c53; font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;/* padding-right:40px; */text-align:center;text-transform:uppercase; text-align: left; /* background:url(images/handRight.svg) no-repeat 98% 0;background-size:30px 30px;  */}


/* ========================================================================== 
 Events 
 ========================================================================== */
.singleEvent h1 { margin:40px auto 40px; }
.singleEventInfo { width:100%; border-top:1px solid #323232; border-bottom:1px solid #323232; margin:0 0 30px; padding:20px 10px; text-align:left; font-size:14px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
a.openMap { display:inline-block; height:16px; line-height:16px; padding-left:18px; color:#fc5c53; background:url(images/markerIcon.svg) no-repeat -2px center; background-size:contain; }
.eventLocation { width:100%; padding-left:44px; line-height:30px; min-height:30px; background:url(images/iconLocation.svg) no-repeat left center; background-size:30px 30px }
.eventLocation a { color:#fc5c53 }
.eventLocation { background:none; padding:0; line-height:1.4; }
.eventAuthor { display:block; float:left; width:100%; text-align:left; margin-top:10px; }
.eventAuthor span { color:#fc5c53; }
.eventAuthorText { float:left }
.authorThumb { float:left; width:32px; height:32px; border-radius:50%; margin-right:10px; }

.memberEventLocation { padding-left:40px; background:url(images/iconLocation.svg) no-repeat left top; background-size:32px 32px; height:32px; line-height:32px; }

.mapOverlayOuter { position:fixed; display:none; width:100%; height:100%; top:0; left:0; z-index:1000; background-color:rgba(21,21,21,0.9); }
.mapOverlayInner { position:relative; width:70%; height:auto; margin:10vh auto 0; text-align:right; }
.mapOverlayInner a { position:relative; display:inline-block; padding-right:24px; color:#fff; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; font-size:14px;background:url(images/close.svg) no-repeat right center; background-size:contain; }	
.map { position:relative; margin:10px 0 0; width:100%; height:60vh; border:#ffffff solid 10px; }
.map img { max-width:inherit !important; }
.eventCTAWrapper { margin-bottom:60px; text-align:center; }
.eventCTA { display:inline-block; background-color:#fc5c53; color:#ffffff; text-decoration:none; padding:14px 40px; border-radius:3px; margin-top:10px; letter-spacing:2.8px; text-transform:uppercase; font-family: 'Radnika-BoldCondensed'; }

.eventTitle { margin-bottom: 2rem; }
.eventTime { margin-top:0; text-align:center; color:#fc5c53; font-size:14px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; }

.tagsWrapper { margin-top:10px;}
.tagsWrapper a { color:#fc5c53 !important; }

/* ========================================================================== 
 Push
 ========================================================================== */
.pushTitle { display:block; width:300px; height:180px; margin:80px auto 60px; text-indent:-9999px; background:url(images/pushMagazineIconRed.svg) no-repeat center center; background-size:330px auto; } 
h1.smallPushTitle { font-size:40px; }
a.pushLinks { display:block; position:relative; padding:20px 60px 20px 10px; border-bottom:1px solid #323232; text-align:left; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; color:#fc5c53}
.pushLinks:first-child { border-top:1px solid #323232 }
.pushLinks span { color:#323232; }
.pushLinks:after, .pushLinks.active:after { content:""; display:block; position:absolute; width:36px; height:36px; top:50%; margin-top:-18px; right:10px; background:url(images/handRight.svg) no-repeat right center; background-size:36px 36px; -o-transition:all .2s linear; -ms-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; opacity:0; }
.pushLinks:hover:after, .pushLinks.active:after { opacity:1; }
.push h2:first-letter {/* text-transform: uppercase; */ }
.push h2 { text-align:left; margin:0 0 20px; }
.push h2 span { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; color:#fc5c53; font-size:14px; border:none; }

/* ========================================================================== 
 Bookshelf
 ========================================================================== */
.bookshelfItem h2 { font-size:18px; line-height:26px; margin-bottom:0;} 
.bookshelfOverlayContainer { display:none; }
.bookshelfOverlay { position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(255,255,255,0.8); z-index:1000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.bookshelfInner { position:relative; width:90%; max-width:940px; background-color:#ffffff; padding:40px 60px 40px 40px; border:1px solid #323232; }
.bookshelfOverlayImage { width:40%;padding-bottom:30%;float:left;height:0;margin-bottom:20px;position:relative;}
.bookshelfOverlayImage img { position:absolute; width:auto; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); max-width:100%; max-height:100%; }
.bookshelfOverlayInfo { width:60%; padding:0 0 0 20px; float:left; text-align:left;}
.bookshelfAuthor { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; color:#fc5c53; font-size:14px; }
.bookshelfOverlayInfo h2 { text-align:left; font-size:42px; margin:20px auto; }
.bookshelfOverlayInfo p { } 
a.bookshelfCTA {display:inline-block;height:30px;line-height:32px;margin:0 0 60px;color:#fc5c53; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;padding-right:40px;background:url(images/handRight.svg) no-repeat 98% 0;background-size:30px 30px;text-align:center;text-transform:uppercase}
a.bookshelfCTA:hover {background-position-x:100%}
.bookshelfOverlayClose { position:absolute; width:21px; height:21px;top:20px; right:20px; background:url(images/closeDark.svg) no-repeat center center; background-size:contain; text-indent:-9999px; }
.bookshelfFilters { text-align:center; line-height:40px; margin-bottom:40px; }
.bookshelfFilters a { font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; background-color:#fc5c53; color:#ffffff; font-size:14px; padding:5px 15px; margin:0 5px; border-radius:3px; opacity:0.4;}
.bookshelfFilters a.active { opacity:1; }

.bookshelfItemConstrainedImage { position: relative; display: block; width:100%;height:0;padding-bottom:140%;margin-bottom:20px;position:relative;}

.bookshelfItemConstrainedImage img { position:absolute; top:0; left:0; width: 100%; height:100%; object-fit: contain;}


.singlePublication {text-align: left}

/* ========================================================================== 
 Log In
 ========================================================================== */
 
.loginForm { padding-bottom:120px; max-width: 600px; margin: auto; }
.loginForm input[type=text], .loginForm input[type=password] { width:100%; margin-top:20px; height:46px; line-height:46px; border:1px solid #323232; padding:0 20px; color:#323232; font-family:'europa',sans-serif; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border-radius:0; }
.loginForm input:focus { outline: none }
.loginForm ::-webkit-input-placeholder { color:#323232; }
.loginForm :-moz-placeholder { color:#323232; }
.loginForm ::-moz-placeholder { color:#323232; }
.loginForm :-ms-input-placeholder { color:#323232; }

.logInSubmit { display:block; width:138px; height:46px; margin:40px auto; border:none; border-radius:3px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; background-color: #fc5c53; color:#fff; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; letter-spacing:2px; text-transform:uppercase}

.errorMessage { display: none; color: #fc5c53; margin-top: 10px; margin-bottom: 10px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; }
.error .errorMessage { display: block; }
.error input { border: 1px solid #F00 !important; }


.infoMsg { color:#fc5c53; margin-bottom:10px }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { 
 -webkit-box-shadow:0 0 0px 1000px #fff inset;
}










/* ========================================================================== 
 Members Sections
 ========================================================================== */

.myProfileForm { text-align: left }

.myProfileForm input[type=text], .myProfileForm input[type=password],.myProfileForm input[type=website],.myProfileForm input[type=email] { width:100%; margin-bottom:20px; height:46px; line-height:46px; border:1px solid #323232; padding:0 20px; color:#323232; font-family:'europa',sans-serif; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border-radius:0;}
.myProfileForm input:focus { outline: none }
.myProfileForm ::-webkit-input-placeholder { color:#323232; }
.myProfileForm :-moz-placeholder { color:#323232; }
.myProfileForm ::-moz-placeholder { color:#323232; }
.myProfileForm :-ms-input-placeholder { color:#323232; }

.myProfileForm label { display:block; margin-bottom:10px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-transform:uppercase; text-align:left; }

.myProfileFilterWrapper { margin:40px auto }
.myProfileForm .filterItem { width:100%; }
.myProfileForm .filterItem label { font-family:'europa',sans-serif; text-transform: capitalize }

.myProfileForm .errorMessage { text-align:left; }

.myProfileForm .hint { color: #999999; margin-top: 10px; margin-bottom: 10px; font-family: 'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; text-align: left; text-transform: uppercase }
.error .hint { display:none; }	
	
.myProfileFormImage { width:60%; height:0; padding-bottom:60%; border-radius:50%; background-color:#323232; margin:auto; }
.myProfileFormImage img { display: none }	

.uploadImageBox { display: block; width: 100%; height: 50px; border: 1px solid #333; line-height: 50px; text-align: center; margin:20px 0 30px }
.uploadImageBox span { display:inline-block; width:28px; height:20px; margin-left:12px; vertical-align:sub; background:url(images/camera.svg) no-repeat center center; background-size:28px 28px; }

.wordCount { float:right; text-align: right; }

.myProfileFormCheckboxWrapper { display:inline-block; position:relative; padding-right:40px; }
.myProfileFormCheckboxWrapper label { width:100%; height:20px; position:relative; line-height:20px;padding-right:20px; cursor:pointer; background:url(images/checkbox.svg) no-repeat right 3px; background-size:15px 15px; }
.myProfileFormCheckboxWrapper label:after { content:''; width:15px; height:15px; position:absolute; top:3px; right:0px; background:url(images/checkboxChecked.svg) no-repeat center center; background-size:15px 15px; opacity:0; -o-transition:all .2s linear; -ms-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear; }
.myProfileFormCheckboxWrapper input[type=checkbox] { visibility:hidden; }
.myProfileFormCheckboxWrapper label:hover::after { opacity:0.3; }
.myProfileFormCheckboxWrapper input[type=checkbox]:checked + label:after { opacity:1; }

.myProfileFormSubmit { display:inline-block;-webkit-appearance:none;appearance:none;-moz-appearance:none;-ms-appearance:none;background-color:#fc5c53;color:#ffffff;text-decoration:none;padding:14px 40px;border:none;border-radius:3px;margin-top:10px;letter-spacing:2.8px;text-transform:uppercase;font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; }
	
	
/*

	    #myProfileForm input[type=text], #myProfileForm input[type=password], #myProfileForm input[type=email], #myProfileForm input[type=website] { width: 100%; margin-top: 20px; height: 30px; }
	    #myProfileForm textarea { width: 100%; margin-top: 20px; height: 400px; }
	    
	    .errorMessage { display: none; font-size: 14px; color: #F00; margin-top: 10px; margin-bottom: 10px; }
		.error .errorMessage { display: block; }
		.error input { border: 1px solid #F00 !important; }
		
		.li-feedback { color: #F00; text-align: center; font-size: 18px; margin-bottom: 20px; }
		.li-feedback2 { text-align: center; font-size: 18px; margin-bottom: 20px; }
		
		.feedback { font-size: 18px; margin: 20px 0; text-align: center; }
*/



/* ========================================================================== 
 Meember Events
 ========================================================================== */
/*
a.mButton { display: block; font-weight: bold; width: 200px; height: 50px; background: #ff564d; margin: 10px; text-align: center; line-height: 50px; color: #FFF; }
.memberEvents { margin-bottom: 60px; }
.memberEvent { padding: 30px 0; border-bottom: 1px solid #333; }
.me-image { margin-bottom: 10px; }
.me-date { font-size: 14px; color: #ff564d; }
.me-title { font-size: 24px; color: #333; margin-bottom: 10px; }
.me-1 a { font-size: 12px; color: #ff564d; }
.me-2 { font-size: 12px; }
.me-2 a { color: #ff564d; }
*/



.memberEvents{width:75%;margin:0 auto 60px;}
.memberEvent{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
.memberEvent h2{margin:0; text-align:left;}
.memberEventImage{display:block;width:33.333%;padding:20px;float:left;}
.memberEventImage img{width:100%;}
.memberEventInfo{width:44.444%;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.memberEventInfo.alt{ -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;text-transform:uppercase;}
.meDate{font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif;text-transform:uppercase;color:#fc5c53;}

.me-postedByText { margin-right:10px }
a.me-postedByLink { color:#fc5c53; }
.me-postedByImage { width:30px;height:30px;border-radius:50%; -ms-flex-negative:0; flex-shrink:0; }
.me-postedByImage img { display: none;}

a.mButton { display:block; margin:0 auto 60px; width:86px; background-color:#fc5c53;color:#ffffff;text-decoration:none;padding:14px 40px;border:none;border-radius:3px;margin-top:10px;letter-spacing:2.8px;text-transform:uppercase;font-family:'Radnika-BoldCondensed',"Arial Narrow",Arial,sans-serif; }

.me-a, .me-a:hover, .me-a:visited { display:inline-block; color:#fc5c53; margin:10px 0; }

.wysiwygWrapper { margin-bottom:30px; }




/* ========================================================================== 
 Podcasts
 ========================================================================== */
.podcastWrapper { margin-bottom:100px; }

.podcastContent { text-align: left }

.podcastContent h2 { text-align: left; margin:0; } 
.podcastContent h4 { text-align: left; margin:0 0 20px; } 

a.showNotesButton { display:inline-block; position:relative; height:20px; margin:30px 0; color:#fc5c53; padding-right:25px; line-height:20px; }
a.showNotesButton span { position: absolute; top:0; right:0; width:20px; height:20px; background: url(images/arrowUp.svg) no-repeat center center; background-size: auto 14px;  transform:rotate(180deg);  }
a.showNotesButton.active span { transform:rotate(0deg); }
.showNotes { display: none }





/* ========================================================================== 
 Player
 ========================================================================== */
 .videoPlay { display:block; }
 .videoImage { position: relative; display:block; width: 100%; height:0; padding-bottom:56.25%; }  
 .videoImage img {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    object-fit: cover;
 }

 .twoColumn .gridItem .videoPlay h2 { font-size: 28px; line-height:36px; margin:20px auto; }
 .twoColumn .gridItem .videoPlay h3 { margin:20px auto; }
 
 a.showMoreButton { display:inline-block; position:relative; height:20px; margin:30px 0; color:#fc5c53; padding-right:25px; line-height:20px; }
a.showMoreButton span { position: absolute; top:0; right:0; width:20px; height:20px; background: url(images/arrowUp.svg) no-repeat center center; background-size: auto 14px;  transform:rotate(180deg);  }
a.showMoreButton.active span { transform:rotate(0deg); }
.moreInfo { display: none }
 
.videoOverlay { position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color:#000000; z-index:2000;}
.videoOverlay iframe { position: absolute; display: block; top:10%; left:0; width: 100%; height:80%; border: none; }

.closeVideoOverlay { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; margin: 20px 0; padding: 20px 20px; z-index:2000; color: #ffffff; }



/* ========================================================================== 
 Media Queries 
 ========================================================================== */

@media only all and (max-width:1620px) { 
	
	.contentWrapper { max-width:none; padding:0; margin:0 40px; }	
	.headerUI { right:0; }
	.headerSignupWrapper { left:0; }	
	.searchWrapper { right:-20px; }
	.headerWrapper.scroll .searchWrapper { top:59px; right:30px; }
	
	.newsSingle { margin-bottom:200px; } 


}

@media only all and (max-width:1280px) { 


	.headerWrapper.scroll .headerSocials a { margin:0 6px; }
	.headerWrapper.scroll .headerSocials a.facebook { margin:0; }
	.headerWrapper.scroll .mainNav { margin-left:-350px; }
	.headerWrapper.scroll .mainNav a { font-size:14px; margin:0 8px; }		
	.headerWrapper.scroll .subNav { margin:0; }		
	.headerWrapper.scroll .mainLogo { background-position:center 22px; }
	
	.teamMemberDetails { width:41.666%; }
	
	.sixColumn .gridItem { width:25%; }
	
	.myProfile .gridItem { width:50%; }
			
}		



@media only all and (max-width:1220px) { 

	/* HEADER */
	.headerSignupWrapper { display:none }
	.mainNav a { margin:0 8px; }
	.headerWrapper.scroll .mainLogo { opacity:0; pointer-events:none }
	.headerWrapper.scroll .mainNav { left:40px; margin-left:0; width:auto; }	
	.headerWrapper.scroll .subNav { position:relative; text-align:left;	border-top:1px solid black;	left:0;	padding-left:40px; top:inherit; }	
	.headerSocials a { margin:0 6px; }
	.headerSocials a.facebook { margin:0 3px; }
	.searchButton { padding-left:8px; background-position:10px center; }
	.headerWrapper.scroll .searchWrapper { top:59px; right:24px; }

	}	
		
		
@media only all and (max-width:1024px) { 
	
/* 	TYPE */
	p{ font-size:16px; line-height:1.6 }
	h4 { font-size:16px; }
	h1 { font-size:60px; margin:50px auto; width:90%; }
	h2 { font-size:26px; line-height:36px; }


    .mainNav a { font-size:14px;  }	
	
	.headerWrapper .contentWrapper { margin:0 20px; }
	
	.headerWrapper.scroll .mainNav { left:10px }
	.headerWrapper.scroll .headerSocials { display: none }
	
	.headerWrapper.scroll .searchButton { height:34px; }
	.headerWrapper.scroll .searchButton:before { top:8px; }

	
	h1.smallPushTitle { font-size:34px; }

		
	/* 	GRID */
	.twoColumn .gridItem { width:50%; }
	.twoColumn .gridItem.projectImage { width:41.666%; }
	.gridItem.narrow { width:50%; }
	.fourColumn .gridItem { width:50%; }	
	.twoColumn .gridItem h2 { font-size:30px; line-height:40px }
	.myProfile .gridItem { width:66.667%; }
	.gridItem.share {width: 100% !important; }

	
	a.squadWritersCTA h2 { font-size:60px; }
	
	.teamMemberImageWrapper { width:25%; margin-left:25%; }
	.teamMemberDetails { width:50%; }
	
	.partnersIntro p { width:83.333%; }
	
	.backButton { display:none }
	
	.wswgt .gridItem { width:50%; }	
	
	.singleWriterImageWrapper { margin:60px auto 0; width:50%; }
	
	.gridItem.singleWriter { width:50% }
	.gridItem.relatedPublications { width:25% }
	
	.mapOverlayInner { width:90%; }	
	
	.recruitment .gridItem { width:66.667%; margin:0 16.667%; } 
	.recruitment .gridItem.recruitmentImage { width:100%; margin:0; }
	
	.filterItem { width:100%; }
	
	.squadWriters .gridItem { width:50%; }
	
	.push .gridItem.back, .push .backButton { display:block }	
	.push .gridItem.pushArticle { width:50%; }	
	
	.shareButton { display:inline-block; margin:10px 10px 0 0; }	
	
	.memberEvents { width:90%; }
	
	.programmme .gridItem {width:66.667%; margin: 0 16.667% 40px; }

}



@media only all and (max-width:900px) { 

.headerWrapper.scroll .magazine { display:none }

}




@media only all and (max-width:768px) { 
	
	.contentWrapper { margin:0 40px; }
	.headerWrapper .contentWrapper { margin:0 20px; }
		
/* 	TYPE */
	p { font-size:18px; }
	h1 { font-size:42px; margin:50px auto; width:100%; }
	.home h1 { margin:80px auto; width:90%; }
	h2 { font-size:24px; line-height:34px;}
	h3 { margin:40px auto }
/* 	a.moreButton { margin:30px auto; } */
	
	.desktopHide { display:block }
		
/* 	HEADER */
	.headerWrapper { border:none; border-bottom:1px solid #323232;}
	.headerUI, .mainNav { display:none; }	
	.mainLogo { width:220px; height:22px; padding:20px 0; background-position:center 26px; }
	.headerWrapper.scroll .mainLogo { display:block; width:220px; opacity:1; pointer-events:auto; background-position:center 26px;}
	.headerClear, .headerClear.alt { height:62px; }	
	.mobileMenuBar { display:block; }
	
	.heroWrapper { height:400px }
	
/* 	FOOTER */
	.footerWrapper { border-bottom:4px solid #fc5c53; }
	.footerColumn1, .footerColumn2 { width:100%; text-align:center; float:none; }
	.footerColumn2 { width:230px; margin:auto; } 
	.artsCouncil { display:none }
	.footerLogo { display:none }
	.footerLegal { margin:0 auto 50px; float:none; }
	.artsCouncilMobile { display:block; margin:50px auto 0 }
	.signUpWrapper { padding:40px 0 50px }
	.signUpWrapper h3, .signUpWrapper h4 { width:70%; }
	.footerSignUp { width:290px; height:44px; margin:30px auto 0; }
	.footerSignUp input[type="email"] { padding:14px 36px 14px 10px; }
	.footerSignUp .submit { width:36px; background-size:24px 24px; }
	
	
	.footerNav {  margin:80px 0 0; text-align:center; }
	.footerNav li { display:block; margin:10px 0; }
	
/* 	GRID */
	.gridWrapper { margin:-10px 0 20px; }
/* 	.twoColumn .gridItem { width:100%; } */
	.twoColumn .gridItem h2 { font-size:24px; line-height:34px; }
	.threeColumn .gridItem { width:50%; }
	.fourColumn .gridItem { width:100%; }
		.sixColumn .gridItem { width:33.333%; }
		
		.myProfile .gridItem { width:83.333%; }

	.gridItem { padding:10px; margin-bottom:20px }	

	.gridItem.narrow { width:66.667%; }

	.gridItem.share { display:block; width: 50%; }
	
	.gridItemConstrainedImage { margin-bottom:20px }
	
	
	.podcastWrapper { margin:-10px 0 100px;  }

	
	a.pushCTA { margin:60px auto 90px; }
	a.squadWritersCTA { margin:60px auto 80px; padding:90px 0 70px; }
	a.squadWritersCTA h2 { font-size:32px;margin-bottom:10px;  }

	.signUpWrapper { margin-top:40px; }
	
	.ctaWrapper { width:38px; height:38px; }
	.ctaButton:hover .ctaOuter, .bookshelfItem:hover .ctaOuter { width:110%; height:110%; }

	.teamMemberImageWrapper { width:33.333%; margin-left:0%; padding:20px 20px 0 0}
	.teamMemberDetails { width:66.667%; padding:10px 0 0}
	
	.partnersIntro p { margin:40px auto 40px; font-size:22px; line-height:32px }
	
	.squadwritersIntro, .partnersIntro { width:inherit; margin:0 -20px 50px; }

	.gridItem.singleWriter { width:100% }
	.gridItem.relatedPublications { width:100% }
		
	.twoColumn .gridItem.nextWrapper { width:50%; padding:10px 0 10px 10px; }
	.twoColumn .gridItem.previousWrapper { width:50%; padding:10px 10px 10px 0; }
	
	.recruitment .gridItem { width:100%; margin:0 } 
	.recruitment .gridItem.recruitmentImage { width:auto; margin:0 -20px; }
	
	.squadWriterFilter { display:none; position:fixed; width:100%; height:100%; top:0; left:0; padding:80px 40px 80px; overflow-y:scroll; background-color:#ffffff; z-index:200; border:none; -webkit-overflow-scrolling: touch}
	.closeSquadFilter { display:block; }
	a.submitSquadFilter { display:block; margin-bottom:100px }
	a.mobileSquadFilterButton { display:block; }
	
	.squadWriters { width:100%; }
	.squadWriters .gridItem { width: 33.333%;}

	.wswgt .gridItem { width:50%; }
		
	.paginationButton { margin:0 10px; }
	
 	.push .gridItem.pushNav { width:75%; }	 
	.push .gridItem.pushArticle { width:75%; }	
	
	.myProfileForm input[type=text], .myProfileForm input[type=password],.myProfileForm input[type=website],.myProfileForm input[type=email] { padding:0 10px }
	
	.memberEvents { width:100%; }
	.memberEventImage, .memberEventInfo, .memberEventInfo { padding:10px; }
	
	.twoColumn .gridItem.projectImage { width:66.667% }
	
	.contentWrapper.newsSingle { margin-bottom:120px; } 
	
	.twoColumn .gridItem.whoWeAre { width:75%; }
	


}



@media only all and (max-width:640px) { 
	
	.home h1 { margin:40px auto; width:90%; font-size:32px; }
	
	h1.smallPushTitle { font-size:24px; }

	
	.threeColumn .gridItem { width:100%; }
	
	.sixColumn .gridItem { width:50%; }

	.ctaButton.active .ctaOuter { transform:translateX(-50%) translateY(-50%) scaleX(50) scaleY(50); }

	.partnersIntro p { width:100%; }
	
	.previousButton { padding-right:50px }
	.nextButton { padding-left:50px }
	.previousButton .title, .nextButton .title { display:none; }
	.previousButton .default, .nextButton .default { display:inline; }		
	
	.gridItem { padding:10px 0 }		
	
	.wswgt .gridItem { width:100%; }
	
	.twoColumn .gridItem { width:100%; }
	.twoColumn .gridItem.projectImage { width:100%; }
	
	.myProfile .gridItem { width:100%; }
	
	.gridItemConstrainedImage { position:relative; width:inherit; height:auto; max-height:inherit; max-width:inherit; margin:0 -20px 20px; padding:0; }
	.fourColumn .gridItemConstrainedImage, .bookshelfItem .gridItemConstrainedImage { padding-bottom:0; }
	.gridItemConstrainedImage img { position:relative; width:100%; height:auto; top:inherit; left:inherit; transform:none; }
	
	.fourColumn .gridItemConstrainedImage.homepageBookshelf { width:66.666%; margin:0 auto 20px; }

	
	.twoColumn .gridItemConstrainedImage, .threeColumn .gridItemConstrainedImage, .fourColumn .gridItemConstrainedImage { width:66.667%; margin:0 auto 20px; }
	
	.squadWriters .gridItem { margin-bottom:0; width:50%; } 
	.squadWriters.gridWrapper { width:inherit; margin:-10px -20px 0 }	

	.bookshelfItemConstrainedImage { width:90%; margin:0 auto 20px; }
	
	.bookshelfInner { margin-top:-50px; padding:40px 20px; }
	.bookshelfOverlayImage { display:none }
	.bookshelfOverlayInfo { width:100%; padding:0; }
	a.bookshelfCTA { margin-bottom:0; }
	.bookshelfOverlayInfo p { font-size:14px }
	.bookshelfOverlayInfo h2 { font-size:30px }

	.gridWrapper.push { flex-direction:column-reverse }
	.gridWrapper.push .gridItem.back { width:100%; }
	.gridWrapper.push .gridItem .backButton { margin:50px auto }
	.push .gridItem.pushArticle, .push .gridItem.pushNav { width:100%; }
	
	.pushTitle { width:100%; background-size:260px auto; }
	
	.push .gridItem.share { display:none }
	
	.memberEvent { -ms-flex-wrap: nowrap; flex-wrap: wrap; margin-bottom:30px; }
	.memberEventImage, .memberEventInfo, .memberEventInfo { width:100%; padding:10px 0; }
	.memberEventInfo.alt { text-align:left; -webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse; }
	.me-postedByText { margin:0 0 0 10px }

	.programmme .gridItem {width:75%; margin: 0 12.5% 40px; }
	
	.twoColumn .gridItem.whoWeAre { width:100%; }

.twoColumn .gridItem.embedWrapper { margin:0 -20px; width: auto; min-width:100% }


}





@media only all and (max-width:480px) { 
	
	.ctaButton.active .ctaOuter { transform:translateX(-50%) translateY(-50%) scaleX(40) scaleY(40); }
	.teamMemberImageWrapper { width:60%; margin-left:20%; padding:0 }
	.teamMemberDetails { width:100%; margin-bottom:30px; }
	.teamMemberImageInner { height:52vw }
	.squadWriters .gridItem h2 { font-size:20px; line-height:24px; margin-bottom:10px; } 
	
/* 	.twoColumn .gridItemConstrainedImage { width:inherit; margin:0 -20px 20px; } */
.twoColumn .gridItemConstrainedImage,  .threeColumn .gridItemConstrainedImage, .fourColumn .gridItemConstrainedImage { width:auto; margin: 0 -20px 20px; }

	.programmme .gridItem {width:100%; margin: 0 auto 40px; }

	
}


/* ==========================================================================
 Helper classes
 ========================================================================== */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

/* ==========================================================================
 Print styles.
 ========================================================================== */
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
}