/*styling gif*/
#top > div.fabrikk--body > div.fabrikk--content-container > div.fabrikk--content-wrapper.container.center-block > div > div > div > div > div:nth-child(1) > div > div > div.tws-container--tws-custom-html {background-color: #1a1a1a;}
.tws-container--tws-custom-html img {width: 100% !important;}
/*-----------------------------*/

.fabrikk--header-wrapper { background-color: #000000;} 
.fabrikk--body {background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/mBGmobil.jpg"); min-height: 100%; background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover;}
.fabrikk--content {overflow-x: hidden;}
.slot--top-bar-html {width: 100% !important;}
.slot--open-cookie-settings {display: none;}
.tws-logo--container:hover {opacity: 0.8}
.tws-logo--container:active {opacity: 0.6}
.slick-slide .slick-current .slick-active {width: 85% !important;}
.fabrikk--article-top {padding-left: 20px !important; padding-right: 20px !important;} 
.fabrikk--component-container {margin-top:-20px; width: 100%; backdrop-filter: blur(8px); box-shadow: 0px 10px 15px 10px rgb(0 0 0 / 15%); background-color: rgb(228 228 228 / 15%); border: 2px solid; border-radius: 10px;}
.tws-container--tws-cta-slider {background-color: #333;  filter: drop-shadow(0 6px 4px rgb(0 0 0 / 2)) drop-shadow(0 2px 2px rgb(0 0 0 / 1));}
.slide__image-wrapper { filter: drop-shadow(0 6px 4px rgb(0 0 0 / 2)) drop-shadow(0 2px 2px rgb(0 0 0 / 1));}
/*Tar bort radioknapparna till ruta eller lista*/
 .btn-group.tws-list--control-type--btn-grp {display: none;}
/*Minskar mellanrummet mellan produkter och regnrsökningen*/
#regNr {margin-bottom: -100px;}
/*Tar bort jämförelsen av de senaste 30 dagars priser på produktsidan*/
 div.col-sm-6.col-md-5.col-sm-offset-1.col-md-offset-1.fabrikk--article-right-col > div.slot--article-price > div > span {display: none;}
/*Tar bort procent i produktlistan ovh visas bara i produkten*/
.tws-article-list--relative.tws-article-list--labels.tws-article-labels {display: none;}
/*Kod som gör bilderna syndliga i 'nyherter' på startsidan*/
.tws-article-list--list .tws-list--type-list .media-body, .tws-article-search-page--list .tws-list--type-list .media-body {width: 90%;}

.fabrikk--content{width: 90%;}
.tws-breadcrumbs {backdrop-filter: blur(5px); box-shadow: 0px 10px 15px 10px rgb(0 0 0 / 15%); background-color: rgb(228 228 228 / 15%); color: white; padding: 5px 24px;}
.tws-mini-cart--header-cart-info {color: white;}
.tws-mini-cart--header-quantity {color: black;}
.tws-favorite-list--header-favorite-button {color: white;}
.tws-cta-slider .slider__wrapper .slide .btn {margin-top: 252px;}

#textCalendar{backdrop-filter: blur(2px); box-shadow: 0px 10px 15px 10px rgb(0 0 0 / 15%); background-color: rgb(228 228 228 / 15%);}

.tws-content-box { filter: drop-shadow(0 6px 4px rgb(0 0 0 / 2)) drop-shadow(0 2px 2px rgb(0 0 0 / 1));}
.tws-content-box:hover {opacity: 0.9;}
.tws-content-box:active {opacity: 0.7;}
.tws-content-box--with-image {width: 102%; margin-left: -1%;}

.tws-container--tws-image-carousel {filter: drop-shadow(0 6px 4px rgb(0 0 0 / 2)) drop-shadow(0 2px 2px rgb(0 0 0 / 1));}
.tws-image-carousel .slick-next:before {color: white; opacity: 1;}
.tws-image-carousel .slick-prev:before {color: white; opacity: 1;}
.tws-article-description--text-container {display: none;}
.tws-article-introduction--read-more  {display: none;}

.fabrikk--back-to-top-link-text { font-size: 18px;font-weight: bold; color: black; border: 1px solid; border-radius: 5px; padding: 2px; background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5))}
/*DIsplay av grejer i kassan*/
div.alert.alert-warning.ng-scope {display: none;}
.tws-article-description--show-more {display: none;}
.tws-opc-cart--item-info-deliveryInfo {display: none;}

#iframeVid {width: 100% !important; height: 800px !important;}
#svgContainer {margin-top: 150px;}
#regNrContainer {Background-color: transparent;}
/*Ändrar färg i sökfältet från grått till vit*/
.tws-mega-menu--search-bar input.form-control {background: white;}
.opc-checkout {background-color: white; padding: 15px;}
 /*lägger regskylten i inputsfältet*/
#input_bg {
  		width: 100%;
  		height: 60px;
	 		background-image: url('https://cdn.abicart.com/shop/13102/files/Interaktivabilder%20Volvo/regskylt.png');
   	 	background-repeat: no-repeat;
  		background-position: center top;
  		display: flex;
  		justify-content: center;
  		flex-direction: column;
  		align-items: center;
      margin-bottom: -52px;
}
 /*Styling för inputsfältet för vin-tolk*/
