/*!
 * Start Bootstrap - 1 Col Portfolio HTML Template (https://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see https://www.apache.org/licenses/LICENSE-2.0.
 */

@import url(https://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(https://fonts.googleapis.com/css?family=Volkhov);
@import url(https://fonts.googleapis.com/css?family=Marck+Script&subset=latin,latin-ext);

html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
    background-position: left top;
    background-size: auto auto;
    background-repeat: no-repeat;
    background-image: url(../images/bg_new4.jpg);
	background-color: #ebebdf;
	font-family: "Open+Sans",sans-serif;
	font-size:16px;
}

.container{ margin-bottom:20px;
		}

h1,h2,h3,h4,h5,h6 {
	font-family: "Open+Sans",sans-serif;
	color:#8d4440;
}

.h2, h2 {
	font-size: 26px;
	margin:0 0 20px;
}

h2.subtitle {
	margin:0 0 10px;
}

.h3, h3 {
    font-size: 22px;
}
h3.subtitle {
	margin: 10px 0 20px 0;
}

.h4, h4 {
color:#324e7b;
line-height:180%;
}

a{
	color:#324e7b;
	}
	
p a{
	border-bottom: dashed 1px ;
	}

.mfp-title a, .mfp-title a:hover{
	color:#FC0;
	}
	
hr{
	border-top: 4px double #8d4440;
	}

hr.text{
	border-top: 1px dotted #666666;
	}	

.breadcrumb{
	background-color:#cecabd;
	}

.breadcrumb > li + li::before{
	color:#777;
	}
	
ul {
	/*list-style:none;*/
	padding-left:15px;
	list-style-type: square;
}

p{
	font-size:16px;
	line-height:170%;
	}
	
a{
	color:#8d4440;
	}

a:hover {
	color:#8d4440;
	text-decoration:underline;
	}
	
blockquote {
background: url(/yv/en/exhibitions/through-the-lens/images/bg-quote1.png) no-repeat;
color: #454545;
font-style: italic;
margin: 0;
padding: 0px 30px 30px 85px;
border:none;
font-family: 'Volkhov', serif;
/*font-family: "Marck Script",cursive;
    font-size: 160%;*/
}
blockquote.handwrighting {
background: url(/yv/en/exhibitions/through-the-lens/images/bg-quote1.png) no-repeat;
color: #454545;
font-style: italic;
margin: 0;
padding: 0px 30px 30px 60px;
border:none;
/*font-family: 'Volkhov', serif;*/
font-family: "Marck Script",cursive;
    font-size: 160%;
}
blockquote p{
	font-size:16px;
	}
blockquote small{
	font-family: "Open+Sans",sans-serif;
	font-style: normal;
	margin-top:10px;
	}
	
.intro{
	padding:0px 60px 25px;
	margin:0 14px 40px;
	border-radius: 4px;	
	border-bottom: medium double #8d4440;		
	}
.letter-section{
	background-color:#DED5C8;
	padding-top:20px;
	}
.res-img {width: 100%; height: auto; display: block;/* border: 8px solid #F2F2F2; */}
.letter {border: 8px solid #F2F2F2; }
.carousel-control{top:50%;}
.carousel-control {
    font-size: 25px;
    top: 50%;
	background:none;
	border:none;
}
.carousel-control.left, .carousel-control.right{
	background-image:none;
	}

.carousel-control.left, .carousel-control.right a, a:active, a:focus{	
	color: #FFF;
	opacity: 1;
	}

.carousel-control.left a, a:active, a:focus{	
	color: #FFF;
	opacity: 1;
	}

.carousel-caption{
	padding:10px 0;
	background-color:#333;
	right:0;
	left:0;
	bottom:0;
	}
.carousel-indicators{
	bottom:-50px;
	}
/**************** Header ***************/
.navbar {
	margin:10px 0;
}
.navbar-header h1 {
	font-family: 'Marcellus SC', serif;	
    color: #8d4440;
    font-size: 44px;
    line-height: inherit;
    margin-left: 5px;
	margin-top:5px;
    padding: 0 10px;
	text-transform:uppercase;
	/*font-size:60px;	
	padding: 0px 0px 13px;*/
}

.navbar-header h1 span{
	font-family: 'Marcellus SC', serif;
	font-size:22px;
	padding-top:20px;
	text-transform: uppercase;
	display: inline-block;
	 color: #8d4440;
	
}

.navbar-header h2{
    font-size: 26px;
    margin-left: 15px;
	
	}
		
.navbar-header .logo {
    border-right: 1px solid #324e7b;
    float: left;
    margin-right: 5px;
    margin-top: 13px;
    padding-right: 15px;
}
.navbar-collapse {
 -webkit-box-shadow: none; 
 box-shadow: none; 
}
/**************** End of Header ***************/


#dropdownMenu1{
	color: #324e7b;
	border:3px solid #324e7b;
	border-radius: 6px;
	margin-top:13px;
	cursor:pointer;
	}
.nav li a:hover {
	background-color: #fafaf3;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #fafaf3;
}
.navbar-nav > li > a{
	padding:7px 10px;
	}
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	background-color:#fafaf3;
	padding:0;
}
.dropdown-menu li{
	border-bottom:1px dotted #324e7b;
	font-size:15px;
	}
