/* Parikkalan Valo specific styles */

#cookieSelectorModal .modal-header {
    background-color: var(--parikkala-blue);
}

/* Products */

.product-card {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    box-shadow: var(--card-shadow);
    transition: all 0.3s ease;
}

.product-card .logo-area {
    position: relative;
}

.product-card.bordered-card {
    border: 5px solid #f9cf03;
}

.product-card.bordered-card .highlight-text {
    background: #f9cf03;
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    padding: .5rem 1rem;
    font-weight: 700;
}

.product-card:hover {
    margin-top: -5px;
    margin-bottom: 5px;
}

.product-card .product-info h3 {
    font-weight: 900;
    font-size: 3rem;
}

.product-card .logo-area img {
    max-width: 70%;
}

.larger-product-card.product-card .logo-area img {
    max-width: 60%;
}

.tasma-valo-bg {
    background: rgb(236,12,110);
    background: -moz-linear-gradient(36deg, rgba(236,12,110,1) 0%, rgba(239,83,70,1) 50%, rgba(241,101,34,1) 100%);
    background: -webkit-linear-gradient(36deg, rgba(236,12,110,1) 0%, rgba(239,83,70,1) 50%, rgba(241,101,34,1) 100%);
    background: linear-gradient(36deg, rgba(236,12,110,1) 0%, rgba(239,83,70,1) 50%, rgba(241,101,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ec0c6e",endColorstr="#f16522",GradientType=1);
    color: var(--light);
}

.tasma-valo h1, .tasma-valo h2, .tasma-valo h3, 
.tasma-valo h4, .tasma-valo h5, .tasma-valo h6, 
.tasma-valo .h1, .tasma-valo .h2, .tasma-valo .h3, 
.tasma-valo .h4, .tasma-valo .h5, .tasma-valo .h6, 
.tasma-valo a:not(.btn) {
    color: rgb(236,12,110);
}

.spot-valo-bg {
    background: rgb(98,0,90);
    background: -moz-linear-gradient(36deg, rgba(98,0,90,1) 0%, rgba(179,62,150,1) 100%);
    background: -webkit-linear-gradient(36deg, rgba(98,0,90,1) 0%, rgba(179,62,150,1) 100%);
    background: linear-gradient(36deg, rgba(98,0,90,1) 0%, rgba(179,62,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62005a",endColorstr="#b33e96",GradientType=1);
    color: var(--light);
}

.spot-valo h1, .spot-valo h2, .spot-valo h3, 
.spot-valo h4, .spot-valo h5, .spot-valo h6, 
.spot-valo .h1, .spot-valo .h2, .spot-valo .h3, 
.spot-valo .h4, .spot-valo .h5, .spot-valo .h6, 
.spot-valo a:not(.btn) {
    color: rgb(98,0,90);
}

.q-valo-bg {
    background: rgb(255,233,0);
    background: -moz-linear-gradient(36deg, rgba(255,233,0,1) 0%, rgba(233,141,27,1) 100%);
    background: -webkit-linear-gradient(36deg, rgba(255,233,0,1) 0%, rgba(233,141,27,1) 100%);
    background: linear-gradient(36deg, rgba(255,233,0,1) 0%, rgba(233,141,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe900",endColorstr="#e98d1b",GradientType=1);
    color: var(--darkgray);
}

.q-valo h1, .q-valo h2, .q-valo h3, 
.q-valo h4, .q-valo h5, .q-valo h6, 
.q-valo .h1, .q-valo .h2, .q-valo .h3, 
.q-valo .h4, .q-valo .h5, .q-valo .h6, 
.q-valo a:not(.btn) {
    color: #e64414;
}

.kesto-valo-bg {
    background: #00A091; /* Old browsers */
    background: -moz-linear-gradient(45deg, #00A091 0%, #BCCF42 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #00A091 0%,#BCCF42 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #00A091 0%,#BCCF42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa795', endColorstr='#BCCF42',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: var(--light);
}

.kesto-valo-bg a {
    color: var(--light);
}

.kesto-bg {
    background-color: #00a091;
}

.kesto-bg .current {
    background-color: #bccf42;
}

.kesto-btn {
    background-color: #00A091;
    color: white;
}

.kesto-container h1,
.kesto-container h2,
.kesto-container h3,
.kesto-container h4,
.kesto-container h5,
.kesto-container h6,
.kesto-container a {
    color: #2fa090;
}

.bisnes-valo-bg {
    background: #001F41; /* Old browsers */
    background: -moz-linear-gradient(45deg, #001F41 0%, #007DBD 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #001F41 0%,#007DBD 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #001F41 0%,#007DBD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c326e', endColorstr='#007DBD',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: var(--light);
}

.bisnes-valo-bg a {
    color: var(--light);
}

.bisnes-bg {
    background-color: #4fb4e2;
}

.bisnes-bg .current {
    background-color: #001f41;
}

.bisnes-btn {
    background-color: #001F41;
    color: #fff;
}

.bisnes-gradient .light-btn {
    color: #fff;
}

.bisnes-container h1,
.bisnes-container h2,
.bisnes-container h3,
.bisnes-container h4,
.bisnes-container h5,
.bisnes-container h6,
.bisnes-container a {
    color: #001F41;
}

/* Product page */

#theProductNavigation {
    padding: 0px;
}

#theProductNavigation .navbar-toggler {
    color: var(--dark);
    background-color: var(--parikkala-lightblue);
    width: 100%;
}

#theProductNavigation .nav-item .nav-link {
    padding: 1.5rem 1.5rem;
}

#theProductNavigation .nav-item .nav-link.current-product,
#theProductNavigation .nav-item .nav-link.current-product:hover,
#theProductNavigation .nav-item .nav-link.current-product:focus,
#theProductNavigation .nav-item .nav-link.current-product:active {
    color: var(--light);
}

/* .product-card .product-info p {
    font-size: 0.8em;
} */

/* .product-card .product-info .btn {
    font-size: 1.5em;
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: none;
} */

@media (max-width: 991px){
    .product-card .product-info h3 {
        font-size: 2rem;
    }

    #theProductNavigation .nav-item .nav-link {
        padding: 1rem 1rem;
    }
}