/*
 Theme Name:   NativeChurch Child
 Theme URI:    http://hamiltoncac.org/native-church-child/
 Description:  Native Church Child Theme
 Author:       Jeremy Lo
 Author URI:   http://hamiltoncac.org
 Template:     NativeChurch
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  nativechurch-child
*/

@import url("../NativeChurch/style.css");
/**************************/
/*******  HOMEPAGE  *******/
/**************************/

.main-left {
    width: 68%;
    display: inline-flex;
    margin-right: 20px;
}

.main-right {
    width: 28%;
    display: inline-flex;
}

/* Homepage notices */
.notice-red {
	background-color: #FF5757;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 15px 5px;
    margin: 20px;
	border-radius: 4px;
}
.notice-red a {
    color: #FFF;
}

.notice-green {
	background-color: #33B336;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 15px 5px;
    margin: 20px;
	border-radius: 4px;
}
.notice-green a {
    color: #FFF;
}

.notice-blue {
	background-color: #4b84e8;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 15px 5px;
    margin: 20px;
	border-radius: 4px;
}
.notice-blue a {
    color: #FFF;
}

/* Upcoming services */
.upcoming-services > p {
	margin-bottom:0px;
	padding: 0 10px 0 10px;
}

.upcoming-services > ul {
	margin-bottom:20px;
	margin: 0 10px 0 10px;
}

.upcoming-service:first-of-type {
	background-color: #D9D9D9;
    padding: 5px 10px;
    border-radius: 4px;
}

.featured-block strong {
    background:none;
}

/***************************/
/*******   GALLERY   *******/
/***************************/

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0 {
    background-color: rgba(226,122,63,0.40) !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
	color: #F8F8F8 !important;
}

@media screen and (max-width:769px) {
    .main-left {
        width: 100%;
        display: inline-flex;
        margin-right: 20px;
    }

    .main-right {
        width: 100%;
        display: inline-flex;
    }

    .upcoming-services {
        width:100%;
    }
}