/*** typography ***/
@font-face{
	font-family: 'FutuLt';
	src: url('../fonts/FutuLt.ttf');
}

@font-face{
	font-family: 'Jasmine Reminiscentse Bold';
	src: url('../fonts/Jasmine Reminiscentse Bold.ttf');
}

body{
	font-family: 'FutuLt';
}

/*** menu ***/
#jt-menu{
	margin-top: 25px;
}

.navbar-right>li>a{
	color: #bbb;
	transition: color ease 250ms;	
	padding: 5px 0;	
	margin-right: 30px;
}

.navbar-right>li:last-child>a{
	margin-right: 0;
}

.navbar-right>li>a:hover{
	color: black;
	background: none;
}

.navbar-right>li.active>a{
	color: black;
}

.navbar-toggle .icon-bar{
	background: black;
}

a.navbar-brand{
	color: black;
	font-weight: bold;
	/*padding-top: 5px;*/
	font-family: 'Jasmine Reminiscentse Bold';
	font-size: 54px;	
	padding-top: 0;
}

a.navbar-brand img{
	width: 215px;
}

/*** image caption ***/
.caption{
	color: #bbb;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	transition: color ease 250ms;	
}

a:hover{
	text-decoration: none;	
}

.block{
	margin-bottom: 40px;
}

.block a{
	transition: color ease 250ms;	
}

.block a:hover .caption{
	color: black;	
}

/*** center align tabs ***/
.nav-center{  
	text-align: center;
}

.nav-center .nav-tabs{
	border: none;
}

.nav-center ul.nav{
	display: inline-block;
}

.nav-center ul.nav li{
	display: inline
}

.nav-center ul.nav li a{
	font-size: 16px;	
	float: left;
	color: #bbb;
	border: none;
}

.nav-center ul.nav li a:hover{
	background: none;
	border: none;
}

.nav-center ul.nav li.active a{
	border: none;
	color: black;
}

/*** masonry ***/
.grid-sizer{
	width: 23.875%;
}
.masonry{
	/*column-count: 4;*/
	// -moz-column-count: 1em;
	// -webkit-column-count: 1em; 
	// column-gap: 1em;
	// -moz-column-gap: 1em;
	// -webkit-column-gap: 1em; 
}

.masonry .item{
	/*background: #eee;*/
	// display: inline-block;
	// margin: 0 0 1em; 
	width: 23.875%;
	transition: border-color ease 250ms;	
	// padding-right: 7px;
	// padding-left: 7px;
	margin-bottom: 1.5%;
}

.gutter-sizer{
	width: 1.5%;
}

// .masonry .item:nth-child(4n){
// 	padding-right: 0;
// }

// .masonry .item:nth-child(4n+1){
// 	padding-left: 0;
// }

@media(min-width: 768px) and (max-width: 1199px){
	.grid-sizer{
		width: 32.33%;
	}	
	.masonry .item{
		width: 32.33%;
	}
	// .masonry .item:nth-child(3n){
	// 	padding-right: 0;
	// }

	// .masonry .item:nth-child(3n+1){
	// 	padding-left: 0;
	// }
}

@media(max-width: 767px){
	a.navbar-brand img{
		width: 170px;
	}
	.grid-sizer{
		width: 49.25%;
	}	
	.masonry .item{
		width: 49.25%;
	}
	// .masonry .item:nth-child(even){
	// 	padding-right: 0;
	// }

	// .masonry .item:nth-child(odd){
	// 	padding-left: 0;
	// }
}

.masonry .item > img{
	// margin: 0 auto;
	border: 1px solid #eee;
}

.masonry .item > img:hover{
	border-color: #0ccdd9;
	border-color: #4f7570;
}

/*** media queries ***/
@media(min-width: 1200px){
	.container{		
		width: 98%;
		max-width: 1200px;
	}
	.masonry{
		// column-count: 4;
		// -moz-column-count: 4;
	}
}

@media(max-width: 1199px){
	.masonry{
		// column-count: 3;
		// -moz-column-count: 4;
	}
}

@media(max-width: 991px){
	.masonry{
		// column-count: 2;
		// -moz-column-count: 4;
	}
}

#about-row .col-sm-3{
	padding-right: 0;
}

#about-row .col-sm-9{
	padding-left: 30px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	padding-top: 20px;
}



@media(max-width: 767px){
	#about-row .col-sm-3{
		display: none;
	}
	#about-row .col-sm-9{
		padding-left: 15px;
		border-left: none;
		border-top: none;
		padding-right: 15px;
		padding-top: 0px;
	}
	.navbar-header{
		border-bottom: 1px solid #ddd;
	}
	#jt-menu{
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
		top: 0;
		background: white;
		margin-top: 0;
	}
	body{
		padding-top: 60px;
	}
	a.navbar-brand{
		padding-top: 5px;
	}
	.navbar-right>li>a{
		margin-right: 0;
		text-align: center;
	}
	.masonry{
		// column-count: 1;
		// -moz-column-count: 4;
	}
	.navbar-collapse.collapse.in{
		height: 100%;		
	}
	.block img{
		margin: 0 auto;
	}
}




/*** photo swipe demo ***/
.my-gallery {
	width: 100%;
	float: left;
}
.my-gallery img {
	width: 100%;
	height: auto;
}
.my-gallery figure {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 150px;
	margin-right: 0;
	margin-bottom: 0;
}
.my-gallery figcaption {
	display: none;
}


/*** contact form ***/
.wpcf7-form-control{
	width: 100%;	  
	padding: 12px;
	margin: 6px 0 4px;
	border: 1px solid #ccc; 
	background: #fafafa;
	font-family: sans-serif;
	font-size: 12px;
	line-height: normal;
	box-sizing: border-box;
	border-radius: 2px;
}

input[type="submit"].wpcf7-form-control{
	width: 100px;
	background: #aca57b;
	background: #4f7570;
	border: none;
	color: white;
}

/*** menu icon animation ***/
.navbar-toggle .icon-bar {
	transition: all .2s;    
}

.navbar-toggle .top-bar {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-moz-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	-o-transform-origin: 10% 10%;
	transform-origin: 10% 10%
}

.navbar-toggle .middle-bar {
	opacity: 0
}

.navbar-toggle .bottom-bar {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-moz-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	-o-transform-origin: 10% 90%;
	transform-origin: 10% 90%
}

.navbar-toggle.collapsed .top-bar {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.navbar-toggle.collapsed .middle-bar {
	opacity: 1
}

.navbar-toggle.collapsed .bottom-bar {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

#news-block-row p{
	font-size: 16px;
}

.navbar-right>li.current-menu-item>a{
	color: black;
}

.news-block{
	margin-top: 30px;
}

ul.social-media{
	list-style-type: none;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul.social-media li{
	display: inline-block;
	margin-left: 20px
}

ul.social-media li a .fa{
	font-size: 25px;
	color: #ddd5d5;
	transition: color ease-in-out 250ms;
}

ul.social-media li a:hover .fa{
	color: #5f5d5d;
}



.flex-row{
	display: flex;
	display: -webkit-flex;
}