body,.site-title {
font-family: "Source Sans Pro", sans-serif !important;
}

html,body,div,p {
text-size-adjust: 100% !important;
-webkit-text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100% !important;
font-size-adjust: none !important;
}


.date-author, .site-info,.entry-footer::before {
  display: none;
}
.bib-kommun-logo, .zzsite-info {
display: inline-block;
}
.bib-kommun-logo, .site-info {
zzfloat: right;
}
.bib-kommun-logo {
float: left;
zztext-align: left;
zzmargin: auto;
}


.footer-widget:nth-of-type(2) {
	margin-right:0px;
}

table, td, figure {
border: none !important;
}
.entry-content img, td {
vertical-align: top !important;
padding-top: 0 !important;
}
td:first-child {
padding-left: 0 !important;
}
td:last-child{
padding-right: 0 !important;
}
table {
width: 100% !important;
}


.fixed-height-table {
table-layout: auto !important;
height: auto !important;
}

.fixed-height-table td,
.fixed-height-table figure,
.fixed-height-table img
{
zzzheight: 250px !important;
width: auto !important;
object-fit: contain;
}


.gallery, .gallery-item, .gallery-icon {
border: none !important;
padding: 0px !important; 
}
.gallery-item {
text-align: left;
}




.hentry {
border-bottom: 1px solid #ccc !important; 
}
.hentry:last-of-type {
border-bottom: none !important; 
}
.posts-navigation {
border-top: 1px solid #ccc !important;	zborder-top: none !important;
zpadding-top: 0px !important;
}




.post-edit-link {
color: #f7f !important;
border: 1px solid #f7f !important;
font-style: italic !important;
padding: 2px 4px !important;
font-weight: 400 !important;
font-size: 16px !important;
}




input {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.input-append .btn {
background-color: #445 !important;
background-image: none !important;
border-radius: 0 4px 4px 0;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	vertical-align: top;
font-size: 14px;
margin-left: -1px;
}

.bib-login-box .input-append .btn {
border-radius: 4px;
}



/*-----------------*/






/*-----  TYPOGRAFI -----*/

.bib-header {
font-family: "Source Sans Pro", sans-serif !important;
font-size: 16px;
line-height: 24px; /* 1.5 */
}
.bib-a {
text-decoration: none !important;
color: #027; /* #059 */ /* #069 */
font-weight: normal;
}
.bib-site-branding {
font-weight: bold !important;
color: #222 !important;
}
.bib-ul {
font-weight: bold;
font-size: 16px;
list-style-type: none;
}
.fa-angle-down {
margin-left: 8px;
margin-right: 4px;
}
.bib-btn {
font-family: "Source Sans Pro", sans-serif;
font-weight: bold;
font-size: 16px;
border: none;
}
.bib-soek-ord, .bib-login-id, .bib-login-pw{
font-size: 14px !important;
font-weight: bold;
}
.bib-soek-plats-select {
font-family: "Source Sans Pro", sans-serif !important;
font-size: 14px;
font-weight: bold;
color: #668;
zzztext-align: center;
}
.bib-registrering, .bib-forgotpassword {
font-size: 11px !important;
}




/*-----  FÄRG -----*/

.bib-a:hover {
color: #0ad !important;
text-decoration: none;   /* co */
}
.bib-site-branding a:hover {
color:#0074d9 !important;
}

.bib-header {
background-color: white;
}

.bib-ul ,.bib-site-branding a {
color: #222;
}

.bib-li-hem a,.bib-hamburgare, .bib-m-li  {
background-color: #222 !important;
color: white !important;
}

.bib-li a, .bib-li-dropdown a {
background-color: white;
color: #222;
}
.bib-dropdown-content a,.bib-li-dropdown:hover .dropbtn {
background-color: #222;
color: white;
}
.bib-li a:hover, .bib-dropdown-content a:hover, .dropbtn:hover {
background-color: #000 !important;
color: white !important;
}

.btn-primary {
background-color: #445 !important;
background-image: none !important;
}
.btn-primary:hover {
background-color: #06a !important;
}

.bib-dropdown-content a {
border: solid #444;
border-width: 1px 0 0 0;
}

.bib-soek-ord,.soek-plats {
background-color:white !important;
}
.bib-soek-box,.bib-login-box {
background-color: rgba(150,150,150,0.60);
box-shadow: 0px 0px 20px 0px #ccc;	/* 0px 0px 20px 0px #555; */
border-radius: 4px; 
}
.bib-soek-ord,.bib-soek-extra,.bib-login-id,.bib-login-pw,.bib-login-extra,.bib-registrering,.bib-forgotpassword {
border-radius: 3px !important;
}
.bib-soek-box{
border: solid transparent 1px;
}
.bib-soek-ord,.soek-plats{
border: solid transparent 3px;
}
.bib-soek-extra {
border-color: transparent;
zbackground: rgba(220, 223, 235, 0.90);
}
.bib-soek-extra-typ{
border-radius: 5px;
border: solid #bcd 1px; /* #fff 2px */
background-color: white !important; /* #f5faff; */
}
.bib-login-id,.bib-login-pw {
background-color: #fffffa !important;
}

.bib-soek-extra,.bib-login-extra {
box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.4);
}


.bib-ph-input{
  color: #04a !important;
}
.bib-ph-input:placeholder-shown {
	color: #888;
	opacity: 1;
	zzzfont-style: italic;
	font-weight: 400;
	letter-spacing: 1px;
}
/* co: Placeholder - icke-standard-pseudo-element??*/
::input-placeholder {
	color: #888;
	opacity: 1;
	zzzfont-style: italic;
	font-weight: 400;
	letter-spacing: 1px;
}
::-webkit-input-placeholder {
	color: #888;
	opacity: 1;
	zzzfont-style: italic;
	font-weight: 400;
	letter-spacing: 1px;
}
:-moz-placeholder {
	color: #888;
	opacity: 1;
	zzzfont-style: italic;
	font-weight: 400;
	letter-spacing: 1px;
}
::-moz-placeholder {
	color: #888;
	opacity: 1;
	zzzfont-style: italic;
	font-weight: 400;
	letter-spacing: 1px;
}
:-ms-input-placeholder {
	color: #888;
}









