/* @import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&display=swap'); */
/* <uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 400 to 700 */
.font-small {
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9rem;
}

.font-normal-heading {
  font-family: "Radio Canada Big", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
}

.font-medium {
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 1.2rem;
}

.font-bold {
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.font-bold-cta-link {
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
}

.container .font-bold-cta-link:hover {
    text-decoration: none;
}

body {
    /* font-family: 'Labrada', serif; */
    font-family: "Radio Canada Big", sans-serif;
    font-optical-sizing: auto;
    /* min-height: 78vh; */
    /* height: 100vh; */
    /* clear: both; */
    background-image: linear-gradient(to bottom, rgb(237 226 226 / 0%), rgb(221 218 218));
}

/* .bg-dots {
    background-image: radial-gradient(#000 10%, transparent 11%), radial-gradient(#e53935 10%, transparent 11%);
    background-size: 10px 10px;
    background-position: 0 0, 30px 30px;
    background-repeat: repeat;
} */

/* body .container-fluid {
    padding-left: 0;
    padding-right: 0;
    min-height: 78vh;
} */

/* body form {
    margin-left: 2%;
    width: 95%;
} */

/* body .container { */
body > .container {
    min-height: 81vh;
}

/* Check the code in live site */
body footer {
    /* position: static; */
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
}

.navbar-brand {
    color: red !important;
    text-shadow: 1px 1px #FFF;
}

.nav-link {
    color: white !important;
}

/* nav bar dropdown style */
.nav-bg-color {
    /* background-color: #0088A3; */
    background-color: black;
    min-height: 5rem
}

nav > .row {
    /* padding: 1.5rem 0; */
    padding: 1.5rem 0 1rem;
    margin: 0;
}

ul.dropdown-menu a:hover {
    text-decoration: none;
}

/* ul.dropdown-menu a li { */
ul.dropdown-menu a li {
    /* text-align: center; */
    padding: 6px;
    /* color: white; */
    color: #edebeb;
    /* text-transform: lowercase; */
    text-transform: capitalize;
}

ul.dropdown-menu a li:hover {
    /* text-decoration: none; */
    /* box-shadow: 0 6px 12px rgb(38, 68, 189); */
    /* box-shadow: 0 0px 21px rgb(186 187 195); */
    box-shadow: 0 0px 6px rgb(186 187 195);
}

/* navbar update */
ul.navbar-nav {
    display: block !important;
}
li.nav-item {
    display: inline-block !important;
    padding: 3px !important;
    margin-left: 2rem;
}
a.nav-link {
    padding: 3px !important;
}
.top-nav-bar {
    padding-bottom: 1%;
}
/* temporary solutions, waiting for correct size logo */
.top-nav-bar a{
    float: right;
    padding: 0 10px 0 0;
}
.top-nav-link {
    display: inline-block;
    margin-top: 15px;
}
.navbar-nav .dropdown-menu {
    /* position: absolute !important;
    border: 0; */
    padding: 6px;
    max-width: 20rem;
    width: 14rem;
}

/* PRODUCTS SECTION */
/* .fakeimg .img-thumbnail { */
/* .fakeimg {
    width: 380px;
    width: 400px;
    height: 320px;
}
.detail-image {
    width: 30rem;
} */

#product-detail-page .related-products-section .fakeimg {
    width: auto;
}

.two-line-ellipsis {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

img.icon {
    width: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* .product-section {
    max-width: 400px;
} */

/* .product-section a.btn {
    margin-bottom: 1em;
} */

/* STRAT: COMMON STYLES */
.product-wrapper {
    border: 1px solid #cacccd;
}

.pagination {
    justify-content: center;
}

.pagination a, .pagination strong {
    padding: 10px;
}
.bg-color-97cf3d {
    background-color: #97cf3d;
}
.msg-row #editor {
    height: 25vh;
}

.msg-row .msg-box {
    width: 100%;
    /* position: absolute;
    bottom: 0;
    left: 0; */
}

/* END: COMMON STYLES */

/* Mobile styles */
@media (max-width: 576px) {
    .top-nav-bar {
        width: 100%;
    }
    #sv-logo-img {
        width: 50px;
        padding-right: 5px;
    }
    #searchForm {
        width: 100%;
        margin-left: 0 !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    nav .bottom-nav-bar {
        margin-top: 1rem;
    }
}
@media only screen and (max-width: 480px) {
    .w-mobile-60 {
      max-width: 60%;
      width: 60%;
    }
  }
  @media only screen and (max-width: 336px) {
    .w-mobile-60 {
      max-width: 50%;
      width: 50%;
    }
  }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }