/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

#welcome-message{
    position:relative;
    float:none;
    font-size:1.6em;
    font-weight:400;
    color:#222;
    font-style: italic;
}

#homepage-message h3{
    font-size:2em;
    color:white;
    line-height:1.2em;
    text-shadow: 5px 5px 5px #000000;
}

#homepage-image{
    float:none;
    margin-right:0px;
    text-decoration:none;
}

.homepage h1 {
    color: #00005b;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 4px solid #f3ad00;
    margin: 15px 0px 15px 0;
    font-size: 1.4em;
}

#homepage-title{
    padding:0px;
}

#homepage-arrow{
    position:absolute;
    left:45%;
    bottom:10%;
}

#homepage-arrow i{
    color:white;
    text-shadow: 5px 5px 5px #000000;
}

#logo {
    margin-top: 0px;
}

.logo-tagline{
    font-size:1.4em;
    color:#f3ad00;
    font-weight:800;
    font-family:serif;
}

.header-bottom{
    height:20px !important;
    color:#00005b !important;
}

i.icon-menu{
    margin-top:10px;
    color:#00005b !important;
    border:0 !important;	
}

ul li.nav-icon a i.icon-menu{
    border:0 !important;	
}

li.menu-item{
    color:#f3ad00 !important;
    margin-bottom:15px !important;
    border-bottom:1px solid #f3ad00 !important;
    padding-bottom:10px;
} 

}


@media only screen and (min-width: 49em) {
/*************** ADD DESKTOP ONLY CSS HERE  ***************/
#main-title{
    font-size:36px;
    color:#f3ad00 !important;
    letter-spacing:3px;
    margin-top:15px;
    margin-bottom:-4px;
    font-family:serif;
    text-transform:uppercase;
}

.is-full-height{
    height: 80vh;
    min-height: 550px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.entry-header-text{
    padding: 0 !important;
}

#sub-title{
    font-size:26px;
    color:#f3ad00 !important;
}

.homepage h1{
    color:#00005b;
    text-transform:uppercase;
    letter-spacing:1px;
    border-bottom:4px solid #f3ad00;
    margin:15px 0px 50px 0;
    font-size:1.4em;
}

.homepage h2{
    color:#00005b;
    text-transform:uppercase;
    letter-spacing:1px;
    border-bottom:4px solid #00005b;
    margin:15px 0px 20px 0;
}

.homepage p{
    color:#000000;
    font-size:1em;
}


.homepage ul{
    list-style:none;
    /*margin-bottom:10px;
    background:#f1f1f1;
    padding:10px;
    border-radius:10px;*/
    color:#444;
}
.homepage ul li{
    font-size:1.1em !important;
    margin:0 0 5px 0;
}

.homepage li#service-notes p{
    font-size: 0.9em;
    font-style:italic;
}

#homepage-message{
    position:absolute;
    left:10%;
    bottom:45%;
    width:90%;
}

#homepage-message h3{
    font-size:2.8em;
    color:white;
    line-height:1.2em;
    text-shadow: 5px 5px 5px #00005b;
}

#welcome-message{
    font-size:1.6em;
    font-weight:400;
    color:#222;
    font-style: italic;
    float:left;
}

#homepage-image{
    float:left;
    margin-right:20px;
    text-decoration:none;
}

#homepage-title{
    padding:100px 250px 150px 150px;
}

#homepage-arrow{
    position:absolute;
    left:45%;
    bottom:25%;
}

#homepage-arrow a i{
    color:#f3ad00;
    text-shadow: 5px 5px 5px #000000;
}

#homepage-arrow a:hover i{
    color:white;
    text-shadow: 5px 5px 5px #000000;
}

ul.nav a{
    padding:0 10px !important;
    margin:0px !important;
}

ul.nav-right a{
    padding:5px 5px 5px 0px !important;
    margin:0px !important;
}


.nav-right img{
    height:135px;
    width:100%;
}

li.donate a{
    background-color: #e1a239 !important;
    border-radius:0 !important;
}

#logo{
    margin-top:24px;
}

.header-images img{
    height:145px;
    padding:10px 5px;
}

#masthead .container{
    padding-right:0 !important;
}

li.donate a{
	background:#fff;
	padding:10px 10px;
	border-radius:5px;
}

li.donate a:hover{
	background-color: rgb(203, 209, 189);
	padding:10px 10px;
	border-radius:5px;
}

.church_services{
    background:#f1f1f1;
    padding:10px;
    margin-bottom:10px;
    border-radius:10px;
    overflow:hidden;
}

.church_services .entry-content{    
    font-size:1.1em;
}

.church_services h2{    
    font-size:1.2em;
    color:#00005b;
}

.nav-previous, .nav-next{
    display:none;
}

.social-icons {
    color: #999;
    display: inline-block;
    font-size: .65em;
    vertical-align: middle;
}

ul.nav li ul li a {
    padding: 10px 10px !important;
    margin: 0px !important;
	color:#00005b;
}

}