.dropdown-menu li.bottom{
	border-bottom:none;
	}
.dropdown-menu li a{
	padding:15px;
	}
.dropdown-menu li a:hover{
	background-color:#324e7b;
	color:#FFFFFF;
	}
/*******************************/
.content{
	/*margin:0 auto;*/
	padding:30px 0 0 0;
	border-top: double #8d4440;
}
.float-left{
	float:left;
	margin:3px 20px 0px 0px;
	border-radius: 8px;
	}
.modal-body{
	overflow:hidden;
	}
.img-article{
	float:left;
	margin:3px 30px 0px 0px;
	width:300px;
	border-radius: 8px;
	}
	
	.img-article-right{
	float:right;
	margin:3px 0px 0px 30px;
	width:300px;
	border-radius: 8px;
	}
.img-article-lg{
	float:left;
	margin:3px 30px 0px 0px;
	width:400px;
	border-radius: 8px;
	}
.img-article a, .img-article a:hover, .img-article-lg a, .img-article-lg a:hover {
	color:#324e7b;
	}
	.img-article-right a, .img-article-right a:hover {
	color:#324e7b;
	}
.more-photos{
	margin:9px 0 0 5px;
	display:block;
	}

.thumbnail {   
    margin-bottom:25px;
    background-color: #FAFAF3;
    border: 6px solid #FAFAF3;
    border-radius: 4px;
}
.thumbnail img {   
    border-radius: 4px;
}
.thumbnail .caption{
	/*color:#FAFAF3;*/
	padding-bottom:0;
	margin-bottom:0;
	min-height: 60px;
	}
	
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #b79085;
	text-decoration:none;
	color:#324e7b;		
	}

/*.pb10{
	padding-bottom:10px
	}*/
.align-center{
	text-align:center;
	}
	
footer {
	/*background: #ecf3f8 none repeat scroll 0 0;*/
	background-image:url(../images/bg_new5.jpg);
    color: #324e7b/*F4F4E8*/ /*#007DAF*/;
    padding: 20px;
	margin:0;
    width: 100%;
    position: relative;
	overflow:hidden;
}
footer, footer p {
	font-size:14px;
	}

footer a, footer a:focus, a:hover {
	color: #324e7b;
	}
.footer_content{
	display:none;
	}

footer .fa-2x {
    font-size: 1.6em;
}
a.btn-instagram:hover{
                color:#3f729b;
                }
a.btn-facebook:hover{
                color:#3b5998;
                }
a.btn-twitter:hover{
                color:#55acee;
                }
a.btn-youtube:hover{
                color:#cd201f;
                }
a.btn-pinterest:hover{
                color:#bd081c;
                }
				
div.footer-copyright {
    background: #333333 none repeat scroll 0 0;
      margin-top: 40px;
    padding: 20px 0;
}

/***************Related Resources ****************/

/*h4.related_resources {
    border-top: 4px solid #fc0;
    clear: both;
    display: block;
    margin-top: 25px;
    padding-top: 10px;
    width: 100%;
}*/

/*****************Bootstrap Gallery******************/
.carousel{
	margin:0;
	border: 10px solid #FAFAF3;
    border-radius: 4px;
	}
	
	.carousel img {   
    border-radius: 4px;
}

