/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1.75em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

h1,h2 { margin-bottom: 0.5em; }
h3,h4,h5,h6 { margin: 1em 0 0.5em 0; }
p { margin-bottom: 1em; }

h5,h6 { font-size: 1em; }
h4 { font-size: 1.5em; }
h3 { font-size: 1.75em; }
h2 { font-size: 2.6em; }
h1 { font-size: 3em; }

* {
    -webkit-transition: background-color 500ms ease-out 0ms, color 500ms ease-out 0ms;
    -moz-transition: background-color 500ms ease-out 0ms, color 500ms ease-out 0ms;
    -o-transition: background-color 500ms ease-out 0ms, color 500ms ease-out 0ms;
    transition: background-color 500ms ease-out 0ms, color 500ms ease-out 0ms;
}

hr.clear { margin: 1em 0; height: 4px; display: inline-block; width: 100%; background: #ccc; border: none; }

/* Slick Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Forms */
.frm label { width: 100%; display: inline-block; margin: 5px 0;  }
.frm input,
.frm select,
.frm textarea { border: none; height: 40px; width: 100%; }
.frm .text input,
.frm .email input,
.frm textarea,
.frm select { background: #fff;  }
.homesection.pageContentOuter:nth-child(even) .frm .text input,
.homesection.pageContentOuter:nth-child(even) .frm .email input,
.homesection.pageContentOuter:nth-child(even) .frm textarea,
.homesection.pageContentOuter:nth-child(even) .frm select { background-color: #ccc; } 
.frm input,
.frm textarea { width: 100%; padding: 1em 0.5em; }
.frm textarea { height: 100px; }
.frm .frmRow.captcha img { float: left; height: 30px; }
.frm .frmRow.captcha input { float: left; height: 30px; line-height: 30px; width: 60px; margin-left: 10px; }
input.submit { width: auto; height: auto; margin: 20px 0; padding: 0.5em; cursor: pointer; }
.frm .frmRow { padding: 10px 0; }
.frm_message { padding: 50px 30px; text-align: center; }
.frmRow.checkbox .checkbox,
.frmRow.checkbox label { float: left; width: auto; height: 24px; line-height: 24px; font-size: 0.8em; }
.frmRow.checkbox .checkbox { margin-right: 5px; }
.frmRow.checkbox { display: inline-block;}
/*
#henlo_form_message.success { position: fixed; display: table; width: 100%; height: 100%; background-color: #efefef; }
#henlo_form_message.success > div { display: table-cell; vertical-align: middle; text-align: center; z-index:2; }
*/
/*.msg { width: 96%; padding: 20px 2%; margin: 0 0 10px 0; background: #dedede; border:solid 1px #ccc; }
.msg.error { background: #fecaca; border: solid 1px #c66; color: #c66; }
.msg.info {  background: #fffac4; border: solid 1px #f0e678; color: #f0e678; }
.msg.success {  background: #caffc4; border: solid 1px #2adb18; color: #2adb18; }*/
#henlo_form_message.success a.msgClose { display: none; }
.msg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; widows: 100%; height: 100%; color: #ef0000; background: rgba(0,0,0,0.9); z-index: 105; }
.msg li { list-style: none; }
.msg .button { padding: 0.2em 0.5em; margin: 1em 0; }

::-webkit-input-placeholder { color: #777; }
:-moz-placeholder { color: #777;   }
::-moz-placeholder {  color: #777;   }
:-ms-input-placeholder {   color: #777;   }


h1,h2,h3,h4,h5,h6 { width: 100%; line-height: 1em; }

/* Make body and html full height */
html { height: 100%; }
body { min-height: 100%; }

html { background: #fff; }

.blackWash { background-color: rgba(0,0,0,0.5); }

/* V2 */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

.alignright { text-align: right; }
.alignleft { text-align: left; }
.floatright { float: right; }
.floatleft { float: left; }

.button,
.submit input.submit { display: inline-block; height: 40px; line-height: 30px; color: #fff; background-color: #ef0000; padding: 5px 10px; margin: 0 0 30px 0; }
.button.bgGrey50,
.button.bgGrey60,
.button.bgGrey70,
.button.bgGrey80,
.button.bgGrey90,
.button.bgGrey100 { color: #ef0000; }
.shout { text-transform: uppercase; font-weight: bold; }


html,body {
  padding: 0;
  margin: 0;
}
body {
  padding-bottom: 4.5em;
}
.pageTopbarOuter,
.pageHeaderOuter,
.pageContentOuter,
.pageFooterOuter { width: 100%; display: }

.pageFooterOuter { position: fixed; bottom: 0; left: 0; z-index: 90; }

.pageTopbarInner,
.pageHeaderInner,
.pageContentInner,
.pageFooterInner {
  width: 100%;
  padding: 1rem;
}

.scrollArrow { display: inline-block; position: fixed; width: 32px; height: 32px; background-image: url('../img/up-down-grey.png'); background-size: cover; z-index: 95; }
.scrollArrow.up { top: 1em; left: 50%; margin-left: -32px; }
.scrollArrow.down { bottom: 1.25em; left: 50%; margin-left: -32px; background-position: 0 -100%; }

.pageHeaderOuter { position: absolute; top: 0; left: 0; }
.pageTopbarInner { padding-top: 0.25em; padding-bottom: 0.25em; }
.pageContentInner { text-align: center; }

#logoBg { position: fixed; top: 0; left: 0; width: 0; padding: 0; border-style: solid; border-width: 12em 12em 0 0; border-color: #000 transparent transparent transparent; z-index: 90; }
#logo { position: fixed; left: 1.5em; top: 1em; z-index: 91; }
#logo img { width: 60%; }

.home #logoBg,
.home #logo, 
.home .pageFooterOuter { opacity: 0; }


nav ul,
nav li { margin: 0; padding: 0; list-style: none; text-align: center; }

/* Burger */
#burgerOuter { position: fixed; top: 1.35em; right: 1.35em; z-index: 95; }
#burgerInner { position: relative; width: 30px; height: 30px; cursor: pointer; }
.burgerLine { position: absolute; left: 0; background: #ccc; width: 100%; height: 6px; border-radius: 1px; }
#burgerLine1 { top: 0; }
#burgerLine2 { top: 12px; }
#burgerLine3 { bottom: 0; }

/* Burger Animation */
.burgerLine,
#mainNavContainer > nav { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;   }  
@-webkit-keyframes burgerMenuTopOn { 50% { top: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { top: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  } }  @keyframes burgerMenuTopOn { 50% { top: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { top: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  } }  
#burgerInner.on #burgerLine1 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuTopOn; animation-name: burgerMenuTopOn; }  @-webkit-keyframes burgerMenuBottomOn { 50% { bottom: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);      }  100% { bottom: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  } }  @keyframes burgerMenuBottomOn { 50% { bottom: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);      }  100% { bottom: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  } }  
#burgerInner.on #burgerLine3 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuBottomOn; animation-name: burgerMenuBottomOn; }    @-webkit-keyframes burgerMenuMiddleOn { 100% { opacity: 0; } }  @keyframes burgerMenuMiddleOn { 100% { opacity: 0; } }  
#burgerInner.on #burgerLine2 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuMiddleOn; animation-name: burgerMenuMiddleOn; }  /* Reverse */  @-webkit-keyframes burgerMenuTopOff { 0% { top: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }  50% { top: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { top: 0; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);  } }  @keyframes burgerMenuTopOff { 0% { top: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }  50% { top: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { top: 0; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);  } }  
#burgerInner.off #burgerLine1 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuTopOff; animation-name: burgerMenuTopOff; }  @-webkit-keyframes burgerMenuBottomOff { 0% { bottom: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  }  50% { bottom: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { bottom: 0; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);  } }  @keyframes burgerMenuBottomOff { 0% { bottom: 12px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  }  50% { bottom: 12px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);  }  100% { bottom: 0; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);  } }  
#burgerInner.off #burgerLine3 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuBottomOff; animation-name: burgerMenuBottomOff; }    @-webkit-keyframes burgerMenuMiddleOff { 0% { opacity: 0; } 50% { opacity: 0; }   100% { opacity: 1; } }  @keyframes burgerMenuMiddleOff { 0% { opacity: 0; } 50% { opacity: 0; }   100% { opacity: 1; } }  
#burgerInner.off #burgerLine2 { -webkit-transform-origin: middle center; transform-origin: middle center; -webkit-animation-name: burgerMenuMiddleOff; animation-name: burgerMenuMiddleOff; }

/* Menu */
#mainNavContainer { height: 100%; }
#mainNavContainer > nav { box-sizing: content-box; position: fixed; z-index: 94; top: 0; right: -20px; padding-left: 20px; overflow-x: hidden; overflow-y: scroll; background: rgba(0,0,0,0.95); height: 100%; visibility: hidden; }
#mainNavContainer > nav.on,
#mainNavContainer > nav.off { visibility: visible; }
#mainNavContainer > nav > ul { width: 400px; padding: 3em; }
#mainNavContainer a { text-transform: uppercase; font-size: 0.75em; padding: 0.5em 0; display: inline-block; width: 100%; font-weight: bold; }
#mainNavContainer .current-menu-item a { border: solid 1px #ef0000; }
#mainNavContainer a:hover { color: #fff; }

/* Menu Animation */
@-webkit-keyframes mainMenuOn { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }  @keyframes mainMenuOn { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; }  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }  #mainNavContainer nav.on { -webkit-animation-name: mainMenuOn; animation-name: mainMenuOn; }  @-webkit-keyframes mainMenuOff { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }  @keyframes mainMenuOff { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }  #mainNavContainer nav.off { -webkit-animation-name: mainMenuOff; animation-name: mainMenuOff; }

.homesection.pageContentOuter { background-color: #fff; background-size: cover; }
.homesection.pageContentOuter:nth-child(odd) { background-color: #ef0000; color: #fff; }
.homesection.pageContentOuter:nth-child(odd) a { color: #fff; }
.homesection.pageContentOuter:nth-child(even) a.button { background: #ef0000; color: #fff; }
.homesection.pageContentOuter:nth-child(odd) a.button { background: #fff; color: #ef0000; }
.homesection.homesection1 { background-color: transparent !important; border-top: 0; }
.homesection.homesection1 h1 { margin: 0; }
.homesection.homesection1 p { margin: 0 0 2em 0; }
.homesection.pageContentOuter:nth-child(odd) .button,
.homesection.pageContentOuter:nth-child(odd) .submit input.submit { background-color: #fff; color: #ed0000; }


.homesection .row { padding-top: 1em; padding-bottom: 1em; }
.homesection .pageContentInner > .row { padding-top: 4em; padding-bottom: 4em; }
.homesection.homesection1 .row { padding-top: 0; padding-bottom: 0; }

.person > div { padding-bottom: 2em; }
.personPic img { border: solid 0.5em #fff; }
.homesection.pageContentOuter:nth-child(even) .personPic img { border-color: #444; }

#pageBackgroundImage,
#pageVideo {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("../img/flowers.jpg") no-repeat;
    background-size: cover; 
}
.submit-your-story #pageBackgroundImage { background-size: contain; background-position: 50% 50%; }
.postList.organisation .itemImage a { width: 75px; height: 75px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: 50% 0; }
.postList.organisation .postItem { /*display: inline-block; margin: 0.25em; width: 75px; height: 75px;*/ }

.postList.post,
.postList.news { text-align: left; }

.postList.post .postItem { margin-bottom: 2em; }
.postList.post .postItem h3 { margin: 0 0 0.5em 0; }
.postList.post .postItem .itemImage a { background-color: #efefef; width: 100%; height: 0; padding-bottom: 50%; display: inline-block; background-size: cover; background-position: 50% 20%; }
.postList.post .postItem .itemCategory a { margin: 0; text-transform: uppercase; color: #bbb; }
.postList.itemVideo { margin-bottom: 0.5em; }

.postList.news .postItem { margin-bottom: 2em; }
.postList.news .postItem h3 { margin: 0 0 0.5em 0; }
.postList.news .postItem .itemImage a { background-color: #efefef; width: 100%; height: 0; padding-bottom: 50%; display: inline-block; background-size: cover; background-position: 50% 20%; }
.postList.news .postItem .itemCategory .button { margin: 0; }
.postList.itemVideo { margin-bottom: 0.5em; }

.eventList { margin: 2em 0; }
.eventListItem { margin-bottom: 1em; }
.eventListItem > div { background-color: #ed0000; color: #fff; padding: 1em; }
.eventListItem h3,
.eventListItem a { color: #fff; }
.eventListImage > div { padding-bottom: 50%; background-size: cover; background-position: 50% 25%; }
.eventListDate { text-transform: uppercase; margin: 0.5em 0; padding: 0.5em 0; }

/*.postList.news .postItemInner { position: relative; padding: 1em 1em 2.5em 1em; }*/
/*.postList.news .postItem .itemCategory { text-transform: uppercase; position: absolute; bottom: 0; left: 1em; }*/

.formContainer { position: relative; text-align: left; }
.formContainer .anchor { position: absolute; top: 0; left: 0; }
.frm_forms legend { display: none; }
.frm_forms input[type="text"],
.frm_forms input[type="email"],
.frm_forms textarea { border: none; width: 100%; margin: 0 0 0.5em 0; padding: 0.5em; background-color: rgba(230,230,230,0.75); border-bottom: solid 1px #bbb; color: #555; }
.frm_forms input[type="text"],
.frm_forms input[type="email"] { line-height: 3em; height: 3em; }
.frm_forms input[type="submit"] { border: none; border-radius: 0; float: right; padding: 0.5em 1em; }
.frm_forms input[type="text"],
.frm_forms input[type="email"],
.frm_forms input[type="submit"],
.frm_forms textarea { font-size: 1em; }

.socialIcons a { display: inline-block; float: none; width: 30px; height: 30px; background: url('../img/socialIcons.png') 0 0 no-repeat; background-size: 100% auto; margin: 5px; }
.socialIcons a.socialTwitter { background-position: 0 0; }
.socialIcons a.socialTwitter:hover { background-color: #2aa9e0; }
.socialIcons a.socialYouTube { background-position: 0 -30px; }
.socialIcons a.socialYouTube:hover { background-color: #c8312b; }
.socialIcons a.socialLinkedIn { background-position: 0 -60px; }
.socialIcons a.socialLinkedIn:hover { background-color: #02669a; }
.socialIcons a.socialFacebook { background-position: 0 -90px; }
.socialIcons a.socialFacebook:hover { background-color: #546493; }
.socialIcons a.socialInstagram { background-position: 0 -120px; }
.socialIcons a.socialInstagram:hover { background-color: #955c4a; }
.socialIcons a.socialGoogle { background-position: 0 -150px; }
.socialIcons a.socialGoogle:hover { background-color: #d3492c; }
/*.socialIcons a:hover { background-color: #333; }*/

.footerText { display: inline-block; height: 32px; line-height: 32px; }
.pageFooterInner .obeliskStamp { height: 32px; width: 32px; float: right; margin-left: 5px; }
.pageFooterInner .button { height: 40px; line-height: 40px; margin: 0 0.5em; padding: 0 0.5em; display: inline-block; }
.pageFooterInner .socialIcons { display: inline-block; }
#spark21logo { height: 26px; }


/* Not front page */
#pageIntro h1 { font-weight: normal; margin: 1em 0 0.5em 0; }
#pageIntroText { margin: 0 0 4em 0; }

div.intro { font-size: 1.25em; margin-bottom: 1em; border-bottom: solid 1px #ddd; }

#pageHeading { padding: 1em 0 0.5em 0; }
#pageHeading h1 { font-weight: normal; margin: 0 0 0.25em 0; }

/* Timeline */

/*body.timeline #logoBg { display: none; }
body.timeline #pageIntro { position: fixed; top: 0; left: 0; background: #000; padding: 0.75em 0; }
body.timeline #pageIntro h1 { color: #fff; font-size: 2em; margin: 0; }*/

.timelineList .itemYear.newYear span { font-size: 2em; border-bottom: solid 3px #444; }
.timelineList .itemYear,
.timelineList .itemText { margin-bottom: 20px; }
.timelineList .itemDate { text-transform: uppercase; }
.timelineList .itemText { border-left: solid 3px #ccc; }
.timelineList .postItem { padding: 2em 0; }
.timelineList .postItem:nth-child(even) { background: #ef0000; color: #fff; }
.timelineList .postItem:nth-child(even) a { color: #fff; }
.timelineList .postItem:nth-child(even) .itemText,
.timelineList .postItem:nth-child(even) .itemYear.newYear span { border-color: #fff; }
.timelineList .postItem .button { margin: 0.5em 0; display: inline-block; background-color: #fff; }
.timelineList .postItem .button { color: #ef0000; background-color: #fff; cursor: pointer; }
.timelineList .postItem .itemImage span { display: inline-block; width: 100%; height: 0; padding-bottom: 100%; background-size: cover; background-position: 50% 50%; } 
.timelineList .itemTitle h3 { margin-top: 0; }
.timelineList h1,
.timelineList h2,
.timelineList h3,
.timelineList h4,
.timelineList h5,
.timelineList h6 { font-size: 1.5em; }

#yearSelectContainer { position: relative; }
.yearSelector { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; padding: 10%; text-align: center; background-color: rgba(0,0,0,0.9);  }
.yearSelector li { list-style: none; display: inline-block; }
.yearSelector li a { padding: 0.5em; border: solid 1px #ef0000; margin: 0.5em; border-radius: 2px; display: inline-block; }
.yearSelector li a:hover { background: #ef0000; color: #fff; }
.decadeSelector { background-color: #000; position: absolute; left: 0; top: 3em; }
.decadeSelector li { list-style: none; padding: 0 0.25em; }
.hidden { display: none; }

#selectDecadeCTA { position: fixed; bottom: 1em; z-index: 100; left: 50%; margin-left: -100px; width: 200px; }
#selectDecadeCTA:hover { background: #ef0000; }

/* images */
.wp-image-wrap { border: solid 0.75em #fff; margin: 0 0 1em 0; width: 40%; font-size: 0.8em; line-height: 1.25em; background: #fff; }
.wp-image-wrap img { width: 100%; height: auto; float: none; }
.wp-caption { margin: 0.25em 0; text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-image-wrap.alignleft { margin-right: 1em; }
.wp-image-wrap.alignright { margin-left: 1em; }

.pagination { text-transform: uppercase; }
.pagination span { background-color: #aaa; }
.pagination a { background-color: #ef0000; }
.pagination span,
.pagination a { color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; }
.pagination .next,
.pagination .prev { width: auto; padding: 0 1em; }

/* home.php */
.defaultBlog .blogItemInner { padding: 1em 1em 3em 1em; margin-bottom: 1em; position: relative; }
.defaultBlog .itemImage a { display: inline-block; width: 100%; padding-bottom: 75%; background-size: cover; background-position: 50% 50%; }
.defaultBlog h3 { margin: 0 0 0.5em 0; }
.defaultBlog .blogItemInner .button { margin: 0 0.5em 0 0; }
.defaultBlog .itemDate { text-transform: uppercase; }
.defaultBlog .itemCategory { position: absolute; bottom: 1em; }

/* single.php */
blockquote { quotes: "“" "”" "‘" "’"; }
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }
blockquote { border-left: solid 0.25em #555; padding-left: 0.75em; margin: 1em 0; font-style: italic; color: #ef0000; display: block; clear: both; }
.singleItemInner .itemImage div { width: 100%; padding-bottom: 66%; display: inline-block; border: solid 0.5em #fff; margin-bottom: 1em; background-size: cover; background-position: 50% 20%; }
.single .videoContainer { padding-bottom: 56%; }
.singleItemInner .itemVideo { margin-bottom: 1em; }
/*.singleItemInner .itemImage { border-bottom: solid 1px #999; margin-bottom: 1em; }*/

body.videos .itemTitle { margin-top: 0.5em; }

/* single-person.php */
.single-person .itemImage { width: 180px; height: 180px; display: inline-block; margin: 2em 0 1em 0; }
.single-person .itemImage div { padding-bottom: 0; width: 180px; height: 180px; border: solid 10px #fff; background-size: cover; background-position: 50% 50%; }

/* sidebars */
.sidebar > ul,
.sidebar > ul > li { margin: 0; padding: 0; list-style: none; }
.sidebar > ul > li { margin-bottom: 2em; }
.sidebar > ul > li > div,
.sidebar h2.widgettitle { padding: 1.5em; font-size: 0.75em;  }
.sidebar h2.widgettitle { text-transform: uppercase; border-bottom: solid 1px #fff; }
.sidebar > ul > li:nth-child(even) { background: #333; color: #fff; }
.sidebar > ul > li:nth-child(odd) { background: #555; color: #fff; }
.sidebar > ul > li:nth-child(even) a { color: #fff; }
.sidebar .postList.post .postItem { border-bottom: solid 1px #999; margin-bottom: 1em; padding-bottom: 1em; }
.sidebar .button { margin-left: 0; }
.sidebar .postList a.button { background: #222; color: #fff; }

/* video */
.videoContainer,
.iframeVideo { max-width: 1280px; max-height: 720px; }
.videoContainer { height: 0; padding-bottom: 50%; position: relative; }
.videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; }

.videoContainer.fullscreen,
.fullscreen .iframeVideo { max-width: none; max-height: none; }
.videoContainer.fullscreen { position: fixed; top: 0; left: 0; z-index: 95; width: 100%; height: 100%; }
.fullscreen .iframeVideo { width: 100%; height: 100%; }  

.videoCloseOuter { position: fixed; top: 20px; right: 20px; width: 30px; height: 30px; z-index: 100; cursor: pointer; }
.videoCloseInner { position: relative; width: 100%; height: 100%; }
.closeBar1,
.closeBar2 { width: 100%; height: 4px; background: #fff; position: absolute; left: 0; top: 13px; }
.closeBar1 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.closeBar2 { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }

/* Digital Wall */
body.digital-wall .person > div {  }
body.digital-wall .personItem { background: url('../img/screensheen.png') 0 0 no-repeat #9E8282; background-size: cover; border: solid 0.25em #fff; color: #fff; text-shadow: 0 -1px 0 #8E3F3F; padding: 1em 0; height: 100%; }
body.digital-wall .personItem:hover { background-color: #ef0000; }


/* Events */
.eventItem > div { border: solid 1px #cacaca; padding: 1em; margin-bottom: 1em; }
.eventItem .itemThumb { width: 100%; padding-bottom: 60%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-bottom: 1em; }
.eventItem .eventTitle { border-bottom: solid 1px #cacaca; margin-bottom: 1em; padding-bottom: 1em; }
.eventItem .eventDate { border-top: solid 1px #cacaca; margin-top: 1em; padding-top: 1em; }
.eventItem .eventExcerpt {  }




/* Tables */
table { text-align: left; }
tr:nth-child(even) { background: #d6d6d6; }
tr:nth-child(odd) { background: #e6e6e6; }
th, td { padding: 0.75em; border-bottom: solid 1px #cecece; border-right: solid 1px #cecece; vertical-align: top; }
.nowrap { white-space: nowrap; }

/* 24/11/2015 - Overlay video */
a.playVideo { display: inline-block; height: 40px; line-height: 30px; color: #fff; background-color: #ef0000; padding: 5px 10px; margin: 0 0 30px 0; }
a.playVideo:hover { background-color: #000; }
svg.arrow { width: 20px; height: 20px; display: inline-block; float: left; margin: 5px 10px 0 0; }

/* 28/02/2016 - Stories */
.postList.story .postItem { margin-bottom: 2em; padding-bottom: 2em; border-bottom: solid 1px #ddd; }
.submit-your-story .frm .text input, 
.submit-your-story .frm .email input, 
.submit-your-story .frm textarea, 
.submit-your-story .frm select { background-color: rgba(255,255,255,0.6); }

/* 15/03/2016 - OnTheRoll */
.ontheroll #pageBackgroundImage { background-size: contain; background-position: 50% 50%; }
#paypalButton { margin: 0 0 2em 0; display: inline-block; width: auto; }
#paypalButton .button { border: none; color: #fff; }
#paypalButton .button,
#paypalButton .playVideo { float: left; display: inline-block; margin: 0; padding: 0 10px; height: 40px; line-height: 40px; }
#paypalButton .playVideo { margin-right: 10px; }
#paypalButton .playVideo .arrow { margin: 10px 10px 10px 0; }