﻿body {
    
}

.navbar-brand {
    margin-right: 120px !important;
}

.page-margin-bottom {
    margin-bottom: 100px;
}

/*colors*/
.fore-color-white {
    color: white;
}

.corporate-bg-gray {
    background-color: #F9F9F9;
    /*background-color: red;*/
}

#carousel-home img {
    width: auto;
    height: 400px;
    max-height: 400px;
}

.carousel-caption {
    top: 100px;
    text-align: left; 
}

.btn-light {
    background-color: white;
    color: #DA1A35;
    font-weight: 500;
}

.btn-light:hover {
    background-color: white;
    color: red;
    font-weight: 500;
}

.jumbo-home-prod-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/home-our-prod2.jpg');*/
    background-image: url(../images/home-our-prod2.jpg);
    /*background-image: url('http://www.tsisports.ca/tsi/images/home-our-prod2.jpg');*/
    background-size: cover;
    height: 250px;
    /*min-height: 250px;*/
}

/*#jumbo-home {
    min-height: 200px;
}*/

.jumbo-profile-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/profile-top.jpg');*/
    background-image: url('../images/profile-top.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/profile-top.jpg');*/
    background-size: cover;
    min-height: 400px;
}

.jumbo-products-deg-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/BG_Gradient-1.jpg');*/
    background-image: url('../images/BG_Gradient-1.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/BG_Gradient-1.jpg');*/
    background-size: cover;
    max-height: 250px;
}

.jumbo-products-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/products-top.jpg');*/
    background-image: url('../images/products-top.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/products-top.jpg');*/
    background-size: cover;
    min-height: 400px;
}

.jumbo-tournois-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/tournois-top.jpg');*/
    background-image: url('../images/tournois-top.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/tournois-top.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
}

.jumbo-ligues-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/ligues-top.jpg');*/
    background-image: url('../images/ligues-top.jpg');  /*for tests, original: ligues-top.jpg*/
    /*background-image: url('http://www.tsisports.ca/tsi/images/ligues-top.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
    /*min-height: 400px;*/
}

.jumbo-logos-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/logos-top.jpg');*/
    background-image: url('../images/logos-top.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/logos-top.jpg');*/
    background-size: cover;
    min-height: 400px;
}

.jumbo-contact-bg {
    /*background-image: url('http://dev.tsisports.ca/tech/images/contact-top.jpg');*/
    background-image: url('../images/contact-top.jpg');
    /*background-image: url('http://www.tsisports.ca/tsi/images/contact-top.jpg');*/
    background-size: cover;
    min-height: 400px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    max-height:400px;
    width:100%;
    position:absolute;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    body {
        /*background-color: pink;*/
    }
    
    .carousel-caption {
        top: 0px;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    body {
        /*background-color: blue;*/
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    body {
        /*background-color: orange;*/
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    body {
        /*background-color: yellow;*/
    }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    body {
        /*background-color: green;*/
    }
}




