/*
Theme Name: kidsGolf
Theme URI: http://www.kidsgolffoundation.org
Author: Mike Milkovic
Author URI: 
Description: __ Responsive Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
1. Reset CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*--------------------------------------------------------------
2. WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 18px;margin: 0;padding: 0 4px 5px;}

/*--------------------------------------------------------------
3. Universal CSS
-------------------------------------------------------------- */
/* Set Global Font */
html * {font-family: 'Open Sans', sans-serif;}

body{}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 22px;}
h5{font-size: 20px;}
h6{font-size: 18px;}
hr{}
a{color: #1F8FD0;}
a:hover{text-decoration: none;}
span{}
strong,b{font-weight: bold;}
em{font-style: italic;}

.green-link{font-size: 20px;font-family:'Bubblegum Sans', cursive;color: rgb(86, 181, 88);line-height: 1.9;}
.green-link img{padding-left: 5px;}
.green-link:hover{text-decoration: none;color:#5ea062;}

/* Site Font Size CSS */
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}

.spacer5{height:5px;}
.spacer10{height:10px;}
.spacer15{height:15px;}
.spacer20{height:20px;}
.spacer25{height:25px;}
.spacer30{height:30px;}
.spacer35{height:35px;}
.spacer40{height:40px;}

.red-button{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(197, 17, 68);border-bottom: 4px solid rgb(157, 13, 54);}
.red-button:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(157, 13, 54);border-bottom: 4px solid rgb(157, 13, 54);}

.green-button{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:#6bc072;border-bottom: 4px solid #5ea062;}
.green-button:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:#5ea062;border-bottom: 4px solid #5ea062;}

.red-title{font-size: 35px;font-family: "Bubblegum Sans";color: rgb(197, 17, 68);padding-top: 5px;}
.black-subtitle{font-size: 20px;font-family: "OpenSans";color: rgb(0, 0, 0);line-height: 1.5;font-weight:bold;padding-bottom:10px;}
/*--------------------------------------------------------------
4. Header CSS
-------------------------------------------------------------- */
#header{padding-top:10px;position: relative !important;}

.social-list .account a:hover{text-decoration: none;opacity: .7;}

#menu-item-81 a{color:#c81f47 !important;}
#menu-item-81 a:after{content:url(assets/images/heart_icon_red.png);display: inline-block; margin-top: -2px !important;padding-left: 5px;}
/*--------------------------------------------------------------
5. Navigation CSS
-------------------------------------------------------------- */
.navbar{background: none;border: none; border-radius: 0;margin-bottom: 0;}
.navbar-collapse{padding: 0 !important;}
.navbar-nav{float: none !important;display: inline-block !important;}
.nav>li>a{padding:15px 10px 12px 10px !important;margin-right:2px !important;margin-left:2px !important;border-bottom: 5px solid transparent;}
.navbar a:hover{color: rgb(0, 0, 0) !important;border-bottom: 5px solid #cb2856 !important;}
.navbar .active>a{color:#cb2856 !important;}
/* Dropdown Menu*/
.nav>li:hover >.dropdown-menu{display: block;background-color: rgba(86, 181, 88,.8);}
.nav>li:hover >.dropdown-menu li a{font-size: 14px !important;font-family: "Open Sans" !important;color: rgb(255, 255, 255) !important;text-transform: uppercase !important;line-height: 2.857 !important;border-bottom: 5px solid transparent;}
.nav>li:hover >.dropdown-menu li.active a{color:#cb2856 !important;}
.dropdown-menu>li:hover >.dropdown-menu.level-1{display: block;}
.dropdown-menu.level-1{}

.search-container{background-color: rgba(86, 181, 88,.9);position: absolute;bottom:-45px;left:0;right:0;z-index:1000;height:75px;padding-top: 15px;width:0;display:none;}
.header-search{vertical-align:baseline;width:100% !important;height:50px;background:transparent;border-top:none;border-left:transparent;border-right:none;border-bottom:3px solid white;padding-right:60px;color:white;font-size: 30px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.502);line-height: 1.333;}
.header-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-size: 30px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.702);line-height: 1.333;}
.header-search::-moz-placeholder { /* Firefox 19+ */
 font-size: 30px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.702);line-height: 1.333;}
.header-search:-ms-input-placeholder { /* IE 10+ */
 font-size: 30px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.702);line-height: 1.333;}
.header-search:-moz-placeholder { /* Firefox 18- */
 font-size: 30px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.702);line-height: 1.333;}
 .head-search-icon:hover{cursor: pointer;}

