/*****************************************************************************/


/************************ CSS Lite Stylesheet for PM's ***********************/


/*****************************************************************************/


/* ====================== Base color palette information ==================== */


/*
Base blue
hex #428bca

Dark blue
hex #2a6496;
    
Black borders
hex #333;
    
Base white
hex #fff; (or white)
*/


/* ====================== Default container styles ========================== */
Paragraph {
	
	font-family: 'Oswald', sans-serif;
    background-color: #fff;
	font-weight:normal;
	font-size: 16px;
}


body {
    font-family: 'Oswald', sans-serif;
    background-color: #fff;
	font-weight:normal;
	font-size: 16px;
}

a {

    color: #6e3177;

}

a:hover {
    
    color: #6e3177;
    text-decoration: underline;
    
}

h1 {
    font-family: 'Oswald', sans-serif;
    text-shadow: none;
    font-weight: 600;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff8000;
    border-bottom: 3px solid;
    padding-bottom: 13px;
}

h3 {
    
    color: #6f3076;
    
    font-family: 'Oswald', sans-serif;
}

h4 {
    /*
    color: #428bca;
    */
    font-family: 'Oswald', sans-serif;
}

h5 {
    /*
    color: #428bca;
    */
    font-family: 'Oswald', sans-serif;
}

thead {
    background: #333;
    color: white;
}

.Masthead {

    box-shadow: none;
    -webkit-box-shadow: none;
}



#content-container .container {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-bottom: 40px;
}

.eventinfo {
    padding-top: 25px;
    text-align: right;
}

.eventinfo .location {
    font-weight: bold;
    font-size: 20px;
}

#dvTopSidebar {
    display: block;
}

@media (max-width: 767px) {
    .headerlogo {
        margin: 0 auto;
    }
    .eventinfo {
        text-align: center;
        padding-top: 10px;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* ===== Home Styles ==== */

.homeJumbotron.jumbotron {
    background: url(../../images/interface/jumbotron-bg.jpg);
    background-size: cover;
    background-position: center;
}


.jumbotron h1,
.jumbotron .h1 {
    color: white;
}

.jumbotron p {
    color: white;
}

.homeJumbotron a.btn.btn-primary.btn-lg {
    background-color: #ff8000;
    border-color: #ff8000;
}

.homeJumbotron a.btn.btn-primary.btn-lg:hover {
    opacity: .9;
}

#home h3 {
    font-weight: bold;
    margin-top: 20px;
    color: #438bc9;
    text-transform: ff9933;
}


.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active  {
    color: #fff;
    background-color: #ff9933 !important;
    border-color: #ff9933 !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active  {
    color: #fff;
    background-color: #3366cc !important;
    border-color: #3366cc !important;
}

/* ====================== Additional container styles ======================= */

.breadcrumb {
    /*
    margin: 0px;
    padding: 7px 0px 0px 0px;
    background-color: transparent;
    */
}

.breadcrumb>.active {
    color: #777;
    font-size: 22px;
}

.badge {
    /*
    background-color: #428bca;
    */
}

.pagination>li>a,
.pagination>li>span {
    /*
    color: #428bca;
    */
}

.nav-tabs>li {
    /*
    color: #555;
    */
}

.nav-tabs>li>a:hover {
    /*
    color: #2a6496;
    */
}

.nav-tabs>li.active>a {
    /*
    border-top-color: #428bca;
    color: #428bca;
    */
}

body.no-nav {
    /*
    background-color: white;
    background-image: none;
    */
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #3366cc;
    border-color: #3366cc;
}
.pagination > li > a, .pagination > li > span {
    color: #3366cc;
}
/* ====================== Navigational styles =============================== */
div#header {
    width: 100%;
    background: #292727;
}


div#ctl00_dvTopNavigation {
    /* background: #428bca; */
}

@media (min-width: 768px) and (max-width: 992px) {
    div#ctl00_dvTopNavigation {
        background: transparent;
    }
}



.navbar-collapse {
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #fff;
}

.container>.navbar-collapse {

    border-bottom-color: #ff8000;
    border-bottom-style: none;
    border-bottom-width: 2px;
}

.navbar-top>li>a {
    /*
    padding: 5px;
    color: #428bca;
    */
    color: white !important;
}

.navbar-top>li>a:hover {
    /*
    color: #428bca;
    background-color: white;
    */
}

.navbar-nav>li>a {
    color: inherit;
    background-color: inherit;
}

.navbar-nav>li>a:hover {
    color: inherit;
    background-color: inherit;
    text-shadow: none;
}

.navbar-nav>li {
    color: #333;
    background-color: transparent;
}

.navbar-nav>li:hover {
    color: #fff;
    background-color: #ff8000;
}


.navbar-nav>li>a.active {
    color: #fff;
    background-color: #ff8000;
    text-shadow: none;
}

.navbar-nav>li.active>a {
    color: #ff8000;
    background-color: transparent;
    text-shadow: none;
}

.navbar-nav>li.active:hover {
    background: transparent;
}

.navbar-nav>li>.dropdown-menu {
    /*
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    */
}

