/*
Theme Name:Bobcat
Theme URI: 
Author: 
Author URI: 
Description: Bobcat Theme
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bbocat
*/

body {
    margin: 0rem;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    font-size: 15px;
    font-family: 'helvetica', sans-serif;
    background: #d8d8d8 url(assets/images/background_v3.webp);
    background-attachment: fixed;
	box-sizing: border-box;
}
p{
	font-size:15px;
}
h2{
	font-size:45px;
}
.white{
	color:#ffffff;
}
.black{
	color:#000000;
}
.orange{
	color:#ff3600;
}
a {
    color: #ff3600;
    outline: 0 !important;
    text-decoration: none;
}
a:hover{
	color:#ff3600;
}


header a, footer a {
    text-decoration: none;
}

main {
    background-color: transparent!important;
}

/* Helper class */
.m-b-0{
	margin-bottom:0px;
}
.m-b-10{
	margin-bottom:10px;
}
.m-b-15{
	margin-bottom:15px;
}
.m-b-20{
	margin-bottom:20px;
}

.m-b-30{
	margin-bottom:30px;
}
.m-b-40{
	margin-bottom:40px;
}
.m-t-0{
	margin-top:0px;
	margin-block-start:0!important;
}
.m-t-20{
	margin-top:20px;
}
.m-t-30{
	margin-top:30px;
}
.m-t-40{
	margin-top:40px;
}
.vertical-down{
	align-items: end;
}
.full-width{
	width:100%;
}
.min-height-300{
	min-height:300px;
}


/* HEADER */

#bobcat-header {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    background: linear-gradient(135deg,rgb(0,0,0) 0%,rgb(58,62,65) 100%)!important;
    background-color: transparent;
    background-image: linear-gradient(180deg, #f5f7f8 0%, #ffffff 40%);
    -webkit-box-shadow: inset 150px 0px 0px 0px rgba(255,54,0,1);
    -moz-box-shadow: inset 150px 0px 0px 0px rgba(255,54,0,1);
    box-shadow: inset 150px 0px 0px 0px rgba(255,54,0,1);
}

#bobcat-header .header-wrap {
    max-width: 1400px!important;
    margin: auto!important;
    padding-top: 0rem;
    padding-bottom: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: space-between;
    gap: 1.5rem;
    box-sizing: border-box;
}

#bobcat-header .header-columns {
    width: 100%;
    display: flex;
    gap: 2.25rem;
    align-items: center;
    box-sizing: border-box;
}

#bobcat-header .site-logo-column {
    flex-basis: 17%;
    margin: 0;
    background-color: #ff3600!important;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    box-sizing: inherit;
}

#bobcat-header .site-logo {
    box-sizing: border-box;
    line-height: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

#bobcat-header .site-logo a {
    display: inline-block;
}

#bobcat-header .site-logo a, 
#bobcat-header .site-logo img {
    border-radius: inherit;
}

#bobcat-header .site-logo img {
    object-fit: contain;
    max-width: 100%;
    width: 179px;
    height: auto;
    margin: 0.938rem 0;
}

#bobcat-header .menu-column {
    display: flex;
    flex-basis: 76%;
    align-items: center;
    margin: 0;
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    box-sizing: inherit;
}

#bobcat-header .menu-column nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 1.75rem;
    justify-content: flex-start;
    position: relative;
    box-sizing: inherit;
    margin-block-start: 0;
    margin-block-end: 0;
    color: #fff!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

#bobcat-header .menu-column nav .navigation-responsive-container-open {
    display: flex;
    margin: 0;
    padding: 0.313rem;
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-transform: inherit;
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#bobcat-header .menu-column nav .navigation-responsive-container-close {
    display: none;
    margin: 0;
    padding: 0.313rem;
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-transform: inherit;
    vertical-align: middle;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

#bobcat-header .menu-column nav .navigation-responsive-container-open svg, 
#bobcat-header .menu-column nav .navigation-responsive-container-close svg {
    fill: #fff;
    display: block;
    height: 24px;
    pointer-events: none;
    width: 24px;
}

#bobcat-header .menu-column nav .navigation-responsive-container {
    background-color: inherit!important;
    color: inherit!important;
}

#bobcat-header .menu-column nav .navigation-responsive-close {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
}

#bobcat-header .menu-column nav .navigation-responsive-dialog {
    position: relative;
}

#bobcat-header .navigation-responsive-container-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

