/*
 * Created by Pavel Cesnokov - www.cesnokov.lt
 * Project - www.meridian.org/keepingfaith/ (2016)
 */

@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext';

/* MAIN
-------------------------------------------------- */
body {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
h1, h2 {
	font-family: 'Josefin Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { 
  font-weight: 400;
}

strong, .strong {
	font-weight: 700;
}

.main_logo .fa {
	font-size: 18px;
	margin-top: 15px;
	padding-right: 50px;
}
blockquote {
	font-style: italic;
}

@media (max-width:767px) {
	.main_logo .fa {
		padding-left: 20px;
		font-size: 30px;
	}
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}

/* MAIN-MENU
-------------------------------------------------- */
.navbar-default {
  background: transparent url('../img/menu_bg.png') center top repeat-x;
  font-size: 13px;
  height: 50px;
  text-transform: uppercase;
  font-weight: 600;
}
.dropdown-menu {
	background-color: #666;
	margin-left: -50px;
}

.navbar-default .main_logo .fa {
	color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #0c496d;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #d3733f;
}
.dropdown-menu > li > a {
  color: #ffdd00;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #d3733f;
}
.nav > li > a {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 17px;
	padding-bottom: 13px;
}

.officialletters .menu-official-letters a,
.gallery .menu-gallery a {
	color: #0c496d !important;
}


@media (max-width:767px) {
	.navbar-default {
	  height: 64px;
	}
	.navbar-collapse {
		background-color: transparent;
		background-image: url('../img/submenu_bg.png');
	}
	.navbar-collapse a {
		text-align: center;
	}
	.dropdown-menu {
		margin-left: 0px;
	}
	.main_logo span {
		margin-left: 15px;
		font-size: 25px;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	  color: #000;
	  background-color: #d3733f;
	}
	.navbar-default .navbar-nav > .active > a  {
		color: #d3733f;
	}
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.nav > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.nav > li > a {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* SUB-MENU
-------------------------------------------------- */
.second_navbar {
	background-color: transparent;
	background-image: url('../img/second_navbar_bg.png');
	width: 100%;
}
.submenu_officialletters {
	height: 100px;
}
.submenu_officialletters img {
	float: left;
}
.submenu_officialletters span {
	display: block;
	float: left;
	width: 250px;
	font-size: 15px;
	line-height: 17px;
	color: #333333;
	padding-top: 31px;
	padding-bottom: 35px;
	padding-left: 20px;
	padding-right: 20px;
}
.submenu_officialletters .active span {
	color: #ffffff;
	background-color: #d3733f;
	cursor: default;
}
.submenu_gallery span {
	display: block;
	font-size: 16px;
	line-height: 15px;
	color: #333333;
	text-align: center;
	padding: 17px 15px;
	height: 52px;
}
.submenu_gallery .active span {
	color: #ffffff;
	background-color: #d3733f;
	cursor: default;
}
.page-template-template-officialletters-php .navbar .menu-official-letters a,
.page-template-template-gallery-php .navbar .menu-gallery a {
	color: #d3733f !important;
	text-decoration: underline;
}
@media (max-width:767px) {
	.submenu_officialletters {
		height: 200px;
	}
	.submenu_officialletters span {
		width: 210px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.submenu_officialletters .container .row div {
		display: block;
		width: 320px;
		height: 100px;
		margin-left: auto;
		margin-right: auto;
	}
	.submenu_gallery img {
		max-width: 100px;
		float: left;
	}
	.submenu_gallery span {
		width: 190px;
		float: left;
		height: 33px;
		font-size: 13px;
		line-height: 13px;
		padding: 10px 15px;
	}
	.submenu_gallery .container .row div {
		display: block;
		width: 320px;
		height: 24px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	.submenu_gallery .container .row div.last {
		margin-bottom: 0px;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.submenu_gallery span {
		height: 46px;
		font-size: 13px;
		line-height: 13px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.submenu_gallery .md1 span {
		padding-top: 21px;
		padding-bottom: 21px;
	}
	.submenu_gallery .md2 span {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.submenu_gallery span {
		height: 44px;
		font-size: 14px;
		line-height: 14px;
	}
	.submenu_gallery .lg1 span {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}
@media (min-width:1200px) {
	.submenu_gallery .lg1 span {
		padding-top: 17px;
		padding-bottom: 17px;
	}
}

/* SUB-MENU STYLING FROM GALLERY
-------------------------------------------------- */
.sub_menu_css1 span,
.sub_menu_css2 span,
.sub_menu_css3 span {
	color: #ffffff;
	background-color: #666;
}

/* COLORS & SIZES
-------------------------------------------------- */
body {
	background-color: #eeeeee;
	background-image: url('../img/main_bg.png');
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	background-repeat: no-repeat;
	background-position: center top;
}
a {
  color: #285f80;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: none;
}
h1 {
	font-size: 60px;
	line-height: 60px;
	color: #d3733f;
	text-transform: uppercase;
	margin-top: 30px;
}
h2 {
	font-size: 40px;
	line-height: 50px;
	color: #d3733f;
}
h3 {
	font-size: 24px;
	line-height: 30px;
	color: #285f80;
}
h4 {
	font-size: 25px;
	margin-bottom: 30px;
	color: #285f80;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 15px;
}

@media (max-width:767px) {
	h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}
	h2 {
		font-size: 35px;
		line-height: 40px;
	}
}

.footer {
	font-size: 14px;
	line-height: 16px;
	color: #333;
}
.btn {
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	color: #333333;
}

/* ------------------------------------ HELPERS ------------------------------------ */

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }

@media (max-width: 767px) {
	.mmt10 { margin-top: 10px; }
	.mmt20 { margin-top: 20px; }
	.mmt30 { margin-top: 30px; }
	.mmt40 { margin-top: 40px; }
	.mmt50 { margin-top: 50px; }
	.mmt60 { margin-top: 60px; }
	.mmt70 { margin-top: 70px; }
	.mmt80 { margin-top: 80px; }
	.mmt90 { margin-top: 90px; }
	.mmt100 { margin-top: 100px; }
	
	.mpt10 { padding-top: 10px; }
	.mpt20 { padding-top: 20px; }
	.mpt30 { padding-top: 30px; }
	.mpt40 { padding-top: 40px; }
	.mpt50 { padding-top: 50px; }
	.mpt60 { padding-top: 60px; }
	.mpt70 { padding-top: 70px; }
	.mpt80 { padding-top: 80px; }
	.mpt90 { padding-top: 90px; }
	.mpt100 { padding-top: 100px; }

	.mpb10 { padding-bottom: 10px; }
	.mpb20 { padding-bottom: 20px; }
	.mpb30 { padding-bottom: 30px; }
	.mpb40 { padding-bottom: 40px; }
	.mpb50 { padding-bottom: 50px; }
	.mpb60 { padding-bottom: 60px; }
	.mpb70 { padding-bottom: 70px; }
	.mpb80 { padding-bottom: 80px; }
	.mpb90 { padding-bottom: 90px; }
	.mpb100 { padding-bottom: 100px; }
}

@media (min-width: 768px) {
	
	.mt10 { margin-top: 10px; }
	.mt20 { margin-top: 20px; }
	.mt30 { margin-top: 30px; }
	.mt40 { margin-top: 40px; }
	.mt50 { margin-top: 50px; }
	.mt60 { margin-top: 60px; }
	.mt70 { margin-top: 70px; }
	.mt80 { margin-top: 80px; }
	.mt90 { margin-top: 90px; }
	.mt100 { margin-top: 100px; }
	.mt110 { margin-top: 110px; }
	.mt120 { margin-top: 120px; }
	.mt130 { margin-top: 130px; }
	.mt140 { margin-top: 140px; }

	.pl10 { padding-left: 10px; }
	.pl20 { padding-left: 20px; }
	.pl30 { padding-left: 30px; }
	.pl40 { padding-left: 40px; }
	.pl50 { padding-left: 50px; }
	.pl60 { padding-left: 60px; }
	.pl70 { padding-left: 70px; }
	.pl80 { padding-left: 80px; }
	.pl90 { padding-left: 90px; }
	.pl100 { padding-left: 100px; }

	.pr10 { padding-right: 10px; }
	.pr20 { padding-right: 20px; }
	.pr30 { padding-right: 30px; }
	.pr40 { padding-right: 40px; }
	.pr50 { padding-right: 50px; }
	.pr60 { padding-right: 60px; }
	.pr70 { padding-right: 70px; }
	.pr80 { padding-right: 80px; }
	.pr90 { padding-right: 90px; }
	.pr100 { padding-right: 100px; }

	.pt10 { padding-top: 10px; }
	.pt20 { padding-top: 20px; }
	.pt30 { padding-top: 30px; }
	.pt40 { padding-top: 40px; }
	.pt50 { padding-top: 50px; }
	.pt60 { padding-top: 60px; }
	.pt70 { padding-top: 70px; }
	.pt80 { padding-top: 80px; }
	.pt90 { padding-top: 90px; }
	.pt100 { padding-top: 100px; }

	.pb10 { padding-bottom: 10px; }
	.pb20 { padding-bottom: 20px; }
	.pb30 { padding-bottom: 30px; }
	.pb40 { padding-bottom: 40px; }
	.pb50 { padding-bottom: 50px; }
	.pb60 { padding-bottom: 60px; }
	.pb70 { padding-bottom: 70px; }
	.pb80 { padding-bottom: 80px; }
	.pb90 { padding-bottom: 90px; }
	.pb100 { padding-bottom: 100px; }

}

/* HOMEPAGE
-------------------------------------------------- */
.home_page_banner {
	width: 100%;
	background-image: url('../img/homepage_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 0;
}
.home_page_banner_container {
	height: 420px;
}
.home_page_banner h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	position: relative;
	font-size: 90px;
	line-height: 90px;
}
.home_page_banner h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
}
body.home .container h4 {
	margin-top: 90px;
}

@media (max-width:767px) {
	.home_page_banner h1 {
		font-size: 50px;
		line-height: 50px;
		padding-top: 30px;
	}
	.home_page_banner h3 {
		font-size: 20px;
    	line-height: 20px;
	}
	body.home .container h4 {
		margin-top: 60px;
	}
	.home h4 {
		margin-bottom: 0;
		margin-top: 60px;
	}
}

/* PAGES
-------------------------------------------------- */
.kindrednations_page_banner {
	width: 100%;
	height: 470px;
	background-image: url('../img/kindrednations_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -50px;
	margin-bottom: 40px;
	z-index: 1;
}
@media (max-width:767px) {
	.kindrednations_page_banner {
		background-image: url('../img/kindrednations_bg_sm.jpg');
		margin-top: -65px;
	}
}
.letter_title,
.gallery_title {
	margin-top: 40px;
	margin-bottom: 30px;
}

.tour_title,
.media_title {
	margin-top: 40px;
	margin-bottom: 30px;
}

.letter .letter_right {
	text-align: right;
}
.letter .signature {
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
}

@media (max-width:767px) {
	.letter .letter_right {
		text-align: center;
	}
}
.gallery_overal_image_div {
	margin-top: 15px;
	margin-bottom: 15px;
}
.gallery_overal_image {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #FFFFFF;
	display: block;
}

/* SINGLE GALLERY
-------------------------------------------------- */
.single_iamge_container {
	margin-top: 20px;
	margin-bottom: 20px;
}
.single_iamge_container.first {
	margin-top: 50px;
}
.single_image_src {
}
.single_image_src img{
	max-width: 100%;
	height: auto;
	border: 5px solid #FFFFFF;
	display: block;
	float: right;
}
.single_image_legend {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 17px;
	line-height: 22px;
}
.single_gallery_description {
	margin-top: 50px;
	margin-bottom: 20px;
}
@media (max-width:767px) {
	.single_image_src img{
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border: 5px solid #FFFFFF;
		display: block;
		float: none;
	}
	.single_image_legend {
		text-align: center;
	}
}

/* FOOTER
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 380px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 370px;
} 
.footer_bg {
	width: 100%;
	background: transparent url('../img/footer_bg.png') center top repeat-x;
}
.footer_txt {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 50px;
	width: 100%;
	padding-top: 17px;
	padding-bottom: 17px;
	color: #fff;
}
.footer_menu {
	background-color: #ffffff;
	font-size: 13px;
	line-height: 16px;
	color: #333333;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 70px;
}
.footer_menu .organizer {
	margin-bottom: 20px;
}
.footer_menu .social .fa {
	color: #333;
	font-size: 20px;
    opacity: 0.5;
	width: 20px;
	margin-top: 10px;
}
.footer_menu .social .fa:hover {
	opacity: 0.7;
}
.footer_menu .bottom_nav {
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.footer_menu .bottom_nav li {
	list-style-type: none;
	margin-top: 5px;
}
.footer_menu .bottom_nav li a {
	color: #333333;
	font-weight: bold;
}
.footer_menu .bottom_nav li.sub_menu a {
	color: #999999;
	font-weight: normal;
}
.footer_menu .bottom_nav a:hover,
.footer_menu .bottom_nav li.active a {
	text-decoration: underline;
}
.footer_menu .bottom_nav .spacer_menu a:hover {
	text-decoration: none;
}
.footer_menu #goto_top {
    background-color: #ffffff;
    font-size: 20px;
    height: 60px;
    line-height: 54px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;
    text-align: center;
    width: 60px;
}
.footer_menu #goto_top a {
	color: #999999;
	margin-left: 4px;
}

@media (max-width:767px) {
	.footer_menu .bottom_nav {
		text-align: center;
	}
	.footer_menu .organizer {
		margin-top: 40px;
	}
}

/* RESPONSIVE
-------------------------------------------------- */
@media (max-width:767px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:992px) and (max-width:1199px) {
}
@media (min-width:1200px) {
}

/* OTHER
-------------------------------------------------- */
#map {
    background: #f6ebdb;
    display: block;
    height: 500px;
    width: 100%;
    margin-bottom: 40px;
}