@import url('../fonts/Calson-Regular.css');
@import url('../fonts/Calson-Bold.css');

/* W3C Markup, IE10 Release Preview */ 
h1.large,.h1 {font-size:32px;font-weight:normal;margin-bottom:30px;margin-top:0;font-family: 'Caslon540BT-Italic';letter-spacing:4px;}
h1,h2,.h2 {font-size:20px;font-weight:300;margin-bottom:10px;margin-top:0;font-family: 'Caslon540BT-Italic';letter-spacing:4px;color:#59767B}
h1:before,h2:before {content:'– '}
h1:after,h2:after {content:' –'}
h3,.h3 {font-size:18px;font-weight:300;margin-bottom:30px;margin-top:0;color:#59767B;letter-spacing: 2px}
h5 {font-size:16px;font-weight: normal;letter-spacing: 2px}
p,ol,ul {font-size:16px;line-height:22px;margin-bottom:15px;}
p.large {font-size:20px;margin-bottom:20px;}
a {color:#323E48;transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;-webkit-transition:color 0.25s ease-in;-o-transition:color 0.25s ease-in}
a:hover,a.active,a:focus {color:#323E48}
b,strong {font-family:'CaslonBoldBT-Regular';}
em {font-family: 'Caslon540BT-Italic';font-style:normal}
ul,ol {margin:0 0 15px 15px;padding:0;font-size:16px;line-height:1.4;font-weight:300;}
img {max-width:100%;height:auto !important}
ol li strong {font-family:'Caslon540BT-Regular',Arial;letter-spacing: 2px;font-weight:normal}

/* Bootstrap overrides */
body {font-family:'Caslon540BT-Regular',Arial;line-height:1.3;color:#323E48;font-size:13px;}

/* Layout */
.fullwidth {padding:0;width:100%}
.visible-xxs {display:none;}
.top-buffer15 {padding-top:15px;}
.top-buffer20 {padding-top:20px;}
.top-buffer30 {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer50 {padding-top:50px;}
.top-buffer80 {padding-top:80px;}
.bottom-buffer3 {padding-bottom:2px;}
.bottom-buffer15 {padding-bottom:15px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer50 {padding-bottom:50px;}
.bottom-buffer70 {padding-bottom:70px;}
.text-center .img-responsive {margin:0 auto;}
.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}
.containergutter-0.container {  padding-left: 0px;  padding-right: 0px;}
.containergutter-0.container-fluid {  padding-left: 0px;  padding-right: 0px;}
.containergutter-100.container {  padding-left: 100px;  padding-right: 100px;}
.containergutter-100.container-fluid {  padding-left: 100px;  padding-right: 100px;}
.gutter-60.row {  margin-right: -30px;  margin-left: -30px;}
.gutter-60 > [class^="col-"], .gutter-60 > [class^=" col-"] {  padding-right: 30px;  padding-left: 30px;}
.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {  padding-right: 10px;  padding-left: 10px;}
.gutter-10.row {  margin-right: -5px;  margin-left: -5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {  padding-right: 5px;  padding-left: 5px;}
.gutter-0.row {  margin-right: 0;  margin-left: 0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{  padding-right: 0;  padding-left: 0;}
.content-panel {padding-top:40px;padding-bottom:40px;}
.content-panel.slim {padding-top:20px;padding-bottom:20px;}

/* Format */
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.copy-small {font-size:13px;}
.nomargin {margin:0}
.nobr {white-space: nowrap}
.bg-grey {background-color:#323E48;color:#FFFFFF}
.copy-white h2,.bg-grey h2 {color:#FFFFFF}
.bg-instagram {background-color:#EDECEA}
.fab {font-size:18px;color:#323E48}
.blog-title {font-family: 'Caslon540BT-Italic';letter-spacing:2px;color:#59767B;font-size:20px}
.small-image img {max-width:210px !important;margin:0 auto}

/*Header*/
header {border-top:35px solid #59767B;padding-top:90px;position: relative;padding-bottom:30px;}
.header-logo {position: absolute;left:50%;margin-left:-100px;top:-55px;max-width:200px;}
.header-nav {line-height:20px;padding-top:10px;letter-spacing:1px;}
.header-nav a,.header-nav button{display:inline-block;padding-top:1px;padding-left:5px;padding-right:5px;border:none;background-color:transparent;color:#59767B;font-size:12px;}
.header-nav a span {letter-spacing:0px;font-size:11px;}
.header-links {line-height:20px;padding-top:10px;}
.header-links a,.header-links button{display:inline-block;padding-top:1px;padding-left:5px;padding-right:5px;border:none;background-color:transparent;color:#59767B;font-size:12px;letter-spacing:1px;}
.header-social {line-height:20px;padding-top:10px;font-size:14px;}
.header-social a{margin-left:5px;}
header a {color:#59767B}

.carousel-inner img {width:100%}
.carousel-control {    width: 75px;text-shadow: none;    filter: alpha(opacity=100);    opacity: 1;}
.carousel-control.left,.carousel-control.right {    background-image: none !important;    filter: none !important;}
.carousel-control .icon-next, .carousel-control .icon-prev {    width: 35px;    height: 35px;    margin-top: -17px;    }
.carousel-control .icon-prev::before,.carousel-control .icon-next::before {    content: '';}
.carousel-control .icon-prev {background-image:url(../images/carousel-left.png)}
.carousel-control .icon-next {background-image:url(../images/carousel-right.png)}

.content  button,.content .btn {font-size:12px;border:1px solid #FFFFFF !important;color:#FFFFFF !important;padding:10px 20px;margin-top:30px;letter-spacing:2px;border-radius: 0;background-color:transparent}
.content  button:hover,.content  .btn:hover {background-color:#FFFFFF !important;color:#59767B !important;}

.bg-image {position:relative;text-align: center;}
.bg-image img {width:100%;}
.bg-image .content {position: absolute;top:0;left:0;bottom:0;right:0;padding-top:80px;}
.bg-image .content-center {position: absolute;top:50%;margin-top:-20px;width:100%;}
.bg-image .content-center.with-title {position: absolute;top:50%;margin-top:-55px;width:100%;}
.bg-image .content-center.with-title .btn{margin-top:10px !important;}

.btn-home {display: block;background-size:cover;background-position: center;color:#FFFFFF;text-align: center;line-height:1;width:210px;height:210px;margin:0 auto;position: relative;}
.btn-home span{display: inline-block;width:150px;border:1px solid #FFFFFF;padding:15px 0px;font-size:12px;line-height:12px;letter-spacing: 2px;z-index:2000;position: absolute;left:50%;margin-left:-75px;top:50%;margin-top:-22px;background-color:rgba(0,0,0,0.4)}
.btn-home span.double{margin-top:-32px;line-height:16px;}
.btn-home:hover span,.btn-home.active span {background-color:#FFFFFF;color:#59767B;}
.btn-home:focus span {background-color:#FFFFFF;color:#59767B;}
.btn-home .mask{position: absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.1);z-index:1000;}

.btn-walks {display: block;background-size:cover;background-position: center;color:#FFFFFF;text-align: center;line-height:1;width:210px;height:210px;margin:0 auto;position: relative;}
.btn-walks span{display: inline-block;width:150px;border:1px solid #FFFFFF;padding:15px 0px;font-size:12px;line-height:12px;letter-spacing: 2px;z-index:2000;position: absolute;left:50%;margin-left:-75px;top:50%;margin-top:-22px;background-color:rgba(0,0,0,0.4)}
.btn-walks span.double{margin-top:-32px;line-height:16px;}
.btn-walks:hover span,.btn-home.active span {background-color:#FFFFFF;color:#59767B;}
.btn-walks:focus span {background-color:#FFFFFF;color:#59767B;}
.btn-walks .mask{position: absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.1);z-index:1000;}

.btn {display:inline-block;font-size:13px;border:1px solid #323E48 !important;color:#323E48 !important;line-height:1;padding:13px 20px;margin-top:30px;letter-spacing:2px;border-radius: 0;background-color:transparent}
.btn.black {background-color:rgba(0,0,0,0.4)}
.btn:hover {background-color:#59767B !important;color:#FFFFFF !important;}

.footer-nav {line-height:14px;letter-spacing:2px;}
.footer-nav a{display:block;padding-top:1px;padding-left:5px;padding-right:5px;border:none;background-color:transparent;color:#59767B;font-size:12px}
.footer-nav a span {letter-spacing:0px;font-size:11px;}

footer {padding-top:50px;text-align: center;}
hr {border-color:#59767B}
footer p {font-size:12px;margin-bottom:10px;line-height:20px;}
p.heading {color:#59767B;letter-spacing:2px;font-size:12px;}
footer a {color:#323E48}

#map {width:100%;height:0;padding-bottom:67%}

.recommendations {display: none}
.recommendations.active {display: block}

.blog-tile {width:293px;max-width:100%;height:auto;background-size:cover;background-position: center center;position: relative;margin:15px auto 15px auto;display:block;text-decoration: none}
.blog-heading {position:absolute;top:0;padding-top:50px;color:#59767B;font-size:24px;font-family: 'Caslon540BT-Italic';letter-spacing:2px;}
.blog-heading div{background-color:rgba(237,236,234,0.8);padding:20px 30px}
.blog-content {background-color:rgba(237,236,234,1);padding:30px;opacity:0;}
.blog-content .date {position:absolute;top:20px;left:30px;}
.blog-content .heading {padding-top:40px;color:#59767B;font-size:24px;font-family: 'Caslon540BT-Italic';letter-spacing:2px;margin-bottom:20px}
.blog-tile:focus,.blog-tile.active,.blog-tile.noimage {text-decoration: none !important}
.blog-tile:focus .blog-heading,.blog-tile.active .blog-heading,.blog-tile.noimage .blog-heading {display: none}
.blog-tile:focus .blog-content,.blog-tile.active .blog-content,.blog-tile.noimage .blog-content {opacity: 1}

#modal-corvid.modal {z-index:9100}
#modal-corvid .vertical-alignment-helper {    display:table;    height: 100%;    width: 100%;    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */}
#modal-corvid .vertical-align-center {    /* To center vertically */    display: table-cell;    vertical-align: middle;    pointer-events:none;}
#modal-corvid .modal-content {border-radius: 0;color:#FFFFFF;background-color:#59767B;text-align:center;}
#modal-corvid .modal-content h3 {color:#FFFFFF;margin-bottom:30px;font-weight:500;}
#modal-corvid .modal-content p {margin-bottom:20px;}
#modal-corvid .modal-content span {font-size:90%}
#modal-corvid .modal-content img {border:none}
#modal-corvid .modal-content button.close {    float: none;position: absolute;top:10px;right:15px;font-size: 24px;line-height:24px;text-shadow: none;    filter: none;    opacity: 1;color:#FFFFFF;font-weight:normal;cursor:pointer;width:20px;border:none;}
#modal-corvid .modal-content button.close img {max-width:100%}
#modal-corvid .modalLink {cursor: pointer}
.modal-backdrop {background-color:rgb(50,62,72)}

.footer-items {padding-bottom:30px}
.footer-items > div {padding-top:20px}

			
.menublock-row {margin:65px 0 0 0;text-align: center}
.menublock-row > div:nth-child(1) {margin-bottom:60px}
.menublock-row > div:nth-child(3) {display: none}
.menublock-row h2 {margin-bottom:25px}

			.navbar-toggle {
					border: none;
					background: transparent !important;
			}
			.navbar-toggle .icon-bar {
					width: 22px;
					transition: all 0.2s;
			}
			.navbar-toggle .top-bar {
					transform: rotate(45deg);
					transform-origin: 10% 10%;
			}
			.navbar-toggle .middle-bar {
					opacity: 0;
			}
			.navbar-toggle .bottom-bar {
					transform: rotate(-45deg);
					transform-origin: 5% 75%;
			}

			.navbar-toggle.collapsed .top-bar {
					transform: rotate(0);
			}
			.navbar-toggle.collapsed .middle-bar {
					opacity: 1;
			}
			.navbar-toggle.collapsed .bottom-bar {
						transform: rotate(0);
			}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.col-sm-5ths {    width: 20%; float: left; }
	h1.large,.h1 {font-size:30px;}
	h1,h2,.h2 {font-size:24px;}
	h3,.h3 {font-size:20px;}
	.text-sm-right {text-align:right}
	.narrow {padding-left:30px;padding-right:30px;padding-bottom:50px;}
	header {padding-top:40px;padding-bottom:50px;}
	.header-logo {top:0;margin-left:-140px;max-width:280px;}
	.header-links {float:right;margin-right:-30px !important}				
	.header-links a.header-links button{margin-right:10px;}
	.header-nav {float:left;margin-left:-30px;}
	.header-nav a.header-nav button{margin-right:10px;}
	.header-social {margin-left:15px;float:right;margin-right:-30px;}
	main .container {border-left:none;border-right:none;}
	.content button,.content .btn {padding:13px 30px;line-height:1}
	footer p.heading {margin-bottom:15px;}
	.footer-nav a{display:inline-block;}
	.twocol {column-count: 2;column-gap: 30px;text-align: left}
	.twocol ol li {-webkit-column-break-inside: avoid;column-break-inside: avoid; break-inside: avoid;}
	.blog-tile {width:360px;height:511px;}	
	.blog-content {display: none;position: absolute;top:0;bottom:0;left:0;right:0;padding:0 30px;opacity:1}
	.blog-content .date {position:absolute;top:30px;}
	.blog-content .heading {padding-top:70px;}
	.blog-tile:hover .blog-heading,.blog-tile.noimage .blog-heading {display: none}
	.blog-tile:hover .blog-content,.blog-tile.noimage .blog-content {display: block}
	.blog-tile:focus .blog-heading,.blog-tile.active .blog-heading,.blog-tile.noimage .blog-heading {display:inherit}
	.modal-content button.close {width:30px;font-size:16px;line-height:28px;text-align: right}
  .modal-content button.close img{width:20px;margin-left:5px;}		
	.menublock-row {display: grid; grid-auto-flow: column;  grid-auto-columns: 1fr;align-items: center;column-gap:20px;margin:65px 0 0 0;text-align: left}
	.menublock-row > div:nth-child(1) {margin-bottom:0}
	.menublock-row > div:nth-child(3) {display: block}
	.menublock-row:nth-child(2n) {text-align: right;}
	.menublock-row:nth-child(2n+1) > div:nth-child(2) {padding:0 10%;}
	.menublock-row:nth-child(2n+1) > div:nth-child(3) {display: none}
	.menublock-row:nth-child(2n) > div:nth-child(2) {padding:0 10%}
	.menublock-row:nth-child(2n) > div:nth-child(1) {display: none}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1.large,.h1 {font-size:36px;margin-bottom:40px;}
	h1,h2,.h2 {font-size:30px;}
	h3,.h3 {font-size:24px;letter-spacing: 3px}
	header {padding-top:50px;padding-bottom:60px;}	
	.narrow {padding-left:60px;padding-right:60px;}
	.header-links {margin-right:15px;float:right}
	.header-links a,.header-links button{margin-right:0;margin-left:0px;padding-left:3px;padding-right:3px;}
	.header-nav a,.header-nav button{margin-right:3px;padding-left:3px;padding-right:3px;}
	.btn-home {width:172px;height:172px;}
	.btn-home span{width:130px;margin-left:-65px;}
	.btn-walks {width:172px;height:172px;}
	.btn-walks span{width:130px;margin-left:-65px;}
	.twocol {column-gap: 60px;}
	.blog-tile {width:455px;height:645px;}
  .modal-dialog {width:800px}
  .modal-body {padding:50px 50px 30px 50px}
  .modal-content button.close {font-size:18px;line-height:34px;}
  .modal-content button.close img{width:30px;margin-left:5px;}	
	.footer-items {display:flex;justify-content: space-between}
	.menublock-row {column-gap:20px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1.large,.h1 {font-size:50px;margin-bottom:50px;}
	h1,h2,.h2 {font-size:32px;}
	h3,.h3 {font-size:26px;letter-spacing: 4px}
	.header-logo {margin-left:-150px;max-width:300px;}
	.narrow {padding-left:100px;padding-right:100px;}
	.btn-home {width:210px;height:210px;}
	.btn-home span{width:150px;margin-left:-75px;}
	.btn-walks {width:210px;height:210px;}
	.btn-walks span{width:150px;margin-left:-75px;}
	.blog-tile {width:360px;height:511px;}
	.gutter-lg-60.row {  margin-right: -30px;  margin-left: -30px;}
	.gutter-lg-60 > [class^="col-"], .gutter-lg-60 > [class^=" col-"] {  padding-right: 30px;  padding-left: 30px;}
	.bottom-buffer50-lg {padding-bottom:50px !important;}
	.header-links a,.header-links button{margin-left:10px;padding-left:5px;padding-right:5px;}
	.header-nav a,.header-nav button{padding-left:5px;padding-right:5px;}
}