#bobcat-header .navigation-responsive-container-content {
    align-items: initial;
    display: flex;
    flex-direction: initial;
    flex-wrap: wrap;
    justify-content: initial;
    z-index: 10;
    margin: 0;
    padding: 0;
}

#bobcat-header ul.navigation-container {
    display: flex;
    align-items: center;
    flex-direction: initial;
    flex-wrap: wrap;
    justify-content: initial;
    list-style: none;
    margin: 0;
    padding-left: 0;
    gap: 1.75rem;
}

#bobcat-header ul, 
#bobcat-header ul li {
    list-style: none;
    padding: 0;
}

#bobcat-header li.navigation-item {
    align-items: center;
    display: flex;
    position: relative;
}

#bobcat-header ul.navigation-container li a {
    display: block;
    border-bottom: solid 3px transparent;
    letter-spacing: 1px;
    color: #fff;
}

#bobcat-header ul.navigation-container li a:hover {
    border-bottom: solid 3px #ff3600;
}

#bobcat-header .navigation-item.navigation-submenu:hover .navigation-submenu-container {
    height: auto;
    min-width: 200px!important;
    opacity: 1!important;
    overflow: visible!important;
    visibility: visible!important;
    width: auto;
}

#bobcat-header .navigation-submenu-container {
    align-items: normal;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 1.875rem;
    left: -100px;
    top: 89px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .1s linear;
    visibility: hidden;
}

#bobcat-header nav .navigation-submenu .navigation-submenu-container {
    z-index: 11!important;
    width: 750px!important;
    height: 640px!important;
    background-color: #fffffff2!important;
}

#bobcat-header .navigation-item.navigation-submenu:hover #bobcat-header .navigation-submenu-container {
    height: auto;
    min-width: 200px;
    opacity: 1;
    overflow: visible!important;
    visibility: visible!important;
    width: auto;
}

#bobcat-header nav ul li ul li {
    border: none;
}

#bobcat-header .navigation-submenu-container li a {
    border-bottom: none!important;
    color: #000000!important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 1.563rem 1.563rem 1.563rem 7.5rem;
    text-decoration: none;
}

#bobcat-header .navigation-submenu-container li a:hover {
    color: #ff3600!important;
    text-decoration: underline;
}

