/*
Theme Name: www.kicksforkidsnebraska.org
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
*/

/*--

font-family: 'Montserrat', sans-serif;
blue: 6fa2a5
red: da2430
green:9fba57
dark gray: 3a3a3c
--*/

/*.sidebarColumn {min-height: auto !important;}*/


html, body {
	width:100%;
	overflow-x:hidden;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px;
	line-height: 25px;
	color: #3a3a3c
}
.repeatFields{
	padding-left:0!important;
}
#welcomerightID .col-md-12.col-sm-12.col-12{
	position:relative;
	display: flex;
}
.clear{clear: both}
ul li{list-style: none; margin:  0}

h1{font-size: 34px; font-weight: 800;}
h2{font-size: 26px; font-weight: 800; letter-spacing: .25px;}
h3{font-size: 20px; font-weight: 700;}
h4{font-size: 18px; font-weight: 700;}


p{margin: 0; font-family: 'Montserrat', sans-serif;}
b{font-weight: 700;}

:hover{-webkit-transition: all .5s ease; 
		-moz-transition: all .5s ease; 
 	-ms-transition: all .5s ease; 
-o-transition: all .5s ease;
 transition: all .5s ease;
}

.shadow{box-shadow: 0 6px 10px -7px rgb(0 0 0 / 30%); position: relative;}


.wrapper-center{width: 75%; margin: 0 auto; text-align: center; float: none;}
.wrapper-inner{width: 75%; margin: 0 auto; float: none }
.wrapper90{width: 90%; margin: 0 auto; float: none } .wrapper90.center{text-align: center;}
.wrapper60{width: 60%; margin: 0 auto; float: none } .wrapper60.center{text-align: center;}

.pad{padding: 25px 0}
.l-pad{padding: 50px 0}
.xl-pad{padding: 80px 0}
.padtop{padding-top: 25px;} .pad-bottom{padding-bottom: 20px;}


