/* Global */
body{
	font-family: 'Source Sans Pro', sans-serif;
}

p{
	font-size: 1.2em;
}

iframe{
	width:560px;
	height: 315px;
}
.nc-content iframe{width:450px;height:250px}
.navbar>.container .navbar-brand{margin-left:0!important;}
@media (max-width:500px){
	iframe{
		width:300px;
		height: 180px;
	}
}

blue{
	color: #66B2FF;
}

/* Errors */
.help-block{
	color: #ff3333;
}

/* Header */
#fillerNav{
	height: 50px;
	margin-bottom: 0px;
}

@media (max-width:500px){
	#fillerNav{
		height: 50px; /*100px;*/
	}
}


/* Logo image */
.header-img{
	max-height: 195px;
	max-width: 200px;
	height: 50px;
	width: 50px;
	-webkit-animation-name: spinLogo;
	-webkit-animation-duration: 9s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinLogo;
	-moz-animation-duration: 9s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinLogo;
	-ms-animation-duration: 9s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
        
	animation-name: spinLogo;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spinLogo {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spinLogo {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spinLogo {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spinLogo {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Nav bar */

.navbar-inverse { background-color: #0031F5}/* 5D2EA3 */
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #696EFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #696EFF}
.dropdown-menu { background-color: #0031F5}/* 7C3DD9 */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #696EFF}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #0031F5}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #DBDBDB}
.navbar-brand{font-size:15px;padding: 15px 5px;}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #DBDBDB}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #DBDBDB}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #DBDBDB}
.dropdown-menu>li>a { color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #DBDBDB}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #DBDBDB}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #DBDBDB}


/* Bootstrap override */

@media only screen and (min-width:1024px){
	.dropdown:hover .dropdown-menu {
	    display: block;
	    margin-top: 0;
	}
}

/* Home jumbo */
div#home-jumbo {
    padding: 50px 0 0 0;
}
div#home-jumbo .header-img{
    width: 200px;
    height: 195px;
}
div#home-jumbo .empty-space{height: 30px;}

#home-jumbo, #donate-jumbo, #news-jumbo, #about-jumbo, #work-jumbo, #medi-jumbo, #workshops-jumbo, #perf-jumbo, #campaign-jumbo, #events-jumbo, #health-jumbo, #single-jumbo{
	min-height: 25em;
	color: #FF9933;
}

#home-jumbo .item{
	height: 25em;
}

#home-jumbo img{
	max-width: 100%;
	/*height: 25em;
	position: absolute;*/
}

#home-jumbo .carousel-control {
      height: inherit;
      margin-top: 0;
      padding-top: 0.5em;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
}

#home-1{
	background: url("../images/header/1.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#home-3{
	background: url("../images/header/3.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#home-4{
	background: url("../images/header/4.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 50%;
}

#home-5{
	background: url("../images/header/5.jpg") no-repeat;
	background-size: cover;	
}

#home-6{
	background: url("../images/header/6.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#home-8{
	background: url("../images/header/8.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#home-9{
	background: url("../images/header/9.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 35%;
}

#home-jumbo .carousel-caption h2, #home-jumbo .carousel-caption h3, #donate-jumbo h2, #donate-jumbo h3, #news-jumbo h2, #news-jumbo h3, #about-jumbo h2, #about-jumbo h3, #work-jumbo h2, #work-jumbo h3, #medi-jumbo h2, #medi-jumbo h3, #workshops-jumbo h2, #workshops-jumbo h3, #perf-jumbo h2, #perf-jumbo h3, #campaign-jumbo h2, #campaign-jumbo h3, #events-jumbo h2, #events-jumbo h3, #health-jumbo h2, #health-jumbo h3, #single-jumbo h3, #single-jumbo h2{
	margin: 0;
	margin-left: 1em;	
	color: white;
	text-shadow: 2px 2px black;
}

#home-jumbo .carousel-caption h2:first-child, #donate-jumbo h2:first-child, #news-jumbo h2:first-child, #about-jumbo h2:first-child, #work-jumbo h2:first-child, #medi-jumbo h2:first-child, #workshops-jumbo h2:first-child, #perf-jumbo h2:first-child, #campaign-jumbo h2:first-child, #events-jumbo h2:first-child, #health-jumbo h2:first-child, #single-jumbo h2:first-child{
	margin-top: 1em;
}

#home-jumbo .carousel-caption a{
	margin-top: 1em;
}

/* Jumbotrons */
#donate-jumbo{
	background: url("../images/header/9.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 35%;
}

#news-jumbo{
	background: url("../images/header/5.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 35%;
}

#about-jumbo{
	background: url("../images/header/8.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 35%;
}

#work-jumbo{
	background: url("../images/header/1.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#medi-jumbo{
	background: url("../images/header/6.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#workshops-jumbo{
	background: url("../images/header/8.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#perf-jumbo{
	background: url("../images/header/3.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#campaign-jumbo{
	background: url("../images/header/1.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#health-jumbo{
	background: url("../images/header/6.jpg") no-repeat;
	background-size: cover;	
	background-position: center center;
}

#events-jumbo{
	background: url("../images/header/events_banner.jpg") no-repeat;
	background-size: cover;	
	background-position: 0% 35%;
}


/* Content */
.content-header{
	padding-top: 2em;
	padding-bottom: 2em;
}

.content-header h2:last-of-type{
	padding-bottom: 1em;
	border-image:url("../images/aniline.gif")0 0 3 0;
border-top:0;
border-left:0;
border-right:0;
border-bottom:5px;
border-style:solid;
}

.video{
	padding-bottom: 2em;
}

.header-image{
	padding-bottom: 2em;
}

#main-head h2{
	padding-bottom: 0;
	border-bottom: none;
}

.fa-facebook-official{
	color: rgb(55,101,163);
}

.fa-linkedin-square{
	color: rgb(2,116,179);
}

.fa-twitter-square{
	color: rgb(85,172,238);
}

.content{
	padding-top: 2em;
	padding-bottom: 2em;
}

.content-footer{
	padding-top: 2em;
	padding-bottom: 4em;
}

#main-carousel img {
  width: auto;
  height: 300px;
  max-height: 300px;
}

@media (min-width:960px){
	#main-carousel{
		margin-top: 25%;
		margin-bottom: 25%;	
	}
}

#allone{
	background-color: rgb(88, 179, 88);
}

#allone p{
	margin-bottom: 0;
	font-size: 1.4em;
	font-weight: bold;
}

