.tws-mini-cart,
.tws-article-stock-shipping--stock-message {
  display: yes;
}

.view {
    min-height: 100vh;
}
div#gtx-trans {
	position: unset !important;
}


/* 
*  TYPOGRAPHY 
*/
h1,
h2,
h3,
h4,
h5,
h6,
p.h2,
p.tws-util-heading--heading.undefined{
  font-weight: 700 !important;
}

h1 {
	font-size: 5rem;
}

h2 {
  font-size: 3rem;
  line-height: 1.5;
}

.fabrikk--back-to-top-link {
	text-decoration: underline;
}
h5 {
    font-size: 16px;
}
a:hover {
	text-decoration: none;
  color: #000;
}
.fabrikk--header a:not(.tws-mega-menu--articlegroup a) {
  color: #F26D40 !important;
  font-size: 18px;
}
.tws-custom-html--content p a {
  padding: 0px;
}
.tws-breadcrumbs {
  font-weight: 400;
  font-size: 14px !important;
}

footer h3 {
	margin-top: 0;
}
/* Single product */
.tws-article-name h1 {
	font-weight: 700;
  letter-spacing: .4px !important;
}

@media (max-width: 767px) {
	h1 {
		font-size: 4rem !important;
	}
}

/* Button */


/*------------------------------
* Menu
----------------------------------*/
.tws-mega-menu--navigation .tws-mega-menu--articlegroup a {
	letter-spacing: 0.8px;
}

@media (min-width: 992px) {
 	.tws-mega-menu--navigation {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 30px 40px;
   flex-direction: row-reverse;
  }
  .tws-mega-menu--float-box {
  	width: 20%;
  }
  .tws-mega-menu--navigation .tws-mega-menu--articlegroup>ul {
  display: none;
  }
 .tws-mega-menu--navigation .tws-mega-menu--articlegroup-list>ul>li,
 .tws-mega-menu--navigation .tws-mega-menu--articlegroup-list>ul>li.tws-mega-menu--2x{
    width: fit-content;
}
  .tws-mega-menu--navigation .tws-mega-menu--articlegroup-list a{
  	position: relative;
  }
  .tws-mega-menu--navigation .tws-mega-menu--articlegroup-list a::before {
  	content: 'o';
    font-size: 20px;
    color: #e8460f;
    position: absolute;
    bottom: 10px;
    left: -18px;
    opacity: .5;
  }
   .tws-mega-menu--navigation .tws-mega-menu--articlegroup-list a:hover::before {
  	opacity: 1;
    transition: opacity .2s ease;
  }
  .tws-mega-menu--custom-html {
  	margin-top: 20px;
  }
  .tws-mega-menu--navigation .tws-mega-menu--custom-links a {
  	font-size: 18px;
  }
}

@media (max-width: 991px) {
	.tws-mega-menu--navigation .tws-mega-menu--articlegroup a {
	font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
}

/* SERACH BAR 
------------------------*/
.tws-mega-menu .tws-mega-menu--search-bar .tws-article-search>input {
	border-radius: 50px !important;
} 

.tws-mega-menu--search-bar .tws-article-search {
	border: none !important;
}

/* Single page -
-------------------------------------------------*/
.fabrikk--article-group .tws-articlegroup-list--info>div {
    margin-top: 0;
}

.fabrikk--article-group .tws-articlegroup-list--info h1 {
    position: relative;
    padding-bottom: 40px;
}
/*  Thumbnails - artiklegroup-list */
.thumbnail {
	border: 2px solid #6e6e6e;
  padding: 0;
}
.tws-articlegroup-list .caption {
	background: none;
}
.tws-articlegroup-list--tws-list .tws-list--grid-item:hover .thumbnail {
	border-color: #e8460f !important;
  transition: all .3s ease;
  box-shadow: -3px 3px 0px #ed6030;
}

.tws-article-list--tws-list .tws-list--grid-item:hover .thumbnail,
.slick-slider .tws-list--grid-item:hover .thumbnail,
.tws-article-list--list .tws-list--type-grid .tws-list--grid-item:hover .thumbnail{
	border: 2px solid #e8460f !important;
  transition: all .3s ease;
}

/*------------------------------
* Body - width and padding
----------------------------------*/
.startpage .container {
	padding: 0;
}
.startpage .fabrikk--content {
	max-width: 100vw;
}
.startpage .fabrikk--component-container > div:not(.hero) {
	max-width: 1280px;
  padding: 15px 15px;
  margin: 0 auto;
}

@media only screen and (max-width: 990px) {
.startpage .fabrikk--component-container > div:not(.hero) {
  padding: 5px 5px;
}
}

@media (max-width: 767px) {
.fabrikk--article-right-col {
    max-width: 465px;
    margin: 0 auto;
    padding: 0 20px !important;
}
  .fabrikk--article .fabrikk--buy-button-group {
  	justify-content: center;
  }
  .fabrikk--article .fabrikk--article-bottom {
   	padding: 0 20px !important; 
  }
  .fabrikk--footer .container>div, .fabrikk--footer .container>.row>div {
  	padding: 20px 0px !important;;
  }
  .custompage .tws-articlegroup-list--list .tws-list--grid-item {
  	max-width: 100% !important;
    flex-basis: 100%;
    width: 100%;
  }
  .fabrikk--content {
  	padding: 40px 15px 40px;
  }
}

/* Sections
------------------------*/
@media (min-width: 1080px) {
.tws-container--tws-custom-html.ingress-section {
	max-width: 1080px !important;
  margin: 0 auto;
}
}

/* Kampanjer 4 col */
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
  }