#vin_input {
			border: none;
  		font-size: 35px;  
 	 		outline: none;
  		background-color: transparent;
  		text-align: center;
  		position: relative;
   		text-transform: uppercase;
  		width: 230px;
    	margin-left: 18px;
      height: 50px;
    	margin-bottom: 20px;
}

/*Flyttar upp sorteringsknappen på produktlistan*/
.tws-react-common--dropdown {margin-top: -50px;}
 /*Affordance till knappen som hämtar data till regskylten*/
 /*----------------------------------------------------------------------------------*/
#vin_fetch { color: white; background-color: #32808c; border: none;	height: 50px; width: 110px; font-size: 19px; font-weight: bold; border-radius: 5px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}
#vin_fetch:hover {opacity: 80%;}
#vin_fetch:active {background-color: #32808c;box-shadow: 0 5px #666;transform: translateY(4px);opacity: 0.6;}
/*----------------------------------------------------------------------------------*/
.tws-article-buy-button-with-modal--cart-messages {display: none;}
.modal-content .tws-article-buy-button-with-modal--cart-messages {display: none;} 

button.tws-language--lang-sv:before  {font-size: 12px !important;content : "Language";}
button.tws-language--lang-sv  {font-size: 0 !important;}
button.tws-language--lang-en:before  {font-size: 12px !important;content : "Language";}
button.tws-language--lang-en {font-size: 0 !important;}

.tws-cart--payment-name:before,
.tws-checkout--payment-methods-list span.fa-chevron-down,
.tws-checkout--payment-methods-list span.fa-chevron-up {display: none;}
.tws-checkout .tws-checkout--payments-expand {visibility: visible!important;height: auto!important;}
.tws-checkout--payment-active {box-shadow: inset 0 3px 12px rgba(0,0,0,0.2) !Important;}
.startpage .slot--component-container .fabrikk--component-container .tws-container--tws-articles-two .tws-list--list > div {border-bottom: 1px solid black;}

.startpage .slot--component-container .fabrikk--component-container > div { padding-top: 10px; padding-bottom: 10px; margin-top: 10px;margin-bottom: 10px; margin-left: 0px;}
.tws-article-description--text-container >div {visibility: hidden;}

