/* Foundation v2.2.1 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


@font-face {
	font-family: 'Conv_Didot';
	src: url('fonts/Didot.eot');
	src: local('☺'), url('fonts/Didot.woff') format('woff'), url('fonts/Didot.ttf') format('truetype'), url('fonts/Didot.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'itc_galliard_stdregular';
    src: url('fonts/galliardstd-roman-webfont.eot');
    src: url('fonts/galliardstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/galliardstd-roman-webfont.woff') format('woff'),
         url('fonts/galliardstd-roman-webfont.ttf') format('truetype'),
         url('fonts/galliardstd-roman-webfont.svg#itc_galliard_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'itc_galliard_stditalic';
    src: url('fonts/galliardstd-italic-webfont.eot');
    src: url('fonts/galliardstd-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/galliardstd-italic-webfont.woff') format('woff'),
         url('fonts/galliardstd-italic-webfont.ttf') format('truetype'),
         url('fonts/galliardstd-italic-webfont.svg#itc_galliard_stditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	box-sizing: border-box;
}

body{
	background: #fff;
	font-family:"Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, p, .menu li a, .box-text{
	/*font-family: 'itc_galliard_stdregular'; */
	/*font-family: 'Conv_Didot';*/
	font-family: Georgia, serif;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-weight: 400;
}

h3, .menu li a{
	/*letter-spacing: 0.22em;*/
	letter-spacing: 1.6pt;
}


h1{font-size: 16px; color: black;}
h2{font-size: 14px; color: black;}
h3{font-size: 14px; color: black; text-transform: uppercase;}
p{color: black; font-size: 13px; line-height: 22px; letter-spacing: 0px; }
p a {text-decoration: underline;}

em, i {
	font-style: normal;
	line-height: inherit;
	font-family: 'itc_galliard_stditalic';
}

a{color: inherit;}

#container{
	max-width: 948px; 
	margin: 0 auto;
	padding-bottom: 50px;
}

#logo{
	max-width: 565px;
	margin: 30px auto 25px;
	padding: 0 50px;
}
#logo img{
	width: 100%;
}

#main{
	margin: 13px 0 0px;
	position: relative;
}

#footer{
	margin-top: 13px;
	margin-bottom: 35px;
}

#footer-right{
	margin: 15px 0px;
	float: right; width: auto;
}

#footer-left{
	margin: 12px 10px 9px;
	float: left; width: auto;
	padding-left: 9px;
}

#footer-left a{
	margin-right: 3px;
}

#footer-middle{
	margin:18px 0 0;
	width: auto;
}

#footer-middle p{
	/*font-family: 'itc_galliard_stditalic';*/
	color: black;
	font-size: 13px;
	text-align: center;
}

#footer-middle ul li{
	display: inline-block;
	margin: 0 10px;
	color: black;
	font-size: 12px;
	font-family: Georgia, serif;
	/*letter-spacing: 0.05em;*/
	letter-spacing: 0.2pt;
}


#absolute-content{
	top: 0px;
	left: 0px;
	position: absolute;
}

.inner{
	max-width: 400px;
	padding: 80px;
}

#box-container{
	width: 990px;
	min-height: 400px;
}

.box{
	width: 310px;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}

.box-text{
	background: black;
	bottom: 40px;
	position: absolute;
	width: 86%;
	padding: 10px 7%;
	opacity: 0;
	/*font-family: 'itc_galliard_stdregular'; */
	color: white;
	/*text-transform: uppercase;*/
	font-size: 12px;
}

.box-text p{
	color: white;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
}

.column-50 h1{
	position: absolute;
	top: 60px; right: 20px;
	width: 120px;
	text-transform: uppercase;
}

.column-25 h1{
	position: absolute;
	top: 60px; left: 66px;
	width: 120px;
	color: white;
	text-transform: uppercase;
}

.column-50{
	margin: 13px 0 0px;
	float: left;
	position: relative;
	max-width: 456px; max-height: 171px;
}
.column-25{
	margin: 13px 0 0px;
	margin-left: 13px;
	max-width: 233px; height: 171px;
	float: left;
	position: relative;
}


.column-25.third{background: black; height: 171px;}

 
.double-line{ 
	width: 100%; height: 6px;
	clear: both;
	background: url(../images/content/double_line_2.png) repeat-x;
}

.single-line{
	width: 100%; height: 2px;
	clear: both;
	background: #1a171b;
}