/*------------------------------------------------ LAYOUT -----*/


/* -----TITEL----- */
.bib-site-branding {
width: 100%;
padding: 24px 0;
}

/* -----MENY----- */
.bib-ul {
margin: 0;
padding: 0;
padding-top: 1px;
border: solid;
border-color: #fff #eee #222 #eee;   /* co: #ccc #eee #222 #eee; */
border-width: 1px 1px 3px 0px;
overflow: hidden;
width: 100%;
}
.bib-ul li,.bib-btn {
float: left;
height: 32px;
line-height: inherit;  /* bs: line-height: 20px; */
}
.bib-ul li a,.bib-btn {
display: inline-block;
text-align: center;
/* padding: 6px 24px;  */  /* co */
padding: 6px 12px;
height: auto;
}
.bib-dropdown-content a {
display: block !important;
text-align: left !important;
height: 100%;
width: 240px;
}
.bib-li-dropdown {
display: inline-block;
}
.bib-dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 3;
}
.bib-li-dropdown:hover .bib-dropdown-content {
display: block;
}







/* -----SÖK & LOGIN----- */

.bib-form {
margin: 0 !important; /* bs */
}
.bib-input {
box-shadow: none !important;
border: 1px solid rgba(200, 200, 200, 0.5) !important;
}
.bib-input, .bib-input-append {
margin-bottom: 3px !important;
}
.bib-input-append {
width: 100% !important;
}
.bib-btn-input{
width: calc(100% - 42px) !important;
}
.bib-input-append .btn {
width:44px;
height:30px;		/* BS fr CDN */
line-height: 1;	/* BS fr CDN */
position: absolute;
float: right !important;
}
.bib-soek-ord,.bib-login-id, .bib-login-pw {
height: 30px !important; /* bs-override */
padding: 0;
margin: 0;
}

/* -----SÖK----- */
.bib-soek-box {
float: left;
display: inline-block;
max-width: calc(100% - 66px);
width: 380px;
margin-left: 24px;
height: auto;
}
.bib-soek-ord {
padding: 0 16px !important;

}
.bib-soek-extra {
position: relative;
width: 100% !important;
padding: 2px 0px 1px 1px !important;
position: relative;
}
.soek-plats,.bib-soek-extra-typ {
display: inline-block;
position: relative;
}
.soek-plats  {
height:27px  !important;
margin-top: -3px !important;
line-height: 21px !important;
}
.bib-soek-plats-select {
zwidth: 150px !important;
height: 27px !important;
border: 1px solid #bcd;
margin: 1px 2px 3px 0px;
padding-left: 3px !important;
}
.bib-soek-extra-typ  {
margin: 1px 1px 3px 0px;
line-height: 23px !important;
}
.bib-soek-extra-typ  a {
height:27px !important;
margin: 0px 5px 0px 5px !important;
zpadding: 0px 9px;
}

/* -----LOGIN----- */
.bib-login-box {
float: right;
width: 186px;
height: 94px;
}
.bib-login-id, .bib-login-pw {
padding-left: 6px !important;
/* padding: 3px 12px; */
}
.bib-login-id,.bib-login-extra {
width: 100%;
}
.bib-login-extra {
height: 27px !important;
margin-left: 0px;
padding: 0px;
text-align: left;
zzzline-height: 16px;
}
.bib-registrering, .bib-forgotpassword {
display:inline-block;
}
.bib-forgotpassword {
margin-left: 2px;
}


/* -----LOGIN-tydligare----- */
.bib-registrering,.bib-forgotpassword {
background: rgba(247, 250, 255, 0.90);
margin: 0 1px !important;
zwidth: 88px!important;
}
.bib-registrering a, .bib-forgotpassword a {
padding: 3px 6px;
}
.bib-registrering {
margin-left: 10px !important;
zfloat: right !important;
}




.zbib-soek-plats-select,.zbib-soek-extra-typ,.bib-soek-extra
{
zfloat: left !important;
line-height: 33px;
padding-top: 0px !important;
zvertical-align: bottom !important;
}

