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

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Ubuntu:wght@400;700&display=swap');

ul li {display: inline-block;}
@media screen and (min-width: 769px){
	.collapse:not(.show):not([data-blockStyles="sheditor-element-block"]) {
		display: flex !important;
		flex-direction: row;
		justify-content: center;
	}
	.navbar .navbar-nav.navbar-center {
		display: inline-block;
	}
}

@media screen and (max-width: 769px){ 

	div ul li {padding: 10px;}
}

html, body {
	height:100%;
	width:100%;
	font-family: 'Ubuntu', sans-serif;
	line-height:1.6;
	color:#333;
}
.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%;

}
.menu li:last-child {
	padding-right:0!important;
} 
.nav li > a {
	padding:17px 10px !important;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: rgb(255, 255, 255); !important; 
	font-size:18px;
	text-align:center;
    font-family: 'Oswald', sans-serif;
	line-height:1.1;
	font-weight:400;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:rgb(255, 101, 128) !important;

}
.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.3s;
}
/*--------------------------------------------------------------
## 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%;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	background-color:#a8aaad !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:transparent !important;
}



/*--------------------------------------------------------------
## Standard HTML
--------------------------------------------------------------*/
h1 {
	    font-family: 'Oswald', sans-serif;
		line-height:1.0;
		font-weight:700;
		font-size:42px;
		color:rgb(233,50,77);
}
h2 {
	    font-family: 'Oswald', sans-serif;
		line-height:1.0;
		font-weight:700;
		font-size:36px;
		color:rgb(14,61,98);
}
h3 {
	    font-family: 'Oswald', sans-serif;
		line-height:1.1;
		font-weight:400;
		font-size:30px;
		color:rgb(233,50,77);
		
}
h4 {
	    font-family: 'Oswald', sans-serif;
		line-height:1.1;
		font-size:24px;
		color:rgb(14,61,98);
}
h5 {
	    font-family: 'Oswald', sans-serif;	
		font-weight:700;
		font-size:18px;		
		line-height:1.1;
		color:rgb(14,61,98);
		margin:10px 0 5px 0;
}
h6 {
		font-family: 'Oswald', sans-serif;
		line-height:1.1;
		font-weight:700;
		color:rgb(233,50,77);
		font-size:16px;
		margin:10px 0 5px 0;
}

a {color: rgb(227, 25, 55);}
a:hover {color: #222; }

ul {}
ol {}
li {}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 0;
	border-top: 2px solid rgb(233, 50, 77);
	width:90%
}
blockquote {}

/*--------------------------------------------------------------
## Template CSS
--------------------------------------------------------------*/
.sitebg {}
.headerbg {
	background: rgba(255, 255, 255, 0.8) url("/wp-content/uploads/2021/07/pb-header-bg.jpg") no-repeat center bottom;
	background-size:cover;
	min-height:24.5vw;
}
.logo {
	max-height:30vw;
	margin:auto;
	text-align:center;
	margin-top:15px;
}
.toprow {}
.menubg {
	background-color:rgba(14, 61, 98, 1.0);
	color:#fff;
	box-shadow: 5px 0px 15px rgba(0,10,47,0.6);
	height: fit-content;
}
.contentbg {
	
}
.maincontent {}
.footerbg{
	background-image:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 12%,rgba(14,61,98,1) 12.1%,rgba(14,61,98,1) 23.9%,rgba(14,61,98,0) 24%,rgba(14,61,98,0) 100%), url(/wp-content/uploads/2021/05/pb-footer-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;  
	min-height:400px;
	background-size:cover;
}
.footertext {
	text-align:center;
	margin:auto;
}
.footerlogo{
	max-height:250px;
	margin:auto;
	z-index:100;
}
.subfooter {}
.social {
	padding:10px;
}
.footerlink {
	text-align:center;
	color:#fff;
	padding:30px 10px;
	text-transform:uppercase;
    font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight:400;
	margin:auto;
}
.footerlink:hover {
	color:rgb(0,10,47);
}
.mobilelogo {
	padding:0 10px;
	margin:auto;
	max-height:120px;
	
}
/*--------------------------------------------------------------
## Content CSS
--------------------------------------------------------------*/
.pad15 {padding:15px; }
.pad30 {padding:30px;}
.pad45 {padding:45px;}
.side15 {padding:0 15px; }
.side30 {padding:0 30px;}
.side45 {padding:0 45px;}