/*--------------------------------------------------------------
6. Sub-Header CSS
-------------------------------------------------------------- */
#home-subhead{top: -30px;vertical-align:top !important;position: relative !important;}

.carousel-indicators li{height:14px;width:14px;background:white; opacity: .6;margin: 1px;}
.carousel-indicators li.active{height:14px;width:14px;background:white;margin: 1px;opacity:1;}

.carousel-caption{left:0;right:0;text-align:left;bottom:60px;}
.inner-caption{background-color: rgba(86, 181, 88,.8);width:47%;padding:20px;}
.inner-caption.left{float:left;}
.inner-caption.right{float:right;}

.caption-parent{font-size: 18px;font-family: "Open Sans";color: rgb(255, 255, 255);text-transform: uppercase;font-weight:bold;}
.caption-title{font-size: 48px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);line-height: 1.6;}
.caption{font-size: 16px;font-family: "Open Sans";color: rgb(255, 255, 255);line-height: 1.75;padding-bottom: 20px;}

#page-subhead{top: -30px;vertical-align:top !important;background:#5f9a61;padding-top:10px;padding-bottom:10px;}
.subhead-title{font-size: 50px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);}
.subhead-caption{position: absolute; bottom:30px;left:18px;min-width:33%;}
.inner-subhead-caption{background-color: rgba(86, 181, 88,.65);padding: 10px 20px 10px 20px;width:100%;}
.sub-head-container{position:relative;top:-30px;}