.ks-wrap{
display: inline-block !important;
vertical-align: top !important;
position: relative !important;
padding: 0px !important;
float:right;
zwidth: 100%;
margin: 0px;
}
.ks-btn,
.ks-info-btn {
cursor: pointer !important;
display: inline-block !important;
zposition: absolute !important;
}
.ks-info-btn:hover {
background-color:#5bf !important;
color:white !important;
}
.ks-info-btn:hover::after {
border-color: transparent transparent transparent #5bf;
}
.ks-info-btn:visited {
zbackground-color:#aaa !important;
}
.ks-btn:hover {
background-color: #369 !important;
}
.ks-logga {
margin: 2px 0px 0px 3px !important;
padding: 0px !important;
vertical-align: top !important;
}
.ks-btn {
font-size: 14px;
text-transform: none !important;
font-weight: 400 !important;
background-color: #556;
color: white;
border-radius: 4px;
padding: 0px 14px 0px 7px;
zborder: none;
zwidth: 200px;
height: 27px;
zmargin: 3px 6px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.ks-info-btn {
position: relative;
font-size: 12px;
font-weight: 800;
background-color: #f0f4ff;
color: #06f;
border: none;
border-radius: 40%;
height:18px;
width: 18px;
margin-top: 9px;
margin-right: 2px;
margin-left: 1px;
padding: 0px;
zfloat:right;
zleft: 0;
}
.ks-info-btn::after {
zbackground-color: #ff3;
content: "";
position: absolute;
top: 50%;
left: 92%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #f0f4ff;
}
.ks-wrap br {display: none;}
.ks-btn i {
margin-left: 2px;
}

.bib-login-id:focus {
	background: #fff !important;
	border-color: #0074d9 !important;
	outline: 0 !important;
}








/*-----  MOBIL-MENY -----*/


.bib-mobile-menu {
	margin: -24px 0 0 0 !important;
	padding: 0px !important;
    display: none;
	z-index: 4;
	position: absolute;
	right: 0;
	width: 240px;
	border-top: 1px solid #444;
}
.bib-show {
    display: block !important;
}

.bib-ul-mobile {
	margin: 0 0 0 24px !important;
}
.bib-ul-mobile ,.bib-m-sub-menu {
	list-style: none;
}
.bib-m-menu-item a {	
height: 30px !important;
line-height: 30px !important;
font-weight: bold !important;
width: 100% !important;
padding: 0px 6px !important;
position: absolute;
right: 0 !important;
border-top: 1px solid #444;
/* padding: 6px 12px;
height: auto; */
}
.bib-m-menu-item { 	
height: 32px;
line-height: inherit;

}
.bib-m-li, .bib-m-sub-menu, .bib-m-menu-item {
display: block;
position: relative;
width: 100% !important;
}

.bib-mobile-menu, .bib-m-menu-item, .bib-m-li a {
background-color: #222 !important;
color: white !important;
}

.bib-m-dropdown-toggle {
display: none;
}







/*--------------------------------------------------------------
## Main Navigation
--------------------------------------------------------------*/
.sbib-mobile-menu {
	margin: 24px 0;
}
.sbib-mobile-menu ul {
	background: #222;
	clear: both;
	display: none;
	list-style: none;
	margin: 0;
	padding-bottom: 1px;
	padding-top: 1px;
}
.sbib-mobile-menu li {
	border-bottom: 1px solid #444;
	position: relative;
	padding: 0;
}
.sbib-mobile-menu li:last-child {
	border-bottom: 0;
}
.sbib-mobile-menu a {
	color: #fff;
	display: block;
	height: auto;
	padding: 6px 24px;
}



.sbib-mobile-menu a:active,
.sbib-mobile-menu a:focus,
.sbib-mobile-menu a:hover {
	background: #000;
}
.sbib-mobile-menu a:hover {
	color: #aaa;
}
.sbib-mobile-menu ul ul {
	border-top: 1px solid #444;
	color: #fff;
	padding-bottom: 0;
	padding-left: 24px;
	padding-top: 0;
}
.ssbib-mobile-menu.toggled ul,
.ssbib-mobile-menu.toggled ul ul.toggled {
	display: block;
}
.ssbib-mobile-menu.toggled ul ul {
	display: none;
}
.sbib-mobile-menu .current_page_item > a,
.sbib-mobile-menu .current-menu-item > a {
	background: #000;
}
.sbib-mobile-menu .menu-item-has-children > a {
	margin-right: 62px;
}



















/* COLINEAR - Menu Toggle */
.sbib-m-menu-toggle {
	display: block;
	height: 48px;
	margin: 0;
	padding: 0;
	width: 48px;
}
.sbib-m-menu-toggle:before {
	content: "\f419";
	height: 48px;
	line-height: 48px;
	width: 48px;
}
.sbib-m-menu-toggle.sbib-m-toggled {
	background: #222;
	color: #fff;
}
.sbib-m-toggled .sbib-m-menu-toggle:active,
.sbib-m-toggled .sbib-m-menu-toggle:focus,
.sbib-m-toggled .sbib-m-menu-toggle:hover {
	background: #0074d9;
}

/* Dropdown Toggle */
.sbib-m-dropdown-toggle {
	background: #222;
	border: 1px solid #444;
	color: #fff;
	height: 38px;
	padding: 0;
	position: absolute;
	right: 24px;
	top: -1px;
	width: 38px;
	z-index: 1;
}
.sbib-m-dropdown-toggle:active,
.sbib-m-dropdown-toggle:focus,
.sbib-m-dropdown-toggle:hover {
	background: #000;
	color: #fff;
}
.sbib-m-dropdown-toggle:hover {
	color: #aaa;
}
.sbib-m-dropdown-toggle:before {
	color: inherit;
	content: "\f431";
	font-size: 24px;
	height: 34px;
	line-height: 34px;
	width: 34px;
}
.sbib-m-dropdown-toggle.sbib-m-toggled:before {
	content: "\f432";
}





.bib-auto-alt-text-wrap img {
margin: 0 !important;
}
.bib-auto-alt-text-wrap .alignnone {
margin-top: 12px !important;
}

.bib-auto-alt-text-wrap {
position: relative;
padding: 0px;
margin-bottom: 12px;
overflow: hidden;
height: 100px;
}
.bib-auto-alt-text {
position: absolute;
margin: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
background-color: rgba(255,255,255,0.5);
box-shadow: 0px 0px 40px 40px rgba(255,255,255,0.5);
color: black;
font-size: calc(0.5vw + 28px); 
font-weight: bold;
font-family: "Open Sans", serif;
text-decoration: none;
}






#VGD_SB_menu .VGD_SB_menu_label {
zzz-index: 73 !important;
}
#VGD_SB_menu .VGD_SB_menu_label::after {
zzz-index: 72 !important;
zzright: 7% !important;	
}


article table td figure {
width: unset !important;
}







/*----------------------- COLINEAR-RESPONSIVE -----*/



/*-----  TESTNING -----*/

body {
padding: 0;
margin: 0;
background: #f4f2f2;
}
.bib-test-blackrow {		/* wp-login-toppfält */
background-color: #222;
height: 32px;
width: 100%;
}
.bib-test-sida {
box-sizing: border-box;
/* margin-left: auto;
margin-right: auto;
padding: 0 12px;
width: calc(100% - 24px); */ /* C */
width: 100%; /* K */
}
.bib-test-content {
padding-top: 24px;
height: 1000px;
}
.bib-test-main,.bib-test-sidebar {
display: block;
height: 100%;
width: 100%;
background-color: #eee;
}
.bib-test-sidebar {
margin-top: 24px;
}