.un-img{
	width: 150px;
	height: 150px;
}

#main-contact{
	padding-top: 2px;
	padding-bottom: 2px;
}

#main-contact a{
	display: block;
}

#main-campaign{
	background-color: rgb(0,49,245);
}

#main-campaign p, #main-campaign h3{
	color: rgb(255,255,0);
}

.video-section{
	padding-top: 2em;
}

.photos-section{
	padding-top: 2em;
}

.videos-section h3, .photos-section h3{
	border-bottom: 1px solid black;
}

/* Slideshow */

@media (min-width: 1024px){
	.photos{
		min-height: 200px;
	}

	.slick-track{
		min-height: 200px;
	}

	.photos img{
		min-height: 200px;
	}
}

@media (min-width: 600px){
	.photos{
		min-height: 200px;
	}

	.slick-track{
		min-height: 200px;
	}

	.photos img{
		min-height: 220px;
	}
}

@media (min-width: 480px){
	.photos{
		min-height: 200px;
	}

	.slick-track{
		min-height: 200px;
	}

	.photos img{
		min-height: 240px;
	}
}

/* Footer */
footer{
	background-color: rgb(0,49,245);
	min-height: 100px;
}

footer p, #footer-address{
	color: rgb(255,255,0);
}

footer a, footer a:hover{
	color: rgb(0,255,0);
}


/* About */
#mission, #team, #contact, #meditation, #events, #performances, #campaign, #health, #workshops{
	min-height: 150px;
	margin-bottom: 25px;
	-webkit-transition: all 1s ease-in-out;
	            -moz-transition: all 1s ease-in-out;
	            -o-transition: all 1s ease-in-out;
	            -ms-transition: all 1s ease-in-out;
        background-color:#fff !important;
}
#mission img, #team img, #contact img, #meditation img, #events img, #performances img, #campaign img, #health img, #workshops img{width:100%;height:150px}

#mission:hover, #team:hover, #contact:hover, #meditation:hover, #events:hover, #performances:hover, #workshops:hover, #campaign:hover, #health:hover{
	-webkit-transform: translate(2em,0);
	            -moz-transform: translate(2em,0);
	            -o-transform: translate(2em,0);
	            -ms-transform: translate(2em,0);
}

#mission h3, #team h3, #contact h3, #meditation h3, #events h3, #performances h3, #campaign h3, #health h3, #workshops h3{
	margin-top: 1.5em;
        text-align:center;
        color:#101010;
}

#mission, #events{
	background-color: rgb(0,49,245);
}

#team, #performances{
	background-color: rgb(0,255,0);
}

#contact, #campaign{
	background-color: #FA8072;
}

#meditation{
	background-color:brown;
}

#health{
	background-color: purple;
}

#workshops{
	background-color: teal;
}

.address p{
	margin-bottom: 0;
}


/* Our team */

.ourteam p{
	margin-bottom: 0;
}

.ourteam p:nth-child(even){
	font-weight: bold;
}

.ourteam p:nth-child(odd){
	font-style: italic;
	margin-bottom: 1em;
}

/* Donate */
.nav-tabs{
	border-bottom: none;
}

.tab-content{
	padding-top: 2em;
	padding-bottom: 2em;
}

.tab-content{
	border: 1px #DAD7D7 solid;
}

/* Cards for ng-repeat */
.card{
	padding: 1em 1em 1em 1em;
	border: 1px solid #dcdcdc;
	margin-top: 1em;
	margin-bottom: 1em;
}

.card p{
	color: black;
}

.card a p{
	width: 90%;
}

.card a:hover{
	text-decoration: none;
}

@media (max-width:768px){
	.header-image-txt img{width:100%;}
}