html, body { }
body { font-family: 'Roboto', sans-serif; }
#Wrap {  }

.main-wrapper { padding: 1.5rem 1.5rem; }


.badge.badge-pink { background-color: var(--pink); }


/* alerts
-- ----------*/
.alert-success { border:0; border-left: 4px var(--wu-green) solid; background-color: var(--wu-green-20); }
.alert-info { border:0; border-left: 4px var(--wu-blue) solid; background-color: var(--wu-blue-20); }
.alert-info .alert-link { color: var(--wu-blue); }
/*
.btn-success { background-color: var(--wu-green); border-color: var(--wu-green); }
*/
/* bootstrap
-- ----------*/
/*
.container-fluid { padding-left: 0; padding-right: 0; }
*/

.payment-item { border: 1px var(--wu-light) solid; border-left-width: 4px; transition: all 0.1s; }
.payment-item:hover { border-left: 4px var(--wu-green) solid !important; background-color: var(--wu-beige-20); }
.payment-item:hover .custom-control {  }
/*
.ko-card-overview .row-hover { border-left-width: 4px; transition: all 0.3s; border-color: #eee !important; }
.ko-card-overview .row-hover:hover { border-left: 4px var(--ko-link-hover-color) solid !important; background-color: #fff7dd; }
*/
.carousel-inner .carousel-item { /*background-size: contain; background: linear-gradient(to top,rgba(255,255,255,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,0.04) 16%,rgba(0,0,0,0.23) 75%,rgba(0,0,0,0.33) 100%)*/ }
.carousel-control-next,.carousel-control-prev { background: none; border: 0; }
.carousel-inner .carousel-item { 
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgb(209, 209, 202);
}

