/*
 Theme Name:     Syrian Appeal Update Child 
 Theme URI:      http://humanitarianorchestra.com/
 Description:    This is child theme of Syrian Appeal Updatem, please to not change theme!!!
 Author:         Alen Hota
 Author URI:     https://website-design-lab.com     
 Template:       syrianappealupdate
 Version:        1.0.1
*/

.home-2 {background-color: #f9f9f9;}
.home-2 .row-fluid [class*=span], .home-3 .row-fluid [class*=span] {
    margin-left: 0!important;
    margin-right: 0!important;
}
.home-2 .span6:nth-of-type(2), .home-3 .span6:nth-of-type(1) {padding-left: 20px;padding-right: 20px;}
.home-3 .span6:first-child {padding-top: 82px;}
.home-2, .home-3, .home-2 .img-hold, .home-3 .img-hold {min-height: 440px;}
.home-2 .btn, .home-3 .btn {max-width: 80%;margin: auto;}
.home-2 .img-hold {
    height: 100%;
    background-image: url('//humanitarianorchestra.com/wp-content/uploads/2016/01/saxophone-with-music-notes.jpg');
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//humanitarianorchestra.com/wp-content/uploads/2016/01/saxophone-with-music-notes.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//humanitarianorchestra.com/wp-content/uploads/2016/01/saxophone-with-music-notes.jpg', sizingMethod='scale')";
    padding: 100px 0;
    }
.home-3 {background-color: #efe3d7;}
.home-3 .img-hold {
    height: 100%;
    background-image: url(' //humanitarianorchestra.com/wp-content/uploads/2016/01/never-underestimate-power-of-music.jpg');
    background-position: center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' //humanitarianorchestra.com/wp-content/uploads/2016/01/never-underestimate-power-of-music.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' //humanitarianorchestra.com/wp-content/uploads/2016/01/never-underestimate-power-of-music.jpg', sizingMethod='scale')";
    padding: 100px 0;
}
.home-2 .img-hold, .home-3 .img-hold {margin-left:0;}

.banner-last {

    background-image: url(' //humanitarianorchestra.com/wp-content/uploads/2016/01/image1.jpg');
    background-position: center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' //humanitarianorchestra.com/wp-content/uploads/2016/01/image1.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' //humanitarianorchestra.com/wp-content/uploads/2016/01/image1.jpg', sizingMethod='scale')";
    padding: 40px 40px;
    opacity: .7;
}
.banner-last ul {
    margin: 0;
}
.banner-last ul {
    background-color: #fff;
    opacity:.8;
    color: #000;
}
.banner-last ul li {
    padding: 20px 20px 0;
    text-align: center;
	line-height: 40px;
	font-size: 20px;
}
.banner-last ul li:nth-of-type(1) {
    padding: 40px 20px 0;
}
.banner-last ul li:last-child {
    padding: 20px 20px 40px;
}

.tc-sidebar .widget h3 {
    background-color: #27cbcd;    
    padding: 0 4px;
    color: #fff;
    text-shadow: 0 0 0;
    text-transform: uppercase;
    font-size: 18px;
	letter-spacing: 2px;
}
.tc-sidebar aside[id^="recent-posts"] li {
    padding: 10px 0;
}


/*-------- footer -------- */
footer #footer a, footer#footer p {font-size: 14px;}
footer aside h3 {
    border-bottom: thin solid #ee7c2a;
}

footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6 {
    font-size: 18px;
    font-weight: 100;
}
footer#footer a, footer#footer p {font-size:14px;}

footer .facebook-follow {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 250px;
	text-align: center;
}
/* widgets */
.widget_recent_entries li < a[href$="members-area/"] {
	display: none;
}

.widget_recent_entries li a[href$="members-area/"], .widget_recent_entries a[href$="members-area/"] + span, .widget_categories .cat-item-11 {
	display: none;
}

form.post-password-form {
	display: block;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px;
    background-color: #e9e9e9;
}

/* -------------- media screen sizes -------------- */
@media screen and (max-width: 1280px) {
    .navbar .nav > li > a {
    padding: 5px 10px;
    font-size: 16px;
    }
}
@media screen and (max-width: 1080px) {
    .navbar .nav > li > a {
    padding: 5px 5px;
    }

}

@media screen and (max-width: 1024px) {
    .home .carousel-caption h1, .home .carousel-caption p {font-size: 1.6em;}
    .home .thum-1, .home .thum-2, .home .thum-3 {
    height: 150px !important;
}
    .home .event-info p {
    font-size: 1.8em;
}
    .home .banner p {
    font-size: 1.6em;
    line-height: 1.6em;
}
    .home .quote-txt blockquote p  {
    font-size: 1.4em;
    line-height: 1.6em;
}
    .home .quote-txt blockquote p span {
    font-size: 0.8em;
}
    .home .quote-img img {
    max-width: 60%;
}
.page-id-21 p {font-size: 18px;}
.page-id-21 blockquote p {
    font-size: 20px;
    text-transform: uppercase;
}
.page-id-21 .gl-logo a img {box-shadow: 0 0 1px 1px #999;max-width:90%}
}

@media (min-width: 980px) {
    .navbar-inner .row-fluid {text-align: right;}
    .social-block {
    float: right !important;
    }
    .chrome .navbar .navbar-inner .nav li:hover {
    border-bottom: 2px solid #27cbcd;
}
}

@media (max-width: 979px) {
.nav-collapse.collapse, .no-navbar .nav-collapse {
    background: #f9f9f9;
    }
.home-2, .home-2 .img-hold, .home-3 .img-hold {
    min-height: 500px;
}
.home2 .span6 h2 {
    font-size: 28px;
    line-height: 40px;
}

}

@media screen and (min-width: 768px) {
.home-2 .span6, .home-3 .span6 {margin: 0 !important;width: 50% !important;}
}
@media screen and (max-width: 768px) {
.home-3 .span6:first-child {padding-top: 32px;padding-bottom: 32px;}  
}
@media screen and (max-width: 620px) {
    .home .carousel-caption h1, .home .carousel-caption p {font-size: 1.2em;}
    .home .thum-1, .home .thum-2, .home .thum-3 {
    height: 100px !important;

}
    .home .event-info h1 {
    font-size: 1.6em;
    }
    .home .event-info p {
    font-size: 1em;
    }
    .home .banner p {
    font-size: 1.2em;
    line-height: 1.2em;
}
    .home .quote-txt blockquote p {
    font-size: 1..2em;
    line-height: 1.4em;
}
    .home .quote-txt blockquote p span {
    font-size: 0.7em;
}
    .home .quote-img img {
    max-width: 100%;
}
.home .quote-img img {
    max-width: 80%;

}


}
@media screen and (max-width: 520px) {
    .home .carousel-caption h1, .home .carousel-caption p {font-size: 1.2em;}
    .home .thum-1, .home .thum-2, .home .thum-3 {
    height: 80px !important;
    }
}
@media screen and (max-width: 480px) {

    .home .carousel-caption h1, .home .carousel-caption p {font-size: 0.8em;}
    .carousel-caption {
    padding: 1%!important;
    margin-left: 17%;
    position: relative;
    max-height: 130px;
    overflow: hidden;
    max-width: 98%;
    line-height: 10px;
}
.home .thum-1, .home .thum-2, .home .thum-3 {
    width: 31.333%;  
    margin: -10px 1% 0 1%;
    outline: thin solid #ee7c2a;
    
}
.home .quote-txt, .home .quote-img {width: 100%;}
.home .quote-img img {
    max-width: 60%!important;
    display:block;
    margin: 0 20%;
}
.home .quote div {padding: 0 0 20px 0;}

    .home .banner p {
    font-size: 1em;
    line-height: 1em;
}
    .home .quote-txt blockquote p {
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 20px;
}
    .home .quote-txt blockquote p span {
    font-size: 0.8em;
}
    .home .quote-img img {
    max-width: 100%;
}
.page-id-21 table tr td a {font-size: 10px !important;}



}