/*--------------------------------------------------------------
7. Main Content CSS
-------------------------------------------------------------- */
.home-callout{padding-top: 80px;padding-bottom: 40px;}
.home-callout-box{background:#f5f5f5;padding: 50px 5px 20px 5px;}
.callout-title{font-size: 35px;font-family: "Bubblegum Sans";color: rgb(35, 31, 32);line-height: 1.286;}
span.callout-text p{font-size: 15px !important;font-family: "Open Sans" !important;color: rgb(0, 0, 0) !important;line-height: 1.6 !important;padding-bottom:10px !important;}
.callout-link{font-size: 20px;font-family: "Bubblegum Sans";color: rgb(77, 148, 208);line-height: 2.25;}
.callout-link:hover{color:#417cae;}

.red-home-callout{background:#9d0d36;padding-top: 20px;padding-bottom: 20px;position: relative;}
.red-callout-title{font-size: 45px;font-family: "Bubblegum Sans";color: rgb(0, 0, 0);padding-bottom:15px;}
.red-callout-text p{font-size: 16px;font-family: "Open Sans";color: rgb(255, 255, 255);line-height:1.6;padding-bottom:25px;}
.ci2{position: relative;left:0; width: 100%;bottom:0;text-align:left;margin: 5px 0 0 0;}
.ci2 li{height:14px;width:14px;background:transparent;opacity: .6;margin: 1px;}
.ci2 li.active{height:14px;width:14px;background:#6bc072;margin: 1px;opacity:1;}

.home-news,
.home-partners{padding-top: 30px;padding-bottom:30px;}


#page-content{padding-top:10px;padding-bottom:50px;}

.content h2{font-size: 28px;font-family: "Bubblegum Sans";color: rgb(197, 17, 68);padding-bottom:15px;}
.content p{font-size: 16px;font-family: "Open Sans";color:#000000;line-height:1.6;padding-bottom:20px;}
.content ul{margin-left: 35px;list-style-type: disc;padding-bottom:20px;}
.content ol{margin-left: 35px;list-style-type: decimal;padding-bottom:20px;}
.content li{font-size: 16px;font-family: "Open Sans";color:#000000;line-height:1.6;}
.content a{color:#4d94d0;font-weight: 600;}
.content a:hover{color:#417cae;}

.sponsor-box{text-align: center;width: 130px;display: inline-block;margin: 30px 10px 10px 10px;}
.sponsor-box img{margin: auto; display: inline-block;max-width: 100%;}	

/*--------------------------------------------------------------
     NEWS
-------------------------------------------------------------- */
.news-listing{margin-bottom: 30px;}
.news-date{font-size: 14px;font-family: "Open Sans";color:rgb(114, 114, 114);line-height: 2;}
.news-title-link{font-size: 16px;font-family: "Open Sans";color: rgb(77, 148, 208);font-weight: bold;line-height: 1.625;}
h2.screen-reader-text{display: none;}


#loginform{}
#loginform label{display:block;font-size: 16px;font-family: 'Open Sans';color:#000000;text-transform: uppercase;font-weight: 500;}
#loginform input[type=text],
#loginform input[type=password]{width:400px;max-width: 100%;}
#wp-submit{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 5px 45px 3px 45px;background:rgb(197, 17, 68);border-bottom: 4px solid rgb(157, 13, 54);border-top:none;border-right:none;border-left:none;}
#wp-submit:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 5px 45px 3px 45px;background:rgb(157, 13, 54);border-bottom: 4px solid rgb(157, 13, 54);}

.file-list{background:#f5f5f5;}
.file-list td{vertical-align:middle !important;border-color:transparent;border:none !important;}
.spacer td{padding: 0 !important; height: 5px !important;}
/*--------------------------------------------------------------
8. Sidebar CSS
-------------------------------------------------------------- */
.sidebar-menu li{margin-bottom: 18px;}
.sidebar-menu li.current_page_item>a,
.sidebar-menu li a:hover{font-size: 16px;font-family: "Open Sans";color: rgb(197, 17, 68);text-transform: uppercase;font-weight: 700;}
.sidebar-menu li a{font-size: 16px;font-family: "Open Sans";color:#000000;text-transform: uppercase;font-weight: 700;}
.sidebar-menu .children{margin-left:20px;margin-top:16px;}
.sidebar-menu .children li a:before{content: ' - ';}

.sidebar-head{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(0, 0, 0);line-height: 1.364;}
.category-list a{color:#4d94d0;font-weight: 600;}
.category-list a:hover{color:#417cae;}
/*--------------------------------------------------------------
9. Sub-Footer CSS
-------------------------------------------------------------- */
#subfooter{background:#e5e7dc;padding-bottom: 15px;}

.subfooter-title{font-size: 35px;font-family: "Bubblegum Sans";color: rgb(197, 17, 68);padding-top: 5px;padding-bottom: 10px;}
.twitter-handle{font-size: 15px;font-family: "Bubblegum Sans";}

.testimonial-subblock{width:100%;margin:auto;height:57px;text-align:left;padding-left: 30px;}
.testimonial-item{width:100%;background:white;margin:auto;border-radius:15px;padding:30px 30px 30px 30px;text-align:left;height:210px;}
.testimonial-item .text p{font-size: 16px;font-family: "Open Sans";color: rgb(0, 0, 0);font-style: italic;line-height: 1.875;}
.testimonial-name{font-size: 15px;font-family: "Open Sans";color: rgb(96, 154, 97);text-transform: uppercase;line-height: 1.333;font-weight:700;padding-top:15px;}
.testimonial-title{font-size: 13px;font-weight:500;}

/*--------------------------------------------------------------
10. Footer CSS
-------------------------------------------------------------- */
.foot-social{padding-top:70px;}
.foot-social-list{}
.foot-social-list .account{opacity: .5;}
.foot-social-list .account:hover{opacity: .7;}
.social-foot-head{font-size: 20px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);line-height: 1;padding-right:20px !important;}

#footer{background: #3a3a3a;padding-top: 20px;padding-bottom: 20px;}
.footer-menu a{font-size:15px;font-family: "Open Sans";color: rgba(255, 255, 255, 0.502);text-transform: uppercase;line-height: 1.333;margin-right:30px;font-weight: 600;}
.footer-menu a:hover{opacity:.8;}

.newsletter-signup{font-size: 32px;font-family: "Bubblegum Sans";color: rgb(242, 241, 241);line-height: 1.25;}
.newsletter-subtitle{font-size: 14px;font-family: "Open Sans";color: rgb(255, 255, 255);line-height: 1.571;}

#bottomfooter{background:#2b2b2b;padding-top:10px;padding-bottom: 10px;}
.footphone{font-size: 28px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);}

.footText{font-size: 14px;font-family: "Open Sans";color: rgba(255, 255, 255,.7);line-height: 1.644;}
.footText strong{font-size: 18px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);line-height: 1.644;}

/*--------------------------------------------------------------
11. Gravity Forms Override CSS
-------------------------------------------------------------- */
#field_1_1 > label{display: none;}
#gform_wrapper_1{margin:5px 0 0 0;}
#gform_1 > div.gform_footer.top_label{margin: 5px 0 0 0 ; padding:0;}
#gform_submit_button_1{height:36px;width: 70px;font-size: 18px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);background:#4d94d0;border: #4d94d0;}
#gform_submit_button_1:hover{background:#417cae;border: #417cae;}

#gform_submit_button_2{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(197, 17, 68);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}
#gform_submit_button_2:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(157, 13, 54);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}

#gform_next_button_3_3{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(197, 17, 68);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}
#gform_next_button_3_3:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(157, 13, 54);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}

#gform_previous_button_3{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(197, 17, 68);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}
#gform_previous_button_3:hover{font-size: 22px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);padding: 7px 15px 3px 15px;background:rgb(157, 13, 54);border-bottom: 4px solid rgb(157, 13, 54);border-left:none;border-right: none;border-top: none;}

#gform_submit_button_3{font-size: 22px !important;font-family: "Bubblegum Sans" !important;color: rgb(255, 255, 255) !important;padding: 7px 15px 3px 15px !important;background:rgb(197, 17, 68) !important;border-bottom: 4px solid rgb(157, 13, 54) !important;border-left:none !important;border-right: none !important;border-top: none !important;}
#gform_submit_button_3:hover{font-size: 22px !important;font-family: "Bubblegum Sans" !important;color: rgb(255, 255, 255) !important;padding: 7px 15px 3px 15px !important;background:rgb(157, 13, 54) !important;border-bottom: 4px solid rgb(157, 13, 54) !important;border-left:none !important;border-right: none !important;border-top: none !important;}
/*--------------------------------------------------------------
12. Bootstrap Override CSS
-------------------------------------------------------------- */

/*--------------------------------------------------------------
13. Media Queries Override CSS
-------------------------------------------------------------- */
@media(min-width:480px){}
@media(min-width:768px){
	.navbar a{background: none !important;font-size:13px !important;font-family: "Open Sans";color: rgb(0, 0, 0) !important;font-weight: 800 !important;text-transform: uppercase !important;}
	.inner-caption{background-color: rgba(86, 181, 88,.8);width:100%;padding:20px;}
}
@media(min-width:992px){
	.navbar a{background: none !important;font-size:13px !important;font-family: "Open Sans";color: rgb(0, 0, 0) !important;font-weight: 800 !important;text-transform: uppercase !important;}
	#gform_1 > div.gform_footer.top_label{margin: -36px 0 0 0 !important; padding:0; display: inline-block;position: absolute;right:70px;height:36px;width: 70px;}
	.inner-caption{background-color: rgba(86, 181, 88,.8);width:58%;padding:20px;}
}
@media(min-width:1200px){
	.navbar a{background: none !important;font-size:15px !important;font-family: "Open Sans";color: rgb(0, 0, 0) !important;font-weight: 800 !important;text-transform: uppercase !important;}
	.inner-caption{background-color: rgba(86, 181, 88,.8);width:47%;padding:20px;}

}

@media(max-width:480px){
	.navbar a{background: none !important;font-size:13px !important;font-family: "Open Sans";color: rgb(0, 0, 0) !important;font-weight: 800 !important;text-transform: uppercase !important;}
	#home-news .item,
	#home-news .item.active{padding-left: 0 !important; padding-right: 0 !important;}
}
@media(max-width:767px){
	.footmenucol{text-align:center;}
	
	.carousel-caption{position: relative;left:0;right:0;text-align:left;padding:0;}
	.carousel-caption .container{padding:0;}
	.inner-caption{background-color: rgba(86, 181, 88,1);width:100%;padding:20px;}
	.caption-title{font-size: 34px;font-family: "Bubblegum Sans";color: rgb(255, 255, 255);line-height: 1.6;}
	
	.subhead-caption{position: relative;left:0;right:0;bottom:0;width:100%;padding-top:10px;text-align:center;}
	.inner-subhead-caption{background-color:transparent;padding-left:0;width:100%;}
	
	.testimonial-item{height: auto;}
	.testimonial-subblock{height: auto;}
	#home-news .carousel-control{display: none;}
}
@media(max-width:991px){
	#home-subhead,
	#page-subhead,
	.sub-head-container{top: -5px;}
	.logo-column{text-align: center !important;}
	.social-column{text-align: center !important;}
	.menu-column{text-align: center !important;}
	
	.carousel-indicators{display: none;}
	.carousel-caption{left:0;right:0;text-align:left;bottom:0px;}
	.inner-caption.left{float:none;}
	.inner-caption.right{float:none;}
	
	.home-callout-box{margin-bottom:50px;}
}
@media(max-width:1199px){}