.header-image {
width: 100%;
margin-bottom: 24px;
}




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

.TL345 .header-image {
margin-bottom: 0px !important;
}

.TL345 .site-content {
padding-top: 0px !important;
}



.TL345 #primary.content-area {
zzzborder: 1px solid #444 !important;
border: 10px solid #ddd !important;
zzzmargin: 0px 0px 10px 0px !important;
zzmargin: 0px 0px -9px 0px !important;
zzpadding:20px 20px !important;
zbackground: #fef4db !important;
zzz-webkit-transition: height 0.5s !important;
zzztransition: height 0.5s !important;
padding: 0px !important; 
position: relative !important; 
}

.TL345.home #primary.content-area #main article {
padding: 20px !important;
z-webkit-columns: 200px 2; 
z-moz-columns: 200px 2;
zcolumns: 200px 2;
z-webkit-column-gap: 40px;
z-moz-column-gap: 40px; 
zcolumn-gap: 40px;
}

.TL345.home #main article:first-of-type {
border-bottom: 6px solid #ddd8d4 !important;
}


.TL345 #main article {
padding: 20px !important;
border-bottom: none !important;
width: 100% !important;
margin-bottom: 0px !important;
}


.TL345 .site {
width: 100% !important;
zzmax-width: 1188px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

.TL345 .footer-widget {
width: 80% !important;
}




.TL345.home #main .post {
height: 300px !important;
overflow-y: hidden !important;
position: relative;
}
.TL345.home #main .post.TL-expanded {
height: 100% !important;
}

.TL345.home #main #VGD_topp_kal_wrap {
height: 300px !important;
overflow-y: hidden !important;
}
.TL345.home #main #ai1ec_agenda_widget-2 {
height: 300px !important;
}





@media screen and (min-width: 480px) {
.TL345 .footer-widget {
width: 28% !important;
/* display: inline-block; */
float: left;
/* padding-right: 10px; */
}
.TL345 .footer-widget .widget {
font-size: 11px !important;
}
}


@media screen and (min-width: 768px) {
.TL345 #primary.content-area #main article {
padding: 40px !important;
display: inline-block !important;
border-bottom: none !important;
width: 100% !important;
}
.TL345.home #primary #main article:first-of-type {
float: left !important;
padding: 20px !important;
zzzborder-right: 10px solid #ddd !important;
width: 57% !important;
}
.TL345.home #primary #main #VGD_topp_kal_wrap {
float: right !important;
zzpadding: 20px !important;
width: 43% !important;
border-left: 10px solid #ddd !important;
position: relative;
zzzleft: -10px;
padding-right: 10px !important;
font-size: 14px !important;
}
.TL345.home #primary #main article:last-of-type .entry-title,
.TL345.home #primary #main article:last-of-type h2 {
font-size: 24px !important;
word-wrap: normal !important;
}

.TL345 .site {
width: calc(100% - 96px) !important;
max-width: 1188px !important;
margin-left: auto !important;
margin-right: auto !important;
}

.TL345 .footer-widget {
zzzwidth: 30% !important;
}
.TL345 .footer-widget .widget {
font-size: 13px !important;
}




.TL345.home #main {
height: 300px !important;
overflow-y: hidden !important;
}
zz.TL345.home #main .post {
zzheight: 300px !important;
zzoverflow-y: hidden !important;
}

.TL345 #main.TL-expanded {
height: 100% !important;
}
.TL345 #main .post {
height: 100% !important;
}

.TL345.home #primary.content-area #main #VGD_topp_kal_wrap {
height: 100% !important;
zzborder-bottom: none !important;
}
.TL345.home #primary.content-area #main.TL-expanded #ai1ec_agenda_widget-2 {
height: 100% !important;
border-bottom: none !important;
}
.TL345.home #primary.content-area #main.TL-expanded  #VGD_topp_kal_wrap {
border-bottom: none !important;
}
	
}




.home #content #main .entry-header > * {
display: inline;
}

.TL345 #primary #main article figure img {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.TL345 #primary #main article img {
zzzwidth: 100% !important;
padding: 0px 0 10px 0 !important;
zzzpadding-bottom: 10px !important;
}
.TL345 #primary #main article img.alignright, 
.TL345 #primary #main article img.alignleft,
.TL345 #primary #main article figure.alignright,
.TL345 #primary #main article figure.alignleft {
max-width: 40% !important;
}
.TL345 #primary #main article img.alignright {
margin-left: 12px !important;
}
.TL345 #primary #main article img.alignleft {
margin-right: 12px !important;
}
.TL345 #primary #main article figcaption {
font-style: italic !important;
zztext-align: center !important;
padding-left: 5px;
}

.TL345.home .entry-title, .TL345 article h2 {
font-size: 28px !important;
word-wrap: normal !important;
}
.TL345 strong {
zzpage-break-before: always !important;
}
.TL345 #primary #main article p {
zzpage-break-inside: avoid !important;
}


.TL345 #secondary.widget-area {
background: #ddd !important;
}
.TL345 #primary.content-area, .TL345 #secondary.widget-area {
float: none !important;
width: 100% !important;
}
.TL345 .right-sidebar aside {
zdisplay: inline-block !important;
overflow-y: hidden !important;
zwidth: 256px !important;
zheight: 290px !important;
border: 1px #c5c5c5 solid !important;
margin: 10px 0px -5px 10px !important;
padding: 12px !important;
background: white !important;
}
.TL345 .widget-title {
margin-top: 0px !important;
margin-bottom: 10px !important;
border-bottom: none !important;
}
.TL345 .wp-caption-text {
color: #222 !important;
}
.TL345 .right-sidebar aside img {
width: 100% !important;
}
.TL345 .ai1ec-agenda-widget-view .ai1ec-event {
position: static !important;
}
.TL345 .widget-area {
padding-top: 1px !important;
padding-bottom: 10px !important;
}
.TL345 .ai1ec-agenda-widget-view .ai1ec-event {
margin-left: 4em !important;
}
.TL345 .ai1ec-date-title {
margin: 6.5px 0.25em 6.5px 0em !important;
}


