/*
Theme Name: The Church Lite Child
Theme URL: 
Description: The Church Lite Child Theme
Author: Grace Themes
Author URL: 
Template: the-church-lite
Version: 1.0.0
Text Domain: the-church-lite-child
 Custom CSS goes after this line */
 

#sitelayout_type div.toggle {
	width:3em;
}

.header_contactinfo_area {
	float:none;
}

div.logo p {
	color:black;
	font-size:18px;
	font-style:italic;
}

@media screen and (min-width:780px) {
	div.logo {
		width:calc(100% - 300px);
		text-align:center;
	}
}

.header-infobox {
	width:300px;
}

body {
	color:black;
	font-size:18px;
}
body #sidebar a {
	font-weight:bold;
}
#sidebar a {
	text-transform: uppercase;
}
body a, #sidebar ul li a {
	color:#1d4877;
}
.sidebarHeading {
    background-color: #ddb667;
    padding: 10px;
    color: white;
    font-size: 20px;
}
.blogroll a:hover { /* SIDEBAR LINKS */
	color:#efc62c !important;
}

.footer-copyright {
	background-color:#1d4877;
}

#site-pagelayout form p {
	margin-bottom:5px;
}

/* BUTTONS */
div.textButton, a.textButton, a.donatenow, .wpcf7 input[type="submit"], #page-listing .page_item, #searchButton {
	background-color: #1d4877;
    width: auto;
    border: none;
    cursor: pointer;
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 15px;
	text-align:center;
	display:inline-block;
}
#page-listing .page_item {
	display:block;
}
div.textButton a {
	color:white;
}
div.textButton:hover, a.textButton:hover, a.donatenow:hover, .wpcf7 input[type="submit"]:hover, #page-listing .page_item:hover, #searchButton:hover {
	background-color: #ddb667;
	color: #ffffff !important;
}



/* NAVIGATION */
.sitenav ul li ul li {
	border-bottom: 1px solid white;
}
.sitenav ul li ul li a {
	line-height: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* hide month pages from nav */
.sitenav ul li ul li li {
	display:none;
}

/* page listing buttons on year pages */
#page-listing {
	font-size:20px;
	max-width:500px;
}
#page-listing .page_item {
	padding: 0;
}
#page-listing ul {
	list-style:none;
	line-height:1.5em;
	margin-left:0;
}
#page-listing ul li {
	margin-bottom:10px;
	text-align:center;
}
#page-listing a {
	color:white;
	text-decoration:none;
	display: inline-block;
    width: 100%;
	padding: 10px 40px; /* put on the anchor so everything is clickable */
}

/* make full width at small screens */
@media screen and (min-width: 481px) and (max-width: 767px) {
	.container, .content-area {
		width:100% !important;
	}
}

/* make magazine full width */
body.page-template-default div.logo {
	width:100% !important;
}