.info{
	width: 100%;
	height: 68px;
	background: black;
	margin-bottom: 10px;
	line-height: 68px;
	text-align: center;
	color: #fffff;
}
.info p{
	line-height: 68px;
	text-align: center;
	color: #fff!important;
	font-family: 'itc_galliard_stdregular'; 
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

span.italic{
	font-family: 'itc_galliard_stditalic';
	font-size: 12px;
	text-transform: none;
}

span.spacer{
	margin: 0px 15px;
}

.header-menu{ text-align: center;}
.header-menu ul{margin: 24px 0px 20px;}
.header-menu ul li{ margin: 0 11px; display: inline-block;}
/*.menu ul li.page-item-9{display: none;}*/
.header-menu ul li a{font-size: 12px; display: block; text-transform: uppercase; color: black; /*letter-spacing: 1px;*/}
.header-menu ul li a:hover, .header-menu ul li.current_page_item > a{text-decoration: underline;}

.image{padding: 3px; border: 1px solid black;}
.image-bg{padding: 3px; border: 1px solid black;}
.image-bg img{padding: 0px; margin: 0px; vertical-align: top;}

.content-container{
	max-width: 960px;
	padding: 3px;
	border: 1px solid;
}
.background{
	min-height: 650px;
}

.spacer{
	margin-bottom: 10px;
	clear: both;
	height: 10px;
}


#searchform {margin: 0px;}
#searchform input{text-transform: uppercase; color: black; font-family: 'itc_galliard_stdregular'; letter-spacing: 1px; font-size: 14px; border:none; border-bottom: 2px solid #8c8b8d; padding-left: 10px; line-height: 25px;}

ul.breadcrumb {
	padding-bottom: 30px;
}
ul.breadcrumb li { 
		list-style: none; 
		float: left; 
		display: block; 
		padding: 0px 10px 0px 0;
		font-size: 12px;
		font-family: $text;
		font-weight: normal !important;
}
ul.breadcrumb li a {
		text-decoration: underline;
		color: #333;
		font-weight: normal !important;
		
}


.sidebar {float:right;width: 20%; margin-left: 2%; }
.content-with-sidebar{
	float: right;
	width: 78%;
}
.content-with-sidebar .entry-content {
		width:85%;
}

.categories {border-bottom: 1px solid #222; padding: 3px 0px 15px 0px; margin: 0px 0px 20px 0px;}
.categories ul {width: 100%; text-align: center; margin: 0px; }
.categories ul li, h1.archive-title {display: inline;  padding: 0px 1px 10px;  font-size: 12px; color: #222; font-weight: normal !important; letter-spacing: 1.3pt; color: black; text-transform: uppercase;}
.categories ul li.active {text-decoration: underline;}
.categories ul li a {font-weight: normal !important;}
h1.archive-title {display: block; padding: 10px 0 0 0;}
h1.entry-title {font-size: 18px; text-transform: uppercase;letter-spacing: 1.3pt;  padding-bottom:10px;}


.tag-wrapper {padding: 3px; border: 1px solid black; margin-bottom: 30px;}
.tag-moln {padding: 30px; background-color: #888; color: white; text-align: center; font-weight: 400;}
.tag-moln a {padding: 2px;}
.meta-sep {padding: 6px;}

.type-post, .guide {padding-bottom: 70px; clear:both;}
.type-post .entry-title {font-size: 18px;  margin-bottom: 10px;}
.page .content h2 {font-size: 18px; margin-top: 35px; margin-bottom: 15px;}
.page .content {padding-bottom: 50px;}
.page .content p, p.limited-width {width: 60%;}
.type-post .entry-content {padding-top: 20px;}
.entry-utility {font-size: 14px;}
.sep {color: #222; font-size: 10px;}
.comments-link {font-style: italic; font-size: 11px;}
textarea#comment{ min-width: 50%; border: 1px solid #ccc;}
#submit {padding: 10px; background-color: black; color: white; border: 0; font-size: 12px;}
#commentform input {padding: 6px;}
#respond {
	padding-top: 20px; border-top: 1px solid #aaa; margin-top: 20px; font-size: 11px;
}
#respond p {font-size: 11px;}
#respond label {font-size: 11px;}
#respond h3 {font-size: 13px;}
#comments {clear: left; margin-top: 10px;}
.dela {min-height: 30px;}
#comments-title {padding-top: 20px;}
.comment-list {padding-top: 10px;}
.comment-list .comment {padding-top: 20px;}
.comment-list .comment p {margin-bottom: 0px;}
.comment-list .children {padding-left: 20px;}

#nav-single {margin-bottom: 10px; width: 100%; min-height: 20px;}
.nav-next {float: right;}
.form-allowed-tags {font-size: 12px; color: #aaa; width: 460px; min-width: 50%;}

.guide-item{
	margin: 13px 0 0px;
	margin-left: 2%;
	max-width: 32%; 
	float: left;
	position: relative;
}
.guide-item:nth-child(3n+1) {margin-left: 0; clear:left;}
.guide-item .img-outer-wrapper{border: 1px solid black; padding: 2px;}
.guide-item .img-outer-wrapper img {margin: 0px !important;}
.guide-item img {display: block;}
.guide-item h2 {font-size: 14px; padding-top: 15px;padding-bottom: 8px;}
.type-guide h1 {font-size: 18px;}
.type-guide .image-bg, .type-post .image-bg, .post-loop .image-bg {margin: 15px 0px;}
.post-loop {padding-bottom: 60px; padding-top: 30px; border-bottom: 1px solid black;}
.entry-date {display: block; padding-bottom: 10px; font-style: italic;}
.space {letter-spacing: 1.3pt; text-transform: uppercase; font-size: 9px;}
footer.entry-meta {font-size: 11px;}


/***  OVERLAYS ***/
/* primary overlay */
.gg_gallery_wrap .gg_img .gg_main_overlay {
	font-size: 14px;
	font-family: Georgia, serif !important;
	font-weight: normal;
    font-weight: 400;
}
#lcl_standard_txt *, #lcl_fs_txt * {
    font-family: Georgia, serif !important;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-weight: 400;
    font-size: 12px;
}
.lcl_prev, .lcl_next, .lcl_play, .lcl_pause, .lcl_socials, .lcl_toggle_info, .lcl_fullscreen, .lcl_close, .lcl_social_box li {
    border-radius: 0px !important;
}
#lcl_standard_txt h3 {text-transform: none; font-size: 14px;  font-weight: 400 !important;letter-spacing: 0px;}
#lcl_standard_descr {font-size: 12px !important;letter-spacing: 0px;}
#lcl_standard_title, #lcl_fs_title {font-size: 16px; letter-spacing: 0px !important; font-weight: normal !important;}

.sharing {cursor: pointer;}
.share-not {cursor: pointer;}
ul.social {margin: 15px 0px;}
ul.social li {float: left; padding-right: 10px;}
ul.social li img {width: 32px;}
li.hov{cursor: pointer;}

@media (max-width: 1024px) {
	
	.header-menu ul li {
		margin: 0 8px;
	}


}
@media (max-width: 990px) {
	.cityguides{padding: 0px 20px;}
	.page .content {padding: 0px 20px;}
}

@media (max-width: 943px) {
	
	.header-menu ul li {
		margin: 0 11px;
	}

}

@media (max-width: 920px) {
	
	.header-menu ul li {
		margin: 0 9px;
	}
	.page .content p, p.limited-width {width: 70%;}
}

@media (max-width: 895px) {
	
	.header-menu ul {
		margin: 20px 0px 16px;
	}
	
	.header-menu ul li{
		margin: 5px 9px;
	}
	#content {padding: 20px;}

	ul.breadcrumb {
		padding: 20px;
	}

}

@media (max-width: 640px) {
	
	body.home #main, .no-mobile{
		display:none;
	}
	
	.header-menu ul {
		margin: 20px 20px 16px;
	}
	
	.header-menu ul li{
		display: block;
		margin: 10px 0;
	}
	
	.header-menu ul li a{
		border: 1px solid black;
		padding: 15px 0;
	}
	
	.header-menu ul li a:hover{
		text-decoration: none;
		background: #f1f1f1;
	}
	
	
	.single-line, .double-line{
		width: auto;
		margin: 0px 20px;

	}
	
	.header-menu ul li#menu-item-82, .header-menu ul li#menu-item-84{
		display: none;
	}
	
	#footer-middle ul li{
		display:block;
		margin: 2px 10px;
		font-size: 12px;
	}
	
	#footer-middle {
		margin: 3px 0px 10px!important;
		width: 100%;
		text-align: center;
	}
	
	.guide-item{
		margin: 13px 0 13px 2%;
		max-width: 49%; 
	}
	.guide-item:nth-child(3n+1) {margin-left: 2%; clear: none;}
	.guide-item:nth-child(2n+1) {margin-left: 0px; clear: left;}

	.page .content p, p.limited-width {width: 100%;}
	



}



@media (max-width: 865px) {
	
	#footer-left{
		margin: 15px auto 0;
		width: 231px;
		clear: both;
		float: none;
	}
	
	#footer-middle {
		margin: 10px 60px 0;
	}
}

@media (max-width: 713px) {
	
	.column-50 {
		margin: 13px 0 0px;
	}
	.column-25{
		margin-left: 0px;
	}
	.sidebar .phone-hidden {display:none;}
	.content-with-sidebar{

		width: 100%;
	}
	.content-with-sidebar .entry-content {
			width:100%;
		}

	}
}

@media (max-width: 550px) {
	
	.inner{
		padding: 40px;
	}
}

@media (max-width: 400px) {
	
	.column-50 h1{
		top: 40px;
	}
}

@media (max-width: 465px) {
	
	.column-25{
		margin: 13px 0 0;
	}
	.guide-item{
	margin: 13px 0 13px 0;
	max-width: 100%;
	float: none;
	position: relative;
}
.guide-item:nth-child(3n+1) {margin-left: 0px; clear: none;}
.guide-item:nth-child(2n+1) {margin-left: 0px;clear: none;}


	
}