.TL345 #VGD_SB > * {
box-sizing: content-box !important;
}
.TL345 #VGD_SB_placeholder {
zzborder: 10px solid #ededed !important;
zzborder-width: 15px 15px 15px 10px !important;
border: 10px solid #ddd !important;
border-width: 0px 12px 0px 12px !important;
padding-bottom: 5px !important;
}
.TL345 #VGD_SB_scroller {
margin-bottom: -270px !important;
}


.TL345 .TL-fade-overlay {
position: absolute !important;
top: 90px !important;
left: 0px !important;
bottom: 0px !important;
right: 0px !important;
background: linear-gradient(to bottom, rgba(255,255,255,0) 40%, rgba(255,255,255,1)) !important;
cursor: row-resize !important;
border-bottom: 2px solid #aaa;	
}
.TL345 .TL-fade-overlay-arrow {
position: absolute !important;
bottom: 0px !important;
left: 49% !important;
cursor: row-resize !important;
color: #bbc;
font-size:32px;
-ms-transform: scale(2.5, 1);
-webkit-transform: scale(2.5, 1);
transform: scale(2.5, 1);
}
.TL345 .TL-fade-overlay-arrow.TL-expanded  {
-ms-transform: scale(2.5, 1) rotate(180deg) !important;
-webkit-transform: scale(2.5, 1) rotate(180deg) !important;
transform: scale(2.5, 1) rotate(180deg) !important;
}
.TL345 .TL-fade-overlay-arrow i  {
background-color: white;
zzzborder-radius: 100px;	
box-shadow: 0px -20px 30px 20px white;
}

.TL345 .TL-fade-overlay.TL-expanded {
display: none !important;
}
.TL345 .TL-fade-overlay:hover ~.TL-fade-overlay-arrow, .TL345 .TL-fade-overlay-arrow:hover  {
color: #fca !important;
}


.navigation.posts-navigation {
display: none !important;
}

.TL345 #media_image-4 {
display: none !important;
}


.TL345 .right-sidebar aside.widget_media_image {
padding: 0px !important;
border: 1px rgba(0,0,0,0.25) solid !important;
}
.TL345 .right-sidebar aside .bib-auto-alt-text {
font-size: 20px !important;
padding-top: 70px !important;
top: 0px !important;
left: 0px !important;
right: 0px !important;
bottom: 0px !important;
transform: none !important;
zzzbackground-color: rgba(255,255,255,0.8) !important;
zzzbox-shadow: 0px 0px 0px 10px rgba(255,255,255,0.6) !important;
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(40,30,0,0.4),rgba(255,255,255,1) 70%) !important;
zzzbackground: linear-gradient(to bottom, rgba(40,30,0,0.4),rgb(248, 244, 230) 70%) !important;	
text-shadow: 0px 0px 20px white !important;
line-height: 1 !important;
text-transform: uppercase !important;
}
.TL345 .right-sidebar aside.widget_media_image figcaption {
position: absolute !important;
bottom: 10px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
padding: 0px 8px 0px 8px !important;
text-align: center !important;
text-shadow: 0px 0px 8px white !important;
}
.TL345 .right-sidebar aside.widget_media_image figure,
.TL345 .right-sidebar aside.widget_media_image figure .bib-auto-alt-text-wrap,
.TL345 .right-sidebar aside.widget_media_image figure img {
width: 100% !important;
height: 100% !important;
margin: 0 0 0 0 !important;
}
.TL345 .right-sidebar aside.widget_media_image figure {
position: relative !important;	
}
.TL345 .right-sidebar aside.widget_media_image figure img {
	width: 130% !important;
	max-width: 130% !important;
	/* margin-left: auto !important; */
	/* margin-right: auto !important; */
	display: block;
	height: auto !important;
	position: relative;
	top: -25%; 
	left: -15%;
}


.right-sidebar aside.bib-ruta-dubbel-aside {
display: none !important;
}
.TL345 .right-sidebar aside.bib-ruta-dubbel-aside {
zzzdisplay: inline-block !important;
display: none !important;
}
.zzzTL345 .right-sidebar aside.bib-ruta-dubbel-aside {
width: calc(66.66% - 13px) !important;
height: 180px !important;
}

.TL345 .entry-content {
max-width: 800px !important;
zzzmargin: 0 auto !important;
}



.TL345 .header-image {
background: url("https://bibliotek.vaggeryd.se/wp-content/uploads/2019/01/lanekort-1-e1546710199397.jpg");
}
.TL345 .header-image > a > img {
visibility: hidden;
}
.TL345 #site-navigation {
border-top: none !important;
border-bottom: none !important;
}
@media screen and (min-width: 864px) {
.TL345 #site-navigation {
border-bottom: 1px solid #aaa !important;
zzzbox-shadow: 0px 6px 7px -4px rgba(0,0,0,0.3);	
box-shadow: 0px 13px 9px -12px rgba(120,120,120,1) !important;
position: relative !important;
z-index:99 !important;
}
.TL345 .site-branding {
padding: 15px 0 !important;
}
}


.TL345:not(.home) .right-sidebar aside,
.zzzTL345:not(.home) #tertiary,
.TL345:not(.home) #VGD_SB_placeholder {
display: none !important;
}

body:not(.TL345) aside#media_image-10 {
display: none !important;
}



.footer-widget:last-of-type #wpcom_social_media_icons_widget-3 {
zzdisplay: inline-block !important;
padding-top: 8px !important;
margin: 0 0 12px;
}
.footer-widget:last-of-type #media_image-9 {
zzdisplay: inline-block !important;
zzfloat: right !important;
padding-top: 4px !important;
}
#colophon {
border-top: none !important;
zzdisplay: none !important;
}


.TL345 .widget {
zzzborder-top: 5px solid #ddd !important;
border: none !important;
}

.TL345 .entry-content .timely p {
font-size: 16px !important;
}

