@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,600,700,800);

/*

[Custom Stylesheet]

Project     : TheGraphy - Responsive Creative Photography HTML5 Template
Version     : 1.0
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks

You can write your custom css styles in this file...

*/


.about-image-button {
        
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #333;
    color: #fff;
    transition: .3s cubic-bezier(0.55,.085,.68,.53);
	float:left;
	padding-left: 4px;
	
}


.fa {
padding:7px 8px;!important;
}

.post--title h2 {
	margin:0px;
font-size: 44px;
color: #2e3235;
font-weight:600;}

.post--title h3 {
	margin:0px;
font-size: 36px;
color: #2e3235;
font-weight:500;}

.post--title h4 {
	margin:0px;
font-size: 18px;
color: #2e3235;
font-weight:550;}


.thumbnail {
   
    margin-bottom: 20px !important;
	padding:10px !important;
	}

.btn-default {

    color: #14787a;
    background-color: #e5eef7;
    border-color: #14787a;

}
.btn-default:hover{ color: #fff;}
.h2, h2 {
    font-size: 36px;
	color:#fff;
	/*text-shadow: -1px 1px 9px rgba(7,7,17,0.6);*/
	
}
	
h2 span.internal-pages{
	font-size: 25px;
	line-height: 100%;
	background-color: #14787a;
	padding:7px 13px;
	opacity:85%;
	color:#FFF;
	font-weight:600;
	
	}
h2 span.internal-pages em{
	font-weight:400;
	font-style:normal;
	}
h2 .subtitle{
	/*font-size: 70%;
	color:#14787a;
	font-size: 24px;
	border-top:#14787a 6px solid;
	border-bottom:#14787a 6px solid;
	
	*/
	font-size: 25px;
	line-height: 100%;
	background-color: #14787a;
	padding:13px 13px;
	opacity:85%;
	color:#FFF;
	font-weight:600;
	}

a .letter-caption{
	color:#030;
	}

.letter {
    border: 8px solid 
    #F2F2F2;
}

.grid-caption {
	color: #deab3a;
	right: 0px;
	position: absolute;
	top: 16px;
	font-size: 18px;
	font-weight:bolder;
	background-color: #333;
	opacity:85%;
	padding: 3px 20px;
}

a:hover .grid-caption {
	color: #fff;
	background-color: #deab3a;
	opacity:90%;
}

.header--navbar a.donate{
	color:#999999;
	}

.left carousel-control
{
	opacity:none; }
.carousel{
	margin-top:15px;
	/*margin-bottom:80px;*/
	}
.carousel-indicators{
	bottom:-5px;
	}
.carousel-indicators li {
    background-color: #5a5a5a;
    border: 1px solid #777;
    /*border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px;*/
}
.carousel-caption {bottom:-90px;
    right: 0%;   
    left:0%;
	font-weight:normal;
    color: #2F537E;
    text-shadow: none;
}

.carousel-control {
    font-size: 25px;
    top: 50%;
	background:none;
	border:none;
	width::0 !important;
}
.carousel-control.right{
	background-image:none;
	background-color:#14787a;
	height:40px;
	width::0 !important;
	margin-right:20px;
	
	
		}
		
	.carousel-control.left{
	background-image:none;
	background-color:#14787a;
	height:40px;
	width::40px !important;
	margin-left:20px;
	text-align:left;
	
	
right: 30px;
bottom: 30px;

	
		}	

.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-inner{
	 /*overflow:visible !important;*/
	  padding-bottom: 100px;
 }
 p.yv-mfp-title{
	color: #FFF;
	
	}
p.yv-mfp-title a, p.yv-mfp-title a:link, p.yv-mfp-title a:visited, p.yv-mfp-title a:active, p.yv-mfp-title a:hover {
    color: #FCC794;
}
	
.mfp-title {
  line-height: 150%;
  font-size:14px;
  padding-top: 10px; }


#yvv_title-viewer {
	font-size:16px;
	font-family: 'Alef Hebrew', serif;
	}
	
 .nav > li { 
 font-size: 17px !important;
} 
#footer_for_popup{font-size:16px;
	}