/*
	Theme Name:   Southbay Training Theme
	Theme URI:    http://stellaractive.com
	Description:  Division Child Theme
	Version:      1.4.9
	Author:       Stellaractive
	Author URI:   http://stellaractive.com
	Template:     division
	Text Domain:  division-child

*/

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

body {
	font-family: 'Titillium Web', sans-serif;
}
.wrapper {

}
section {

}
article {

}
img {
    height: auto;
}
main {
    padding: 30px 0;
}
blockquote {
    padding: 10px 20px;
    margin: 0 20px;
    font-size: 17.5px;
    border-left: none;
    color: #13285A;
}

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

header.header {
	background: #13285A;
	padding: 0;
}
.logo-row {
    padding-bottom: 20px;
}
.logo {
	max-width: 200px;
	padding-top: 20px;
}
/*---Top Rail---*/
.top-rail {
    background: #1c2721;
    padding: 5px;
    color: #fff;
}
.top-rail a {
	color: #fff;
}
.bottom-rail {
    background: #689EE7;
    padding: 15px 0 0 20px;
}
.bottom-rail a {
	color: #fff;
}
.top-rail .header-wrap div {
    display: inline-block;
    vertical-align: top;
}
.top-rail #custom_html-9 {
    float: right;
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

@media only screen and (min-width:767px) {
	.navbar-nav {
		padding-top: 20px;
	}
}
nav a {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 17px;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #b3d4fc;
}
button.navbar-toggle {
	color: #ffffff;
	float: none;
}

/*------------------------------------*\
    DROPDOWN MENU
\*------------------------------------*/

.dropdown-menu {
    background-color: #13285A;
    border: none;
    border-radius: 0;
	padding-bottom: 5px;
}
.dropdown-menu > li > a {
	text-align: left;
}
.dropdown-menu > li > a, .dropdown-menu > .active > a {
	color: #fff;
    font-weight: bold;
}
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:focus {
    color: #b3d4fc;
}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/

.home {

}
.home main {
    padding: 0px 0 30px 0;
}
a.tp-button {
    background: #689EE7;
}
/*------------------------------------*\
    INTERIOR PAGES
\*------------------------------------*/

div.page {
	
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.float-row {
    display: block;
    text-align: center;
}
.float-row a {
    display: inline-block;
    padding: 5px 10px;
}
ul {
    list-style-position: inside;
}
table.alumtable {
    max-height: 600px;
    overflow: scroll;
}
table.alumtable, table.alumtable tr, table.alumtable td {
    border: 1px solid #dadada;
    border-collapse: collapse;
    padding: 5px;
}
table.alumtable th {
    background: #689ee8;
    padding: 10px 5px;
}
table.alumtable tr:nth-child(odd) {
    background: #eaeaea;
}
table.pricetable {
    overflow: auto;
    display: block;
}
table.pricetable tr, table.pricetable td {
    border: 1px solid #dadada;
    border-collapse: collapse;
    padding: 5px 30px;
}
table.pricetable th {
    background: #689ee8;
    padding: 10px 5px;
}
table.pricetable tr:nth-child(odd) {
    background: #eaeaea;
}
/*------------------------------------*\
    STAFF FEED
\*------------------------------------*/

.card-float {
    display: inline-block;
    padding: 12px;
    vertical-align: top;
}
.card-bg {
    background: urL(/wp-content/uploads/2017/12/baseball-card-bg.jpg);
    background-size: cover;
    height: 350px;
    width: 250px;
    position: relative;
    text-align: left;
}
.inner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 16px;
}
.card-img {
    text-align: center;
    margin: auto;
    padding: 5px;
    background: #fff;
    border: 5px solid #000;
    position: relative;
}
.hover-card {
    display: none;
}
.card-badge {
    position: absolute;
    right: -12px;
    bottom: -34px;
    max-width: 29%;
}
.card-lower h3 {
    font-family: 'Carter One', san-serif;
    background-color: #50b3ff;
    display: inline-block;
    padding: 6px 10px;
    border: 5px solid #000;
    margin: 5px 10px 0px 0;
    font-size: 21px;
}
.card-lower h5 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
}
.card-bg:hover .card-img, .card-bg:hover .card-lower {
    display: none;
}
.card-bg:hover .hover-card {
    display: block;
}
.hover-card {
    background: rgba(256,256,256, .5);
    padding: 16px;
    height: 99%;
    overflow: scroll;
    position: absolute;
    width: 100%;
}
.hover-card h3 {
    font-family: 'Carter One', san-serif;
    color: #50b3ff;
    font-size: 18px;
    margin: 0;
    text-align: center;
}
.hover-card h5 {
    font-size: 12px;
}
.rev-lower {
    font-size: 13px;
}
.card-float ul {
    list-style-position: inside;
    margin: 0;
    padding: 0 0px;
}
/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/

aside {

}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {
    background: #13285A;
    color: #fff;
    padding: 30px 0 0;
}
footer a {
    color: #fff;
}
ul#menu-footer-menu {
    list-style: none;
    padding: 0;
}
ul#menu-footer-menu li {
    padding: 5px 0 8px 0;
}
ul#menu-footer-menu li:before {
    content: ">";
    color: #689EE7;
    padding: 0 16px 0 0;
    font-weight: bold;
}
footer ul.ophours {
    list-style: none;
    padding: 0;
}
footer ul.ophours li {
    padding: 10px 0;
}
footer ul.ophours li span {
    float: right;
}
footer .fifty {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
footer .fifty img {
    max-width: 100%;
}
.footer-widget-3 a {
    float: right;
}
.footer-widget-3 div {
    padding: 8px 0;
}
.footer-widget-4 div {
    padding: 8px 0;
}
footer .copy-creds {
    padding: 30px 0px;
}
.foot-bottom-rail {
    font-size: 12px;
    padding: 10px 0;
    background: #1c2721;
}
.foot-bottom-rail .footer-wrap div {
    display: inline-block;
    vertical-align: top;
}
.foot-bottom-rail div#custom_html-8 {
    float: right;
}
.foot-bottom-rail ul.social li {
    margin-bottom: 0!important;
}
/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.blue-btn {
    padding: 8px 15px;
    background: #13285A;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
}
a.blue-btn:hover {
    background: #689EE7;
    color: #fff;
}
a.blue-btn:focus {
    color: #fff;
}
a.sky-btn {
    padding: 8px 15px;
    background: #689EE7;
    border-radius: 3px;
    color: #fff;
}
a.sky-btn:hover {
    background: #fff;
    color: #13285A;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:1024px) {
.footer-widget-1, .footer-widget-3 {
    padding-right: 30px;
}
footer .footer-widget-3 a {
    margin-right: 3vw;
}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:320px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    HEADLINES
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {

}
h1, h2, h3 {

}
h1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 34px;
    color: #3d4942;
}
h2 {
	font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    color: #3d4942;
}
h3 {

}
h4 {

}
h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #13285A;
}
h6 {

}

#media_image-4 img {
    width: 100%;
}
#media_image-5, #media_image-6 {
    width: 50%;
    float: left;
}
@media only screen and (max-width:767px) {
    #media_image-2 a, #media_image-3 a, #media_image-4 a, #media_image-5 a, #media_image-6 a {
        text-align: center;
        display: block;
        float: none;
    }
}