.TL345 .footer-widget {
margin-left: 12px !important;
margin-right: 12px !important;
}

.TL345 #tertiary {
margin-top: 0 !important;
}









/* ----- DEFAULT ----- */

[class|=bib] {
box-sizing: border-box !important;
}
.bib-header {
width: 100%;
height: 100%;
}


.bib-site-branding {
/* font-size: 25px; */
font-size: calc(18px + (50vw / 20));
text-align: center;	
line-height: 1.2;
/* margin-left: 24px; */
padding: 33px 0;
width: calc(100% - 72px);
}
.bib-hamburgare {
display: block;
height: 48px;
width: 48px;
border: none;
font-size: 17px;
float: right;
margin-top: -72px;
}
.bib-ul-desktop, .bib-login-extra, .bib-login-id, .bib-login-pw {
display: none;
}

.bib-header-image-div {
height: 130px !important;
background-repeat: no-repeat;
background-size: cover;
}

.bib-soek-box {
position: relative;
margin-top: -75px;
margin-left: 7px;
z-index: 2;
}
.bib-login-box {
position: relative;
margin-top: -93px;
margin-right: 8px;
right: 0px;
z-index: 2;
}
.bib-soek-extra-typ  a {
font-size: 12px !important;
}

.bib-login-box {
		width: auto;
    height: auto;
		top: 16px;
		right: 40px;
}

.site-branding {
	padding: 14px 0 24px !important;
}


.bib-soek-extra-typ { display: none; }




.TL345 .right-sidebar aside {
display: block !important;
zwidth: calc(100% - 24px) !important;
zheight: 300px !important;
margin-right: 10px !important;
}

.TL345 .right-sidebar aside:not(.widget_ai1ec_agenda_widget) {
height: 140px;
}


#custom_html-4 .widget-title {
text-align: center;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sbi_photo {
zzbackground-size: contain !important;
max-height: 120px !important;
}

.TL345 .right-sidebar aside .bib-auto-alt-text {
padding-top: 40px !important;
}



@media screen and (min-width: 480px) {
.bib-test-sida {
/* padding-left: 24px;
padding-right: 24px;
width: calc(100% - 48px); */  /* C */
}

.bib-soek-extra-typ { display: inline-block; }



.TL345 .right-sidebar aside {
display: inline-block !important;
width: calc(50% - 15px) !important;
height: 210px !important;
margin-right: 0px !important;
}
.TL345 .right-sidebar aside.widget_ai1ec_agenda_widget {
float: left;
height: 652px !important;
}

.TL345 .right-sidebar aside .bib-auto-alt-text {
padding-top: 70px !important;
}
	
} @media screen and (min-width: 768px) {
.bib-test-sida {
word-wrap: break-word;
/* padding-left: 48px;
padding-right: 48px;
width: calc(100% - 96px); */	/* C */
/* margin-left: 20px;
width: calc(100% - 40px); */
width: calc(100% - 96px);
max-width: 1188px;
margin-left: auto;
margin-right: auto;
}

.bib-site-branding {
margin: 0;
font-size: 40px;
line-height: 1.2;
/* text-align: center;	 */
width:100%;
padding: 24px 0;
}

.bib-hamburgare {
display: none;
}
.bib-ul-mobile {
display: none;
}
.bib-ul-desktop {
display: block;
}
.bib-li,.bib-li-dropdown {
/* padding-top: 6px;
padding-bottom: 6px; */
margin-left: calc(10% - 65px);
margin-right: calc(10% - 62px);
}
#primary-menu > li {
    margin-left: calc(9% - 60px);
    margin-right: calc(9% - 67px);
}

.site-header .main-navigation a {
	padding: 6px 12px !important;
}


.bib-soek-extra-typ  a {
zfont-size: 14px !important;
}
.bib-soek-box {
max-width: 380px;
margin-left: 8px;
}


.TL345 .right-sidebar aside {
display: inline-block !important;
width: calc(50% - 15px) !important;
height: 180px !important;
margin-right: 0px !important;
}
.TL345 .right-sidebar aside.widget_ai1ec_agenda_widget {
height: 562px !important;
}

} @media screen and (min-width: 864px) {
.bib-test-sida {
/* max-width: 768px; */
}

.bib-login-box {
display: inline-block;
	top: 0px;
	right: 0px;
	margin-right: 16px;
	width: 216px;
}

.bib-login-extra, .bib-login-id, .bib-login-pw {
display: inline-block;
}

.bib-login-box .input-append .btn {
border-radius: 0 4px 4px 0;
}

.bib-msp-menu-link a {
color: #537 !important;
}
.bib-msp-menu-link:hover a {
color: white !important;
}


.site-branding {
	padding: 24px 0 !important;
}

.bib-ul li a {
/* padding: 6px 24px;  */
}
.bib-header-image-div {
height: 150px !important;
background-repeat: no-repeat;
background-size: 100% auto;
}

.bib-soek-box {
margin-top: -90px;
}
.bib-login-box {
margin-top: -110px;
}

.TL345 .right-sidebar aside {
width: calc(33.33% - 13px) !important;
height: 195px !important;
}
.TL345 .right-sidebar aside.widget_ai1ec_agenda_widget {
height: 401px !important;
}


} @media screen and (min-width: 1056px) {
.bib-test-sida {
/* max-width: 912px; */
}
.bib-test-main {
display: inline-block;
float: left;
width: 528px;
height: 100%;
}
.bib-test-sidebar {
display: inline-block;
float: right;
margin-top: 0;
width: 240px;
height: 100%;
}


.bib-ul li a {
/* padding: 6px 36px;  */
}

.bib-login-box {
margin-top: -110px;
}

.footer-widget:last-of-type {
	float: right;
}

.TL345 .right-sidebar aside {
width: calc(33.33% - 13px) !important;
height: 180px !important;
}
.TL345 .right-sidebar aside.widget_ai1ec_agenda_widget {
height: 371px !important;
}

} @media screen and (min-width: 1272px) {
.bib-test-sida {
/* max-width: 1176px; */
}
.bib-test-main {
width: 704px;
}
.bib-test-sidebar {
width: 328px;
}

.bib-ul li a {
/* padding: 6px 48px;  */
}
.bib-header-image-div {
height: 200px !important;
}

#primary-menu > li {
    margin-left: calc(10% - 80px);
    margin-right: calc(10% - 85px);
}

