/* 
North York Moors - global.css - Danny Connell - Reading Room 2014
----------------------------------------------------------------------------------
The CSS in this will style the website for both mobile and desktop (mobile first)
Additional styles for desktop browsers can be found in desktop.css.
When making any CSS changes, it is recommended to make changes to this file first,
get your styles working on mobile, then add any additional styles for desktop to 
desktop.css as necessary.

Contents
--------
reset
fonts
helpers
general
background colours
buttons
lists
videos
forms
layout
header
menu
homenav
inner pages
landing videos
inline videos
comments form
comments
heading images
listing pages
visting page
activity detail page
mini gallery
gallery
map page
footer
*/

/*
reset
*/ 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; =display:inline; =zoom:1; }
[hidden] {display:none; }
html {font-size:62.5%; height:100%; }
html, button, input, select, textarea {font-family:Arial, sans-serif; color:#222; }
body {margin:0; font-size:1em; line-height:1.4; -webkit-text-size-adjust: none;}
::-moz-selection {background:#981A3C; color:#FFF; text-shadow:0px 0px; }
::selection {background:#981A3C; color:#FFF; text-shadow:0px 0px; }
a {color:#00E; text-decoration:none; }
a:hover {text-decoration:underline; }
a:focus {outline:thin dotted #EF8F2F; }
a:hover, a:active {outline:0; }
abbr[title] {border-bottom:1px dotted #000000; }
b, strong {font-weight:bold; }
blockquote {margin:1em 40px;
    background: #ccc;
    color: #333;
    margin: 1.5em 0;
    padding: 25px 28px;
    position: relative;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1.5em;
    font-family: Georgia,Times;}
dfn {font-style:italic; }
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
ins {background:#FF9; color:#000; text-decoration:none; }
mark {background:#FF0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, 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:85%; }
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup {top:-0.5em; }
sub {bottom:-0.25em; }
ul, ol {margin: 1em 0 10px 0; padding:0 0 0 40px; }
dd {margin:0 0 0 40px; }
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0; }
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
figure {margin:0; }
form {margin:0; }
fieldset {border:0; margin:0; padding:0; }
label {cursor:pointer; }
legend {border:0; =margin-left:-7px; padding:0; white-space:normal; }
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; =vertical-align:middle; }
button, input {line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button; =overflow:visible; }
button[disabled], input[disabled] {cursor:default; }
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; =width:13px; =height: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-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0; }
textarea {overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid {background-color:#F0DDDD; }
td {vertical-align:top; }

blockquote::before {
    content: "\201C";
    font-size: 40px;
    left: 8px;
    line-height: 0;
    position: absolute;
    top: 30px;
}
blockquote::after {
    bottom: 4px;
    content: "\201D";
    font-size: 40px;
    line-height: 0;
    position: absolute;
    right: 13px;
}
/*
fonts
*/
/*light*/ 
.intro p, .event-list .event p.date, .link-list, .footer, .landing-video p, .listing-item .date, .arrow-white-right-tail {font-family:"Roboto Slab"; font-weight:300; }
/*regular*/ 
h1, h2, h3, h4, .slide-text, .icon-menu, a.arrow-grey-right-tail, .menu a, .carousel-tab, .sub-nav ul, .pagination {font-family:"Roboto Slab"; font-weight:400; }
/*bold*/ 
.collage h3, a.button, button.button, .search-in-page label, .visiting-links a .text .title, .visiting-section h2, .play-video {font-family:"Roboto Slab"; font-weight:700; }
/*
helpers
*/ 
.clearfix:before, .clearfix:after {content:""; display:table; }
.clearfix:after {clear:both; }
.clearfix {zoom:1; }
.clear {clear:both; }
.hidden {display:none; }
.float-left {float:left; }
.float-right {float:right; }
.margin-bottom {margin-bottom:30px; }
.no-margin-top {margin-top: 0;}
.no-margin-bottom {margin-bottom: 0 !important;}
.border-box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.desktop-only {display:none; }
.width-50 {width:50%; }
img.full-width {width:100%; height:auto; }
/*
general
*/ 
body {color:#636363;}
h1 {font-size:2.5em; }
h2 {font-size:2.2em; }
h3 {margin-bottom:0em; margin-top:2em; font-size:1.8em; }
h4 {margin-bottom:0em; margin-top:2em; font-size:1.8em; color:#851349;}
h5 {margin-bottom:0em; margin-top:2em; font-size:1.5em; }
h6 {margin-bottom:0em; margin-top:2em; font-size:1.5em; color:#851349;}
.heading-icons {margin-left:20px; }
.heading-icons img {margin-right:10px; }
p {font-size:1.3em; line-height:1.69em; }
ul, ol {font-size:1.3em; line-height:1.69; }
dl {margin:0 0 15px; padding:0; font-size:1.3em; list-style-type:none; }
dl:first-child {padding-right:10px; }
dt {margin:0px; padding:0px; font-weight:bold; }
dd {margin:0px 0px 10px; padding:0px; }
a {color:#115A59; }
/*
background colours
*/ 
.background-darker-grey {background-color:#3B3B3B; }
.background-light-grey {background-color:#F0F0F0; }
.background-white {background-color:#FFF; }
.background-green {background-color:#F0F7E3; }
.text-shadow {text-shadow:0px 0px 9px rgba(0, 0, 0, 1); }
/*
buttons
*/ 
a.button, button.button {background-color:#9DC745; display:block; font-size:1.6em; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; border-radius:5px; border:none; }
a.button:hover, button.button:hover {background-color:#8DB43F; text-decoration:none; }
a.button span, button.button span {background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0011/112151/arrow-grey-right.png); background-repeat:no-repeat; background-position:right; color:#434343; padding-right:14px; }
.arrow-grey-right-tail {color:#434343; font-size:1.2em; text-transform:uppercase; background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0010/112150/arrow-grey-right-tail.png) no-repeat right center; padding-right:19px; }
.arrow-grey-right-tail.wide {text-transform:none; font-size:1.6em; display:block; }
.arrow-white-right-tail {font-size:1.2em; text-transform:uppercase; background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0019/112159/arrow-white-right-tail.png) no-repeat right center; padding-right:19px; }
/*
lists
*/ 
.link-list {list-style-type:none; margin:0 0 15px; padding:0; font-size:1.2em; line-height:1.83em; }
.link-list a {color:#414141; }
.icon-list a img {margin-right:3px; margin-top:10px; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; }
.icon-list a:hover img {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); }
.arrow-light-grey-right-list {list-style-type:none; padding:0; margin-bottom: 20px;}
.arrow-light-grey-right-list li {background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0013/112153/arrow-light-grey-right-small.png) no-repeat 0px 2px; line-height:1.3em; padding-left:13px; margin-bottom:6px; }
.arrow-list {list-style-type:none; margin-bottom:25px; margin-left:5px!important; }
.arrow-list li {background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0018/112149/arrow-grey-right-tail-small.png) no-repeat 0px 5px; padding-left:13px; margin-bottom:5px; line-height:1.4; }
/*
videos
*/
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed,
.video-container .poster,
.video-container .play-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.play-video>span {color: #fff; font-size: 18px; font-size: 15px; text-align: center; position: absolute; display: block; width: 122px; height: 108px; height: 76px; left: 50%; top: 50%; margin-left: -61px; margin-top: -54px; margin-top: -38px; }
.play-video>span img {margin-bottom: 5px; opacity: 0.7; width: 50px; height: 50px;}
.play-video>span span {display: block;}
.play-video:hover span {text-decoration: underline;}
.play-video:hover span img {opacity: 1;}
/*
forms
*/ 
select {border:none; padding:5px; font-size:1.2em; }
/*
layout
*/ 
.constraint {position:relative; }
.container {margin:0 auto; position:relative; }
.padding {padding:10px 20px 20px; }
/*
header
*/ 
.header {position:absolute; width:100%; top:20px; padding-top:6px; padding-bottom:6px; z-index:3; -webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 5px rgba(50, 50, 50, 0.75); }
.header .constraint {padding-right:7px; }
.logo-north-york-moors {width:54px; height:54px; position:absolute; left:13px; top:-14px; }
.icon-menu {color:#FFF; font-size:1.8em; display:block; text-transform:uppercase; background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0018/112185/icon-menu.png); background-repeat:no-repeat; background-position:100% 4px; padding-right:30px; }
.icon-menu:hover {text-decoration:none; }
.icon-menu.active {background-position:100% -36px; }
/*
menu
*/ 
.menu {background:#ECECEC; background:rgba(236, 236, 236, 0.9); top:57px; position:absolute; width:100%; height:100%; min-height:2047px; z-index:2; display:none; }
.menu .constraint {position:relative; height:100%; overflow-x:hidden; overflow-y:visible; }
.menu nav {background:#3B3B3B; padding-top:22px; }
/*search*/ 
.menu .search {padding:10px 57px 11px 20px; border-bottom:1px solid #898989; position:relative; }
.menu .search input[type=text] {background:#ECECEC; border:none; font-size:1.3em; padding:7px; width:100%; }
.button-search {background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0014/112190/icon-search.png); no-repeat 0px 0px; width:24px; height:24px; border:none; font-size:0; position:absolute; right:10px; top:50%; margin-top:-12px; text-indent:100%; overflow:hidden; }
.menu .search a.button-search:hover {background-color:#3B3B3B; }
.menu .search .button-search.desktop-only {display:none; }
/*menu items*/ 
.menu ul {font-size:1em; line-height:normal; }
.menu a {display:block; padding:10px 20px 11px; color:#FFF; border-bottom:1px solid #898989; font-size:1.8em; position: relative; }
.menu a.has-children {padding-right: 44px;}
.menu a .arrow-green-right, .menu a .arrow-grey-right {background-image: url(https://www.northyorkmoors.org.uk/__data/assets/image/0014/112145/arrow-green-right.png); background-repeat: no-repeat; background-position: center; width: 28px; height: 28px; position: absolute; border: 1px solid #9DC746; right: 7px; top: 50%; margin-top: -16px;}
.menu a .arrow-green-right:hover {background-color: #333;}
.menu a .arrow-grey-right {background-image: url(https://www.northyorkmoors.org.uk/__data/assets/image/0011/112151/arrow-grey-right.png); border: 1px solid #898989}
.menu a .arrow-grey-right:hover {background-color: #ddd;}
.menu a:hover {background-color:#484848; text-decoration:none; }
.menu a.active {color: #9DC746;}
/*level 2*/ 
.menu .children {position:absolute; top:74px; left:100%; width:100%; background:rgba(0, 0, 0, 0.7); z-index:10; min-height: 277px; height: 96%;}
.menu .children a {margin-left:20px; }
.menu .children a.back-to-main {background:#9DC846; color:#636363; }
.menu .children a.back-to-main:hover {background:#8DB43F; }
.menu a .icon-back, .menu a:hover .icon-back {background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0016/112147/arrow-grey-left-small.png); background-position:0px 6px; background-repeat:no-repeat; padding-left:16px; }
.lt-ie9 .icon-back {background-image:none !important; }
.menu .children ul a {background:#FFF; color:#636363; }
.menu .children ul a:hover {background:#F1f1f1; }
/*level 3*/
.menu .children .children {top: 0;}

.menu .lang li.fr a{background: url(http://www.northyorkmoors.org.uk/__data/assets/image/0019/140617/varieties/tiny.png) #fff 5px no-repeat; padding-left: 35px; }
.menu .lang li.de a{background: url(http://www.northyorkmoors.org.uk/__data/assets/image/0013/140620/varieties/tiny.png) #fff 5px no-repeat; padding-left: 35px; }
.menu .lang li.nl a{background: url(http://www.northyorkmoors.org.uk/__data/assets/image/0021/140619/varieties/tiny.png) #fff 5px no-repeat; padding-left: 35px; }
.menu .lang li.ch a{background: url(http://www.northyorkmoors.org.uk/__data/assets/image/0020/140618/varieties/tiny.png) #fff 5px no-repeat; padding-left: 35px; }
.menu .lang li.gb a{background: url(http://www.northyorkmoors.org.uk/__data/assets/image/0023/140891/varieties/tiny.png) #fff 5px no-repeat; padding-left: 35px; }

/*
home
*/
/*home carousel*/ 
.home-carousel {position:relative; z-index:1; max-height:740px; overflow:hidden; background:#000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.slide {width:100%; top:0; left:0; }
.home-carousel .slide img {width:100%; height:auto !important; position:relative; }
.slide-text {color:#FFF; width:220px; position:absolute; bottom:50%; margin-bottom:-100px; left:50%; margin-left:-110px; text-align:center; z-index:3; }
.slide-text h2 {font-size:2.5em; margin-top:0; margin-bottom:0px; color:fff; }
.slide-text p {font-size:1.2em; }
.slide-nav {margin-top:20px; }
.slide-nav a {display:inline-block; width:11px; height:11px; background-color:#FFFFFF; border-radius:5px; text-indent:100%; overflow:hidden; margin-right:10px; }
.slide-nav a:last-child {margin-right:0; }
.slide-nav a:hover {background-color:#DDD; }
.slide-nav a.active {background-color:#9DC745; }
/*home intro*/ 
.intro {text-align:center; }
.intro .padding {padding-left:34px; padding-right:34px; padding-bottom:20px; }
.intro p {font-size:1.6em; }
/*home collages*/ 
.collages {background-color:#414141; background-repeat:no-repeat; background-position:0px -328px; }
.collages * {color:#FFF; }
.collage img {width:100%; }
.collage h3 {margin-top:7px; margin-bottom:3px; }
.collage p {margin-top:0px; font-size:1.4em; }
/*home features*/ 
.feature {margin-bottom:25px; }
.feature:last-child {padding-right:0; border-right:none; }
/*newsreel*/ 
.newsreel {background:#F1F1F1; border:1px solid #DCDCDC; position:relative; padding-bottom:17px; }
.newsreel-nav a {position:absolute; top:0; height:100%; width:25px; text-indent:100%; overflow:hidden; background-repeat:no-repeat; background-position:center; }
.newsreel-nav a:hover {background-color:#EDEDED; }
.newsreel-nav a.previous {background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0016/112147/arrow-grey-left-small.png); left:0; }
.newsreel-nav a.next {background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0017/112148/arrow-grey-right-small.png); right:0; }
.newsreel .slides {margin-left:30px; margin-right:30px; }
.newsreel h3 a {color:#636363; }
/*event list*/ 
.event-list .event {padding-bottom:14px; padding-top:10px; border-bottom: 1px solid #65CBCB;}
.event-list .event:last-child {border-bottom: none; }
.event-list .event h3 {margin-bottom:2px; margin-top:0px; }
.event-list .event h3 a {color:#636363; }
.event-list .event p.date {margin-top:0; margin-bottom:0px; font-size:1.3em; }
/*
inner pages
*/ 
.main {height:100%; background-position:center top; background-repeat:repeat; padding-top:55px; position: relative;}
.lt-ie9 .main {background-repeat:repeat-x; }
.page {position:relative; padding-top:10px; }
.page h2 {margin-top:25px; }
/*.page img {max-width:100%; height:auto; }*/
.page iframe {max-width:100%; }
/* browse section button */
.browse-section {width: 70px; margin: 20px 20px 23px 5px}
.browse-section .text {float: left; width: 44px; font-size: 1.1em; line-height: 1.1em; }
.browse-section .arrow-grey-down {display: block; background-repeat: no-repeat; background-position: center; background-image: url(https://www.northyorkmoors.org.uk/__data/assets/image/0015/112146/arrow-grey-down.png); border: 1px solid #898989; width: 22px; height: 22px; float: right;}
.browse-section.showing .arrow-grey-down {background-image: url(https://www.northyorkmoors.org.uk/__data/assets/image/0012/112152/arrow-grey-up.png)}
/* conten */
.content .padding {padding-bottom:30px; }
.content h1:first-child {margin-top: 5px;}
.content img.float-left, .content img.float-right {float:none; }
.content ul {list-style-position: outside; padding-left: 0px; margin-left: 15px;}
/*highlights*/ 
.highlights {margin-top:30px; }
.highlight {border:1px solid #DCDCDC; margin-bottom:20px; max-width:450px; }
.highlight:last-child {margin-right:0; }
.highlight .padding {padding:15px 10px; }
.highlight img {width:100%; height: auto !important; }
.highlight h3 {margin-top:0; margin-bottom:9px; color:#434343; }
.highlight h3 a {color:#434343; }
.highlight p {margin:0px 0px 10px; line-height:1.38; }
/*columns*/ 
.column {clear:both; margin-bottom:0px; }



/*search in-page*/ 
.search-in-page {padding:10px 14px; position:relative; }
.search-in-page label {color:#FFF; font-size:1.4em; margin-right:28px; position:relative; top:1px; }
.search-in-page .search-fields {display:block; }
.search-in-page select {margin-top:8px; width:85%; max-width:440px; margin-right:6px; float: inherit;}
.search-in-page .button-search {position:relative; top:-3px; left:0; display:inline-block; }
.search-in-page-help {width:30px; height:30px; display:block; background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0021/112188/icon-question-green.png) no-repeat center center; text-indent:100%; overflow:hidden; position:absolute; right:0; top:0; }



/*
landing videos
*/ 
.landing-video {color:#FFF; }
.landing-video h2 {font-size:2.6em; margin-top:0; margin-bottom:10px; }
.landing-video p {font-size:1.8em; line-height:1.22; }
.landing-video .overlay {padding:10px; background:rgba(60, 60, 60, 0.7); }
.landing-video .video {width:100%; }
.landing-video .text {padding:20px; }
.landing-video video, .landing-video iframe {max-width:100%; }
/*
inline videos
*/ 
.inline-video {max-width:100%; margin-bottom:10px; float:none; }
.inline-video iframe {max-width:100%; }
/*
comments form
*/ 
.grey-box {margin-bottom:40px; }
.grey-box-header {color:#FFF; padding:10px 20px; }
.grey-box-header h3 {margin:0; padding:0; float:left; }
.grey-box-icon {float:right; margin-top:2px; }
.grey-box-elements {padding:20px; border:1px solid #E1E1E1; }
.form-row {clear:both; margin-top:25px; }
.form-row:first-child {margin-top:0; }
.grey-box label {display:block; font-size:1.4em; color:#656565; margin-bottom:5px; }
.grey-box input[type=text], .grey-box textarea {width:100%; border:1px solid #BBB; border-radius:3px; font-size:1.3em; color:#636363; padding:6px; }
.grey-box textarea {height:130px; }
/*
comments
*/ 
.comment {border-bottom:1px solid #EBEBEB; margin-bottom:17px; }
/*
heading images
*/ 
.heading-image {margin-bottom:20px; }
/*
listing pages
*/ 
.filter {padding-bottom:13px; }
.search-fields .button {margin-top:8px; padding-top:4px; padding-bottom:3px; top:2px; position:relative; }
/*pagination*/ 
.pagination {border-bottom:1px solid #EBEBEB; }
.pagination p {font-size:1.4em; }
.pagination > div {float:none; clear:both; }
.pagination .float-right {font-size:14px; font-size:1.4em; }
/*listing items*/ 
.listing-item {border-bottom:1px solid #EBEBEB; padding-bottom:17px; padding-top:18px; }
.listing-item h3 {font-size:1.6em; margin-bottom:0px; margin-top:0; }
.listing-item .date {margin-bottom:10px; font-size:1.4em; color:#585757; margin-top:5px; }
/*
visting page
*/
/*visiting links*/ 
.heading-image video {max-width:100%; }
.visiting-links {padding:10px; }
.visiting-links a {display:block; padding-left:15px; padding-right:15px; border-bottom:1px solid #9D9D9D; clear:both; padding-top:5px; padding-bottom:10px; }
.visiting-links a:hover {background-color:#111; }
.visiting-links a:last-child {border-bottom:none; }
.visiting-links a .icon {float:left; width:30px; margin-right:8px; }
.visiting-links a .text {display:block; float:left; color:#FFF; }
.visiting-links a .text .title {display:block; font-size:1.7em; margin-bottom:3px;}
.lt-ie9 .visiting-links a .text .title {letter-spacing: -0.05em;}
/*visiting sections*/ 
.visiting-section h2 {font-size:2.4em; }
.visiting-section h2 img {margin-right:10px; margin-top:-4px; }
/*visiting items*/ 
.visiting-item.mobile-half {width: 50%; float: left;}
.visiting-item.mobile-half:nth-child(odd) {padding-right: 10px;}
.visiting-item.mobile-half:nth-child(even) {padding-left: 10px;}
.visiting-item .event:first-child {padding-top:0px; }
.visiting-item .event {padding-bottom: 10px; padding-top: 20px; }
.visiting-item .square {position:relative; display:inline-block; padding-bottom:20px; }
.visiting-item .square img {margin-bottom:5px; }
/*
activity detail page
*/ 
.fact {border:1px solid #DCDCDC; padding:20px 20px 10px; background-color:#9DC745; background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0022/112189/icon-question.png); background-repeat:no-repeat; background-position:right 10px; color:#3B3B3B; margin-bottom:24px; }
.fact h3 {margin-top:0; margin-right:12px; }
.highlights-sidebar {padding:15px; margin-bottom: 24px; }
.highlights-sidebar h3 {margin-top:0; }
/*walk info*/ 
.walk-info dl {width:100%; }
.walk-info dl:first-child {margin-bottom:0; }
.download-walk {margin-bottom:15px; }
/*
mini gallery
*/ 
.mini-gallery {color:#FFF; position:relative; background:#F1F1F1; padding:0px; border:1px solid #E1E1E1; margin-bottom:24px; }
.mini-gallery-prev, .mini-gallery-next {width:20px; height:100%; position:absolute; top:0; background-position:center center; background-repeat:no-repeat; }
.mini-gallery-prev {left:0; background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0007/112201/mini-gallery-prev.png); }
.mini-gallery-next {right:0; background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0006/112200/mini-gallery-next.png); }
.mini-gallery-prev:hover, .mini-gallery-next:hover {background-color:#E1E1E1; }
.mini-gallery .disabled {cursor:default; background-color:transparent; opacity:0.3; }
.mini-gallery-thumbnails-mask {margin-left:20px; margin-right:20px; position:relative; overflow:hidden; height:103px; display:block; }
.mini-gallery-thumbnails {position:absolute; left:0; top:0; width:4000px; margin-top:10px; }
.mini-gallery-thumbnails a {float:left; margin-right:10px; position:relative; opacity:0.8; display:block; }
.mini-gallery-thumbnails a:hover {opacity:1; }
.mini-gallery-thumbnails a img {max-width:none;}
/*
gallery
*/ 
.gallery {margin-top:40px; margin-bottom:30px; position:relative; }
.gallery a {display:block; float:left; margin-left:20px; margin-bottom:20px; }
.gallery img {max-width:none; }
/*
map page
*/ 
.sidebar .event-list {margin-bottom:25px; }
.sidebar .event-list .event {margin-bottom:12px; border-bottom: 1px solid #65CBCB; padding-bottom: 10px; }
.sidebar .event-list .event h3 {font-size:1.6em; }
.has-sidebar .event-list .event {padding-top:23px; }
.has-sidebar .event-list .event:first-child {padding-top:7px; }
/*
sub-nav
*/ 
.sub-nav {font-size:1.3em; width: 100%; display: none; clear: both; }
.sub-nav .padding {padding-top:0px; }
.sub-nav h3 {margin-bottom:23px; font-size:1.4em; margin-top: 0;}
.sub-nav ul {list-style-type:none; font-size:1em; font-size:15px; padding:0px; margin:0; }
.sub-nav ul li {line-height:1.2em; }
.sub-nav ul a {color:#414141; display:block; margin-bottom:15px; }
.sub-nav ul a.open {color:#B51843; }
.sub-nav ul a.active, .sub-nav ul a:hover {color:#000000; }
.sub-nav ul a.active {font-weight:bold; }
/*second level*/ 
.sub-nav ul li ul {margin-left:20px; }
.sub-nav ul > li > ul > li > a {background-image:url(https://www.northyorkmoors.org.uk/__data/assets/image/0014/112154/arrow-pink-right.png); background-repeat:no-repeat; background-position:0px 3px; padding-left:11px; }
/*
footer
*/
/*footer top*/ 
.footer-top {background:#F1F1F1 url(https://www.northyorkmoors.org.uk/__data/assets/image/0013/112171/divider-grey.jpg) repeat-x top center; }
.footer-top .padding { padding-bottom:3px; }
.footer-section {clear:both; margin-bottom:10px; }
.footer-section .link-list {margin-bottom:0; }
.footer-top h3 {color:#414141; }
/*footer bottom*/ 
.footer-bottom {background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0013/112171/divider-grey.jpg) repeat-x top center; padding-top:10px; padding-bottom:27px; }
.footer-list {list-style-type:none; text-align:right; padding:0px; margin:0px; }
.footer-list li {display:inline; border-right:1px solid #636363; padding-right:6px; margin-right:3px; color:#414141; }
.footer-list li:last-child {border-right:none; padding-right:0; margin-right:0; }
.footer-list a {color:#414141; }


.philstable {
    width: 90%;  
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.philstable tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.philstable td, .philstable th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.philstable th {
    background-color: #F5DFE9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F5DFE9));
    background-image: -webkit-linear-gradient(top, #fff, #F5DFE9);
    background-image:    -moz-linear-gradient(top, #fff, #F5DFE9);
    background-image:     -ms-linear-gradient(top, #fff, #F5DFE9);
    background-image:      -o-linear-gradient(top, #fff, #F5DFE9);
    background-image:         linear-gradient(top, #fff, #F5DFE9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.philstable td:first-child, .philstable th:first-child {
    border-left: none;
}

.philstable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.philstable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.philstable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.philstable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.philstable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/*
Events Search Formatting
*/ 

  /*search in-page*/
 .search-in-page {padding-top:13px; }
 .search-in-page .search-fields {display:inline; }
 .search-in-page select {width:254px; margin-top:0px; }
 .search-in-page table {width:100%; }
 .search-in-page-help {width:40px; height:46px; border-left:1px solid #8A8A8A; top:3px; }


/* TC forms amends June 2014 */


table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}





/* PW forms amends Oct2014 
++++++++++++++++++++++++++*/

.sq-form-unattached {margin-bottom:40px; }
/* .sq-form-unattached {color:#FFF; padding:10px 20px; } */
.sq-form-unattached {margin:0; padding:0; float:left; }
.sq-form-unattached {float:left; width:90%; margin-top:2px; }
.sq-form-unattached {padding:20px; border:1px solid #E1E1E1; }
.sq-form-unattached {clear:both; margin-top:25px; }
.sq-form-unattached:first-child {margin-top:0; }
.sq-form-unattached label {color:#656565; margin-bottom:5px; }
.sq-form-unattached input[type=text], .grey-box textarea {width:100%; border:1px solid #BBB; border-radius:3px; font-size:1.3em; color:#636363; padding:6px; }

.sq-form-field input[type=checkbox] {float:left; border:1px solid #BBB; border-radius:3px; font-size:1.3em; color:#636363; padding:6px; }
.sq-form-unattached textarea {height:130px; }
.sq-form-field {border:1px solid #BBB; border-radius:3px; font-size:1.3em; color:#636363; padding:6px; margin-bottom:6px; width:auto; } 
.sq-form-submit {float:left; margin-top:5px; font-size:140%}
.sq-form-required-field {border-bottom:1px dotted #ffffff;}
.sq-form-question-title {font-size: 1.5em; color:#636363; padding:6px; margin-top: 10px;}
.sq-form-question-answer {width:100%;}


 /* Press Images*/
.press-image {float:left; padding-right: 20px; max-height: 180px}
.press-container {position: relative; width: 100%;}


 /* Press Release Search*/
#queries_presssearch_query.sq-form-field {width: 50%; float: inherit; }

 /* Events in-page Search*/
#queries_date_fquery_fromvalue_d.sq-form-field {width: 60px;}
#queries_date_fquery_fromvalue_m.sq-form-field {width: 60px;}
#queries_date_fquery_fromvalue_y.sq-form-field {width: 50px; padding:6px;}
#queries_date_fquery_tovalue_d.sq-form-field {width: 60px;}
#queries_date_fquery_tovalue_m.sq-form-field {width: 60px;}
#queries_date_fquery_tovalue_y.sq-form-field {width: 50px; padding:6px;}

#event-search {border-spacing: 2px;}
#event-search p {color: #ffffff; }
#event-search td {color: #ffffff; }
#event-search table {border-spacing: 10px 5px; }
#event-search-button {padding-top: 74px;
}


 .search-whats-on {padding-top:0px; padding-bottom:13px; padding-left:13px; }
 .search-whats-on .search-fields {display:inline; }
 .search-whats-on select {width:60px; margin-top:0px; margin-right: 5px; padding: 4px; }
 .search-whats-on-help {width:40px; height:46px; border-left:1px solid #8A8A8A; top:3px; }
  input.sq-form-field[type="text"],
  .textField {
    width: 58px;
    padding: 4px;
    font-size: 1.2em;
  }
input[type="submit"] {
    background-color: #9DC745;
    display: block;
    font-size: 1.6em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: none;
}


 /* Event Asset Builder Form*/

#page_asset_builder_499097 {}                                 /* form */
#page_asset_builder_499097_type_calendar_event_single {}      /* div containing table */
.sq-backend-section-table {border-spacing: 10px 5px; }        /* table containing table controls */
.sq-backend-section-table-inner {border-spacing: 10px 5px;}   /* table containing controls */
.sq-backend-data {
    font-size: 1em;
    vertical-align: bottom;
}
.sq-limbo-field {
    font-size: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#calendar_event_single_0_1101 {width: 80%}                   /* Name field */
#calendar_event_single_0_start_day {width: 50px; padding: 5px; float: inherit;}
#calendar_event_single_0_start_month {width: 60px; padding: 3.5px; float: inherit;}
#calendar_event_single_0_start_year {width: 50px; padding: 5px; float: inherit; margin-right: 20px;}
#calendar_event_single_0_start_hours {width: 50px; padding: 5px; float: inherit;}
#calendar_event_single_0_start_minutes {width: 50px; padding: 5px; float: inherit;}
#calendar_event_single_0_start_is_pm {width: 60px; padding: 3.5px; float: inherit;}
#calendar_event_single_0_start_time_enabled {width: 20px; padding: 3.5px; }

#calendar_event_single_0_duration {width: 60px; padding: 5px; float: inherit; margin-right: 4px;}
#calendar_event_single_0_duration_units {width: 80px; padding: 3.5px; float: inherit;}
#calendar_event_single_0_end_day {width: 50px; padding: 5px; float: inherit;}
#calendar_event_single_0_end_month {width: 60px; padding: 3.5px; float: inherit;}
#calendar_event_single_0_end_is_pm {width: 50px; padding: 3.5px; float: inherit;}
#metadata_field_text_327354_value {width: 80%}                /* Short Description field */
#metadata_field_text_327319_value {width: 80%}                /* Address field */
#metadata_field_text_327327_value {width: 80%}                /* How to Book field */
#metadata_field_text_327357_value {width: 60%}                /* Organisation Name */
#metadata_field_text_327355_value {width: 60%}                /* Contact Number */
#metadata_field_text_327356_value {width: 60%}                /* Contact Email */



#sq_commit_button {
    background-color: #9DC745;
    display: block;
    font-size: 1.6em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: none;
}

.styled-select.slate select {
   border: 1px solid #ccc;}

#SeeAndDo iframe {
border: 0px;
}

#pe iframe {
border: 0px;
}

#sites iframe {
border: 0px;
}

#ldf iframe {
border: 0px;
}

 /* SM share buttons*/
.content_social_icons { padding-left:15px; padding-top:20px; font-size:34px; margin-top: 1em !important; position: relative; bottom: 0.5em;}
.content_social_icons i {padding-right:5px; width:auto;  overflow:hidden; float: left; }
.content_social_icons h4 {font-size: 0.6em; padding: 0; margin: 0;}
i.fa-facebook-square  { color: #3b5998;}
a:hover i.fa-facebook-square { color: #334d85;}
i.fa-twitter-square {color: #00aced;}
a:hover i.fa-twitter-square {color: #009ad5;}
i.fa-google-plus-square {color: #dd4b39;}
a:hover i.fa-google-plus-square {color: #ca3523;}
i.fa-pinterest-square {color: #cb2027;}
a:hover i.fa-pinterest-square {color: #a81a20;}
i.fa-envelope {color: #747474;}
a:hover i.fa-envelope {color: #606060;}

/* A Williams accordian */
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.0);
    border-radius:3px;
    background:#f7f7f7;
}
 
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border-bottom:1px solid #000!important;
    background:#737373;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.500em;
    text-shadow:0px 0px 0px 0px;
    color:white!important;
    text-decoration:none!important;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#404040!important;
    /* Type */
    text-decoration:none!important;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}

/* ================
// Before and After
// ============= */

.before-and-after {
  position: relative;
  overflow: hidden;
  width: 75%;
  cursor: ew-resize;
  
  img {
    display: block;
    max-width: 100%;
  }
  
}

  .subject-before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
  }

  .subject-scraper {
    overflow: hidden;
    transform: translate(50%, 0);
    
    &:before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      height: 100%;
      width: .25em;
      content: '';
      background: #fff;
    }
    
  }
  
    .subject-after {
      transform: translate(-50%, 0);
      filter: grayscale(100%);
    }

/* ================
// Mailing list sign up styling
// ============= */

#sb_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#sb_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#sb_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#sb_embed_signup input[type=checkbox]{-webkit-appearance:checkbox; margin-left: 5px;}
#sb_embed_signup input[type=radio]{-webkit-appearance:radio;}
#sb_embed_signup input:focus {border-color:#333;}
#sb_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#sb_embed_signup .button:hover {background-color:#777;}
#sb_embed_signup .small-meta {font-size: 11px;}
#sb_embed_signup .nowrap {white-space:nowrap;}

#sb_embed_signup .sb-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#sb_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #sb_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#sb_embed_signup .sb-field-group label {display:block; margin-bottom:3px;}
#sb_embed_signup .sb-field-group input {display:block; width:75%; padding:8px 0; text-indent:2%;}
#sb_embed_signup .sb-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#sb_embed_signup .sb-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#sb_embed_signup .sb-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#sb_embed_signup .sb-field-group.input-group label {display:inline;}
#sb_embed_signup .sb-field-group.input-group input {display:inline; width:auto; border:none;}