.fabrikk--footer {background-image: black;}
.fabrikk--top-bar {background: #000000;}
.fabrikk--top-bar-wrapper {text-align: left;background: #000000;}
.slot--top-bar-html{background: #000000;width: 50%;}
.fabrikk--top-bar-right{background: #000000;}

.tws-vertical-menu .tws-vertical-menu--menu {background-image: black;}
.tws-mega-menu .btn {background: none;color: #fafafa;}
.fabrikk--header a {color: #fafafa;text-decoration: none;}

.startpage .thumbnail .tws-img--container {background: #ffffff!important;}
.startpage .caption {background: #f3feff!important;}
.topMessageInfo {font-size: 2vw;}
.VIN-sticker {width: 100%;margin-top: -150px;}

#julBakgrund {background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/jul/julbg11.jpg"); background-attachment: fixed; background-size: cover; border-radius: 15px; height: 600px;}

 /*------------------------------------------------------------------------------------*/
  /*Får tabellen i vintolken scrollbar i x-linje*/
#vin_table { font-size: 12px;	display: block;	width: 100%; 	max-width: -moz-max-content; max-width: max-content; margin: 0 auto; overflow-x: auto;zoom: true;} 
/*-------------------------------------------------------------------------------------------------------------*/
#iframeVid {width: 100% !important;height: 250px !important;}
.tws-article-list--choices-button {margin: 0px;}
.tws-kco-payment-method-display--image-format-short {max-width: 100%}  

/*Gör WPC-bilderna att passa in i skärmen (mobil)*/
object {width: 100% !important; margin-top: 50px;}
.topMessageInfo {font-size: 12px;}
#vin_table tr:nth-child(even){background-color: #f7f7f7;}
#vin_table tr:nth-child(odd){background-color: #e7e7e7;}
#vin_table tr:hover {background-color: #ffffff;}
 /*Affordance knappar*/
.caption:hover {opacity: 60%;}
 /*Skuga/affordance för sökfältet*/
.tws-mega-menu--search-bar .tws-article-search {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19)}

@media screen and (min-width: 1400px) {
.topMessageInfo {font-size: 25px;}
}
@media screen and (max-width: 1300px) {  #julBakgrund {background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/jul/julbg11.jpg"); background-attachment: fixed; background-size: cover; border-radius: 15px; height: 750px;}}
@media screen and (max-width: 992px){

#vin_info {margin-bottom: 120px !important;} 
#vin_table {font-size: 12px;}
/*Tar bort */
.tws-vertical-menu .tws-vertical-menu--controls div .tws-audience-selector .tws-audience-selector-inner .tws-audience-selector--audience-button .tws-audience-selector--audience-button-text {display: none!important;}
.tws-vertical-menu .tws-vertical-menu--controls div .tws-audience-selector--selection-box-stateview-container {display: none!important;}
.tws-vertical-menu .tws-vertical-menu--controls div .tws-audience-selector--audience-button-icon-container {display: none!important;}
  
.btn-primary {margin-right: 10px}
.media-body {padding-right: 0rem !important;}
.tws-article-list--choices-button {margin: 10px;}
.tws-text-display--pre-wrap {margin: 15px;}
.caption:active {background-color: #f3f3f3; box-shadow: 0 0px #666; transform: translateY(1px); opacity: 0.6;}
/*Gör WPC-bilderna att passa in i skärmen (vänd skärm mobil)*/
.tws-kco-payment-method-display--image-format-short {max-width: 100%}
}
/*-----------------------mobil----------------------------------*/
@media screen and (max-width: 768px) {
  #regNr {margin-bottom: 150px;}
.fabrikk--body { background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/mBG.jpg"); background-attachment: fixed;  background-size: cover; background-position: center; }
body.startpage .fabrikk--content {width: 100%;}
#julBakgrund {background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/jul/julbg11.jpg"); background-attachment: fixed; background-size: cover; border-radius: 15px; height: 650px;}
/*--------------- lägger saab och volvoknapparna i linje*/
.tws-content-box-2x {display: flex; justify-content: center; }
.tws-content-box-2x--box-1 {width: 100%; margin-bottom: 0px !important;}
.tws-content-box-2x--box-2 {width: 100%; margin-bottom: 0px !important;}
 object {height: auto;}
  
#top > div.fabrikk--body > div.fabrikk--content-container > div.fabrikk--content-wrapper.container.center-block > div > div > div > div.slot--article-group-custom-field > div > div:nth-child(1) > div > div > div > div > object{margin-top: -250px; margin-bottom: -250px}
.tws-cta-slider .slider__wrapper .slide .btn {margin-top: 150px; margin-left: 12px;}
#regNr {margin-bottom: 0px;}

  .tws-articles-two--list.tws-list--type-grid {display: inline-block; width: 200%;}  
}

@media screen and (max-width: 600px) { 
    #regNr {margin-bottom: 150px;}
.tws-content-box--with-image {width: 108%; margin-left: -4%;}
object { max-height: 1000px !important;}
#julBakgrund {background-image: url("https://cdn.abicart.com/shop/13102/files/Felix%202025/jul/julbg11.jpg"); background-attachment: fixed; background-size: cover; border-radius: 15px; height: 1150px;}
#svgContainer {margin-top: -80px; width: 100%;}
#chassi_parts {margin-top: -100px;}
/*Animation i vin-tolken att rotera mobilen*/
  /*------------------------------------------------------------------------------------*/  
.phone, .message {display: block;}
.phone { margin-top: 10px; height: 75px; width: 150px; border: 3px solid black; border-radius: 10px; animation: rotate 1.5s ease-in-out infinite alternate;}
.message {color: black; font-size: 2em; margin-top: 40px;margin-bottom: 100px;}

@keyframes rotate {
  0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(-90deg)
	}
	100% {
		transform: rotate(-90deg)
	}
}
/*.opc-checkout--related .tws-articles-two .slick-track .slick-slide {
    padding: 2px;
    height: auto;
    display: -webkit-flex;
    display: flex
;
    width: 400px !important;
}
.opc-checkout--related .tws-articles-two .slick-track .slick-slide .thumbnail {
    width: 215px;
}
*/