/*!
 * Software: CatScript Apps Version 5.3
 * Client: CanadianAllStarSports.Com
 * Author: Chigozie (Cat) Nduanya
 * Date-Created: 2018-02-21
 * Last-Visited: 2024-01-30
 * File: css/main.css
 *
 */

@import url('https://fonts.googleapis.com/css?family=Cabin');

body:not(.is-home) .header {
    position: relative;
    background: #231F20;
}


/* the elements */
body,
.dropdown-item,
.tablesorter{
    font-family:'cabin-medium',Tahoma;
    font-size:18px;
}
footer{
    background-color:#000;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bolder;
}

.btn-info{
    background:#4DC2C1;
    color:#03354B;
}

/* the element classes */
.card{
    height:100%;
}
.card-footer{
    border-bottom:solid 1px #D9D9D9;
}

.div-agree{
    background:#D7D7D7;
    border:solid 1px #C3C3C3;
    text-align:center;
}
.dropdown-item{
    border:solid 1px #F0F0F0;
}
.fixed-top{
    background-color:#03354B;
}
.font-regular{
    font-size:13px;
}
.footer-link{
    color:#D1E6EB;
    margin-left:10px;
    text-decoration:underline;
}
.footer-link:hover{
    color:#FFF;
    text-decoration:none;
}
.home-card{
    border:solid 1px #D1D1D1;
    cursor:pointer;
}
.league-card, .schedules-card, .stats-and-standings-card{
    cursor:pointer;
}
.league-card:hover, .schedules-card:hover, .stats-and-standings-card:hover{
    background-color:rgb(245, 249, 252);
}
.schedules-links a, .stats-and-standings-links a{
    background:#E3E3E3;
    border:solid 1px #C1C1C1;
    color:rgb(6, 44, 95);
    padding:7px;
}
.modal-header{
    background-color:#F0F0F0;
}
.side-menu a{
    background-color:#03354B;
    border-bottom:solid 1px #4DC2C1;
    color:#FFF;
    padding:8px 10px;
}
.side-menu a:hover{
    background-color:#4DC2C1;
    color:#03354B;
}
.sponsor-card{
    cursor:pointer;
    height:100%;
}
.validate{
    color:red;
    display:none;
}
.validated-not-valid{
    border:solid 1px red;
}
.validated-valid{
    border:solid 1px green;
}
.whats-happening ul{
    list-style-type:square;
}


/* the element ids */
#canvas-cover{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9990;
}
#registration_form label{
    font-weight:bold;
}

/* the box-shadow elements */
.form-control,.btn-primary,.btn,.fa,.home-card,.social,.buy-now,
.div-agree, .schedules-links a, .stats-and-standings-links a,
.div_popup,.btn-yes,.btn-no{
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* the border-radius elements */
.home-card,.league-detail-links,.div-agree,.modal,.buy-now,
 .schedules-links a, .stats-and-standings-links a{
    border-radius:5px;
}


/*New layout*/
.page-header {
    text-align: center;
    color: #fff;
    padding: 60px 0;
    background: #231F20;
    margin-bottom: 60px;
}
.page-header h1 {
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
}

.page-header .breadcrumb {
    text-align: center;
    justify-content: center;
}

.page-header .breadcrumb-item+.breadcrumb-item::before,
.page-header .breadcrumb .breadcrumb-item.active {
    color: #fff;
}

.page-content {
    padding-bottom: 60px;
}

/*Locations*/
.locations {
    text-align: center;
}

.locations h2 {
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 60px;
}
.locations .row:not(:first-child) h2{
    margin-top: 60px;
}

.locations ol {
    list-style: none;
    display: flex;
    gap: 30px;
    padding: 0;
}
@media (max-width: 768px) {
    .locations ol {
        flex-direction: column;
    }
}

.locations address {

}

/*Contact page*/
#contact_form .form-control{
    border: solid 1px #D7D7D7;
    border-radius: 7px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 1rem 0.75rem;
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

#contact_form textarea.form-control {
    height: 150px;
}

#contact_form .hidden {
    display: none;
}

@media (max-width: 768px) {
    #contact_form .form-group {
        margin-bottom: 15px;
    }
}

/*Leagure card*/
.leagues-wrapper {
    display: flex;
    justify-content: center;
}

.leagues-wrapper .league-card {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    position: relative;
    padding: 0 30px;
}

.leagues-wrapper .league-card:last-child {
    border: 0 !important;
}

.leagues-wrapper .league-card .arrow {
    background: url(../images/arrow-icn.png) left top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 12px;
    display: block;
}

.leagues-wrapper .league-card .p-3 {
    text-align: center;
    justify-content: center;
    animation-fill-mode: backwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.leagues-wrapper .league-card .title {
    font-size: 30px;
    font-family: mulish;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    margin: 30px 0;
}

.leagues-wrapper .league-card:hover {
    background: #fff;
}