.badge-primary,
.promo {
background-color: #0073b6 !important;
}

A,
A:link,
A:visited,
footer a:link,
footer a:visited,
.outletcolor,
.product .title A {
color: #0073b6;
}


.btn-search,
.btn-primary, .btn-primary:hover {
background-color: #0073b6;
border-color: #0073b6;
}
.pagination .page-link,
.product .discount,
.promotion-inv,
.product-image .product-thumbnails .thumb {
background-color: #0073b6;
}
.bundleconfig .bg-info{
background-color: #0073b6 !important;
color:white;

}
.productcat .title {
font-size: 140%;
text-align: center;
}
BODY .noUi-connect {
background: #0073b6;
}

@media (max-width: 768px) {
A.navbar-brand {
max-height: 30px;
max-width: 160px;
}


.promo {
font-size: 1em;
padding: 10px;
}
}


    #logo {
    background: url('https://go.innoflame.fi/image/h80-q100/assets/accounts/4112_goshop114_logo.png?rt=3805014250') no-repeat;
    background-size: auto 50px;
    width: 138px;
    height: 50px;
    margin-right: 20px;
    }

    A.navbar-brand {
    content: url(https://go.innoflame.fi/image/h80-q100/assets/accounts/4112_goshop114_logo.png?rt=3805014250);
    max-height: 80px;
    color: #0073b6;
    margin-top: 0px;
    padding:0;
    margin:15px 20px 15px;
    }

@font-face {
    font-family: AhlsellSans-Regular;
    src: url("/static/fonts/aklubi/ahlsellsans-regular.ttf") format("truetype");
}
@font-face {
    font-family: AhlsellSans-Bold;
    src: url("/static/fonts/aklubi/ahlsellsans-bold.ttf") format("truetype");
}
@font-face {
    font-family: GeometricSlab-Bold;
    src: url("/static/fonts/aklubi/GeometricSlab703BT-Bold.ttf") format("truetype");
}
@font-face {
    font-family: GeometricSlab-ExtraBold;
    src: url("/static/fonts/aklubi/GeometricSlab703BT-XtraBold.ttf") format("truetype");
}

:root {
    --ablue: #0073b6;
    --amarin: #023D62;
    --ablue60: #80add2;
    --ablue45: #a1c2dd;
    --ablue30: #c1d6e8;
    --ablue15: #e0eaf2;
    --abgdark: #081623;
    --acyan:#009fe3;
}

body, p { font-family:AhlsellSans-Regular, Arial,sans-serif;}
h1, h2 { font-family:GeometricSlab-Bold, Arial,sans-serif;line-height: normal;}

.form-control:focus {  border-color: var(--acyan); }
a:focus {  outline: 1px dashed var(--ablue); }

.main-content .badge-primary { background-color: var(--ablue) !important;}
.helper1 .cart { background: var(--ablue30);}

.navbar .badge-primary{
    color:var(--amarin);
    background: white !important;
}
.navbar {
    background-image:url("https://go.innoflame.fi/files/aecc27a7e4f2da227916f6e997a69ec6328eac92/388354/element-schematics_1light.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.navbar .container-fluid {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.navbar-expand-lg .navbar-nav {
	justify-content: flex-end;
}

.navbar li { font-size:0.9em; }
.navbar:has(+ .main-content .frontpageintro ) {
  background-color: #0073b6c4;
  background-image: none;
  position: absolute;
  width: 100%;
}

button.navbar-toggler {
    color:transparent !important;
}
button.navbar-toggler > i.fas.fa-bars:before {
    color:#fff;
    font-size: 1.3em;
    vertical-align: middle;
}

a.navbar-brand {
    margin-left: 1em !important;
}
@media (min-width: 992px) {
    .navbar .container-fluid {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .navbar-collapse {
       flex-grow: 0;
    }
}

.noshadow, .noshadow > .row {
    box-shadow: none;
}

.heroboxcontainer h2 {font-size:140%;   }
.heroboxcontainer p a {
    color:#fff;
    padding:0.6em 1em !important;
    display:inline-block;
}
.heroboxcontainer p:has(a) {
    text-align: center !important;
    margin-left: auto; margin-right: auto;
    background:var(--acyan);
    padding: 0 12px;
    transition: 0.25s background-color;
    border-radius: 5px;
    max-width: fit-content;
}

.heroboxcontainer .btn.btn-primary {
    background:var(--acyan);
    color: #fff;
    border-radius: 5px;
    padding-left:1.5em;
    padding-right:1.5em;
    margin-bottom:1em;
    float:right;
}

.heroboxcontainer p:has(a):hover,
.heroboxcontainer input.btn-primary:hover {
    background:#003e6a;
    opacity: 1;
;}

.heroboxlift { margin-top: -80px !important;}
.heroboxlift .cart {
    background: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    .heroboxcontainer > .col-sm-4 {
        max-width: 95% !important;
        flex: 0 0 100%;
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

.heroboxcontainer div:has(>a) {
    font-size: 90%;
}

.heroboxcontainer div > a {
  color: #fff;
  text-decoration: underline;
}
.heroboxcontainer div > a:hover {
  color: var(--amarin);
}

.heroboxlift .layout-pointsblock {
    font-size:larger;
    color:var(--ablue);
    h2 {
      font-size:1.5em;
      margin:0px !important;
    }
}

.heroboxcontainer #loginform::before {
    content:"Kirjaudu sisään";
    text-align: center;
    width:100%;
    font-family: GeometricSlab-Bold, Arial,sans-serif;
    font-size:25px;
    font-weight: 700;
    line-height: 2em;
}

@media (min-width: 768px) {
    .scale95 {  max-width: 32%;  }
}

.content:has(.whiterow) {
    margin:20px 0px;
    background:#fff;
}

.nobg { background:none !important;}

.content:has(.frontpageintro ) {
   background:url('https://go.innoflame.fi/image/w1920-q95/assets/accounts/4112_goshop114_bg.jpg?rt=3367165434');
    background-attachment: unset;
    background-position: center 30%;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
    .content:has(.frontpageintro) { background-position: 70% center; }
    .navbar a.cartmenu_item
    {
        i.fa-shopping-cart {
            color:white;
            font-size:1.1em;
        }
        span.badge-pill {
            font-size:1.0em;
        }
    }
    .navbar-toggler {
      display: flex;
      flex-direction: row-reverse;
    }
}

.row:has(.frontpageintro) {    height:840px;    }
.main-content:has(.frontpageintro) {    padding-top:0;    }

.frontpageintrocontent > .info,
.frontpageintrocontent {
    justify-content: left;
    text-align:left;
    padding-bottom:10px;
}

.frontpagerowcustom1 {
    p { text-align: center;}
    p img { max-width: 80px;}
    h3 { font-size:110%;margin-bottom:1em;}
}
.main-content:has(.articleintro) { padding-top:0px;}

.content:has(.articleintro) {
   background:url('https://go.innoflame.fi/files/c41cfecf7e2987820245ee909a46683e34028e12/344217/1920x1080_sisasivu_2.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.articleintro h2 {
    font-size: 4em;
    margin-bottom: 0px;
}
.row:has(.articleintro){ height:400px;}

.layout-homepopular,
.layout-homelatest { background:none;}
.layout-homelatest .col-block {
    padding-left: 8px;
    padding-right: 8px;
/*
    .info .title {
        text-align: center;
        line-height:normal;
    }
    .info .price {  text-align: center;  }
*/
}

.layout-homelatest h2 {
  font-weight: 600;
  margin-top: 1em !important;
  font-size: 30px;
}

.productlist-sorts {
    margin-top:-1em !important;
    margin-bottom: 1em;
}

.layout-categoryproducts .product { margin-bottom:2em;}

.col-block > .product:not(.productcat) > .d-block .info {
    text-align: center;
    & .title {
        color:var(--amarin);
        line-height:normal;
        margin-bottom:0.5em;
    }
    & p.price {
        color:var(--ablue);
        font-weight:600;
    }
}

.layout-homelatest .product .info .price,
.layout-categoryproducts .product .info .price {
    font-weight:600;
    color:var(--ablue);
    font-size: 1.1em;
}

.layout-categoryproducts .product .discount {
    color:var(--amarin);
    background:var(--ablue30);
}

.layout-categoryproducts > .row,
.layout-categorysubs > .row {
    justify-content: center;
}

.layout-categorysubs .info .title {
    font-size: 1.1em;
    font-weight: normal;
    word-break: break-word;
}

.bluebox a {
    color: white;
    text-decoration: underline;
}
.pagination .page-link {
	background-color: var(--ablue);
}

.product {
	box-shadow: none;
	transition: 0.2s all;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 30px;
	overflow: hidden;
}
.product:hover {
	box-shadow: 0 1px 12px rgba(0,0,0,.1);
    transition: 0.2s all;
}

.product-title { color:var(--amarin);}

.frontoverlay {
	position: absolute;
	min-width: 100%;
	height: 100%;
	left: 0;
    background-color: #001d35;
    opacity: 0.4;
}
.block-headline {
    margin-bottom:1.2em;
}
.layout-homelatest .row:has(.block-headline) {
	background: var(--ablue);
	color: #ffff;
    font-size:1.1em;
    margin-bottom:1em;
}

footer {
	background-color: var(--amarin);
	color: #fff;
	background-image: url("https://go.innoflame.fi/files/aecc27a7e4f2da227916f6e997a69ec6328eac92/388354/element-schematics_1light.png");
	background-position: right;
	background-repeat: no-repeat;
}

footer a,footer p {
  color: #d5ebf7 !important;
  line-height: 1.6em;
}
footer a:hover{
  text-decoration: underline;
}

footer p {
  color: var(--ablue60) !important;
  line-height: 1.6em;
}

footer > .container-fluid {
	max-width: 1100px;
}
footer .copyright {
	text-align: left;
}

.etucontainer {
  column-gap: 10px;
  column-count: 3;
  display: block;
}

@media (max-width: 991px) {
    .etucontainer {
       column-count: 2;
    }
}

@media (max-width: 630px) {
    .etucontainer {
       column-count: 1;
    }
}
.etucontainer .layout-infoblock {
      width: 100%;
      padding: 0;
      margin: 0;
      box-sizing: border-box;
      break-inside: avoid;
      max-width: initial;
}

.etucontainer .cart {
    display: block;
    margin: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

.etucontainer .cart img {
    max-height: 100px;
    max-width: 200px;
}

.etucontainer .cart h4 {
    color: var(--ablue);
}

.etucontainer .cart a {
    line-height: 2em;
    font-size: smaller;
}

.etucontainer .layout-infoblock:first-of-type .row,
.etucontainer .layout-infoblock:first-of-type .cart {
    margin-top:0px !important;
}

.content:has(.blackrow) {
    background:black;
    margin: 20px 0px !important;
}

.frontpagecats .productcat {
	padding: 0px 0px 15px 0px;
}

h2 span.text-huge {
    font-size: 150% !important;
    margin-bottom:1rem;
}

.maincatnav {
    margin-top:-1.5em;
    margin-bottom:2em;
    .row {  justify-content: center;   }
    .col-block {  padding:3px; }
    .productcat {
        background:#fff;
        border-radius: 0px;
        border:1px solid var(--ablue30);
        margin-bottom:0px;
        padding:4px 16px;
        .shot {    display:none    }
        .info .title {
            color:var(--ablue);
            font-size:1.10em;
            font-weight: normal;
        }
    }
    .product.productcat:hover {
        background: #d5ebf7;
        transition: all 0.5;
        box-shadow: none;
    }
}

body.body-login-small.body-login .go-login .btn-login {
    background: var(--acyan);
}

.partnercontainer { padding: 0em 2em; }
.container-fluid:has(.partnercontainer) { padding:1em; }

.partnercontainer .layout-infoblock {
  flex: 1 1 12.5%;
  max-width: 12.5%;
  padding: 10px;
  display: flex; 
  align-items: center; 
  justify-content: center;
  height: 90px;
  .cart {
    box-shadow: none;    
    padding:0px;
    margin:10px !important;
    background: none;
    }
  .cart .col-sm-12 {
        padding:5px; 
    }
}

.partnercontainer .layout-infoblock img {
  max-height: 70px;     
  object-fit: contain;
}

@media (max-width: 992px) {
  .partnercontainer .layout-infoblock {
    flex: 1 1 16.6%;
    max-width: 16.6%;
    height: 60px;
    padding: 5px;
    img {
        max-height: 50px;
    }
  }
}
@media (max-width: 576px) { /* Extra small screens: 3 logos per row */
  .partnercontainer .layout-infoblock {
    flex: 1 1 20%;
    max-width: 20%;
    height: 60px;
    img {
        max-height: 50px;
    }
  }
}
.partnertitle {
	flex: auto !important;
	max-width: 100% !important;
}

    .main-content {
    background-color: #f5f5f8;
    }
    .navbar {
    background-color: #0073b6;
    }
    .navbar-toggler,
    .navbar-brand:active, .navbar-brand:hover, .navbar-brand:link, .navbar-brand:visited,
    .navbar-nav .nav-link{
    color: #ffffff !important;
    }


    body.body-login { background-image: url('https://go.innoflame.fi//assets/accounts/4112_goshop114_bg.jpg?rt=3805014250') ;}