/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2025-11-25 05:04:49 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 65.33%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 32.67%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 48.9975%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 24.5025%;
    }
}

@font-face {
    font-family: 'OwnerFont';
    src: url('https://kookoo.webshop.pgm.nu/static/frontend/PGM/porto_v2_sports/fi_FI/fonts/fonnts.com-Owners.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
       letter-spacing: 0.15em !important;
}

@font-face {
    font-family: 'OwnerFont';
    src: url('https://kookoo.webshop.pgm.nu/static/frontend/PGM/porto_v2_sports/fi_FI/fonts/fonnts.com-Owners_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    letter-spacing: 0.15em !important;
}
body{
font-family: OwnerFont, Helvetica, Arial, sans-serif ;
}
.main-panel-top{
background-color:#0F0F0F;
}
.header-main {
background-color:#FF6720;

}

.footer-bottom, .footer-middle{
background-color:#F0F0F0;
}
html, body, a , a span, h1, h2, h3, h4, p, span, button, select, input, div, fieldset{
letter-spacing: 0.15em !important;

}
body, a, a:visited, .alink:visited{ 
 color: #0F0F0F !important;
}
.fotorama__caption__wrap {
    display: none;
}
.not-logged-in {
display:none !important;
}
.mgz-element-column > .mgz-element-inner
{
padding-top : 0px !important;
}
@media (min-width: 1640px) {

    .page-header.type19 .navigation:not(.side-megamenu) .level0 > .submenu {
        border-top: 5px solid #ff6f0f;
        }

    .page-header.type19.sticky-header .nav-sections {
        width: 100% !important;
}
    .page-header.type19 .navigation:not(.side-megamenu) > ul {
float:right;
}
    .page-header.type19 .nav-sections {
        width: 100%;
    }

    .page-header.type19 .navigation:not(.side-megamenu) .level0 .level-top {
        font-size: 19px;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 1px;
        padding: 20px;
        color: #0F0F0F;
    }
    }
@media (max-width: 1639px) {
    .page-header.type19 .navigation:not(.side-megamenu) > ul {
float:left;
}

    .page-header.type19 .navigation:not(.side-megamenu) .level0 .level-top {
        font-size: 13px;
        padding: 26px 10px 31px 10px;
}
.footer_links li
{
font-size:14px !important;
}
}

.header-main .header-left {
    min-width: 50%;
}

@media (max-width: 991px) {
    header.page-header .nav-sections-item-title {
        background: #0F0F0F;

    }
  header.page-header .nav-sections-item-title a {
        color: #F0F0F0 !important;

    }
.footer_links li
{
font-size: 10px !important;
margin: 0 12px !important;
}
}
@media (max-width: 991px) {
    header.page-header .nav-sections-item-title.active>a, header.page-header .nav-sections-item-title.active>a:hover, header.page-header .nav-sections-item-title.active>a:focus {
        color: #0F0F0F !important;
    }
}
.page-wrapper>.breadcrumbs
{
margin-bottom:10px;
}

.action.primary:focus, .action.primary:active
{
    background: #FF6720 !important;
    border: 1px solid #FF6720 !important;
    color: #FFFFFF !important;

}

.abs-title-orders .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title,.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong,.fieldset>.legend, .opc-progress-bar-item._complete>span, .checkout-payment-method .payment-option-title .action-toggle
{
color: #0F0F0F !important;
}/* General styling for language switcher rows */
.switcher-language .switcher-options .switcher-option a,
#switcher-language-trigger strong {
    padding-left: 28px;
    background-size: 20px 14px;
    background-repeat: no-repeat;
    background-position: left center;
font-size : 0px;
}
.page-header .switcher .options ul.dropdown a
{
font-size : 0px;

}

/* Finland - Finnish store */
.view-kookoo_finnish a,
.view-kookoo_finnish {
    background-image: url('../images/flags/finland.png');
       background-size: 32px !important;
    background-repeat: no-repeat;
    width: 150px;
    text-align: right;
}
}

/* Sweden - Swedish store */
.view-kookoo_swedish a,
.view-kookoo_swedish {
    background-image: url('../images/flags/sweden.png');
       background-size: 32px !important;
    background-repeat: no-repeat;
    width: 150px;
    text-align: right;
}
}


 .box-tocart .action.tocart
{
background:#FFFFFF;
border: 1px solid #0F0F0F;
color: #FF6720;

}
.product-item-info:hover .product-item-details .product-item-actions .tocart, .box-tocart .action.tocart:hover, .product-item-info .product-item-details .product-item-actions .tocart:hover{
background: #FF6720 !important;
}
.page-header.type19 .panel.wrapper
{
min-height: 30px !important;
}
.footer .container {
    width: 1440px;
}
.minicart-wrapper .action.showcart .counter.qty
{
background-color: #0F0F0F;
}
.footer_links li {
    width: auto;
    float: left;
    margin: 0 20px;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 768px) {
.footer_links li {
    width: 100%;
    float: left;

    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
}
.price-box .price-label
{
display:none !important;
}
/**.product.info.detailed
{
display:none;
}
**/

.product-item-name a, .footer-middle a, .page-header .sw-megamenu.navigation li.level0 > .submenu .level1 a , .product-info-main .page-title-wrapper h1
{
        text-transform: uppercase !important;
}

.owl-carousel .owl-nav button[class*='owl-']
{
background: #0F0F0F !important;
}
.owl-carousel .owl-nav button[class*='owl-']:hover
{
background:  #FF6720 !importan; 
}
.action.primary:hover{
    background: #FF6720;
    border: 1px solid #FF6720;
color: #FBFBFB;
}
  .block-authentication .actions-toolbar>.primary .action {
            margin-right: 0;
            color: #FBFBFB !important;
    background: #0F0F0F !important;
    padding: 10px 10px;
border: 1px solid #0F0F0F;


        }

.customer-account-login .page-title, .contact-index-index .contact-info{
display:none !important;
}

header.page-header .nav-sections-item-title>a, .login-container .block .actions-toolbar>.secondary .action {
color: #F0F0F0;
}

.page-main>.page-title-wrapper .page-title
{
color: #0f0f0f;
}

@media (min-width: 992px) {
    .page-header.type19 .navigation:not(.side-megamenu) .level0 > .submenu {
        border-top: 5px solid #FF6720 !important;
        z-index: 8;
    }
}

button:not(.primary), .action-primary
{
        background: #fff !important;
     border: 1px solid #0f0f0f;
color: #0f0f0f;

}
button:not(.primary):hover, .action-primary:hover
{
        background: #FF6720 !important;
     border: 1px solid #FF6720;
color: #FFF !important

}