/*
Theme Name: High Five Swan Dive WP Theme
Author: dsonnie 
Description: Custom Theme for HFSD -- based on bootstrap jumbotron framework 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body, html, main {
    height: 100%;
}

html {
	font-size: 16px;
}

body {
	background-color: #333;
}

html, body, div, a, p, td, h1, h2, h3, h4, h5 {
	font-family: acumin-pro-condensed, sans-serif;
	font-style: normal;
	font-weight: 500;
	
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 400;
}

h1 {
	font-weight: 600;
}

.main-buffer {
	height: 64px;
}

main {
	position: relative;
	min-height: 550px;
	min-height: 614px;
	/*margin-bottom: 20px;*/
}


main:before {
	position: absolute;
	width: 100%;
	height: 25px;
	top: 0;
	height: 164px; /* adjusts for sticky nav */
	content:"";
}

main.md {
	min-height: 614px;
	height: 614px;
}

.bg { 
    /* The image used */
    background-image: url("img_girl.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 

.jumbotron {
	background: url('img/banner2.jpg') center;
	background: url('img/banner1.jpg') center;
	background: url('img/banner-2019-2.png') center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	padding: 0;
}

.jumbotron.img2 {
	background: url('img/banner3.jpg') center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	position: relative;
	padding: 0;
}

.showcase-btn-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
}	

.btn-lg.showcase {
	font-size: 2rem;
	padding: 1rem 1.25rem;
}

.showcase-btn-box a {
	margin-top: 20px;
}

.showcase-btn-box a.rpad {
	margin-left: 20px;
	margin-right: 20px;
}

.showcase-btn-box a.lpad {
	margin-left: 20px;
	margin-right: 20px;
}

#shows, #videos, #contact, #connect, #testimonials { 
	background: #333;
	color: #fff;
	padding: 50px 0;
	text-align: center;
}

#shows {
	background-color: #111;
	background-image: url('img/crowd-bg-2.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}

#testimonials {
	/*padding-top: 0;*/
}

.carousel-item {
	min-height: 16rem;
	height: 24rem;
	background-color: #1f8585;
}

.carousel-item.orange {
	background-color: #f90;
}

#videos  {
	width: 100%;
	text-align: center;
	background: url('img/bg-pattern-3-dark.jpg') repeat repeat;
}

.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
margin: 0 auto;
height: 0; 
overflow: hidden; 
max-width: 66%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

#shows h1, #videos h1, #contact h1, #connect h1, #testimonials h1 {
	font-size: 3.5em;
	color: #fff;
	margin-bottom: 40px;
}

#shows h1 {
	font-size: 2rem;
}

#shows h1.show-month {
	margin-bottom:5px;
	font-size:2rem;
}

#shows .show-venue {
	margin: 10px 0;
}

#shows h5.show-city {
	font-size: 1.8rem;
}

#shows h5.show-time {
	font-size: 1.2rem;
}

#connect i {
	font-size: 10rem;
	color: #dd3333;
}

#contact a {
	color: #dd3333;
}

#contact a:hover, #connect i:hover {
	color: #1f8585;
}

.row .alignr {
	text-align: right;
}

.row .alignc {
	text-align: center;
}

.row .alignl {
	text-align: left;
}

.blog-main {
	color: #fff;
}

.show-info a {
	color: #dd3333;
	text-decoration: underline;
}

.show-info a:hover {
	color: #1f8585;
}

.footer {
	background: #5b2971;
	background: #2f4172;	
	background: #1f8585;
	padding: .5rem;
	color: #fff;
	text-align: center;
}