@media (max-width: 991px) {
.slot--component-container .tws-content-box-4x--box:nth-child(-n+2) {
    margin-bottom: 10px;
}
}

/*--------------------
* COLOR     
---------------------*/
a {
	color: #000;
}
body {
	color: #000 !important;
}
.tws-mega-menu--navigation a {
	background-color: transparent;
}
.fabrikk--header,
.fabrikk--header-wrapper {
  background-color: #000;
}
.tws-mega-menu .btn {
  background: #000;
}
.tws-mega-menu--search-button, 
.tws-mega-menu--open-button, 
.tws-mini-cart .tws-mini-cart--header-cart-button {
	color: #FFF;
}
.tws-mega-menu--menu-wrapper, 
.tws-mega-menu--open-button.open, 
.tws-mega-menu--search-button.open {
	background: #0d0d0d; /*GREY*/
  
}
.tws-mega-menu--custom-link a,
a.fa.fa-home.tws-breadcrumbs--home-icon {
	color: #F26D40 !important; /*ORANGE*/
}
a.fa.fa-home.tws-breadcrumbs--home-icon:hover {
	color: #0d0d0d !important; /*GREY*/
}

/*------------------------
 Hero
--------------------------*/

.hero {
	height: 450px;
  max-width: 100%;
  padding: 0 !important;
	background-image: url(https://cdn.abicart.com/shop/ws75/117575/files/Omoss_timo.jpg?_t=1669895306) !important;
  background-repeat: no-repeat;
  background-attachment: fixed !important;
  background-size: cover !important;
    display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  
}
.hero::after {
  content:'';
  position: absolute;
	width: 100%;
  height: 100%;
  z-index: 0;
  background: rgb(0 0 0 / 25%);
  pointer-events: none;
}
.hero .tws-custom-html--content h1,
.hero h1 {
	font-size: 5rem;
  color: #FFF;
  font-weight: 800;
  z-index: 1;
}
.hero .tws-custom-html--content p,
.hero p {
	font-size: 18px !important;
  color: #FFF;
}

/* ------------------------ 
	Subhero
------------------------*/
img.subhero {
	height: 60vh;
  object-fit: cover;
  object-position: 100% 40%;
}

@media (max-width: 767px) {
  img.subhero {
    height: 40vh;
  }
}

/* ------------------------ 
	Custom page
------------------------*/
.ingress {
 	max-width: 900px;
  margin: 0 auto;
}

/*
* SKYLTFÖNSTER - BG COLOR 
*/

.tws-content-box--cell.tws-content-box--text-color-inverted {
	background: rgb(8 8 8 / 30%) !important;
  align-self: stretch;
  width: 100%;
  justify-content: center;
}
.tws-content-box--cell.tws-content-box--text-color-inverted .wrappContent {
	align-self: center;
}

.tws-content-box--cell.tws-content-box--center {
	background: rgb(255 255 255 / 60%);
}

@media (max-width: 767px) {
.slot--component-container .tws-content-box-2x--box:nth-child(-n+1) {
    margin-bottom: 10px;
}
}

/* ----------------------------
* Newsletter
------------------------------*/
.tws-container--tws-newsletter-subscribe {
	border: 2px solid #000;
  height: 300px;
  display: flex;
  align-items: center;
}
.tws-newsletter-subscribe--form-wrapper {
	width: 100%;
}



/* WRAPPER */
@media (min-width: 1200px) {
.container {
    max-width: 1420px;
    width: 100%;
}
}
@media (min-width: 992px) {
.container {
    max-width: 100vw !important;
 		width: 100%;
}
.tws-breadcrumbs {
	font-size: 18px;
}
}
@media (max-width: 992px) {
.container {
    width: 100% !important;
}
}

/*-------------------------------
* FOOTER 
-------------------------------*/

footer h3 {
  color: #FFF;
}

.tws-img--absolute-positioning { 
	width: 80%;
}

.fabrikk--footer {
    padding: 40px 20px 80px;
}