/*****************Gallery******************/
.rg-image-wrapper{
	padding: 0 45px;
	}
.es-carousel-wrapper {
	padding: 10px 45px;
}
.rg-gallery{
	margin-bottom:25px;
	}
.rg-view{
	display:none;
	}
.rg-caption {
    background-color: #FAFAF3;
    padding: 10px 20px 15px 35px;
    text-align: left;
	}
.rg-caption p{
	font-size:15px;
	line-height:150%;
	}
.rg-image{
	background-color:#e0e0e0;
	border: 10px solid #FAFAF3;
	background-image:url(../images/bg_new6.jpg);
	border-radius: 4px;
	}

.rg-image-nav a {
    background: rgba(0, 0, 0, 0) url("../images/nav.png") no-repeat scroll -20% 50%;
	width: 39px;
	opacity: 0.8;

}
.es-nav span {
    background: transparent url("../images/nav_thumbs.png") no-repeat scroll left top;
	width: 22px;
}
.credit{
	color:#888;
	}

.share-it{
	float:right;
	margin-top:15px;
	margin-bottom:10px;
	display:block;
	}


   

.es-carousel ul li a {
    display: block;
    border: 6px solid #FAFAF3;
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
	 
}

.es-carousel ul li.selected a {
    border-color: #324e7b;
   
}

.prevImg, .nextImg {
	color: #324e7b;
    cursor: pointer;
}
#imgCount {
    display: inline-block;
    font-size: 90%;
    font-style: italic;
    margin-left: 10px;
    padding-bottom: 10px;
    vertical-align: super;
}

/*sm*/
@media (min-width:768px) and (max-width:1200px) {

  .navbar-header h1 {
    font-size: 30px;
	}
	.thumbnail .caption{
		min-height: inherit;
	}
	
	/*ADD SCROLLING TO MODAL IN MOBILE:*/
	.modal-dialog{ overflow-y: initial !important; }
	.modal .modal-body { max-height: 80vh; overflow-y: auto; } 
}
/*xsm*/
@media (max-width: 768px) {
	html {
	background: none;
	}
	.content {
    box-shadow: none;
	padding:5px 5px 15px;
	}
	.navbar-brand {
		height:auto;
		padding: 20px 0 0 10px;
		
		}		
	h2.visible-xs-block{
		font-size:30px;
		padding:0 15px;
				
		}		
	.h2, h2{
		font-size:26px;
		}
	.navbar-header .logo {
		margin-left:15px;
		border-right: none;
		
		}
	.img-article{
		width:100%;
		}
		
		.img-article-right{
		width:100%;
		}

	.thumbnail .caption{
		min-height: inherit;
	}

	.navbar-collapse.collapse {
		display: block!important;
		}
		
	.navbar-nav>li, .navbar-nav {
		float: left !important;
		}
		
	.navbar-nav.navbar-right:last-child {
		margin-right: -15px !important;
		}
		
	.navbar-right {
		float: right!important;
		}
		
	#dropdownMenu1{
			float:right;
			margin-top: -65px;
		}
	.navbar-nav .open .dropdown-menu{
		width:100%;
		background-color:#fff;
		float:left;
		}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color:#000;
		}


	/*ADD SCROLLING TO MODAL IN MOBILE:*/
	.modal-dialog{ overflow-y: initial !important; }
	.modal .modal-body { max-height: 80vh; overflow-y: auto; } 
	

}

@media (max-width: 480px) {
	
    footer .btn {
    padding: 6px 4px;
}

	.thumbnail .caption{
		min-height: inherit;
	}
}

@media (max-width: 320px) {
	
    footer .btn {
    padding: 6px 1px;
	
}

	.thumbnail .caption{
		min-height: inherit;
	}
.intro{
	background:#FAFAF3; 
}

.intro h4{
	font-size:15px;
	line-height:170%;
	color:#000;
}


}

@media print{
	a[href]:after {
    content: "";
	}
	.container{
		padding:0;
		}
	.content {
	padding:5px 0px 15px;
	}
	.navbar-header .logo {
		display: inline;
	}
	.img-article{
		width:36%;
		}
		
		.img-article-right{
		width:36%;
		}
	.share-it{
		display:none;
		}
	}