.red {color:rgb(233, 50, 77)}
.redbg {background-color:rgb(233, 50, 77)}
.navy {color:rgb(14, 61, 98)}
.navybg {background-color:rgb(14, 61, 98)}
.gray {color:rgb(168, 170, 173)}
.graybg {background-color:rgb(168, 170, 173)}

.center {text-align:center; margin:auto; display:inline-block;}

.btn {
	border-radius: 50px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	padding: 5px 30px;
	text-transform: uppercase;
	margin:auto;
	white-space:normal !important;
}
.btn-danger { background-color: #e9324d;}
.btn-danger:hover { background-color: rgb(182,0,26);}
.btn-primary {background-color:#0e3562;}
.btn-primary:hover {background-color:rgb(0,10,47);}
.btn-default {background-color:#a8aaad; color:#e9324d;}
.btn-default:hover {background:#a8aaad; background-color:#e9324d;}

.width70 {width:70%; display:block; margin:auto; }

.narrowtable {
	max-width:70%;
	margin:auto;
}
.sectionhead {
	color: #0e3562;
	border-bottom:3px solid #0e3562;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	width: 100% !important;
	text-align: center;
	padding: 10px 30px;
	display: block;
	text-transform: uppercase;
}
.sectionhead2 {
	background-color: # !important;
	border-radius: 0px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 700;
	width: 100% !important;
	text-align: center;
	padding: 10px 30px;
	display: block;
	text-transform: uppercase;
}

.icongroupbg {
	background-color: #0e3562 !important;
	border-radius: 500px;
	color: #fff !important;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	width: 100% !important;
	text-align: center;
	display: block;
	text-transform: uppercase;
	overflow:visible;
	padding: 20px 50px;
	z-index: 999;

}

.wid-ico{
	display: flex;
    justify-content: center;
	width: 100%;
	margin: 0 auto;
}
.icongroupbox {
    display: flex;
    flex: 1;
}
.icongroupbox a{
    display: flex;
	align-items: center;
	padding: 10px;
	color: #fff;
}
.iconimage {
	width: 100px; 
}
.icongrouptext {
	flex: 1;
	display: inline-block;
	margin-top: 0px;
	padding: 0 15px;
	line-height: 1.1;
	text-align: left;

}
.icongroupdate{	
	display: block;
	margin-top: 5px;
	text-align: left;
	font-size:16px;
	font-weight:400;
}
.schedulebox {
	background-color:#e6e6e6 !important;
	border: 3px solid #9fa6ac;
	padding:30px;
	margin:45px 15px 15px 15px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	color:#000;
}
.scheduleicon {
	margin-top:-75px;
}
.hidden {display:none !important;}

.post-Logos-image {
	max-height:100px;
}
.slick-arrow {
	top:78% !important;
}
.slick-dots {
	padding:30px 0 0;
}
.border-staff {min-height:130px !important;}

/*--------------------------------------------------------------
## Mobile First Method 
--------------------------------------------------------------*/

@media screen and (max-width: 900px){
	.wid-ico{flex-wrap: wrap;}
	.icongroupbg{padding: 20px; border-radius: 50px;}
	.icongroupbox{flex: none; width: 50%;}
}
@media screen and (max-width: 1400px){
	.icongroupbox a{width: 100%; flex-wrap: wrap; text-align: center;}
	.iconimage{margin: auto;}
	.icongrouptext{flex: none; width: 100%; text-align: center;}
	.icongroupdate{text-align: center;}
}
@media screen and (max-width: 600px){
	.icongroupbox{width: 100%;}
	.iconimage{width: 50px; margin-bottom: 5px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.mainbg .col-sm-offset-2, .mainbg .col-sm-offset-3 {margin: 0 !important;}	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.headerbg {
		background: url("/wp-content/uploads/2021/05/mobile-bg.png") no-repeat center bottom;
	}
	.logo {
		max-height:50vw;
		margin-top:10px;
	}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.menuopener {min-height:4vw; }
	.narrowtable {max-width:90% ; }
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-left:0px !important;
		margin-right:0px !important;	
	}
	.headerbg {
		background: url("/wp-content/uploads/2021/05/mobile-bg.png") no-repeat center bottom;
	}
	.logo {
		max-height:50vw;
		margin-top:10px;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	.narrowtable {max-width:100% !important; }
	.pad30 {padding:15px !important;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-left:0px !important;
		margin-right:0px !important;	
	}
	.iconimage {
		margin:0px auto 0 auto; 

	}
	.pad30 {
		padding:15px;
	}
	.pad45 {
		padding:30px;
	}
	.btn-danger {
		width: 80% !important;
	}
	.sectionhead {
		padding: 10px 30px;
	}

}