.TL345 .right-sidebar aside {
zwidth: calc(25% - 12.5px) !important;
zheight: 180px !important;
}
.TL345 .right-sidebar aside.widget_ai1ec_agenda_widget {
zzheight: 371px !important;
}

} @media screen and (min-width: 1380px) {
.bib-test-sida {
/* max-width: 1284px; */
}
.bib-test-main {
width: 776px;
}
.bib-test-sidebar {
width: 364px;
}

.bib-ul li a {
/* padding: 6px 64px;  */
}


}



#masthead {
zzdisplay: block;
zzposition: relative;
zzpadding: 0px;
zzmargin: 0px;
width: 100% !important;
height: 160px !important;
background: #eee !important;
}



.TL345 .ai1ec-agenda-widget-view .ai1ec-event-time {
zzdisplay: none !important;	
}
.TL345 .ai1ec-subscribe-buttons-widget {
zzposition: relative;
zzz-index: 10;
}
.TL345 .ai1ec-calendar-link {
position: absolute;
zzright: 0px;
zztop: -35px;
zzright: 30px;
bottom: 10px;
left: 20px;
z-index: 10;
}

.TL345 aside.widget_ai1ec_agenda_widget {
zzposition: relative !important;
}
.TL345 .VGD-ailec-fade-overlay {
position: absolute;
zztop: 85%;
left: 0;
bottom: 0;
right: 0;
height: 100px;
background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 60%);
}



.ninja-forms-form-wrap .nf-field-element label {
cursor: pointer;	
}
#primary #main article .ninja-forms-form-wrap img {
	padding: 0 0 20px 0 !important;	
  margin-left: auto;
  margin-right: auto;
}
.nf-field-container.hr-container {
	margin-bottom: 20px !important;
}
.VGD_nf_emojiSelContainer ul {
	display: inline !important;
	margin: 0;
}
.VGD_nf_emojiSelContainer li {
	display: inline !important;
}
.VGD_nf_emojiSelContainer li label {
	display: inline-block !important;
	width: 80px;
	height: 70px;
	background: #f7f7f7;
	zzborder-radius: 0;
	padding-top: 15px !important;
}
.VGD_nf_emojiSelContainer li label:not(.nf-checked-label) {
	border: 2px solid #cfcfcf;
}
.VGD_nf_emojiSelContainer li label:hover,
.VGD_nf_imSelContainer li:hover {
	background: #def;
}
.ninja-forms-form-wrap .nf-checked-label {
	background: #def;
	border: 2px solid black !important;
}
.nf-field-label, .ninja-forms-form-wrap h2 {
	color: #075;
}
.ninja-forms-form-wrap input[type="text"] {
	color: #000 !important;
	letter-spacing: 1px !important;
	font-size: 1.1em !important;
}
.ninja-forms-form-wrap hr {
	border: 2px solid #cde;
	margin: 40px 0 20px 0 !important;
}
.ninja-forms-form-wrap .VGD_sb_nummer h2 {
	margin: 30px 0 -5px 0;
	zdisplay: inline;
	font-size: 2.5em !important;
	color: #08c;
}
.VGD_sbok_info {
	background: #eff;
	padding: 20px 15% 20px 10px;
	zdisplay: inline;
	font-size: 1.1em !important;
}
.VGD_nf_imSelContainer ul {
	margin: 10px 0 !important;
}
.ninja-forms-form-wrap * {
	transition: all 0.15s !important;
}



.entry-content, .entry-header {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 800px !important;
}


.ai1ec-calendar-toolbar, .ai1ec-event-summary-footer {
display: none !important;
}


#custom_html-3 {
padding: 20px 7px !important;
text-align: center;
}

#custom_html-3 input#email {
width: calc(90% - 70px) !important;
min-width: 110px;
text-align: center;
}
#custom_html-3 a {
display: block;
margin-top: 15px;
}
#custom_html-3 input[type=submit] {
width: 70px !important;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
#custom_html-3 h2 {
margin-bottom: 5px !important;
}



.site .contact-form label span {
	color: #900000;
}


#zzpost-5342 header,
.VGD_hide,
.VGD_OH_div .VGD_OH_closed:not(:last-child),
.VGD_OH_div .op-overview-shortcode .op-cell:not(.VGD_OH_today),
.VGD_OH_div .op-overview-shortcode dt {
display:none;
}

.VGD_OH_div {
border: solid #777;
border-width: 1px 1px 0px 1px;
zzpadding: 7px;
zwidth: 70%;
zmin-width: 360px;
margin: -20px -20px 0px -20px;
}

.VGD_OH_spacer {
padding: 0;
border-bottom: 10px solid #ddd;
margin: 0 -20px 20px -20px;
}

.VGD_OH_div .VGD_OH_row { 
border-bottom: 1px solid #777; 
padding: 0px 15px;
position: relative;
}
.VGD_OH_row:last-of-type { 
border-bottom: none;
}

.VGD_OH_col { 
zborder: 1px solid magenta; 
display: inline-grid;
padding: 3px 10px 0px 0px !important;
min-width: 90px;
zmax-width: 120px;	
}
.VGD_OH_div_title {
background: #333;
color: white;
padding: 2px 20px;
margin: -2px -15px;
letter-spacing: 0.5px;
}
.VGD_OH_link_col {
zborder: 1px solid #99a;
zborder-radius: 3px ;
zzfloat: right;
padding: 6px 0px 5px 0px !important;
line-height: 1.2;
min-width: unset;
position: absolute;
right: 20px;
}	
.VGD_OH_link {
font-weight: 600;
zfont-size: 90%;
text-align: right; 
color: black;
max-width: 90px;	
}
.VGD_OH_link:hover {
color: #0074d9;
}