.carousel-caption { bottom: 40px; }
.carousel-caption h1 { font-size: 6vw; font-weight: 700; color: #fff; text-shadow: 1px 1px 10px #333; }
.carousel-caption h2 { font-size: 4vw; font-weight: 400; color: #fff; text-shadow: 1px 1px 10px #333; }
.carousel-caption p { padding: 20px; background-color: rgba(0,0,0,0.5); border-radius: 4px; }

/* Important part */
.modal-dialog { overflow-y: initial !important; }
#KOGDPRModal .modal-body { height: 400px; overflow-y: auto; }

.GDPR { height: 350px; overflow: auto; padding:10px; margin-bottom: 20px; border: 1px #eee solid; border-radius: 4px; }
.nav-ko-usermenu a {
	color: #333 !important;
}

.nav-ko-usermenu a.switchrole { color: #BB0000; }

.form-group.required label:after {
  content:"*";
  padding-left: 3px; 
  color:var(--ko-primary);
} 

.phone-number .col-3::after{
 content: "-";
 position:absolute;
    right: -3px;
    color: black;
	font-weight: 700;
	font-size: 16px;
    border: 0px solid;
    top: 0px;
}
.phone-number .form-control { padding: 6px;  }

.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navbar-default { box-shadow: none; }

.fa-ul { margin-left: 1.8333em; }
.fa-ul > li { margin: 3px 0; line-height: 1.223434; }

.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
	background: linear-gradient(to bottom,#333 0,#535252 100%);
}

.breadcrumb { border-radius: 0; }

.GInfo hr { margin-top: 0; }
.GInfo .checkbox { margin: 0; }

em { font-style: italic; }
blockquote { font-size: inherit; font-style: italic; border-left: 0; }
strong { font-weight: 700; }
a, 
h3 a:hover { color: var(--ko-primary); }
h1#Debug-Header { margin: 10px; font-size: 1rem; font-size: 10px; }
pre#Debug { display: none; }
pre#Debug { font-family: "courier new", tahoma; border: 1px #ddd solid; background-color: #fff; }
#loadMsg { position: absolute; top: 50%; left: 50%; margin-left: -110px; margin-top: -70px; line-height: 2rem; line-height: 20px; z-index: 1010; display: block; padding: 10px; width: 200px; height: 100px; font-size: 1.2rem; font-size: 12px; text-align: center; background-color: #fff; border: 1px #ddd solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
#loadMsg img { padding-bottom: 10px; }

#loadSuccess { display: none; z-index: 1001; position: fixed; top: 10%; left: 50%; margin-left: -110px; margin-top: -70px; font-size: 20em; }
#loadFailure { display: none; z-index: 1001; position: fixed; top: 10%; left: 50%; margin-left: -110px; margin-top: -70px; font-size: 20em; }

a {
	color: var(--ko-link-color);
	transition: all 0.3s; 
}

a:hover {
	color: var(--ko-link-hover-color);
}

.user-start-nav .nav-tabs { font-size: .9rem; }

.maxwidth { max-width: 600px; }

.navbar-inverse { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }

.NewsItem.ForumReply { border-left: 5px #eee solid; border-bottom: 0; margin-left: 20px; margin-bottom: 25px; padding-left: 10px; }
.reply-info a { color: #fff; padding: 15px 5px; }

/* header/footer
-- --------------------*/
#Header { box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }
.site-header { /*padding-left: 0; padding-right: 0;*/ }
.site-header img { width: 100%; }
.site-header a h1 { margin: 0px 0 10px 0; font-size: 3rem; font-size: 30px; color: var(--ko-primary); font-weight: 600; }
.site-header a h3 { margin: 5px 0 10px 0; font-size: 1.7rem; font-size: 17px; font-weight: 400; font-style: italic; color: #333; }
.site-header a:hover { text-decoration: none; }

.header-image-wrap .header-image { 
	max-width: 100%;
}

.site-background .container-fluid .header-image-wrap .header-image { 
	margin-left: -15px;
	margin-right: -15px;
}

.header-image-wrap #Logotype {
	margin-right: 25px; 
}

.header-image-wrap .site-brand a:hover,
.header-image-wrap .site-brand a:focus { 
	text-decoration: none;
}

.header-image-wrap .site-brand { 

	color: #333;
	font-size: 45px;
	font-size: 4vw;
	font-weight: 700;
}
.header-image-wrap .site-brand small { 
	color: #333;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 0px; 
	display: block;
}

.navbar-brand img { max-width: 350px; }

.navbar { margin-bottom: 0; border: 0; }
.navbar-extra { 
	padding: 15px 15px; 
	position: relative; 
	display: block; 
	float:left;
	
	line-height: 20px;
	color: #9d9d9d;
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);

}
.navbar-extra:hover,
.navbar-extra:focus {
	color: #fff;
	background-color: #080808;
	text-decoration: none;
}

.top-navigation .navbar-brand,
.top-navigation .navbar .navbar-nav > li > a { border-radius: 4px; } 
.top-navigation .navbar-header .navbar-extra,
.top-navigation .navbar .navbar-nav > li > a,
.default-navigation .navbar .navbar-nav > li > a, 
.dropdown-menu > li > a {
	font-family: inherit;
	font-weight: 500;
}

.regular-post .page-title { color: var(--ko-heading-color); }
.widget .widget-title { font-family: inherit; font-size: 1.1rem; text-transform: uppercase; font-weight: 700; color: var(--ko-heading-color); border-color: var(--ko-heading-color); }

.top-navigation .navbar { border:0; border-bottom: 2px #000 solid; }
.top-navigation-back { background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%); border-bottom: 1px #fff solid; }

.default-navigation-back { background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%); background-color: #fff; border-top: 1px #333 solid; border-bottom: 1px #eee solid; }
.crumbs-back { background-color: #fff; border-bottom: 1px #333 solid; }
.breadcrumb { border-top: 0; background-color: transparent; }
.breadcrumb li { font-size: .75rem; }

/*
.navbar-collapse { padding: 0; }
*/

.footer.footer-top { background-color: #000; color: #fff; }
.footer .footer-bit:first-child { border: 0; } 
.footer .footer-bit h4 { font-family: inherit; text-transform: uppercase; font-weight: 700; margin-top: 10px; border-bottom: 0; color: inherit; /*border-bottom: 1px #ccc solid;*/ }

.footer .about { }
.footer a { color: #fff; }
.footer a:hover,a:active { text-decoration: underline; color: inherit; }
.footer ul li { margin: 10px 0; }

.footer ul.fa-ul li { line-height: 1.5em; }

.footer .KanslietOnline { padding: 10px 0; text-align: center; }
.footer .KanslietOnline .Logotype a { display: block; padding-top: 15px; }
.footer .KanslietOnline .Logotype img { max-width: 170px; }
.footer .Copyright { color: #777; text-align: right; }
.footer .Copyright a { color: #777; }

.footer.footer-bottom { background-color: #000; padding: 10px 0; }

/*
#CookieMessage { position: fixed; z-index: 999; top: 0px; margin: 10px; padding: 0px 150px 30px; width: 97.5%; background-color: #fff; border: 1px #ddd solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
#CookieMessage button { float: right; margin-top: 15px; }
*/

/* content
-- --------------------*/
.regular-post .entry-header .entry-title small { color: #333; font-size: 1.1rem; float: right; }

.regular-post ,
.widget ,
.form-table td { }


.regular-post ol, .regular-post ul, .widget  ol { margin-left: 0rem; }
.regular-post  ol li, .widget  ol li { padding: 0 5px 2px; }
.ui-widget { font-family: inherit; font-size: inherit; }

.regular-post img { max-width: 100%; }

table.WeekSchedule { width: 100%; }
table.WeekSchedule th,
table.WeekSchedule td { padding: 2px 3px; }
table.WeekSchedule th { font-weight: bold; text-align: left; }
table.WeekSchedule tr td { border-top: 1px #c8996b solid; } 

/* sidebar/widgets
-- --------------------*/
.widget { /*margin-bottom: 20px;*/ }
.widget-title img { }
.regular-post .entry-header .entry-title,
.widget-title { margin-top: 0; line-height: 2.5rem; line-height: 25px; height: 30px; border-bottom: 1px #333 solid; }
.widget .WidgetContent img { max-width: 100%; }


.NewsItem { border-bottom: 1px #E5E5E5 solid; margin-bottom: 15px; padding-bottom: 10px; }
.NewsItem header { cursor: default; margin-bottom: 10px; }
.NewsItem header span { float: left; margin-right: 10px; padding-bottom: 2px; text-align: center; font-weight: 700; font-size: 1.4rem; font-size: 14px; color: #333; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.NewsItem header span small { display: block; padding: 5px; margin-bottom: 2px; font-size: 1rem; font-size: 10px; color: #fff; text-transform: uppercase; border-radius: 3px; background-color: var(--ko-primary); }
.NewsItem header h3 a { color: #333; }
.NewsItem header h5 { color: #aaa; margin: 0 0 7px; font-size: 1.1rem; font-size: 11px; }


div.NewsItem header span { float: left; margin-right: 10px; text-align: center; font-weight: bold; color: #333; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
div.NewsItem header span small { display: block; color: #fff; text-transform: uppercase; border-radius: 3px; background-color: var(--ko-primary); }

.Calendar-Nav { font-size: 1.3rem; font-size: 13px; text-align: center; margin-top: 0; }
.Calendar-Nav a { color: #333; margin: 0 10px; }
.Calendar-Nav a .fa { font-size: 1.5rem; font-size: 15px; }

.eventBox { cursor: pointer; font-size: 11px; border-radius: 2px; padding: 2px 3px; float: left; display: inline-block; color: #333; margin-right: 10px; width: 100%; max-width: 75px; text-align: center; }
.eventBox.activity { background-color:#99ABEA; border-color:#344b98; color:#344b98 }

/* Träning */
.eventBox.activity.type1 { }

/* Match/Tävling/Cup */
.eventBox.activity.type2 { }

/* Möte */
.eventBox.activity.type3 { }

/* Utbildning */
.eventBox.activity.type4 { }

/* Läger */
.eventBox.activity.type5 { }

/* Övrigt */
.eventBox.activity.type6 { }

/* Årsmöte */
.eventBox.activity.type7 { }

/* Styrelsemöte */
.eventBox.activity.type8 { }

/* Kommittémöte */
.eventBox.activity.type9 { }

.eventBox.competition { text-align: center; background-color:#A6113C; border-color:#820F20; color:#ffffff }
.eventBox.news { text-align: center; background-color:#2cd97a; border-color:#26be6a; color:#000000 }

.Events ul { list-style-type: none; padding: 0; }
.Events ul li { padding: 0; line-height: 2rem; line-height: 20px; margin: 2px 0; }
.Events span {  } 

.DayNo { width: 2%;  }
.Last .DayNo { color: var(--ko-primary); }
.Last td { border-bottom: 1px #ddd solid; }

div.MessageBox { margin: 10px 5px; padding: 10px 10px 10px 55px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 3px 3px 4px #CCCCCC; -moz-box-shadow: 3px 3px 4px #CCCCCC; -webkit-box-shadow: 3px 3px 4px #CCCCCC; }
div.MessageBox.Success { color: #677e08; background: url(../pics/icons/24/check.png) #e6f5a4 no-repeat 15px 7px; border: 2px #677e08 solid; }
div.MessageBox.Success a { color: #677e08; }
div.MessageBox.Notice { color: #555; background: url(../pics/icons/24/about.png) no-repeat #eee 15px 7px; border: 2px solid #d1d1d1; }
div.MessageBox.Notice a { color: #555; }
div.MessageBox.Warning { color: #c6be42; background: url(../pics/icons/24/warning.png) #fffcc5 no-repeat 15px 7px; border: 2px #c6be42 solid; }
div.MessageBox.Warning a { color: #c6be42; }
div.MessageBox.Error { color: var(--ko-primary); background: url(../pics/icons/24/delete2.png) #fae5e5 no-repeat 15px 7px; border: 2px #f0b2b2 solid; }
div.MessageBox.Error a { color: var(--ko-primary); }
div.MessageBox h3 { font-size: 1.8rem; font-size: 18px; font-weight: 700; margin: 0px 0 2px;}

 div.MessageBox p { margin: 0 0 5px 0; }
 div.MessageBox a { text-decoration: underline; }
.regular-post  div.MessageBox ul, 
.regular-post  div.MessageBox ol { margin-bottom: 0; }

.color-green { color: #0e791b; }
.color-yellow { color: #c8ae00; }
.color-red { color: #ae0909; }

.hasError { color: var(--ko-primary); border: 1px #f0b2b2 solid; background: url(../pics/icons/warning.png) no-repeat #fae5e5 97% center; }

/* datatables
-- -----------*/
.table tr.selected td { color: #000; background-color: #fff7dd; }
.table .table-tools { white-space: nowrap; }
.table tbody td button, .table tbody td a.btn { margin-left: 5px; }
.table tbody td button:first-child, .table tbody td a.btn:first-child { margin-left: 0; }
.table.table-hover tr:hover td { background-color: #fff7dd; }
.dt-small { font-size: smaller; margin-bottom: 10px; }


table td .actions a { padding: 3px 4px; color: #008000; font-size: 11px; border-radius: 2px; text-decoration: none; }
table td .actions a:hover { color: #fff; background-color: #008000; }
table td .actions a.Remove { color: #cc0000; }
table td .actions a.Remove:hover { color: #fff; background-color: #cc0000; }

/* attachments
-- -----------*/
.AttachmentsWrapper { margin-bottom: 20px; }
.AttachmentsWrapper table { margin-bottom: 0; }
/* school/group list
-- --------------------*/
.SubNav ul {
/*	border-bottom: 2px var(--ko-primary) solid;*/
	background-color: #fff;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2)
}
.SubNav ul li {  }
.SubNav ul li a { font-weight: 700; }
.SubNav ul li a { font-size: 1.2rem; font-size: 12px; line-height: 1.5rem; line-height: 15px; }
/*
.SubNav ul li ul { display: none; }
*/
.SubNav ul li a {
	padding: 10px 0px 10px 10px;
	display: block;
    color:#111111;
	background-color: #fff;
    border-top: 1px solid #eeeeee;
}

.SubNav ul li a:hover {
	color:var(--ko-primary);
}
.SubNav ul li li a { padding-left: 15px; }
.SubNav ul li li li a { font-weight: normal; padding-left: 25px; }

.SubNav ul li ul { margin: 5px 0 0 0; }
.SubNav li a span { margin-right: 10px; margin-top: 2px; font-size: 10px; float: right; }

/* school
-- --------------------*/
.Levels .entry-header h2 { margin-bottom: 20px; font-size: 2.5rem; font-size: 25px;  font-weight: 700; }
.Levels h3 { margin-bottom: 10px; font-size: 2.0rem; font-size: 20px;  font-weight: 700; }
.Levels aside { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px #ddd solid; }

/* navigation
-- --------------------*/
.MainNavigation li a,
.MainNavigation li span { font-weight: 700; padding-left: 10px; }

.MainNavigation ul a,
.MainNavigation ul span { font-weight: 400; }

.MainNavigation.TreeView ul li a,
.MainNavigation.TreeView ul li span { font-weight: 400; padding-left: 20px; }

.MainNavigation.TreeView ul li ul li a,
.MainNavigation.TreeView ul li ul li span { font-weight: 400; padding-left: 30px; }

.MainNavigation.TreeView ul li ul li ul li a,
.MainNavigation.TreeView ul li ul li ul li span { font-weight: 400; padding-left: 40px; }

.MainNavigation a.selected { color: var(--ko-primary); }


ul.UpcomingOccasions ul { margin-bottom: 10px; }
ul.UpcomingOccasions li { margin-bottom: 3px; }

/* images
-- --------------------*/
img.LeftImage,
img.RightImage {
	border-radius: 3px;
	max-width: 100%;
/*	box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);*/
}
img.LeftImage {
	float: left;
	border: 0px;
	margin: 0 24px 12px 0;
	max-width: 100%;
}

img.RightImage {
	float: right;
	border: 0px;
	margin: 0 0 12px 24px;
}

.toggleMenu {
    display:  none;
	position: absolute;
	top: 5px; 
	right: 5px; 
	/*
	width: 39px;
	height: 35px;
	*/
	width: 30px;
	/*
	position: relative;
	top: 10px;
	left: 10px;
	
	line-height: 30px;
	*/
	cursor: pointer;		

	padding: 2px 3px; 
	border: 1px solid #222;
	color: #fafafa;
	font-weight: bold;
	background-color: #111;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -moz-linear-gradient(#444, #111); 
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -webkit-linear-gradient(#444, #111);	
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -o-linear-gradient(#444, #111);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, -ms-linear-gradient(#444, #111);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat center center, linear-gradient(#444, #111);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

.toggleMenu:hover,
.toggleMenu:focus { color: #fff; }

.TheTarget { border-radius: 2px; margin: 15px 0 15px 20px; padding: 5px; background-color: #fff; border: 1px #ddd solid; }
.TheTarget h3 { margin-top: 0; }

/* jquery ui
-- --------------------*/
.regular-post  .ui-tabs-nav, .widget  .ui-tabs-nav { margin: 0; }
.ui-autocomplete-loading { background: url(../pics/icons/loader16.gif) right center no-repeat; }
.ui-autocomplete-category { font-size: 1rem; font-size: 10px; font-weight: 700; padding: 2px 5px; }
.ui-autocomplete a { font-size: inherit; text-decoration: none; }
.ui-autocomplete-highlight { color: var(--ko-primary); }
.ui-dialog .ui-dialog-title { font-size: 12px; font-size: 1.2rem }

.ui-widget-header { background: #cccccc url("../pics/ui-bg_gloss-wave_500x100.png") repeat-x scroll 50% 50%; }

.widget .WidgetContent.hideMe { display: none; }
.widget .WidgetContent.showMe { display: block; }

.ui-front { z-index: 9999; }

.ui-menu .ui-menu-item-wrapper { padding: .5rem !important; margin: 0; display:block;}
.ui-menu-item-wrapper.ui-state-active,
.ui-menu-item-wrapper:hover { border: 0; background: #ddd; padding: 5px 3px; margin: 0; color: #333;}

/* pager
-- --------------------*/
.ko-pager { margin: 0; }

/*
.regular-post  ul.pager, 
.widget  ul.pager { float:left; margin: 10px 0; padding: 0; }
.regular-post  ul.pager li { padding: 0; }
.regular-post  ul.pager li > a, .regular-post  ul.pager li > span { border-radius: 4px; padding: 2px 5px; }

.regular-post  ul.pager li.current_info,
.regular-post  ul.pager li.first_before, 
.regular-post  ul.pager li.first_after, 
.regular-post  ul.pager li.current_page 
{ background-color: #C3161C; color: #fff; border-radius: 4px; padding: 2px 5px; font-weight: 400; }
*/

a.FBShare, a.TWShare { padding: 4px 10px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-size: 9px; font-weight: 700; }
a.FBShare span, a.TWShare span { margin-left: 5px; }
a.FBShare { color: #fff; background-color: #4267b2; }
a.FBShare:focus, a.FBShare:hover { color: #fff; background-color: #365899; text-decoration: none;}

a.TWShare { color: #fff; background-color: #1b95e0; }
a.TWShare:focus, a.TWShare:hover { color: #fff; background-color: #0c7abf; }


/* sitemap
-- --------------------*/
.sitemap-level-0 { padding-left: 5px; }
.sitemap-level-1 { padding-left: 15px; }
.sitemap-level-2 { padding-left: 25px; }
.sitemap-level-3 { padding-left: 30px; }
.sitemap-level-4 { padding-left: 45px; }
.sitemap-level-5 { padding-left: 55px; }

.Sitemap ul {
	float: left;
}

.ShownOnResponsive { position: absolute; left: -9999px; top: -9999px; }

.tab-pane#awards h3:first-child { margin-top: 0; }
.AwardBit {  }
.AwardBit h4 { margin: 2px 0; }
.AwardBit img { margin: 0 10px 0 10px; }
.AwardBit p { float: left; }
.AwardBit ul { margin-left: 1.5em; }
.AwardBit ul li { line-height: 1.8em; }
.AwardBit ul li .fa-li { padding-top: 3px; }


.SearchResults .highlight { font-weight: 700; color: #f1641f; }

.BecomeMember { font-weight: bolder; font-size: 14px; }

.iti { width: 100%; }

.UserInfo h3 { margin-top: 0; }
.iti__country-list { z-index: 99!important; }

.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 18px;
  line-height: 1.42;
  border-radius: 50%;
}

.btn-circle.xs { width: 20px; height: 20px; font-size: 10px; }

/* widgets / panels
-- ------------*/
.widget img { max-width: 100%; }
.widget.news .allnews { padding-top: 20px; }
.widget.news .allnews a { font-size: 20px; }
.widget-news-archive .news_archive li {	margin: 2px 0; }
.widget.text img,
.widget.image img { max-width: 100%; }
.widget.alertbox .alert { max-width: 1170px; margin: 0 auto; }
.panel-promo-top .widget.alertbox .alert,
.panel-promo-bottom .widget.alertbox .alert { font-size: 18px; }

.slick-slide img { margin: 10px auto; }
.slick-slide { text-align: center; }

/*
.panel-promo-top, .panel-promo-bottom, .container .panel-footer { margin-left: -15px; margin-right: -15px;}
*/
/*
.panel-promo-top .widget { max-width: 320px; float: left; margin-left: 20px; }
.panel-promo-top .widget:first-child { margin-left: 0; }
*/
.panel-promo-top .widget.sponsor .has-slick div.slick-slide { text-align: center; }


.flex-even {
  flex: 1;
}

#sidebar-1 .widget.imagetextadvanced .d-flex,
#sidebar-2 .widget.imagetextadvanced .d-flex { flex-wrap: wrap !important; }
#sidebar-1 .widget.imagetextadvanced .flex-even,
#sidebar-2 .widget.imagetextadvanced .flex-even {  flex: 1 1 200px !important; }
#sidebar-1 .widget.imagetextadvanced .imagetextadvanced-text,
#sidebar-2 .widget.imagetextadvanced .imagetextadvanced-text { padding-top: 1rem !important; padding-left: 1rem !important; padding-right: 1rem !important; }

.panel-promo-top .widget.sponsor .no-slick div,
.panel-promo-bottom .widget.sponsor .no-slick div { display: inline-block; margin-left: 20px; }
.panel-promo-top .widget.sponsor .no-slick div:first-child,
.panel-promo-bottom .widget.sponsor .no-slick div:first-child { margin-left: 0; }

/* widget news
-- --------------*/
.widget.news .news-card { }
.widget.news .news-card .thumbnail { height: 100%; }
.widget.news .news-card .thumbnail .caption h3 a { color: #000; }

.news-excerpt { font-weight: bold; }
.widget.news .news-excerpt { font-weight: normal; }

.widget-news-grid .featured { background-position: center; background-repeat: no-repeat;  background-size: cover; }

/* widget map
-- --------------*/
.widget.map { margin-bottom: 0; }
.widget.map .widget-map-container { height: 400px; }

/* image / effect
-- --------------*/
.widget.image {
  height: auto;
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.widget.image .img-hover-zoom img {
  transition: transform .5s ease;
}
.widget.image .img-hover-zoom:hover img {
  transform: scale(1.5);
}
.widget.image .img-hover-zoom-n-rotate img {
  transition: transform .5s ease-in-out;
}
.widget.image .img-hover-zoom-n-rotate:hover img {
  transform: scale(2) rotate(25deg);
}

/* medlemskort
-- ------------*/
body.medlemskort { background-color: #fff; }
.medlemskort-footer img { padding: 15px 0 0 0; }

.font-weight-bold { font-weight: 600; }
/*
.PaymentMethods .type1 { display: none; }

#PaymentMethods { display: none; }
*/
.app-badges { text-align: right; }
.app-badges a { display: inline-block; margin-left: 16px; }
.app-badges a:first-child { margin-left: 0; }
.app-badges a img { width: 100%; max-height: 45px; }

/* kallelser
-- ---------------*/
.invite-reply-label { cursor: pointer; text-align: center; font-size: 16px; padding: 15px 25px; border-radius: 10px; border: 1px #eee solid; box-shadow: 3px 3px 10px #eee; }
.invitiation-button div { float: left; }

.invitiation-button div { margin-left: 10px; }
.invitiation-button div:first-child { margin-left: 0; }

.invitiation-button div input[type="radio"] { position: absolute; left: -9999px; }
.invitiation-button div input[type="radio"]:checked + label.text-success {background: #3c763d; border-color: #3c763d; color: white; }
.invitiation-button div input[type="radio"]:checked + label.text-danger { background: #a94442; border-color: #a94442; color: white; }
.invitiation-button div input[type="radio"]:checked + label.text-muted { background: #777; border-color: #777; color: white; }

/*
.widget.text .invitation-message { margin-bottom: -10px; }
.widget.text .invitation-message .alert { margin: 0; }
*/

/*
.invitation-message { padding: 15px; margin-top: 25px; box-shadow: 0 2px 20px rgba(100, 100, 100, 0.3); }
*/

/* bs4 utilities
-- --------------------*/
.fa-8x { font-size: 8rem !important; }
.fa-12x { font-size: 12rem !important; }
.fa-15x { font-size: 15em !important; }
.border-2 { border-width:2px !important; }
.border-3 { border-width:3px !important; }
.border-4 { border-width:4px !important; }


.notify-buttons { color: #333; text-decoration:none; }
.notify-buttons:hover { text-decoration:none !important; color: #fff; background-color: var(--ko-link-hover-color); border-color: #fff; }

/* overview box
-- ---------------*/
.ko-card-overview .row-hover { border-left-width: 4px; transition: all 0.3s; border-color: #eee !important; }
.ko-card-overview .row-hover:hover { border-left: 4px var(--ko-link-hover-color) solid !important; background-color: #fff7dd; }


.ko-card-overview .row-hover h5 a { transition: all 0.3s !important; }

.ko-card-overview .row-hover:hover  h5 a,
.ko-card-overview .row-hover h5 a:hover { color: var(--ko-link-hover-color) !important; text-decoration: none; }


.gallery-thumb-caption { background-color: rgba(52,58,64,.8); } 

/*
.btn-success { background-color: var(--wu-maroon); border-color: var(--wu-maroon); }
*/
.btn-secondary { background-color: var(--wu-dark-40); border-color: var(--wu-dark-40); }
.btn-secondary:hover { background-color: var(--wu-dark-60); border-color: var(--wu-dark-60); }

/* media queries
-- --------------------*/
@media only screen and (max-width: 1000px) {	
	/*#Wrap { padding: 0; margin: 0;}	*/
	/*
	#Container { padding: 10px; }
	*/
}
@media only screen and (max-width: 640px) {	
	#CookieMessage { margin: 0px; padding: 10px; width: 100%; border: 0px; border-bottom: 1px; box-shadow: 0px 3px 4px #CCCCCC; -moz-box-shadow: 0px 3px 4px #CCCCCC; -webkit-box-shadow: 0px 3px 4px #CCCCCC; }
	#CookieMessage button { float: none; margin-top: 10px; }

	.site-header h1 { margin: 0px 0; padding: 5px 2px; font-size: 2rem; font-size: 20px; }
	.site-header h3 { margin: 5px 0; padding: 0px 2px; font-size: 1.5rem; font-size: 15px; }
	
	.header-image-wrap .site-brand { font-size: 8vw; }

	.regular-post  .ui-tabs .ui-tabs-nav li { float: none; padding: 5px 3px; }
	.regular-post  .ui-tabs .ui-tabs-nav li a { float: none; padding: 4px; } 
	.regular-post  .ui-tabs .ui-tabs-nav li.ui-corner-top { border-radius: 0; } 
	.regular-post  .ui-tabs .ui-tabs-nav { border: 0; background: none; }
	.regular-post  .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 5px 3px; margin: 0 0.2em 1px 0;}
	.regular-post  .ui-tabs .ui-tabs-panel { padding: 10px 5px; }

	.footer .footer-bit { min-height: 0; }
}

@media only screen and (max-width: 576px) {
	#main { padding: 0rem 1rem !important; }
	.main-wrapper { padding: 0 1rem; border: 0 !important; border-radius: 0 !important; }
	.main-wrapper.shadow { box-shadow: none !important; }
	.card { border: 0 !important; border-radius: 0 !important; }
	.card.shadow-sm { box-shadow: none !important; }
	.card .card-img, .card-img-top { border-radius: 0 !important; }

/*
	.panel-promo-top, .panel-promo-bottom, .container .panel-footer { margin-left: 0; margin-right: 0;}
*/
}

@media only screen and (max-width: 480px) {
/*
	.carousel-inner .carousel-item { background-position: center left; }
*/
	.site-header a {  }
	.site-header a h1 { width: 300px; display: inline-block; padding: 5px 2px; font-size: 2rem; font-size: 20px; }
	.site-header a h3 { margin: 5px 0; padding: 0px 2px; font-size: 1.5rem; font-size: 15px; }
	.site-header img.header-image { display: none; }


	.site-title,
	.site-description {
		position: relative;
	}

	.top-navigation { margin-bottom: 0; }
	
	.site-header a.site-title h1 { margin-bottom: 10px; }
	
	.breadcrumb { display: none; }
	ul#HeaderNav { float: none; }
	ul#HeaderNav ul { left: 0; }
	ul#HeaderNav li { }
	
	.footer .Copyright { text-align: center; }

	.Levels img { width: 20%; }

	img.LeftImage, img.RightImage { float:none; max-width: 100%; }

	.TheTarget { margin-left: 0; }
	
	.regular-post  ul.ButtonsWithIcons { margin: 0; }
	.regular-post  ul.ButtonsWithIcons li { padding: 0; }

	.ui-button { display: block; width: 100%; margin: 2px 0; text-align: left; }
	
	/*.header-image-wrap div { float: none; width: 100%; text-align: center; }*/
	.header-image-wrap #Logotype { padding: 0; padding-top: 10px; padding-bottom: 0; }
	.header-image-wrap #Foreningsnamn { margin-left: 0; padding-top: 0; }
	.header-image-wrap #Foreningsnamn h1 { 
		font-size: 45px;
		font-size: 10vw;
	}
	
	.app-badges { text-align: center; }
	.app-badges a { display: block; margin: 15px 0; }
	.app-badges a img { max-width: 140px; }
	
	
	.navbar-brand img { max-width: 250px; }
	
	.carousel-inner { max-height: 30vh; }
}