.dropdown-menu {background-color: #ff8000;border-bottom-color: #ff8000;border-bottom-width: 2px;border-bottom-style: none;border-radius: 0px 10px 10px 10px !important;border-top: none;}

.dropdown-menu>li>a {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent;
    text-shadow: none;
}

.left-nav>li {
    /*
    border-bottom-color: #e0eded;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    */
}

.left-nav>li>a {
    /*
    color: white;
    */
}

.left-nav>li>a:hover {
    /*
    color: white;
    background-color: #ff8000;
    */
}

.left-nav>li.active>a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav>li.active>a:hover {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav>li.active>a:focus,
.left-subnav.in>li.active>a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-nav>li.active>.left-subnav>li>a,
.left-subnav.in>li>a {
    /*
    color: #428bca;
    */
}

.left-nav>li.active>.left-subnav>li>a:hover,
.left-subnav.in>li>a:hover {
    /*
    color: #428bca;
    */
}

.left-subnav.in>li>a {
    /*
    color: #428bca;
    padding: 8px 0px 8px 24px;
    background-color: white;
    */
}

.left-subnav>li {
    /*
    border-bottom-color: #e0eded;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    */
}

.left-subnav>li>a {
    /*
    padding: 8px 0px 8px 11px;
    color: #428bca;
    */
}

.left-subnav>li>a:hover {
    /*
    color: #428bca;
    background-color: white;
    */
}

.left-subnav>li.active>a {
    /*
    color: white;
    background-color: #428bca;
    */
}

.left-subnav>li.active>a:hover {
    /*
    color: white;
    background-color: #428bca;
    */
}

.nav-username {
    /*
    padding: 5px;
    color: white;
    height: auto;
    font-size: 14px;
    */
    color: white;
}



#ctl00_UserInfo_lnkLogout {
    /*
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    */
}

.nav-social a {
    color: white;
    font-size: 20px;
    display: inline-block;
    padding: 10px 10px 10px 0px;
}

.nav-social a:hover {
    opacity: 0.5;
}

.navbar-toggle {
    border-color: #ff8000;
    background-color: #ff8000;
    border-radius: 0px;
    margin: 0px;
    padding: 22px;
}


.navbar-toggle.collapsed {
    border-color: #333;
    background-color: #333;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 2px;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 6px;
    transform: rotate(45deg);
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 1px;
    background-color: transparent;
}

.navbar-toggle .icon-bar:nth-of-type(4) {
    top: -4px;
    transform: rotate(-45deg);
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
    background-color: white;
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
    top: 6px;
    transform: rotate(180deg);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
    background-color: white;
    top: -5px;
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(4) {
    top: 2px;
    transform: rotate(180deg);
}

.shownameMobile {
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 20px 30px 10px 10px;
}

i.fa.fa-caret-down {
    /*
    display: none; (This is optional)
    */
}

#ctl00_dvTopNavigation .navbar-header {
    width: 100% !important;
    background-color: #333;
    padding-bottom: 0px;
}


@media (max-width: 992px) {
    .navbar-collapse {
        padding: 0px;
        background-color: #ff8000;
        width: 100% !important;
    }
    .bottomActionButtons a{
        color: #333;
    }

}


@media (min-width: 768px) {
    .main-nav-top .navbar-nav {
        float: right;
        margin: 0;
    }
    .main-nav-top .navbar-nav>li>a {
        padding-top: 40px;
        padding-bottom: 40px;
    }

}
@media (max-width: 767px){
    .nav-username {
        color: #333;
    }
    a#ctl00_UserInfo1_lnkLogout{
        color: #333 !important;
    }
}


/* ====================== Custom footer styles ============================== */

#footer-container {
     background: #000000;
     border-top: 4px solid #000000;
    margin-top: 40px;
}

#footer-container .container {
    background-color: transparent;
    border-top-color: #ff8000;
    border-top-style: none;
    border-top-width: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 80px 20px;
}

.footer h2 {

    color: white;
    padding-bottom: 0px;
    font-size: 18px;
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: none;
}

.footer ul {
    /*
    padding-left: 0px;
    margin-top: 10px;
    float: left;
    */
}

.footer ul li {

    color: white;
    text-decoration: none;
    margin-bottom: 3px;
    list-style-type: none;
    font-weight: 100;
}

#Footer {
    background: #292727;
    color: white;
}

.footer_copyright {
    padding: 15px 20px;
}

.footer .list-inline > li > a {
    margin-left: 0px;
}


/* ================== When no content is in left sidebar =================== */

.left-container {
    /*min-height: 1px;*/
}




/* =================== img-responsive for IE ============== */

.img-responsive {
    width: auto;
}



/* =================== Fix Focus State for nav ===================== */

.nav>li>a:focus {
    background-color: transparent;
}

a.btn.btn-primary.btn-block.pool {
    background: black;
    border-color: black;
}

a.btn.btn-primary.btn-block.pool:hover {
    background: #525252;
    border-color: #525252;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  font-family: arial;
  padding: 8px;
}

.price {
  color: grey;
  font-size: 16px;
}

.card button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: left;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:50%;
    width:50%;
    position:absolute;
	float: right;
}

/*----- Track Colors --------- */

.track_106 { color: #ED1C24;}
.track_3 { color: #3366CC;}
.track_1 { color: #FF9933;}
.track_2 { color: #6E3177;}