body::after{
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 
	content:url('assets/images/menu/menu-1.svg') url('assets/images/menu/menu-1-orange.svg') 
	url('assets/images/menu/menu-2.svg') url('assets/images/menu/menu-2-orange.svg') 
	url('assets/images/menu/menu-3.svg') url('assets/images/menu/menu-3-orange.svg') 
	url('assets/images/menu/menu-4.svg') url('assets/images/menu/menu-4-orange.svg') 
	url('assets/images/menu/menu-5.svg') url('assets/images/menu/menu-5-orange.svg') 
	url('assets/images/menu/menu-6.svg') url('assets/images/menu/menu-6-orange.svg') 
	url('assets/images/menu/menu-7.svg') url('assets/images/menu/menu-7-orange.svg') 
	url('assets/images/menu/menu-8.svg') url('assets/images/menu/menu-8-orange.svg') 
	url('assets/images/menu/menu-9.svg') url('assets/images/menu/menu-9-orange.svg')
	url('assets/images/menu/menu-10.svg') url('assets/images/menu/menu-10-orange.svg')
	url('assets/images/menu/menu-11.svg') url('assets/images/menu/menu-11-orange.svg')
	url('assets/images/menu/electric_orange.svg') url('assets/images/menu/electric_blue.svg')
	url('assets/images/menu/electric_black.svg');   
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-electric a {
    background-image: url(assets/images/menu/electric_black.svg)!important;
    background-position: 24px center!important;
    background-repeat: no-repeat!important;
    background-size: 40px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-electric:hover a {
    background-image: url(assets/images/menu/electric_blue.svg)!important;
    color: #00B8E7!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-1 a {
    background-image: url(assets/images/menu/menu-1.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-1:hover a {
    background-image: url(assets/images/menu/menu-1-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-2 a {
    background-image: url(assets/images/menu/menu-2.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-2:hover a {
    background-image: url(assets/images/menu/menu-2-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-3 a {
    background-image: url(assets/images/menu/menu-3.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-3:hover a {
    background-image: url(assets/images/menu/menu-3-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-4 a {
    background-image: url(assets/images/menu/menu-4.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-4:hover a {
    background-image: url(assets/images/menu/menu-4-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-5 a {
    background-image: url(assets/images/menu/menu-5.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-5:hover a {
    background-image: url(assets/images/menu/menu-5-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-6 a {
    background-image: url(assets/images/menu/menu-6.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-6:hover a {
    background-image: url(assets/images/menu/menu-6-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-7 a {
    background-image: url(assets/images/menu/menu-7.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-7:hover a {
    background-image: url(assets/images/menu/menu-7-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-8 a {
    background-image: url(assets/images/menu/menu-8.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-8:hover a {
    background-image: url(assets/images/menu/menu-8-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-9 a {
    background-image: url(assets/images/menu/menu-9.svg)!important;
    background-position: 0px center!important;
    background-repeat: no-repeat!important;
    background-size: 86px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-9:hover a {
    background-image: url(assets/images/menu/menu-9-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-10 a {
    background-image: url(assets/images/menu/menu-10.svg)!important;
    background-position: 10px center!important;
    background-repeat: no-repeat!important;
    background-size: 50px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-10:hover a {
    background-image: url(assets/images/menu/menu-10-orange.svg)!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-11 a {
    background-image: url(assets/images/menu/menu-11.svg)!important;
    background-position: 10px center!important;
    background-repeat: no-repeat!important;
    background-size: 52px!important;
}

#bobcat-header .navigation-submenu-container li.maskiner-submenu-11:hover a {
    background-image: url(assets/images/menu/menu-11-orange.svg)!important;
}

#bobcat-header .lang-column {
    flex-basis: 7%;
    list-style: none;
    margin: 0rem;
    padding: 0rem;
    box-sizing: border-box;
}

#bobcat-header .lang-item {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

#bobcat-header .lang-link {
    display: block;
    text-decoration: none;
    padding: 0;
    line-height: 1;
}

#bobcat-header .lang-display {
    font-size: 14px;
    font-weight: 600;
    fill: #fff;
    color: #fff;
    padding: 0.25rem 0.688rem 0.25rem 1.938rem;
    background-color: #ff3600;
    border-radius: 40px;
    cursor: pointer;
    background-image: url(assets/images/icons/earth-europe-solid.svg);
    background-repeat: no-repeat;
    background-position: 16px 6px;
    background-size: 12px;
    letter-spacing: 1px;
}

@media screen and (min-width: 480px) and (max-width: 1440px) {
    .custom-logo-link {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1200px) {
    #bobcat-header .header-columns {
        gap: 0.625rem;
    }
    #bobcat-header .site-logo-column {
        flex-basis: 20%;
    }
    #bobcat-header .menu-column {
        flex-basis: 70%;
    }
    #bobcat-header .lang-column {
        flex-basis: 10%;
    }
    #bobcat-header ul.navigation-container {
        gap: 1rem;
    }
}

@media screen and (max-width: 1120px) {
    #bobcat-header ul.navigation-container li a {
        font-size: 14px;
    }
    #bobcat-header ul.navigation-container {
        gap: 0.625rem;
    }
}

@media screen and (min-width: 1001px) {
    #bobcat-header .menu-column,
    #bobcat-header .menu-column nav,
    #bobcat-header .menu-column nav .navigation-responsive-container,
    #bobcat-header .menu-column nav .navigation-responsive-close,
    #bobcat-header .menu-column nav .navigation-responsive-dialog,
    #bobcat-header .navigation-responsive-container-content,
    #bobcat-header ul.navigation-container,
    #bobcat-header li.navigation-item {
        height: 100%;
    }      
}

@media screen and (max-width: 1000px) {
    #bobcat-header .site-logo-column {
        flex-basis: 30%;
    }
    #bobcat-header .menu-column {
        flex-basis: 60%;
        justify-content: end;
    }
    #bobcat-header .lang-column {
        flex-basis: 10%;
    }
    #bobcat-header .menu-column nav .navigation-responsive-container {
        display: none;
    }    
    #bobcat-header .header-wrap .header-columns .menu-column nav .navigation-responsive-container-open {
        display: flex!important;
        background-color: transparent;
        border: none!important;
        padding-right: 3.438rem!important;
    }
    #bobcat-header .header-wrap .header-columns .menu-column nav .navigation-responsive-container-open {
        position: relative;
        width: 20px;
        height: 20px;
        background-image: url(./assets/images/bars-solid.svg)!important;
        background-repeat: no-repeat!important;
        background-position: 0 center!important;
        background-size: 16px!important;
        padding-right: 2.5rem;
    }
    #bobcat-header .header-wrap .header-columns .menu-column nav .navigation-responsive-container-open::before {
        content: 'Menu';
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        color: #ffffff;
        position: absolute;
        left: 16px;
        top: 2px;
        width: 50px;
    }
}

@media screen and (max-width: 780px) {
    #bobcat-header {
        background: #ff3600!important;
    }
}

@media screen and (max-width: 760px) {
    .site-logo {
        padding-left: 0.625rem;
    }    
}

@media (min-width: 600px) {
    #bobcat-header .header-wrap .header-columns .menu-column nav .navigation-responsive-container-open {
        display: none;
    }
}

/* CONTAINERS */
.site-container {
    margin: auto;
    max-width: 1620px;
    background-color: #fff;
    filter: drop-shadow(0px 0px 5px #00000040);
}

.main-content-container {
    width: 100%;
    max-width: 1620px;
}

.main-content-container-inner {
    width: 100%;
    max-width: 1384px;
    margin: auto;
    box-sizing: border-box;
}

.main-content-container-inner-fullwidth {
    width: 100%;
    max-width: 1620px;
    margin: auto;
    margin-block-start: 1.5rem;
    margin-block-end: 0;
    box-sizing: border-box;
}

.title-container {
    display: grid;
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.grid-container {
    display: grid;
    box-sizing: border-box;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    row-gap: 0rem;
    column-gap: 1.25rem;
    overflow: visible;
    border-color: inherit;
}

.grid-container-inner {
    max-width: 1384px;
    width: 100%;
    display: grid;
    position: relative;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: flex-start;
    justify-content: center;
    row-gap: 0rem;
    column-gap: 1.25rem;
}

/* HOMEPAGE */
h2.h2-title {
    padding: 3.438rem 0rem;
    margin: 0rem;
    font-size: 34px;
    color: #000000;
    line-height: 41px;
    font-weight: 600;
}

.home-offer {
    margin-top: 0rem !important;
    margin-bottom: 1.25rem !important;
    position: relative;
    cursor: pointer;
    border-radius: 10px!important;
}

.home-offer-box-container {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem;
    margin-right: 0rem;
    row-gap: 0rem;
    column-gap: 1.25rem;
    overflow: visible;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-style: none;
    border-color: inherit;
    background-color: #ffffff;
}

.home-offer-inner {
    position: relative;
    cursor: pointer;
    display: flex;
    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 50%);
    border-radius: 10px!important;
}

.home-offer-inner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    content: ' ';
    border-radius: 10px!important;
    z-index: 10;
}

.home-offer-image {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    border-radius: 10px!important;
    background-color: #000000;
}

.home-offer-image img {
    height: 100%;
    transition: transform .2s;
    border-radius: 10px!important;
    opacity: 0.7;
}

.home-offer-title {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.875rem;
    margin-bottom: 0rem!important;
    font-size: 34px;
    font-weight: 600;
    line-height: 41px;
    color: #ffffff!important;
    background: transparent!important;
}

.home-offer-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px!important;
    height: 20px;
    transform: rotate(180deg);
    fill: #ffffff;
    z-index: 11;
}

.home-offer-inner:hover .home-offer-image img {
    transform: scale(1.1);
}

.homepage-button {
    width: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    column-gap: 0rem;
}

.homepage-button-link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000000!important;
    color: #000000!important;
    border-radius: 50px!important;
    padding: 1.125rem 2.5rem;
}

.homepage-button .homepage-button-link {
    background-position: 40px center!important;
    background-repeat: no-repeat!important;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    padding-left: 4.375rem;
}

.homepage-button.hb-1 .homepage-button-link {
    background-image: url(./assets/images/buttons/redskap.svg)!important;
    background-size: 50px!important;
}

.homepage-button.hb-2 .homepage-button-link {
    background-image: url(./assets/images/buttons/rent-machine.svg)!important;
    background-size: 35px!important;
}

.homepage-button.hb-3 .homepage-button-link {
    background-image: url(./assets/images/buttons/used-machines.svg)!important;
    background-size: 45px!important;
}

.homepage-button.hb-4 .homepage-button-link {
    background-image: url(./assets/images/buttons/kontakt.svg)!important;
    background-size: 50px!important;
}

.homepage-button-link-inner {
    color: #000000!important;
    font-size: 20px!important;
    line-height: 20px!important;
    font-weight: 600!important;
}

.homepage-button-link:hover, 
.homepage-button-link:hover .homepage-button-link-inner {
    background-color: #ff3600;
    border: solid 1px #ff3600!important;
    color: #fff!important;
}

.homepage-button.hb-1 .homepage-button-link:hover {
    background-image: url(./assets/images/buttons/redskap-white.svg)!important;
}

.homepage-button.hb-2 .homepage-button-link:hover {
    background-image: url(./assets/images/buttons/rent-machine-white.svg)!important;
}

.homepage-button.hb-3 .homepage-button-link:hover {
    background-image: url(./assets/images/buttons/used-machines-white.svg)!important;
}

.homepage-button.hb-4 .homepage-button-link:hover {
    background-image: url(./assets/images/buttons/kontakt-white.svg)!important;
}

.gray-homepage-banner{
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding:0 40px;
	background-color: #EEEEEE;
	border-radius:10px;
	box-sizing: border-box;
	margin-top:1.5rem;
}
.gray-homepage-banner-item{
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.gray-homepage-banner-item-first h2{
	font-size: 30px;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0px;
	text-align: left;
	margin:0;
}
.gray-homepage-banner-item-first img{
	width:64px;
}
.gray-homepage-banner-item-second p{
	margin:5px 0;
	position:relative;
	padding-left:30px;
}
.gray-homepage-banner-item-third p{
	margin:5px 0;
	position:relative;
	padding-left:30px;
}
.gray-homepage-banner-item-second p::before,
.gray-homepage-banner-item-third p::before{
	position:absolute;
	left:0;
	top:5px;
	width:14px;
	height:14px;
	background-image:url( 'https://www.bobcat.se/wp-content/uploads/2023/10/blue-arrow.svg' );
	background-position: center center;
	background-repeat:no-repeat;
	background-size: 14px;
	content:'';
}

.gray-homepage-banner-item-third img{
	width: auto;
    height: 100%;
    max-height: 190px;
    max-width: 189px
}

.gray-homepage-banner-left{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.gray-homepage-banner-right{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.electric-button{
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0px;
	text-align: center;
	text-decoration:none;
	color:#ffffff;
	background:#00B8E7;
	border-radius:40px;
	padding:16px 30px;
}
.electric-button:hover{
	color:#ffffff;
	background:#000000;
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
	.gray-homepage-banner{
		width:100%;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: center;	
		align-items: center;
		padding:40px;
	}
	.gray-homepage-banner-item-third{
		grid-column: 1 / -1;
		justify-self: center;
        max-width: 100%;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px) {
	.gray-homepage-banner{
		width:100%;
		display:grid;
		grid-template-columns: 1fr;
		justify-content: center;	
		align-items: center;
		gap:20px;
		row-gap:40px;
		padding:30px;
	}
	
}

@media screen and (max-width: 500px) {
	.gray-homepage-banner{
		width:100%;
		display:grid;
		grid-template-columns: 1fr;
		justify-content: center;	
		align-items: center;
		gap:20px;
		row-gap:40px;
		padding:30px;
	}
	.gray-homepage-banner-item{
		width:100%;
		display:grid;
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}

.testimonial {
    box-shadow: 0px 0px #00000070;
    padding-top: 0rem;
    padding-bottom: 1.875rem;
    overflow: visible;
    border-color: inherit;
    background-color: #eeeeee;
}

.testimonial-box {
    height: 100%;
    box-sizing: border-box;
    box-shadow: 0px 0px #00000070;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    margin-top: 0rem !important;
    margin-bottom: 0.625rem !important;
    margin-left: 0rem;
    margin-right: 0rem;
    row-gap: 0rem;
    column-gap: 0rem;
    overflow: visible;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: inherit;
    background-color: #ffffff;
}

.testimonial-title {
    color: #ff3600;
    text-decoration: none;
    margin-bottom: 0.5rem;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.testimonial-content {
    margin-bottom: 0rem;
    line-height: 1.75;
}

.testimonial-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    overflow: visible;
    border-color: inherit;
}

.testimonial-link p a {
    text-decoration: underline!important;
}

@media (max-width: 1024px) {
    .gray-homepage-banner {
        grid-template-columns: repeat(2, 1fr)!important;
        justify-content: center;
        align-items: center;
        padding: 2.5rem;
    }
    .gray-homepage-banner-item-third {
        grid-column: 1 / -1;
        justify-self: center;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .gray-homepage-banner {
        grid-template-columns: 1fr!important;
        gap: 1.25rem;
        row-gap: 2.5rem;
        padding: 1.875rem;
    }
}

@media screen and (max-width: 500px) {
    .gray-homepage-banner-item {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 1.875rem;
    }
    .gray-homepage-banner-item-third {
        grid-column: unset;
    }
}

/* FOOTER */

footer {
    border-top: solid 9px #ff3600;
    color: #fff;
}

#scroll-top-wrap {
    width: 100%;
    display: none;
    justify-content: center;
}

#bobcat-footer {
    display: grid;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg,rgb(0,0,0) 0%,rgb(58,62,65) 100%);
    border-style: none;
    border-width: 0px;
    padding-top: 3.125rem;
    padding-right: 0rem;
    padding-bottom: 1.875rem;
    padding-left: 0rem;
    box-sizing: border-box;
    gap: 1.5rem;
}

.footer-columns {
    max-width: 1384px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    box-sizing: border-box;
    padding: 0rem 0.625rem;
    gap: 1.5rem;
}

.footer-column {
    display: grid;
    row-gap: 1.5rem;
    height: fit-content;
}

.footer-column.two-columns .widget_custom_html {
    grid-column: 1/-1;
}

.footer-heading {
    margin: 0rem;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.footer-text {
    margin-top: 0rem;
    margin-bottom: 0rem;
    font-size: 14px;
    line-height: 1.4;
}

.footer-phone-list {
	margin: 0rem;
    list-style: none;
    padding-left: 0rem;
    font-size: 14px;
    line-height: 1.8;
}

.footer-phone-list li {
	padding-left: 1.625rem;
    background-image: url(assets/images/icons/footer-list.svg);
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: 8px;
    line-height: 32px;
}

.footer-phone-list li a {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}

.footer-phone-list li a:hover {
    text-decoration: underline;
}

.footer-menu-list {
	width:100%;
    margin: 0rem;
    list-style: none;
    padding-left: 0rem;
    font-size: 14px;
    line-height: 1.8;
}

.footer-menu-list li {
	width:100%;
    padding-left: 1.625rem;
    background-image: url(assets/images/icons/footer-list.svg);
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: 8px;
    line-height: 32px;
}

.footer-menu-list li a {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}

.footer-menu-list li a:hover {
    text-decoration: underline;
}

.footer-socials-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: fit-content;
    gap: 0.313rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-socials-list li {
    transition: transform .1s ease;
}

.footer-socials-list li:hover {
    transform: scale(1.1);
}

.footer-socials-list svg {
    width: 34px!important;
    height: 34px!important;
    fill: #fff;
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@media screen and (max-width: 1120px) {
    .footer-column.two-columns {
        grid-template-columns: 1fr;
        row-gap: 0rem;
    }
    .footer-column.two-columns .widget_custom_html {
        margin-bottom: 1.5rem;
    }
	.footer-column.two-columns #custom_html-10 .textwidget,
	.footer-column.two-columns #custom_html-11 .textwidget{
		display: grid;
    	grid-template-columns: 1fr;
    	gap: 10px;
	}
}

@media screen and (max-width: 767px) {
    .footer-columns {
        grid-template-columns: 1fr;
    }
}

.bobcat-kategori-container{
	display:flex;
	max-width: 1384px;
    width: 100%;
	margin:auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 20px;
    column-gap: 20px;
	box-sizing: border-box;
}
.bobcat-breadcrumb-container{
	box-shadow: 0px 0px #00000070;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    row-gap: 20px;
    column-gap: 20px;
    overflow: visible;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #eff2f4;
    background-color: #ffffff;
}
.bobcat-breadcrumb-inner{
	display:flex;
	max-width: 1384px;
    width: 100%;
	margin:auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 20px;
    column-gap: 20px;
	box-sizing: border-box;
}

@media (min-width: 782px){
	.produkt-container .wp-block-column {
    	flex-basis: 0;
    	flex-grow: 1;
	}
}
h2.footer-heading{
	color:#ffffff;
}
@media (min-width: 1121px){
	.footer-column.two-columns #custom_html-10 .textwidget,
	.footer-column.two-columns #custom_html-11 .textwidget{
		display: grid;
    	grid-template-columns: 1fr 1fr;
    	gap: 10px;
	}

}