/* North York Moors - desktop.css - Danny Connell - Reading Room 2014 ---------------------------------------------------------------------------------- This file contains additional CSS rules for desktop/tablet layouts. When making CSS changes, it is recommended to make changes to global.css first and get the style working on mobile, then add any additional rules to this file to bring the desktop layout in line. Contents -------- ipad portrait and wider (768px +) helpers general lists videos background colors layout header home inner pages landing videos inline videos comments form heading images listing pages visiting page activity detail page map page footer very wide browsers (1313px +) home page collages */ 
/* ipad portrait and wider () */
 @media screen and (min-width: 768px) { 
/* helpers */
 .desktop-only {display:block; }
 .mobile-only {display:none; }
 .desktop-width-50 {width:50%; float:left; clear:none; }
 /* general */
 h1 {font-size:3em; }
 h2 {font-size:2.6em; }
 /* lists */
 .arrow-list.with-columns {-moz-column-count:3; -webkit-column-count:3; column-count:3; }
 .arrow-list li {display:inline-block; clear: both; width: 100%;}
 /* videos */
 .play-video>span {height: 108px;margin-top: -54px; font-size: 18px; }
 .play-video>span img { width: 77px; height: 77px;}
 /* background colors */ .text-shadow-desktop {text-shadow:0px 0px 9px rgba(0, 0, 0, 1); }
 /* layout */
 .constraint {width:940px; margin:0 auto; position:relative; }
 /* header */
 .header {height:59px; top:40px; min-width: 940px;}
 .logo-north-york-moors {width:92px; height:92px; top:-22px; }
 /*menu*/
 .menu {display:block !important; background:transparent; z-index:3; height:auto; min-height:0; }
 .menu .constraint {height:auto; overflow:visible; }
 .menu nav {top:-10px; background:none; right:0; position:absolute; padding-top:0px; }
 /*search*/
 .menu .search {float:right; width:auto; padding:7px 0 0; border-bottom:none; }
 .menu .search input[type=text] {float:left; width:1px; margin-left:7px; padding-left:0; padding-right:0; background:#ECECEC; }
 .menu .search input[type=text].showing {background:#ECECEC; }
 .menu .search .button-search {position:relative; right:0; top:3px; margin-top:0; float:left; margin-left:15px; padding:0; }
 .menu .search .button-search.desktop-only {display:block; }
 .menu .search .desktop-submit {position:absolute; right:3px; top:10px; background:#9DC745 url(https://www.northyorkmoors.org.uk/__data/assets/image/0011/112151/arrow-grey-right.png) no-repeat 8px 4px; display:none; }
 .menu .search .desktop-submit:hover {background-color:#8DB43F; }
 /*menu items*/
 .menu ul {float:left; }
 .menu li {float:left; }
 .menu a, .menu a.has-children {border:none; float:left; padding-left:15px; padding-right:15px; font-size:1.7em; }
 .menu a .arrow-green-right {display: none;}
 
  .menu .lang div.showing{
	position:absolute; top:4.2em; left:537px;width:170px;margin:0;min-height:inherit;height:auto;visibility:visible;display:block;border-top:10px solid #3B3B3B;
	 }
	 
	 .menu .lang .children  a.back-to-main{
	 display:none; 
	 }	 

	 .menu .lang .children ul li{border-bottom:1px solid #fff;width:170px;} 
	 .menu .lang .children ul li a{margin:0;background-color: transparent;color:#fff;}
	 
 
 /* home */
 .home-carousel {min-width:940px; min-height:500px; }
 /*slide text*/
 .slide-text {width:500px; margin-left:-250px; margin-bottom:-124px; }
 .slide-text h2 {font-size:5.758em; }
 .slide-text p {font-size:1.8em; }
 .slide-nav {margin-top:40px; }
 /*carousel tab*/
 .carousel-tab {width:250px; height:64px; background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0018/112167/carousel-tab.png) no-repeat 0px 0px; text-align:center; color:#3B3B3B; font-size:1.8em; position:absolute; bottom:0; left:50%; margin-left:-125px; padding-top:32px; z-index:3; }
 /*intro*/
 .intro {min-width:940px; }
 .intro .padding {padding-top:20px; padding-bottom:44px; }
 .intro h2 {font-size:4.2em; }
 .intro p {font-size:2.4em; width:700px; margin:0 auto 20px; }
 /*collages*/
 .collages {min-width: 940px;}
 .collages .constraint {width:100%; max-width:1313px; min-width:940px; }
 .collage {float:left; width:50%; position:relative; }
 .collage:first-child {border-right:1px solid #FFF; }
 .collage img {width:100%; max-width:100%; }
 .collage .padding {position:relative; padding-bottom:7px; }
 .collage .text {padding-right:198px; }
 .collage .button {position:absolute; right:20px; top:51px; margin-top:-25px; }
 /*features*/ .features {margin-bottom:20px; }
 .features .padding {padding-top:24px; }
 .feature {width:33%; float:left; padding:10px 30px 16px; border-right:1px solid #DDD; }
 .feature:first-child {padding-left:0; }
 .feature h2 {margin-top:0; }
 /* inner pages */ 
.main {padding-top:137px; background-attachment:fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; min-width: 940px;}
 .breadcrumbs .breadcrumbs {margin-bottom:15px; }
 .breadcrumbs .padding {padding-bottom:10px; }
 .breadcrumbs ul {float:left; }
 .breadcrumbs ul li {float:left; }
 .breadcrumbs ul li a {background:url(https://www.northyorkmoors.org.uk/__data/assets/image/0017/112166/breadcrumb-divider.png) no-repeat bottom right; padding-right:10px; margin-right:10px; }
 /*content*/
 .content.has-sub-nav-map {width:1400px; float:right; }
 .content.has-sub-nav {width:730px; float:right; }
 .content > .padding {padding-bottom:50px; }
 .content.has-sub-nav > .padding {padding-left:0; }
 .content .has-sidebar {width:650px; float:left; margin-top:-19px; }
 .content.has-sub-nav .has-sidebar {width:474px; }
 .content img.float-left {float:left; margin-right:15px; margin-bottom:15px; }
 .content img.float-right {float:right; margin-left:15px; margin-bottom:15px; }
 .sidebar {float:right; width:220px; }
 /*sub-nav*/
 .sub-nav {width:210px; display: block; clear: none; float: left;}
 .sub-nav.mobile-only {display: none !important;}
 .sub-nav .padding {padding-top: 21px}
 .sub-nav h3 {margin-top: 1em;}




 /*highlights*/
 .highlight {width:224px; float:left; margin-right:19px; position:relative; }
 .highlight .padding {padding-bottom:40px; }
 .highlight a.arrow-grey-right-tail {position:absolute; right:10px; bottom:10px; }
 /*columns*/
 .column {padding-right:20px; }
 .column:last-child {padding-left:20px; padding-right:0; }
 .column .column-image {width:148px; height:auto; float:left; margin-right:20px; margin-top: 13px;}
 .column.third {width: 27%; margin-right: 2%; float: left; clear: none;}
 /* landing videos */
 .landing-video .text {padding:20px; float:left; width:290px; }
 .landing-video .video {width:350px; float:right; }
 /* inline videos */
 .inline-video {width:350px; }
 .inline-video.float-right {float:right; margin-left:30px; margin-bottom:30px; }
 .inline-video.float-left {float:left; margin-right:30px; margin-bottom:30px; }
 /* comments form */
 .grey-box {width:460px; }
 .grey-box-elements {padding:30px; }
 .grey-box label {float:left; width:80px; text-align:right; margin-right:10px; margin-top:4px; }
 .grey-box input[type=text] {width:234px; }
 .grey-box textarea {width:304px; }
 /* heading images */
 .heading-image {position:relative; margin-bottom:30px; }
 .heading-image h1 {position:absolute; color:#FFF; margin:0px; padding:0px; top:37px; left:33px; font-size:4.2em; z-index:5; }
 /* listing pages */
 .filter {padding-bottom:13px; }
 .search-in-page .button {display:inline; margin-top:0px; }
 /*pagination*/
 .pagination {padding-top:10px; padding-left:15px; padding-right:15px; }
 .lt-ie9 .pagination {padding-bottom:10px; }
 .pagination > div {clear:none; }
 .pagination .float-left {float:left; }
 .pagination .float-right {float:right; min-width:25%; text-align:right; font-size:1em; }
 /*listing items*/
 .listing-item {padding-left:15px; padding-right:15px; }
 .listing-item .text.has-thumbnail {float:right; width:760px; }
 .listing-item .thumbnail {float:left; margin-top:0px; }
 /* visiting page */
 .heading-image video {max-width:none; }
 .visiting-links a {float:left; clear:none; border-bottom:none; width:25%; border-left:1px solid #9D9D9D; }
 .visiting-links a:first-child {border-left:none; }
 .visiting-links a .text {max-width: 151px;}
 /*visiting items*/
 .visiting-items {margin-bottom:20px; }
 .visiting-item {border-top:none; padding-top:0; float:left; border-left:1px solid #EBEBEB; padding-left:22px; margin-left:22px; }
 .lt-ie9 .visiting-item {border-left: none;}
 .visiting-item.no-border {border-left:1px solid #FFF; }
 .visiting-item:first-child {padding-left:0; margin-left:0; border-left:none; border-top:none; padding-top:0px;}
 .visiting-item.mobile-half {box-sizing:content-box ; -moz-box-sizing:content-box ; -webkit-box-sizing:content-box ;}
 .visiting-item.mobile-half:nth-child(odd) {padding-right: 0px;}
 .visiting-item.mobile-half:nth-child(even) {padding-left: 22px;}
 .visiting-item.quarter {width:190px; }
 .visiting-item.two-quarters {width:420px; }
 .visiting-item .highlight {width:auto; margin-bottom:10px; }
 .visiting-item .event h3 {font-size:1.6em; margin-bottom:10px; }
 .visiting-item .event p {margin-top:6px; font-size:1.2em; }
 .visiting-item img {max-width:none; }
 .visiting-item .square {padding-bottom:0px; }
 .visiting-item .left-image {width:100%; overflow:hidden; }
 .visiting-item .left-image img {width:auto; float:left; margin-right:20px; }
 .visiting-item .left-image .padding {padding-bottom:0px; padding-top:10px; }
 /* activity detail page */
 .walk-info dl.width-50 {width:50%; margin-bottom:20px; }
 .download-links .button {margin-top:34px; }
 .download-links img {max-width:none; }
 /* map page */
 .sidebar .event-list .event:first-child {padding-top:0px; }
 .content .has-sidebar.margin-top {margin-top:10px; }
 .sidebar.margin-top {margin-top:64px; }
 /* footer */ 
.footer-top {min-width: 940px;}
.footer-section {float:left; clear:none; width:33%; padding:10px 10px 16px; }
 .footer-section:first-child {padding-left:0; }
 .footer-section:last-child {padding-right:0; }
 .footer-section .width-50:last-child {padding-left:10px; }
 }
 /* very wide browsers */
 @media screen and (min-width: 1313px) { /* home page collages */ .collages {background-repeat:repeat-x; background-position:center top; }
 }