.VGD_OH_extra .op-overview-shortcode {
display: block !important;
}	
.VGD_OH_extra .op-cell-description {
display: block !important;
padding: 4px 15px !important;
margin: 0px -15px !important;
background: #fffce0;
font-style: italic;
line-height: 0;
border-bottom: 1px solid #777; 
}

.op-today,
.VGD_OH_closed {
display: block;
font-weight: 600;
font-size: 120%;
text-align: center;
}	

.op-overview-shortcode {
display: inline-block;
zzmargin-right: 80px;
}

.op-overview-shortcode dd { 
margin: 0; 
}
.VGD_OH_div .op-cell,
.VGD_OH_title { 
text-align: center; 
}
.VGD_OH_div .op-period-time {	
font-size: 20px	!important;
font-weight: 600;
margin-top: -5px;
}
.VGD_OH_div .op-closed {	
zfont-size: 130%;
font-weight: 600;
display: block;
padding-bottom: 4px !important;
margin-top: -2px
}

.op-period-time.irregular-opening {	
font-size: 75%; 
font-weight: 400;
line-height: 1 !important;
margin: 2px 0 -4px 0;
font-size: 70% !important;
}
.op-overview-shortcode .irregular-opening,
.irregular-opening + .op-period-time { 
color: #60a!important; 
}
.op-closed { 
color: #611!important; 
}
.VGD_OH_div dl {
margin: 0 !important;	
}
.op-cell-description {
display: block !important;
font-weight: 400 !important;	
line-height: initial !important;
text-align: left !important; 
}

.VGD_OH_page .VGD_OH_div_title {
margin-bottom: 20px !important;
}
.VGD_OH_week .op-overview-title {
font-size: 130%;	
margin:5px 0px 10px 10px;
}

.VGD_OH_week { 
zborder: 1px solid magenta; 
display: inline-grid;
padding: 0px 20px 0px 0px !important;
zmin-width: 100px;
zmax-width: 120px;	
}
.VGD_OH_week .op-cell { 
border: none !important;
padding: 5px 0px !important;	
zmin-width: 90px;
}
.VGD_OH_week th.op-cell { 
text-align: right;
padding-left: 5px !important;
padding-right: 10px !important;
width: 80px;
}
.VGD_OH_week table { 
border: 1px solid #333 !important;
zmin-width: 200px;
}
.VGD_OH_week .op-cell .op-period-time {
font-size: 20px	!important;
font-weight: 400;
padding: 0 10px 0 0 !important;	
}
.VGD_OH_week .op-cell .op-period-time.irregular-opening {	
font-size: 75%	!important;
line-height: 1.2 !important;
margin: 0 0 -4px 0;
}

.VGD_OH_top_block {
padding: 5px 0px 25px 0px;
font-style: italic;
}
.VGD_OH_helglista {
line-height: 1.7;
}

.VGD_OH_page .VGD_OH_div_title {
margin: 0;
}
.VGD_OH_this_week {
margin-bottom: 40px;
}
.VGD_OH_week tr { 
zborder: 1px solid #333 !important;
padding-right: 17px !important;
}




  /* Jetpack: Carousel
  ****************************************** /
  /* Hide Comment Form & Link */
  #jp-carousel-comment-form-container, /* Form */
  div.jp-carousel-buttons a.jp-carousel-commentlink, /* Link */
  #jp-carousel-comments-loading /* Loading Comments text */ {
    display: none !important;
  }
  /* Remove Padding from Link Area */
  .jp-carousel-buttons {
    padding: 0 !important;
  }





/* -----topp-kalender */

.TL345.home #primary.content-area #main .VGD_topp_kalender .widget-title {
padding: 1px 0px 2px 20px !important;
margin: 0px -20px !important;
background: #333 !important;
color: white !important;
text-transform: none !important;
font-size: 16px !important;
font-family: "Source Sans Pro", sans-serif !important;
font-weight: normal !important;
letter-spacing: 1px !important;
}

.TL345.home #primary.content-area #main #VGD_topp_kal_wrap {
padding: 0 20px !important;
border-bottom: 2px solid #aaa !important;
}

.TL345.home #primary.content-area #main #VGD_topp_kal_wrap .VGD_topp_kalender {
padding-top: 0 !important;
}



/* -----kalender-sidan */

.page-id-5292 #primary #main #ai1ec-calendar-view .ai1ec-event-summary > img {	
float: none !important;
max-width: 25% !important;
margin-left: 0px !important;
margin-top: 10px !important;
padding-top: 0px !important;
}
.page-id-5292 .ai1ec-event-summary > * {
display: inline-block;
vertical-align: top;
}
.page-id-5292 #ai1ec-calendar-view .ai1ec-event-description {
max-width: 70% !important;
margin-top: 5px;
max-width: 68%;
margin-left: 10px;
}
.page-id-5292 #ai1ec-calendar-view .ai1ec-event-description:first-child {
margin-left: 0px !important;
}

.page-id-5292 #ai1ec-print-button { display: none !important }


@media screen and (max-width: 500px) {
	.page-id-5292 .ai1ec-event-summary > * {
	display: block !important;
	max-width: none !important;
	}
	.page-id-5292 #primary #main #ai1ec-calendar-view .ai1ec-event-summary > img {	
	max-width: 40% !important;
	margin-left: 0px !important;
	}
	.page-id-5292 #ai1ec-calendar-view .ai1ec-event-description {
	max-width: none !important;
	margin-left: 0px !important;
	}
}

#ai1ec_agenda_widget-2 .ai1ec-event-title { 
font-weight: bold !important; 
margin-left: 3px !important;
font-size: 110%;
}
#ai1ec_agenda_widget-2 .ai1ec-event-title .ai1ec-event-location { 
font-weight: normal !important; 
display: block;
font-size: 80%;
}