/*
Theme Name: Sletten Senter
Description: Custom Theme
Author: wamtEngineers
Author URI: http://www.wamtengineers.com/
*/

@charset "utf-8";
/* CSS Document */
img{ border:none;}
body{ 
	margin:0 auto; padding:0px; 
	background:url(images/bg.jpg) repeat;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'arimoregular';
}
@font-face {
    font-family: 'arimoregular';
    src: url('fonts/arimo-regular_0-webfont.eot');
    src: url('fonts/arimo-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arimo-regular_0-webfont.woff') format('woff'),
         url('fonts/arimo-regular_0-webfont.ttf') format('truetype'),
         url('fonts/arimo-regular_0-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arimobold';
    src: url('fonts/arimo-bold_1-webfont.eot');
    src: url('fonts/arimo-bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arimo-bold_1-webfont.woff') format('woff'),
         url('fonts/arimo-bold_1-webfont.ttf') format('truetype'),
         url('fonts/arimo-bold_1-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
a:hover{ text-decoration:underline; }
.clr{ clear:both;}
ul{ margin:0px;}
#top{ background:url(images/top.png) top center no-repeat; height:24px; width:1024px; margin:0 auto;}
.bg{ background:url(images/bar.png) repeat-y; width:1024px; margin:0 auto;}
#bottom{ background:url(images/bottom.png) top center no-repeat; height:24px; width:1024px; margin:0 auto;}
#wrapper{ width:960px; margin:0 auto; }
#header{}
.logo{ margin:0; padding:11px 0px 14px; float:left;}
.formbox{ float:right; background:url(images/formbg.png) no-repeat; width:336px; position:relative; margin-top:-11px; z-index: 9999; }
#topmenu{ float:right; height:30px;}
/*.formbox form{ float:left; margin:4px 4px; }*/
.formbox form select{ width:160px; background:none;}
.rightform{ float:right; width:770px; position: relative; z-index: 9999; }
#topmenu{ padding-right:12px;}
#topmenu span{ display:block; float:left; line-height:30px; color:#FFF; }
#topmenu span a{ display:block; float:left; padding:0px 8px; color:#FFF; text-decoration: none; }
#topmenu span a:hover{ text-decoration: underline; }
#nav{ bottom: -128px;
    float: right;
    overflow: hidden;
    position: absolute;
    right: 0;}
#nav ul{ margin:0; padding:0px; list-style:none; position:relative; }
#nav li{ float:left;}
#nav  li a{color: #4C4C4C;
    display: block;
    font-size: 16px;
    line-height: 43px;
    padding: 0 7px;
    text-decoration: none; font-family: 'arimobold';}
#nav li a:hover{ background: url("images/borderbottom.png") no-repeat scroll center bottom / 100% 4px transparent;}
#nav li.current-menu-item a{ background: url("images/borderbottom.png") no-repeat scroll center bottom / 100% 4px transparent; color:#b3d335;}
.headerbanner{ position: relative; border-color: #000; border-width: 0 1px 1px; border-style:solid; height:345px; overflow:hidden;}
.headerbanner img{ }
#headerbox{ border-bottom:solid 4px #231f20;}
#content{ margin-top:29px;}
.heading{ font-size:30px; color:#3b3b3b; font-family: 'arimobold';}
.slider{ margin-bottom:50px; position:relative;}
.slider ul{ margin:0px; padding:0px; list-style:none;}
.slider li{
    float: left;
    margin: 27px 11px;
    text-align: center;
    width: 166px; }
.slider li:hover{
	border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;
	width: 164px;
	padding:-4px 0px;
	}
.slider li p{ margin:0px 5px; border-top:solid 1px #e6e6e6; text-align:center; color:#4c4c4c; font-size:13px; padding:5px 0px;}
.slider li img{ margin:0px;}
.slidericon{ position:absolute; bottom:-6px; right:0px; width:auto;}
.leftbar{ background:url(images/slettensenter5_03.png) no-repeat left; width:15px; height:32px; float:left;}
.iconbar{ background:url(images/slettensenter5_05.png) repeat-x; float:left; height:32px;}
.rightbar{ background:url(images/slettensenter5_07.png) right no-repeat; width:15px; height:32px; float:left;}
.iconbar ul{ margin:0px; padding:0px; list-style:none; }
.iconbar li{ background:url(images/slettensenter5_10.png) no-repeat; margin:13px 3px; height:11px; width:11px; float:left;}
.iconbar li:hover{ background:url(images/slettensenter5_12.png);}
#banner{ overflow:hidden;}
.info{ background:#ed1c24; min-height:341px; width:230px; float:left; text-align:center;}
.info a{ font-family: 'arimobold'; color:#fff; font-size:20px; display:block; text-decoration:none; line-height:30px;}
#footer{ background: url("images/bottombar.png") repeat-x scroll center top #6E6E6E;
    margin-left: -19px;
    margin-right: -21px;
    padding:42px 30px 0;
    position: relative; min-height:48px; }
.footerlogo{ position: absolute;
    right: 0;
    top: -47px;
    width: 100%;
	z-index:98;}
.face{ border:solid 1px #000; width:230px; float:right;}
.topbanner{ border:solid 1px #000; width:470px; height:148px; margin-bottom:9px; position:relative; }
.footernav{ float:left; position:relative; z-index:9999;}
.footernav ul{ margin:0px;  padding:0px; list-style:none;}
.footernav li{ float:left; color:#fff;}
.footernav li:last-child{ font-size: 0; }
.footernav li a{ padding:0px 6px; text-decoration:none; color:#FFF; font-size: 12px; }
.footernav li a:hover{ text-decoration:underline;}
address{ float:right; position:relative; z-index:9999; color:#FFF; font-style:normal; position:inherit}
.info h1{ margin:20px 0px;} 
#inner_page{ margin-bottom:66px; overflow:hidden;}
.bord{ background:url(images/bord-img.jpg) right 18px no-repeat; padding-right:20px;}
#inner_page h3{ font-size:30px; color:#3b3b3b;  font-family: 'arimobold'; margin:20px 0px; }
.inner_left{ float:left; width:460px;}
.head{ border-bottom:solid 1px #e6e6e6; margin-bottom:20px; clear: both; }
.no_padding{ /*padding: 15px 0px 15px 0 !important;*/ border-left:0 none !important;}
.head h5{ font-size:15px; width:auto;  font-family: 'arimoregular'; margin:0; color:#fff; padding:0 8px; line-height:20px; background-color:#b3d335; float:left; }
.head.inner_head{ padding-top: 20px; }
.logo_images{}
.logo_images ul{ margin:0; padding:0; list-style:none; /*border-bottom:solid 1px #e6e6e6;*/}
.logo_images li{
	border-bottom:solid 1px #E6E6E6;
	border-right:solid 1px #E6E6E6;
	border-left:solid 1px #fff;
	border-top:solid 1px #fff;
	/*border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; */
	color: #434343;
    float: left;
    /*overflow: hidden;*/
    /*padding: 15px 0;*/
    text-align: center;
    width: 150px; height:100px; position:relative; z-index:99; font-size: 12px; }
.logo_images li:hover { z-index: 999;}
.logo_images li.clr{ clear:both; float:none; height:0; border:0;}
.logo_images li:hover > .store-detail-main{ display: block; }
.store-detail-main {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
	box-shadow: 0 0 10px #CCCCCC;
    border-width: 1px 1px 1px;
    display: none;
    left: -1px;
	top: 0;
    position: absolute;
    padding-top: 75px;
    width: 149px;
    z-index: 999; }
.logo_images li:hover p { display: none; }
/*.store-detail-main{
	background: none repeat scroll 0 0 #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px; border-color: #ccc;
    display: none;
    margin-left: -1px;
    width: 149px;
    z-index: 999; position:relative; top: -14px; }*/
.logo_images li p{ margin:0; }
.store-detail-main p { margin-bottom: 10px !important; margin-top: 0; display: block !important; }
.store-detail-main a { color: #2C43E1; text-decoration: none; word-break: break-all; word-wrap: break-word; }
.store-detail-main a:hover{ text-decoration: underline; }
.butikker-page-content{ overflow: visible !important; }
.butikker-cat-thumbs{
	height: 70px; overflow:hidden; position: relative; z-index: 9991; width:135px; margin: 0 auto;
    /*position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;*/}
/*.butikker-cat-thumbs img { width: 150px; }*/
.logo_images li:hover .butikker-cat-thumbs{ top: 1px; }
.partners-thumb img, .butikker-cat-thumbs img { height: 65px; width: auto; }
.logo_images li a{ display:block;}
.right_padding{ padding-left:18px;}
.no_bord{ border-bottom:none !important;}
#lefticon{ float:left; position:relative; margin-left:-6px; margin-top:64px;}
#righticon{ float:right; position:relative; margin-right:-6px; margin-top:64px; }
.slider{ border:solid 1px #000;  height:178px;}
.borderbottomnone{ border-bottom:none !important;}



/***********************  Shop Dropdown   ********************************/
.shop_div
{
	float: left;
    position: relative;
    width: 170px;
}
.shop_div div.shop_arrow	
{
	background:url("images/dropdown-arrow.png") no-repeat;
	cursor: pointer;
    height: 18px;
    position: absolute;
    right: 9px;
    top: 6px;
    width: 22px;
    z-index: 999;
	}
.shop_div div.shop_dropbox
{
	background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CED9E9;
    border-left: 1px solid #CED9E9;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #CED9E9;
    display: none;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 26px;
    width: 170px;
    z-index:999;	}
.shop_div div.shop_dropbox input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
	line-height:22px;
    padding-left: 9px;
    width: 161px;
    z-index: 999999;
    color: #434343;
    font-size: 12px;
    font-weight: normal;
	position:relative;
}	
.shop_div div.shop_dropbox input:hover
{
	background: url("images/drop_input_hover.jpg") repeat-x scroll 0 0 #B3D334 !important;
    color: #FFFFFF !important;
    cursor: pointer;
	}	
.shop_div .shop_select{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #4C4C4C;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    width: 130px;}
/***********************  Shop Dropdown   ********************************/	


/***********************    Main Slider   ********************************/	
#slider{ list-style:none; margin:0; padding:0;}
#slider_navigation a{ 
	background: url("images/slettensenter5_10.png") no-repeat scroll 0 center transparent;
	display:block; width:11px; height:11px; margin-right:5px; float:left; margin: 10px 3px; font-size:0; }
#slider_navigation a.active, #slider_navigation a:hover{
	background: url("images/slettensenter5_12.png") no-repeat scroll 0 center transparent !important; }
/***********************    Main Slider   ********************************/	


/***********************  Bottom Slider   ********************************/	
#bottomslider .jcarousel-container-horizontal {
    background: #fff;
	border: 1px solid #000000;
    border-radius: 0 0 0 0;
    margin-bottom: 50px;
    padding: 0;
    width: 960px; height:178px; }
#bottomslider { position: relative; }
#bottomslider .jcarousel-clip-horizontal{ height: 178px; width: 890px; margin: 0 35px 0; }
#bottomslider ul .jcarousel-item-horizontal { 
	float: left;
	margin: 18px 15px 0 0;
    text-align: center;
    /*width: 166px;*/ width: 140px; height:140px; padding: 0 12px; color: #434343; }

#bottomslider ul .jcarousel-item-horizontal:hover{
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;
    width: 138px; }
#bottomslider .jcarousel-prev.jcarousel-prev-horizontal {
    background: url("images/arrow-left.png") no-repeat scroll 0 center #FFFFFF;
    height: 44px;
    left: -4px;
    top: 80px;
    width: 9px; }
#bottomslider .jcarousel-next.jcarousel-next-horizontal {
    background: url("images/arrow-right.png") no-repeat scroll 0 center #FFFFFF;
    height: 44px;
    right: -4px;
    top: 80px;
    width: 9px; }
/***********************  Bottom Slider   ********************************/	


/************/
#commentform td{ padding:5px; }
#commentform .txt_field{ background: none; }
ol.commentlist { list-style: none outside none; margin: 0; padding: 0; }
.commentlist li { border: 1px solid #000; margin-bottom: 10px; padding: 10px; position: relative; }
.comment-meta h2 a, .commentlist > li:hover a, .commentlist > li:hover{ }
.commentlist > li:hover a.comment-edit-link{ }
.comment-meta h2 a { }
.comment-author img { border: 1px solid #999999; float: left; margin-right: 10px; padding: 2px; }
.comment-text { clear: both; margin-bottom: 7px; margin-left: 60px; padding: 0; }
.comment-text p { margin: 0; }
.commentlist .children { list-style: none outside none; margin-top: 10px; padding: 0; }
.commentlist .children li { border: 1px solid #000; padding: 10px; margin-bottom: 0; }
.comment-meta h2 { font-family: 'arimobold'; font-size: 15px; margin: 0 0 5px; text-transform: uppercase; font-weight: normal; }
.comment-edit-link, #commentform p a, .cancel-comment-reply a, #respond h3 a, .reply a, .comment-meta h2 a{ color: #EF4223 !important; text-decoration: none;  }
.comment-edit-link:hover, #commentform p a:hover, .cancel-comment-reply a:hover, #respond h3 a:hover, .reply a:hover, .comment-meta h2 a:hover, .cancel-comment-reply a:hover, .reply a:hover{ text-decoration: underline !important;  }
.mod { color: #052816; margin-left: 60px; }
.reply { position: absolute; right: 9px; top: 4px; z-index: 999; }
.cancel-comment-reply { margin-top: -8px; }
.comments-container h3 {
    color:#3B3B3B;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 20px;
	font-famlily: 'arimobold';
    margin: 10px 0 !important;
    text-transform: uppercase; }
.comments-container {font-size: 12px;line-height: 16px;position: relative; margin-top: 100px;}
.txt_area, .txt_date, .txt_field{
    border: 1px solid #000;
	font-size:13px; color: #454545;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
	font-family: 'arimoregular';
    width: 75%; }
.txt_date{ width: 80px; }
.txt_area{ background: none; padding:5px; min-height:150px; max-height:250px; height:150px; width:720px; min-width:720px; max-width:720px; }
.send-btn, .wpcf7-submit {
    background: none repeat scroll 0 0 #B3D335;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    padding: 8px 10px;
    text-transform: uppercase; }
#home_slider{}
#home_slider ul {margin:0px; padding:0px;}
#home_slider ul li{list-style:none;}
#home_slider{}
.archive-content{}

/************/


.fancybox-overlay, .fancybox-wrap{ z-index: 99999 !important; }
.partners-thumb {
	border-bottom: 1px solid #E6E6E6;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 135px; }
.page-content{ position:relative; }
.page-content p {
    font-size: 12px;
    line-height: 18px; margin: 0 0 20px; }
.telefone-liste-content #inner_page h3{ text-align:center; }
.telephone-liste {
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 0; }
.telephone-liste thead th, .telephone-liste tbody td {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000; }
.fancybox-opened{ z-index: 999999 !important; }
.hr_widget_main { float: right; text-align: center; width: 230px;/* border: 1px solid #000; */}
#banner .widget_text:first-child, #text-3.widget_text {
    background: #ED1C24; border: 0 none;
    float: left;
    min-height: 341px;
    text-align: center; }
#banner .widget_text:first-child h1, #text-3.widget_text h1{}
#banner .widget_text:first-child a, #text-3.widget_text a{
	color: #FFFFFF;
    display: block;
    font-family: 'arimobold';
    font-size: 16px;
    line-height: 24px;
    text-decoration: none; }
.sshome-main {
    margin: 0 auto;
    position: relative;
    width: 290px; text-align:center; }
.sshome-main h1 {
    color: #FD1408;
    font-family: arimobold;
    font-size: 50px;
    line-height: 52px;
    margin: 20px 0 5px; }
.sshome-logo img, .sshome-thumb img { height: auto; width: 100%; }
.sshome-thumb { max-height: 200px; overflow: hidden; position: relative; }
.sshome-details { margin-top: -5px; position: relative; }
.sshome-details h2 { font-family: Verdana; font-size: 19px; line-height: 24px; margin: 0; }
.sshome-details p { color: #000000; font-family: arimobold; font-size: 11px; line-height: 14px; margin: 0; }
.sshome-logo{ margin: 8px auto 0; position: relative; width: 70px; max-height:95px; overflow:hidden; }
.partners-thumb .alternate, .butikker-cat-thumbs .alternate{
    display: block;
    font-family: arimobold;
    font-size: 20px;
    word-break: break-all;
    word-wrap: break-word; }
.extra_content p {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0 0; }
#topmenu ul{ margin:0; padding:0; list-style: none; }
#topmenu ul li{ color: #FFFFFF; display: block; float: left; line-height: 30px; height:30px; }
#topmenu ul li a{ color: #FFFFFF; padding: 0 8px; text-decoration: none; }
.menu-item-76, #topmenu ul li:last-child{ overflow: hidden; width: 60px;}
.telephone-liste p{ margin-bottom:0; font-size:16px;}
#bottomslider .jcarousel-container-horizontal, #bottomslider .jcarousel-clip-horizontal, #bottomslider ul .jcarousel-item-horizontal{ height:auto !important;}
#bottomslider ul .jcarousel-item-horizontal{ border: solid 1px #fff; margin-bottom:14px;}
#bottomslider ul .jcarousel-item-horizontal:hover{ width: 140px;}

.alignright{ float:right; margin-left:10px; display:block;}
.alignleft{ float:left; margin-right:10px; display:block;}
.aligncenter{ display:block; margin:0 auto;}


#videoads {
    /* background: url(images/bannerbg.png) no-repeat; */
    width: 100%;
    clear:both;
    border: thin 1px #000;
    text-align: center;
    padding-bottom: 25px;
    /*padding-top: 15px;*/
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-id-2559 #inner_page h3 {
    display: none !important;
}

/* Red info/promo strip under the boxes */
.sletten-home-promo {
    margin-top: 18px;
}

/* ==============================
   NEW HOMEPAGE LAYOUT
   ============================== */

.sletten-home-layout {
    display: flex;
    gap: 12px; /* reduced from 20 */
    align-items: stretch;
    margin-top: 12px; /* reduced */
}

.home-col-left {
    width: 460px;
    flex: 0 0 460px;
}

.home-col-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px; /* tighter vertical spacing */
}

.home-col-right .hb-top img,
.home-col-right .hb-2x2 img {
    width: 100%;
    display: block;
}

.home-col-right .hb-2x2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px; /* tighter grid */
}

.sletten-home-promo {
    margin-top: 0px;
}

/* ==============================
   MOBILE LAYOUT
   ============================== */

@media (max-width: 768px) {

    .sletten-home-layout {
        flex-direction: column;
        gap: 16px;
    }

    .home-col-left,
    .home-col-right {
        width: 100%;
        flex: 1 1 auto;
    }

    .home-col-left img,
    .home-col-right img {
        width: 100%;
        height: auto;
    }

    .home-col-right .hb-2x2 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sletten-home-promo {
        margin-top: 16px;
    }

}