/*
Theme Name: church
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Merriweather:300,400,700&display=swap');

html, body {
	height:100%;
	width:100%;
	font-family: 'Merriweather', serif;
	color:#606060;
	
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
## Site 
--------------------------------------------------------------*/
h1 {
	font-family: 'Lato', sans-serif !important;
	font-size:3em;
	font-weight:700;
	line-height:1em;
	padding:0px;
	margin:0px;
	color:#800000;
}
h2 {
    font-family: 'Lato', sans-serif !important;
	font-size:2.4em;
	font-weight:700;	
	line-height:1em;
	padding:0px;
	margin:0px;
	color:#800000;	
}
h3 {
    font-family: 'Lato', sans-serif !important;
	font-size:2em;
	line-height: 1.4 !important;
	padding:0px;
	margin:0px;
	color:#800000;
}
h4 {
    font-family: 'Lato', sans-serif !important;
	font-size:1.6em;
	font-weight:700;
	line-height: 1.5 !important;
	padding:0px;
	margin:0px;
	
}
h5 {
    font-family: 'Lato', sans-serif !important;
	font-size:1.3em;
	line-height: 1.5 !important;
	padding:0px;
	margin:0px;
	
}
h6 {
    font-family: 'Lato', sans-serif !important;
	font-size:1.1em;
	line-height:1em;
	padding:0px;
	margin:0px;	
}
	
a {
	color:inherit;
}
a:hover {}
li {
	
}
ul {	
	
}
ol {
	
}
p {
	line-height: 1.5;
}	
hr {
	border-bottom:2px solid #800000 !important;
	margin:10%;
}

.pad15 {
	padding:15px;
}
.pad30 {
	padding:30px;
}
.pad45 {
	padding:45px;
}	
.maroon {
	color:#800000;
}
.maroonbg {
	background-color:#800000;
	color:#fff;
}
.white {
	color:#fff;
}
.center {
	text-align:center;
	margin:auto;
	display:block;
}

/*--------------------------------------------------------------
## Template
--------------------------------------------------------------*/
.sitebg {}
.headerbg {
	background:linear-gradient(to right, rgba(128,0,0,0.6) 0, rgba(128,0,0,0.5) 100%), url("/wp-content/uploads/2019/08/kids2018.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.logobox {}
.logolink {}
.logo {
	max-height:20vw;
	margin:2vw auto;
	border:0.2vw solid #fff;
	border-radius:50%
}
.topbg {}
.redstripe {
	background: linear-gradient(to right,#3a0000 0,#800000 100%);
	padding:30px;
}
.tracker1 {}
.bodybg {
	padding:0 5vw;
}
.contentbg {}
.footerbg {
    position: relative;
    background-color: #610000;
    background-image: url(/wp-content/uploads/2019/08/footer-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ebf0f5;
	padding:45px;
	text-shadow:1px 2px 0 rgba(0,0,0,0.75);
}
.footerlogo {
	max-height:150px;
	margin:15px auto;
}
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
.headline1 {
		padding-top:4vw;
		font-weight:700;
		font-size:4vw;
		color:#fff;
		text-align:center;
}
.headline2 {
		font-size:3vw;
		color:#ddd;
		text-align:center;		
}
.spread {
	padding-top:4vw;
	text-align:center;
	color:#fff;
}
.social {
	margin:5px auto;
	max-height:50px;
}
.boxborder {
	border:1px solid #666;
	border-radius:30px;
	padding:30px;
	margin:10px auto;
}
.dot {
	background-color:#800000;
	color:#fff;
	text-align:center;
	border-radius:50%;
	Padding:20px;
	margin:15px auto;
	width:80px;
	height:80px;
	font-weight:700;
}
.rightclass{
	margin-top:30px;
}
.name-header, .amount-header {
	font-weight:700;
	margin-left:10%
}
.donation-name, .donation-form {
	width:80%;
	margin-left:10%

}
.donation-checkbox {
	margin:0 8px 0 8px !important;
	text-align:center;
}
#button-confirm {
	background-color:#800000;
	text-align:center;
	font-size:18px;
	font-weight:700;
	padding:10px 15px;
	color:#fff;
	width:80%;
	margin-left:10%;
}
.tab-content {
	
}
.tablebox {
	
}
.tab-pane {
	
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
}
.progress-container {
	height:45px;
	background-color:#f00 !important;
	color:#fff !important;
	text-align:right !important;
	
}
.progress-bar {
	height:45px;
	background-color:#fff !important;
	color:#f00 !important;
	text-align:right !important;
	border:3px solid #f00;
	border-bottom:5px solid #f00;
	font-size:18px !important;
	padding:10px 15px;
	font-weight:700 !important;
    font-family: 'Lato', sans-serif !important;	
}
.totals {	
	text-align:center !important;
	color:#fff;
	font-size:16px !important;
	font-weight:400 !important;
	margin-top:15px;
}	
.dollars {	
	text-align:center !important;
	color:#fff;
	font-size:24px !important;
	font-weight:700 !important;
    font-family: 'Lato', sans-serif !important;	
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.bodybg {padding:0 1vw; }
	.spread {font-size:18px; padding-top:0vw; }

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.logo{}
.headline1 {font-size:30px;}
.headline2 {font-size:22px;}
.spread {font-size:18px; padding-top:0vw; }
.fb {float:right;}
.pin {float:left; margin-bottom:15px;}