.light-gray{background: #f5f5f5}
.black-bg{background: #000; color: #fff;}
.blue-bg{background: #6fa2a5; color: #fff;}
.red-bg{background: #da2430; color: #fff;}
.green-bg{background: #9fba57; color: #fff;}

.width-80 {width: 80%;margin: 0 auto; padding: 5% 0;}
.hopscotch-bg{background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/hopscotch-bg.jpg) no-repeat fixed; width: 100%}
.shoe-pattern{background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/shoe-bg.jpg) no-repeat fixed; width: 100%}

/*--buttons--*/
button#blue-btn{background: #6fa2a5; color: #fff; font-size: 15px !important; padding:15px 25px; display: block; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important; border-radius: 100px; line-height: 100% !important}
button#red-btn{background: #da2430; color: #fff; font-size: 15px !important; padding:15px 25px; display: block; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important; border-radius: 100px; line-height: 100% !important}
button#green-btn{background: #9fba57; color: #fff; font-size: 15px !important; padding:15px 25px; display: block; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important; border-radius: 100px; line-height: 100% !important}
button#blue-btn .fa,button#red-btn .fa,button#green-btn .fa{display: inline-block; font-size: 18px; text-align: right; float: right; margin:0 0 0 30px !important;}

button#blue-btn:hover,button#red-btn:hover,button#green-btn:hover{background: #3a3a3c !important; border: none !important; box-shadow: none !important;}

.general-btn {background:#6fa2a5; color:#fff; text-align: center; padding:15px 25px; display: inline-block; vertical-align: middle; font-weight: 700; letter-spacing: .25px; border:none; border-radius: 100px; line-height: 100%; box-shadow: none !important; transition: .3s ease; text-transform: uppercase;}
.general-btn:hover {background:#3a3a3c; color:#fff; }
.general-redbtn {background:#da2430; color:#fff; text-align: center; padding:15px 25px; display: inline-block; vertical-align: middle; font-weight: 700; letter-spacing: .25px; border:none; border-radius: 100px; line-height: 100%; box-shadow: none !important; transition: .3s ease; text-transform: uppercase;}
.general-redbtn:hover {background:#3a3a3c; color:#fff; }
.general-greenbtn {background:#9fba57; color:#fff; text-align: center; padding:15px 25px; display: inline-block; vertical-align: middle; font-weight: 700; letter-spacing: .25px; border:none; border-radius: 100px; line-height: 100%; box-shadow: none !important; transition: .3s ease; text-transform: uppercase;}
.general-greenbtn:hover {background:#3a3a3c; color:#fff; }
/*-- page image --*/
.pageimage{background: fixed;}
.pageimage-text{padding: 200px 0; text-align: center;}

/*-- HEADER --------------*/

.header{display: flex; width: 100%; position: absolute; z-index: 11111;}
.header .left{justify-content:flex-start; width: 465px; background: #fff; padding: 5px 0; border-radius: 0 0 50px 0;}
.header .left img{width: 100%; max-width: 225px !important; text-align: center; margin: 0 auto}

.header .right{justify-content:flex-start; width: 75%; text-align: right; float: right; right: 10%; position: relative; top: 40px;}
.header .right .navigation{float: right}


/*--home header--*/
.header-home{margin: 0 auto -50px auto; position: relative; z-index: 111111; top: 20px; float: none; right: 38px;text-align: center}

.donate-btn-nav{background: #da2430 !important; color: #fff !important; border-radius: 0 50px 50px 0;}
.donate-btn-nav a{color: #fff !important;padding-right: 20px}
.donate-btn-nav:hover{background-color: #6fa2a5 !important; border-radius:0 50px 50px 0 !important;}



/*--- HOME PAGE -------------*/

/*--welcome--*/
.welcome{display: flex;}
.welcome .left{width: 70%; margin-bottom: -80px; position: relative; z-index: 11111; padding-top: 30px}
.welcome .left h1{font-size: 85px;}  .welcome .left p{width: 70%;}
.welcome .left .pad{border-radius: 0 0 50px 0; } .welcome .left img{max-width: 320px !important}
.hero-wrapper{width: 100%; margin-left: 8%}
.welcome .right{background: #f5f5f5; width: 56%; float: right; right: 0; z-index:  1111; border-radius: 0 0 0 50px}
.welcome .right img{float: right !important; width: 100%; max-width: 580px; margin: 0 !important;left: 300px;position: relative;}

.pad-welcome{width: 70%; border-radius: 0 0 50px 0; background: #fff; height: 150px; margin-bottom: -149px; position: relative}

/*--vision--*/
.vision{display: flex; align-items: center; padding:280px 0 100px 0}
.vision .left{justify-content: flex-start; width: 50%; color: #fff;}
.vision .right{justify-content: flex-start; width: 50%;}
.vision .right img{width: 100%; max-width: 500px !important}
.vision .right button#green-btn{float: right; margin: -30px -30px 0 0; position: relative; z-index: 11;}

/*--donate--*/
.donate-section{padding: 150px 0}
.donate-top{display: flex; align-items: center; background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/kids-blue-image.png) no-repeat left; background-size: contain}
.donate-top .left{justify-content: flex-start; width: 42%; color: #fff !important; font-size: 20px;}
.donate-top .left h2{font-size: 80px !important; margin-bottom: 15px;}
.donate-top .right{justify-content: flex-start; width: 60%;}
.donate-top .right video{width: 100%; display: block; border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5}

.donate-bottom{margin-top: 20px;}
.donate-circle{margin: 0 auto !important; float: none !important; text-align: center !important; width: 100% !important}
.donate-circle img{margin: 0 auto 10px auto !important; float: none !important; text-align: center !important; max-width: 160px; }
.donate-circle h4{margin: 0 auto !important; float: none !important; text-align: center !important}

/*--difference --*/

.difference{display: flex; align-items: center}
.difference .left{justify-content: flex-start; width: 35%; border-radius: 0 45px 65px 0; position: relative; z-index: 111; margin-bottom: -50px; padding: 0 30px 20px 0}
.difference .left img{width: 100%;}
.difference .right{justify-content: flex-start; width: 50%;}

/*--- SUBPAGES -----------*/
.basic-wrapper{display: flex; width: 90%; margin:-50px 0 0 0; right: 0; float: right; position: relative; border-radius: 50px 0 0 50px; padding: 60px 0}
.basic-wrapper .left{justify-content: flex-start; width: 40%;}
.basic-wrapper .left h1{font-size: 70px; }
.basic-wrapper .right{justify-content: flex-start; width: 60%;}

.basic-wrapper .right .has-error .help-block{color: #f5f5f5 !important}
.basic-wrapper .right .has-error .form-control-feedback{color: #9fba57 !important}

.recaptchasandhills_registration_form-3{display: inline-block; width: 45%;}

.btn-success{background: #6fa2a5; color: #fff; font-size: 15px !important; padding:15px 25px; display: block; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important; border-radius: 100px; line-height: 100% !important}
.btn-success:hover{background: #9fba57 !important; color: #fff; font-size: 15px !important; padding:15px 25px; display: block; font-weight: 700; letter-spacing: .25px; box-shadow: none !important; border: none !important; border-radius: 100px; line-height: 100% !important}

.basic-wrapper label{display: block;}
.basic-wrapper .radio{display: inline-block; margin-right: 5px}

.desktop-hide {display: none;}
.desktop-show button {display: inline-block; vertical-align: middle; width: 46%; margin: 1% 1%;}
/*--- FOOTER -------------*/

/*--sponsors --*/
.sponsors{display: flex; align-items: center;}
.sponsors .left{width: 40%; justify-content: flex-start}
.sponsors .right{width: 60%; justify-content: flex-start; right: -100px; position: relative}

.red-title {width: 80% !important; margin-top:-50px; margin-left: auto; margin-right: auto; padding: 50px 0; text-align: center;position: relative; z-index: 999;border-radius: 30px;}
.sponsor-gallery {width: 80%; margin: 0 auto;}
.sponsorpg-box {height: 250px;  width: 80%; text-align: center; margin: 0 auto;}
.sponsorsright{width: 60%; justify-content: flex-start;  position: relative; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
div#n2-ss-5 .n2-ss-slide{padding: 0 15px}
.n2-ss-slider .n2-ss-slide-background, .n2-ss-slider .n2-ss-slide-background *{border-radius: 20px;}

/*--*/
/*.foot-btn{position: absolute; z-index: 11; margin-top: -20px; float: right; right:10%;}*/

.footer{display: flex; align-items: center; }
.footer .left{justify-content:flex-start; width: 70%;}
.footer .left p {font-size: 13px; margin-top: 40px}

.footer .right{justify-content:flex-start; width: 30%; text-align: right}
.footer .right a{color: #3a3a3c}

.social{display: flex; align-items: center; padding: 20px 0}
.social .left{justify-content:flex-start; width: 50%;}
.social .left p{font-size: 14px;}
.social .right{justify-content:flex-start; width: 50%; text-align: right}
.social .right .fa{color: #3a3a3c; font-size: 25px;}
.social .right .fa:hover{color: #9fba57; font-size: 25px;}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	.hero-wrapper{margin-left: 5%;}	
	.welcome .left h1{font-size: 65px;}
	
	
	.welcome .left h1 br{display: none}
	.welcome .left img{max-width: 300px !important;}
	.welcome .left{padding-top: 60px}
	
}
	
@media only screen and (max-width : 1300px) {		
	
.donate-section .wrapper60{width: 90%;}
.donate-top .left{font-size: 16px;}
.donate-top .left h2{font-size: 65px !important;}
	
	
.basic-wrapper{width: 90%; margin:-30px 0 0 0; }
.basic-wrapper .left h1{font-size: 60px; }
	
/*--sub header --*/
.header .left{ width: 300px;}
.header .left img{max-width: 200px !important;}
.header .right{ right: 2%;}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1270px) {
	
	/*-- sub pages--*/
.basic-wrapper{display: block; width: 95%; margin:-100px 0 0 0; right: 0; float: right; position: relative; border-radius: 50px 0 0 50px}
.basic-wrapper .left{justify-content: flex-end; width: 100%;}
.basic-wrapper .left h1{font-size: 50px; }
.basic-wrapper .right{justify-content: flex-end; width: 100%;}
.basic-wrapper .right .wrapper-inner{padding: 40px 0}
	.desktop-hide {display: block}
	.desktop-hide .general-btn, .desktop-show .general-btn {width: 48%; margin: 1% auto;}


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1050px) {
	
.basic-wrapper .left h1{font-size: 40px; }


	
/*--home header--*/
.header-home{top: 10px; float: none; right: 0; left: 0}

	
/*--welcome--*/
.welcome{display: block;}
.welcome .left{width: 100%; margin-bottom: 0; min-height: auto; padding: 80px 0 30px 0}
.welcome .left h1{font-size: 45px; line-height: 100%}  .welcome .left p{width: 100%;}
.welcome .left .pad{border-radius: 0 0 50px 0; } .welcome .left img{max-width: 225px !important}
.hero-wrapper{width: 90%; margin: 0 auto !important}
.welcome .right{display: none}

.pad-welcome{display: none}
	

.vision{padding:20px 0 100px 0}	
	
}



@media only screen and (max-width : 993px) {
	
	/*--donate--*/
.donate-circle img{max-width: 140px; }


}
/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
.l-pad{padding: 40px 0}.xl-pad{padding: 70px 0}
.sponsorsright{width: 100%; justify-content: flex-start;  position: relative; border-radius: 0}	
.wrapper-center,.wrapper-inner, .wrapper60{width: 90%; }

/*-- page image --*/
.pageimage{background: top;}
.pageimage-text{padding: 200px 0; text-align: center;}

	
/*--vision--*/
.vision{display: block;}
.vision .left{justify-content: flex-end; width: 100%; margin-bottom: 20px;}
.vision .right{justify-content: flex-end; width: 100%; text-align: center; float: none; margin: 0 auto}
.vision .right img{width: 100%; max-width: 100% !important; display: block !important; margin: 0 auto !important; text-align: center !important; float: none !important}
.vision .right button#green-btn{float: right; margin: -30px -30px 0 0;}

	
/*--donate--*/
.donate-section {padding: 90px 0;}
.donate-top{display: block; background: none}
.donate-top .left{justify-content: flex-end; width: 100%; font-size: 20px; padding: 60px 0; background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/kids-blue-image.png) no-repeat; background-size: cover}
.donate-top .right{justify-content: flex-end; width: 100%;}
.donate-top .right video{width: 100%; height: 100%; max-height: 365px; display: block; border: none;}

.donate-bottom .sh-col-sm-4{display: inline-block; width: 32%;}
	
/*--difference --*/

.difference{display: block; align-items: center}
.difference .left{justify-content: flex-end; width: 90%; border-radius: 0 45px 65px 0; position: relative; z-index: 111; margin-bottom: 0; padding: 0 30px 20px 0}
.difference .left img{width: 100%;}
.difference .right{justify-content: flex-end; width: 100%; padding: 30px 0}

	
	
/*--- FOOTER -------------*/
/*--sponsors--*/
.sponsors{display: block;}
.sponsors .left{width: 100%; justify-content: flex-end; text-align: center}
.sponsors .left button#red-btn{margin: 0 auto; float: none}
.sponsors .right{width: 90%; justify-content: flex-end;left:0; right: 0; margin: 0 auto !important; text-align: center !important; float: none !important}

.footer {display: block}
.footer .left{justify-content:flex-end; width: 100%;text-align: center}
.footer .left img{display: block !important; float: none !important; margin: 0 auto !important; text-align: center} .footer .left p {margin-top: 0; float: none; text-align: center;}
.footer .right{justify-content:flex-end; width: 100%; text-align: center; margin-top: 20px;}
.footer .right ul{padding: 0 !important}
	
.social {display: block}
.social .left{justify-content:flex-end; width: 100%; text-align: center}
.social .right{justify-content:flex-end; width: 100%; text-align: center; margin-top: 20px}

	
/*--header--*/
.donate-btn-nav{background: #da2430 !important; color: #fff !important; border-radius: 0;}
.donate-btn-nav a{color: #fff !important;padding-right: 0}
.donate-btn-nav a:hover{border-radius:0 !important;}	

	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
    .red-title {width: 90%; }
    .red-title h1 {font-size: 28px;}
	.desktop-hide .general-btn, .desktop-show .general-btn {width: 100%; margin: 0 auto;}

.hopscotch-bg{background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/hopscotch-bg.jpg) no-repeat; width: 100%; background-size: cover;}
.shoe-pattern{background: url(/wp-content/themes/www.kicksforkidsnebraska.org/images/shoe-bg.jpg) no-repeat; width: 100%; background-size: cover}
	
	
	
.donate-bottom .sh-col-sm-4{display: block; width: 100%; margin: 25px auto}
	
}