/*
	Theme Name: Entré Sundsvall
	Theme URI: http://www.entresundsvall.nu
	Description: Här hittar du information och biljetter till evenemang i Sundsvall.
	Version: 1.0
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Reset
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

html,
body
{
	margin: 0;
	padding: 0;
}

blockquote,
q
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Base
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

*,
*:after,
*:before
{
	/*
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
	outline: 0;
}

html
{
	background-color: #f3f5f7;
	background-color: #fff;
	/*background-color: #f9fbfd;*/
	/*background: url('img/background.jpg');*/
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15.5px;
	font-size: 18px;
	font-size: 16px;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	cursor: default;
}

body
{
	font-weight: 400;
	color: #011927;
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 1;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td
{
    direction: ltr;
    margin: 0;
    padding: 0;
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	margin: 0;
}

h1,
h2,
h3
{
	/*
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-before: 2;
	-webkit-hyphenate-limit-after: 3;
	-webkit-hyphenate-limit-lines: 2;
	-moz-hyphenate-limit-before: 2;
	-moz-hyphenate-limit-after: 3;
	-moz-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-before: 2;
	-ms-hyphenate-limit-after: 3;
	-ms-hyphenate-limit-lines: 2;
	hyphenate-limit-before: 2;
	hyphenate-limit-after: 3;
	hyphenate-limit-lines: 2;
	word-break: break-word;
	word-wrap: break-word;
	*/
}

p
{
	margin: 0;
}

a
{
	color: inherit;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ul,
ol
{
	list-style: none;
}

b,
strong
{
	font-weight: bold;
}

hr
{
	border-width: 1px 0 0;
	border-style: solid;
	border-top-color: #ebedef;
	height: 1px;
	margin: 40px 0;
}

img
{
	max-width: 100%;
	max-height: 100%;
	height: auto !important;
	vertical-align: top;
	border: none;
}

a:focus,
area:focus,
button:focus,
input:focus,
object:focus,
select:focus,
textarea:focus,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before
{
    outline: none !important;
    box-shadow: 0 0 0 1px #3a77b8, 0 0 0 3px rgba(255, 255, 255, 0.7);
}

.focus--mouse,
.focus--mouse + label:before
{
	box-shadow: none !important;
}

input::-ms-clear
{
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
}

input::-moz-focus-inner,
button::-moz-focus-inner
{
	border: 0;
}

select
{
	background-color: transparent;
	color: #6a7780;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-appearance: none;
}

::-webkit-input-placeholder
{
   color: #6a7780;
   opacity: 1;
}

:-moz-placeholder,
::-moz-placeholder
{
   color: #6a7780;
   opacity: 1;
}

:-ms-input-placeholder
{
	color: #6a7780;
	opacity: 1;
}

.form__field-dummy
{
	color: #bdc5c9;
}

.ui-menu-item:first-child
{
	color: #bdc5c9;
}



















.sub-menu__heading
{
	line-height: 1.6em;
}

.sub-menu__column
{
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.sub-menu__column:last-child:after
{
	border-left: 1px solid #ebedef;
	content: '';
	position: absolute;
	top: 0;
	left: -54px;
	bottom: 0;
}

.sub-menu__column .menu-item a
{
	line-height: 1.6em;
	line-height: 2em;
	display: block;
	color: inherit;
}

.sub-menu__column .menu-item a:hover
{
	text-decoration: underline;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    General classes
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.clear:before,
.clear:after
{
    content: '';
    display: block;
}

.clear:after
{
    clear: both;
}

.clear
{
    *zoom: 1;
}

.inline
{
	display: inline !important;
}

.inline-block
{
	display: inline-block !important;
}

.block
{
	display: block !important;
}

.width, .widecolumn
{
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
	padding: 0 16px;
}

.fluid
{
	margin-right: 374px;
}

.absolute
{
    position: absolute !important;
}

.fixed
{
    position: fixed !important;
}

.lazy
{
	opacity: 0;
}

.lazyloaded
{
    opacity: 1;
	-moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Form Elements
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input,
textarea
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='submit'],
button,
textarea
{
	color: #414f59;
	color: #333;
	color: #011927;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

input[type='text'],
input[type='email'],
input[type='password'],
textarea
{
	-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
}

input[type='submit']
{
	cursor: pointer;
}

input[type='radio']
{
    display: none;
}

input[type='radio'] + label span
{
    background: url('img/sprites.svg') no-repeat center -1363px;
	font-weight: bold;
	width: 18px;
    height: 18px;
	display: inline-block;
	position: absolute;
	top: 7px;
	margin-left: -22px;
}

input[type='radio']:checked + label span
{
	background-position: center -1419px;
}



/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked
{
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label
{
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	/*border: 2px solid #ccc;*/
	border: 2px solid #cbcdcf;
	background: #fff;
	/*border-radius: 4px;*/
	/*box-shadow: inset 0 1px 3px rgba(0,0,0,.1);*/
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after
{
	content: '✔';
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 16px;
	line-height: 0.8;
	color: #09ad7e;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after
{
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked + label:after
{
	opacity: 1;
	transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before
{
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after
{
	color: #999;
}

[type="checkbox"]:disabled + label
{
	color: #aaa;
}

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before
{
	/*border: 2px dotted blue;*/
	/*outline: none !important;
    box-shadow: 0 0 0 1px #3a77b8, 0 0 0 3px rgba(255, 255, 255, 0.7) !important;
	*/
}

/* hover style just for information */
label:hover:before
{
	/*border: 2px solid #4778d9!important;*/
}


.field-container
{
	position: relative;
}

.field__standard
{
	border: 1px solid #e3e5e7;
	border-radius: 4px;
	margin-bottom: 20px;
}

.field__standard:focus
{
    border-color: #b3bdc3;
}

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

.border-color-red
{
	border-color: red;
}

.input-field.std
{
	border: 1px solid #e3e5e7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Global Classes
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.global-notice__register
{
	padding: 10px 20px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 13px;
}

.global-notice__register.success
{
	background-color: #1fa756;
	background-color: #69c56d;
}

.global-notice__register.failed
{
	background-color: #d35353;
	background-color: #d76969;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Grid Items
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
.grid-item-2,
.grid-item-3,
.grid-item-4
{
	float: left !important;
}

.grid-item-2:nth-of-type(2n+1)
{
	clear: left;
}

.grid-item-3:nth-of-type(3n+1)
{
	clear: left;
}

.grid-item-4:nth-of-type(4n+1)
{
	clear: left;
}
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Entry Notices
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.global-notice
{
	padding: 17px 16px 16px;
    text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 99999;
	line-height: 1.56em;
	display: none;
}

.global-notice.success
{
    background-color: #74dd79;
    background-color: rgba(116, 221, 121, .95);
    color: #fff;
}

.global-notice.failure
{
    background-color: rgba(255, 100, 100, .95);
    color: #fff;
}

.entry-notice
{
	background-color: #f3f5f7;
	font-style: italic;
	margin-bottom: 36px !important;
	padding: 8px 16px;
	position: relative;
}

.success-notice
{
	background-color: #f3f5f7;
	border-left: 4px solid transparent;
	margin-bottom: 28px;
	padding: 8px 16px;
}

.success-notice.success
{
	border-left-color: #69c56d;
}

.success-notice.error
{
	border-left-color: #d76969;
}


.gm-style > div:first-child
{
	max-width: 1024px;
	margin: 0 auto !important;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Loader
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.loader
{
	text-indent: -9999em;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #00a4a9;
	background: #009faa;
	background: -moz-linear-gradient(left, #009faa 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #009faa 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #009faa 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #009faa 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #009faa 10%, rgba(255, 255, 255, 0) 42%);
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -20px;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.loader:before
{
	width: 50%;
	height: 50%;
	background: #009faa;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.loader:after
{
	background: #fff;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Shell Layout
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.viewport
{
	width: 100%;
}

/*
.viewport
{
	width: 100%;
	position: static;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;

	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
*/

html.locked-view
{
	overflow-y: hidden;
}

.locked-view .viewport
{
	overflow-y: scroll;
}

/*
.content-wrap
{
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.global-nav-active .content-wrap
{
	position: fixed;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.global-nav-visible .content-wrap
{
	left: -9999px;
}
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Header
\*------------------------------------------------------------------------------------------------------------------------------------------------*/


.popup__close-button
{
	width: 72px;
	height: 72px;
	cursor: pointer;
}

.header__global-search .popup__close-button,
.header__secondary .popup__close-button
{
	/*
	position: relative;
	z-index: 9;
	float: right;
	display: none;
	top: 3px;
    right: 20px;
	*/
	position: absolute;
    z-index: 9;
    display: none;
    top: 0;
    right: 0;
}

.popup__close-button:after
{
	background: url('img/sprites.svg') no-repeat -80px 0;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 26px;
	left: 26px;

}


.mobile__list
{
	float: right;
	position: relative;
	right: -4px;
	display: none;
}

.mobile__list .menu-item
{
	width: 46px;
	height: 72px;
	float: left;
	text-align: center;
	position: relative;
	padding-top: 45px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
}

.mobile__list .menu-item:after
{
	background: url('img/sprites.svg') no-repeat;
	width: 22px;
	height: 22px;
	content: '';
	position: absolute;
	top: 17px;
	left: 12px;
}

.mobile__list .menu-item__filter-button:after
{
	background-position: -46px -26px;
}

.mobile__list .menu-item__search-button:after
{
	background-position: -24px 0;
}

.mobile__list .menu-item__navicon-button:after
{
	background-position: -48px 0;
}



















/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Archive Arrangements
\*------------------------------------------------------------------------------------------------------------------------------------------------*/


.arrangements-call-to-action-container
{
	height: 54px;
	text-align: center;
}

.home__more-posts,
.more-posts
{

	border: 2px solid #ebedef;
    border: 2px solid #aab7c0;
    border: 2px solid transparent;
    border: none;

    background-color: #a7b1b7;
    background-color: #86939c;
    background-color: #8997a0;
    background-color: #ebedef;
    /*
	color: #6a7780;
    color: #fff;
	*/
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    height: 54px;
    padding: 20px 50px;
    cursor: pointer;
    transition: all .4s ease;
    line-height: .9em;
	display: inline-block;
}

.home__more-posts:hover,
.more-posts:hover
{
	background-color: #6a7780;
	background-color: #dbdddf;
	text-decoration: none;
}

.arrangement-list-item__thumbnail .favorite-button__container
{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
}

.favorite-button__container .simplefavorite-button
{
	border: none;
	background: none transparent;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	margin: 0;
}

.favorite-button__container .simplefavorite-button::before
{
	background: #e91c2b;
	border: 4px solid #fff !important;
	width: 36px;
	height: 36px;
	border-radius: 40px;
	content: '';
	top: 12px;
	left: 12px;
}

.favorite-button__container .simplefavorite-button::after
{
	background: url(img/sprites.svg) no-repeat -80px -20px;
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 99;
}




/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Mina sidor
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav-tabs
{
	border-bottom: 1px solid #dbdddf;
	margin: 44px 0 30px;
	height: 50px;
}

.nav-tabs .menu-item
{
	float: left;
	margin-right: 28px;
	position: relative;
}

.nav-tabs .menu-item > a
{
	display: block;
	height: 50px;
	padding: 16px 0;
	font-size: 18px;
	color: inherit;
}

.nav-tabs .menu-item > a:hover
{
	text-decoration: none;
}









.form__checkbox-row
{
	/*padding: 22px 0px;*/
	/*
	padding: 22px;
    background-color: #f3f5f7;
    margin-bottom: 20px;
    margin-right: 60px;
	*/

	margin-bottom: 20px;
    /*margin-right: 60px;*/
    padding-right: 10px;
    float: left;
    width: 38%;
    width: 25%;
}


.form__update-user
{
	margin-bottom: 40px;
}

.checkbox-label
{
	padding-top: 3px;
}

.entry-content__settings
{
	display: flex;
	justify-content: space-between;
}

.page-section__heading
{
	font-size: 24px;
	margin-bottom: 28px;
}

.page-container__settings--interests,
.page-container__settings--account-details
{

}

.page-container__settings--interests
{
	padding: 28px 0;
	display: flex;
    flex: 1 1 auto;
    justify-content: flex-start;
}

.page-container__settings--account-details
{
	padding: 28px 0;
	display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.page-container__settings--account-details .form__field-container
{
	margin: 16px 0;
}

.page-container__settings--interests label,
.page-container__settings--account-details label
{
	font-size: 14px;
	color: #6a7780;
	margin-bottom: 6px;
	display: inline-block;
}

.page-container__settings--account-details .text-field,
.page-container__settings--account-details .select-field
{
	font-size: 14px;
	border: 2px solid #cbcdcf;
	width: 100%;
	display: block;
	padding: 10px;
}

.select-wrap
{
	position: relative;
}

.select-wrap:after
{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 11px;
	right: 6px;
	z-index: -1;
}

.select-wrap:after
{
	background: url(img/sprites.svg) no-repeat -20px -80px;
}

.dob .select-wrap
{
	float: left;
	margin-right: 16px;
}

.dob .accounts_profile_form_dob_day
{
	width: 74px;
}

.dob .accounts_profile_form_dob_month
{
	width: 120px;
}

.dob .accounts_profile_form_dob_year
{
	width: 80px;
}

.settings__interests.page-section,
.settings__details.page-section
{
	width: 100%;
	margin-bottom: 54px;
}

.interests__child-categories
{
	padding: 12px 30px;
	display: none;
}

.interests__child-category
{
	float: left;
    padding: 4px 8px;
    width: 252px;
}

.form__update-interests
{
	padding-top: 22px;
}

.page__form-submit
{
	margin-top: 21px;
}











.page-template-page-information .side-nav,
.page-template-page-about .side-nav
{
	border-left: 1px solid #dbdddf;
	margin-left: 40px;
}

.page-template-page-information .side-nav .menu-item,
.page-template-page-about .side-nav .menu-item
{
	position: relative;
}

.page-template-page-information .side-nav .menu-item,
.page-template-page-about .side-nav .menu-item
{
	position: relative;
}

.page-template-page-information .side-nav .menu-item a,
.page-template-page-about .side-nav .menu-item a
{
	display: block;
    margin: 18px 0;
    padding: 4px 20px 5px;
    font-size: 18px;
}

.page-template-page-information .side-nav .menu-item a:hover,
.page-template-page-about .side-nav .menu-item a:hover
{
	text-decoration: none;
}

.page-template-page-information .side-nav .menu-item.current-menu-item a,
.page-template-page-about .side-nav .menu-item.current-menu-item a
{
	color: #00a4a9;
	font-weight: 600;
}

.page-template-page-information .side-nav .menu-item a:before,
.page-template-page-about .side-nav .menu-item a:before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 4px;
	height: 100%;
	background: #dbdddf;
	opacity: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.page-template-page-information .side-nav .menu-item a:hover:before,
.page-template-page-about .side-nav .menu-item a:hover:before
{
	opacity: 1;
}

.page-template-page-information .side-nav .menu-item.current-menu-item a:before,
.page-template-page-about .side-nav .menu-item.current-menu-item a:before
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	width: 4px;
	height: 100%;
	background: #00a4a9;
	opacity: 1;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}


.contact-accordion-item
{
	border-top: 1px solid #dbdddf;
	padding: 10px 0;
}

.contact-accordion-item h4
{
	padding: 10px 32px 10px 0;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
	position: relative;
}

.contact-accordion-item h4:hover
{
	cursor: pointer;
}

.contact-accordion-item h4:after
{
	content: '';
	position: absolute;
	top: 13px;
	right: 4px;
	width: 12px;
	height: 12px;
	border-top: 2px solid #777;
	border-right: 2px solid #777;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

.contact-accordion-item.active h4:after
{
	top: 18px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.contact-accordion-item p
{
	display: none;
}

.contact-accordion-item.active p
{
	display: block;
}

.contact-form-item input[type="text"],
.contact-form-item input[type="email"]
{
	width: 100%;
	border: 2px solid #cbcdcf;
    height: 42px;
    cursor: pointer;
    color: inherit;
    display: block;
    padding: 12px 24px 12px 10px;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.contact-form-item textarea
{
	width: 100%;
	border: 2px solid #cbcdcf;
    cursor: pointer;
    color: inherit;
    display: block;
    padding: 12px 24px 12px 10px;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.contact-accordion-button,
.wpcf7-submit
{
	font-size: 14px;
	font-weight: bold;
	background-color: #009faa;
	color: #fff !important;
	border: none;
	border-radius: 0;
	cursor: pointer;
	text-transform: uppercase;
	padding: 8px 16px 8px 17px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}





.screen-reader-text
{
	display: none;
}

#wp_search_seidebar_title
{
	display: none;
}





/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Context menus commons
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.context-menu
{
	display: none;
}

.context-menu.is--visible
{
	display: block;
}

.sub-menu,
.wp_autosearch_suggestions,
.tt-dropdown-menu,
.ui-datepicker
{
	padding: 12px 0;
    background: #fff;
	position: absolute;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
	z-index: 99999;
}






.sub-menu li > a,
.sub-menu li > label,
.context-menu__collapse-link
{
	display: block;
	padding: 15px 42px 15px 42px;
	padding: 15px 34px 15px 18px;
	padding: 9px 28px 9px 18px;
	font-size: 14px;
	color: inherit;
	cursor: pointer;
}

.sub-menu a:hover,
.sub-menu label:hover,
.context-menu__collapse-link:hover
{
	background-color: #ebedef;
	text-decoration: none;
}

.sub-menu .menu-item
{
	position: relative;
}

.menu-item,
.sub-menu .menu-item > a,
.sub-menu .menu-item > span
{
	white-space: nowrap;
}

.context-menu__list .menu-item > a
{
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}




/******************************************
*** #middle
******************************************/

.middle
{
	padding-top: 133px;
	padding-bottom: 80px;
}


/******************************************
*** #middle-section
******************************************/
/*
.middle__section-content
{
	padding-top: 22px;
	position: relative;
}
*/

.middle__section-heading
{
	padding-top: 16px;
    padding-bottom: 14px;
}

.archive-arena__content .middle__section-heading,
.archive-arranger__content .middle__section-heading
{
	text-align: center;
}

.middle__section-heading h2
{
	font-size: 20px;
	font-weight: 600;
}

.middle__section-heading .link-common
{
	color: inherit;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 14px;
	margin-top: -26px;
	padding: 9px 0 4px;
}

.middle__section-heading .link-common:hover
{
	text-decoration: underline;
}

.section-heading
{
	font-size: 18px;
	font-weight: 700;
}

.section-heading__home-arrangements
{
	padding: 61px 0 50px;
}



.section-heading__title
{
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.section-heading__description
{
	font-size: 18px;
	/*color: #737d83;*/
	color: #a7b1b7;
	line-height: 1.3em;
}

.list-separator
{
	border-bottom: 1px solid #ebedef;
	position: relative;
	margin: 64px 0 10px;
	margin: 16px 0;
	/*margin: 68px 0 22px;*/
}

.list-separator__text
{
	color: #a7b1b7;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: -6px;
	background-color: #fff;
	padding-right: 10px;
}

/******************************************
*** #main
******************************************/

.main
{
	/*
	padding-top: 30px;
	*/
	/*
	padding-bottom: 30px;
	*/
}

/******************************************
*** #main-content
******************************************/

.content
{
	/*margin-right: 340px;*/
}

.sidebar
{
	/*background-color: #ddd;*/
	width: 300px;
	height: 500px;
	float: right;
	margin: 28px -340px 0 0;
	position: relative;
}

.sidebar__heading
{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	color: #b7c1c7;
	margin: -2px 0 14px;
	display: inline-block;
	vertical-align: top;
	padding-right: 5px;
	background-color: #fff;
}

.sidebar__heading:after
{
	content: '';
	position: absolute;
	border-top: 2px solid #ebedef;
	width: 100%;
	left: 0;
	top: 3px;
	z-index: -1;
}

/*
.inner-inner
{
	float: left;
}
*/

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    arrangement-list-item
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.arrangement-list-item.sticky .arrangement-list-item__thumbnail:before
{
	/*content: 'Rekommenderad';*/
	position: absolute;
    z-index: 9;
    transform: rotate(-45deg);
    background: #34c53a;
    background: #1e8082;
    background: #009faf;
    background: #009faa;
    padding: 9px 40px 8px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    top: 40px;
    left: -40px;
	border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
}





/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Sticky posts list
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.sticky-posts__list
{
	margin: 14px -8px 0;
}

.grid-item-2
{
    width: 66.6667% !important;
}

.grid-item-1
{
    width: 100% !important;
}

.grid-item-2 .newsletter-item__inner,
.grid-item-1 .newsletter-item__inner
{
    padding-top: 0 !important;
    height: 268px !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Arrangements list
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

#arrangements-list
{
	margin: 0px -8px;
}

.home__arrangements-list
{
	padding-top: 28px;
	padding-bottom: 20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .arrangement-list-item
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.arrangement-list-item
{
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	padding: 0 14px 28px;
	padding: 0 8px 28px;
	width: 268px;
	width: 33.3334%;
	float: left;
}

.arrangement-list-item__thumbnail
{
	position: relative;
	overflow: hidden;
	padding-bottom: 27px;
}

.arrangement-list-item__thumbnail .wp-post-image
{
	width: 100%;
}

.arrangement-list-item__title-link
{
	position: relative;
}

.arrangement-list-item__title-link:hover .arrangement-list-item__title
{
	text-decoration: underline;
}

.arrangement-list-item__container
{
	background-color: #fff;
	text-align: center;
}

.arrangement-list-item__title
{
	font-size: 16px;
	line-height: 1.4em;
	vertical-align: middle;
	display: inline-block;
	color: #011927;
	text-overflow: ellipsis;
	max-width: 100%;
	height: 25px;
	white-space: nowrap;
	padding: 0px 8px 3px;
	overflow: hidden;
}

.arrangement-list-item__meta
{
	font-size: 13px;
	height: 23px;
	line-height: 1.4em;
	vertical-align: middle;
	color: #6a7780;
	font-weight: normal;
	padding: 1px 0 4px;
}

.call-to-action-button-container
{
    position: absolute;
	left: 0;
	right: 0;
    bottom: 5px;
	text-align: center;
}

.call-to-action-button
{
	background: #1e8082;
	background: #009faf;
	background: #009faa;
    display: inline-block;
	height: 44px;
    color: #fff;
	font-size: 16px;
	font-weight: 600;
    padding: 10px 22px;
    /*padding: 17px 22px;*/
    border-radius: 40px;
    border: 4px solid #fff;
	/*line-height: .125;*/
}

.call-to-action-button.event-moved
{
    /*background: rgb(212, 125, 35);*/
}

.call-to-action-button.event-pending
{
	padding: 0;
    background: #fff;
    color: #333;
    color: #011927;
}

.buy-tickets-button.event-sold-out.event-pending,
.buy-tickets-button.event-sold-out
{
	cursor: default;
}

/*
.buy-tickets-button.event-sold-out.event-pending,
.call-to-action-button.event-pending
{
    background: #827221;
}
*/

.call-to-action-button.event-pending .inner
{
	padding: 9px 21px;
	border: 2px dashed #cbcdcf;
	border: 2px dashed rgba(40, 50, 60, .265);
	border-radius: 50px;
	font-size: 14px;
}

.buy-tickets-button.event-sold-out,
.buy-tickets-button.event-cancelled,
.call-to-action-button.event-sold-out,
.call-to-action-button.event-cancelled,
.buy-tickets-button.event-sold-out:hover,
.buy-tickets-button.event-cancelled:hover,
.call-to-action-button.event-sold-out:hover,
.call-to-action-button.event-cancelled:hover
{
    background: #e91c2b;
	cursor: default;
}

.call-to-action-button.yellow,
.buy-tickets-button.event-few-left
{
	background: #e47b41;
}

.type-contest .call-to-action-button
{
	background: #857520 !important;
}

.type-ad .call-to-action-button
{
	background: #46823c;
}

.call-to-action-button.event-giftcard
{
	width: 174px;
	margin-left: -87px;
}

.call-to-action-button.red
{
	background: #e91c2b !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .arena-list-item
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.archive-search-form
{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 28px;
}

.archive-search
{
	position: relative;
	width: 100%;
	max-width: 500px;
	display: inline-block;
}

.archive-search-field
{
    border: 2px solid #cbcdcf;
    padding: 10px 24px;
    border-radius: 50px;
    width: 100%;
    font-size: 16px;
}

.archive-search-button
{
    background: none;
    border-radius: 0 40px 40px 0;
    width: 62px;
    height: 44px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    z-index: 10;
    cursor: pointer;
}

.archive-search-button:after
{
	background: url(img/sprites.svg) no-repeat 0 0;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 11px;
    left: 14px;
    left: 18px;
    opacity: .75;
}





.arena-list-item
{
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	padding: 0 14px 28px;
	padding: 0 8px 28px;
	width: 25%;
	width: 16.666%;
	float: left;
}

.arena-list-item__thumbnail
{
	position: relative;
	overflow: hidden;
	padding-bottom: 14px;
}

.arena-list-item__thumbnail img
{
    height: 236px !important;
    height: 152px !important;
    border-radius: 100%;
}

.arena-list-item__container
{
	background-color: #fff;
	text-align: center;
}

.arena-list-item__title
{
	font-size: 14px;
	line-height: 1.4em;
	vertical-align: middle;
	display: inline-block;
	color: #011927;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
	padding: 0px 8px 3px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .arranger-list-item
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.arranger-list-item
{
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	padding: 0 14px 28px;
	padding: 0 8px 28px;
	width: 25%;
	width: 16.666%;
	float: left;
}

.arranger-list-item__thumbnail
{
	position: relative;
	overflow: hidden;
	padding-bottom: 14px;
}

.arena-list-item__thumbnail img
{
    height: 236px !important;
    height: 152px !important;
    border-radius: 100%;
}

.arranger-list-item__container
{
	background-color: #fff;
	text-align: center;
}

.arranger-list-item__title
{
	font-size: 14px;
	line-height: 1.4em;
	vertical-align: middle;
	display: inline-block;
	color: #011927;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
	padding: 0px 8px 3px;
	overflow: hidden;
}













.bottom-of-list
{
	font-size: 14px;
	text-align: center;
	padding: 20px 0;
}

.call-to
{
	position: relative;
}



















/******************************************
*** Pagination
******************************************/

.pagination
{
	font-size: 14px;
	font-size: 13px;
	/*
	padding: 50px 0;
	padding: 32px 0 50px;
	padding: 32px 0 114px;
	padding: 0 0 64px;
	padding: 0 0 76px;
	*/
	text-align: center;
	position: relative;
	cursor: default;
	text-transform: uppercase;
}

.pagination span.current
{
	background-color: #a7b1b7;
	background-color: #c3cdd3;
	background-color: #c9d3d9;
	color: #fff;
}

.pagination a
{
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.pagination a,
.pagination span
{
	background-color: transparent;
	color: #758395;
	color: #697b87;
	color: #677985;
	color: #6a7780;
	/*font-family: 'Graphein Pro Bold', 'Graphein Pro Book', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;*/
	font-weight: 700;
	min-width: 30px;
	margin: 0 1px;
	margin: 32px 1px 38px;
	padding: 2px 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 2.1em;
}

/*
.pagination .prev
{
    position: absolute;
    left: 0;
}

.pagination .next
{
    position: absolute;
    right: 0;
}
*/

.pagination a:hover
{
	background-color: #f3f5f7;
}

.pagination .page-numbers.dots
{
    font-weight: normal !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .arena-entry
\*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .arranger-entry
\*------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Entry Product
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.entry-product
{
	/*
	border-bottom: 1px solid #dbdddf;
	padding: 20px 0;
	*/
	border-left: 2px solid #cbcdcf;
    background: #f3f5f7 padding-box;
    margin-bottom: 4px;
    padding: 13px 22px;
}

.entry-product__items
{
	float: left;
}

.entry-product__desc
{
	width: 320px;
}

.entry-product__desc,
.entry-product__price
{
	float: left;
	padding-right: 20px;
}

.entry-product__actions
{
	float: right;
}

.entry-product__heading
{
    font-size: 14px;
    line-height: 1.4em;
}

.entry-product__text
{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	margin: 6px 0 2px;
}

.entry-product__button
{
	background-color: #1e8082;
	background-color: #3d93c1;
	background-color: #3c8fbc;
	background-color: #009faf;
	background-color: #009faa;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 0;
	padding: 10px 16px !important;
	display: inline-block;
}

.entry-product__button:hover
{
	text-decoration: none;
}







/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single Page - Common styles (arrangement)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.video-container
{
	position: relative;
	margin: 26px 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single Page - Arrangemang (arrangement)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/





.grid-list
{
	padding: 8px 0;
}

.grid-list__item
{
	/*
	font-size: 16px;
	width: 33.3334%;
	float: left;
	padding: 28px 20px 28px 70px;
	position: relative;
	*/
	/*
	font-size: 14px;
    width: 33.3334%;
    float: left;
    padding: 32px 0 10px 0;
    position: relative;
    text-align: center;
	*/

	font-size: 14px;
    /*float: left;*/
    margin-right: 54px;
    padding: 32px 0 10px 0;
    padding: 8px 0;
    position: relative;
}

.grid-list__item:last-child
{
    margin-right: 0;
}

.grid-list__item .grid-list__item-icon
{
	/*
	background: url(img/info-icons.svg) no-repeat;
	content: '';
	height: 50px;
	margin: 0 auto 10px;
	*/
	background: url(img/info-icons.svg) no-repeat;
	content: '';
	height: 50px;
	float: left;
	margin: -19px 10px 0 0;
}

.grid-list__item-bordsplacering .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}

.grid-list__item-staplats .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}

.grid-list__item-sittplats .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}

.grid-list__item-numrerat .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}

.grid-list__item-onumrerat .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}

.grid-list__item-paus .grid-list__item-icon
{
	background-position: -100px 0;
	width: 50px;
}

.grid-list__item-legitimationskontroll .grid-list__item-icon
{
	background-position: -100px 0;
	width: 50px;
}

.grid-list__item-aldersgrans .grid-list__item-icon
{
	background-position: -100px 0;
	width: 50px;
}

.grid-list__item-utomhus .grid-list__item-icon
{
	background-position: -50px 0;
	width: 50px;
}

.grid-list__item-paraply .grid-list__item-icon
{
	background-position: 0 0;
	width: 50px;
}








.classification-container
{
	font-size: 14px;
}

.category-item
{
	display: inline-block;
	padding-left: 12px;
	color: #6a7780;
	font-size: 14px;
	font-weight: 600;
	margin: 0 10px 8px 0;
	position: relative;
}

.category-item:before
{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	background: #6a7780;
	border-radius: 6px;
	top: 4px;
	left: 0;
}























.info-list
{
	margin-bottom: 30px;
}

.info-list-item
{
	padding: 2px 16px;
    font-size: 14px;
    position: relative;
    line-height: 1.6em;
}

.info-list-item:before
{
	background-color: #011927;
	border-radius: 6px;
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	top: 10px;
	left: 0;
}








.arrangement-related-posts
{
	padding-top: 50px;
	padding-bottom: 30px;
	position: relative;
}

.arrangement-related-posts__heading-container
{
	position: relative;
	margin-bottom: 44px;
}

.arrangement-related-posts__heading
{
	display: inline-block;
	background-color: #fff;
	padding-right: 12px;
	font-weight: 600;
}

.arrangement-related-posts__heading:after
{
	border-bottom: 1px solid #dbdddf;
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	z-index: -1;
}


/*
.entry__actions
{
	margin-bottom: 34px;
}

.entry__action-button
{
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 40px;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
}

.entry__action-button.facebook-button
{
	background-color: #3b5998;
}

.entry__action-button.twitter-button
{
	background-color: #1da1f2;
}

.entry__action-button.google-button
{
	background-color: #dd4b39;
}

.entry__action-button.email-button
{
	background-color: #a7b1b7;
}

.entry__action-button.more-button
{
	background-color: #a7b1b7;
}

.entry__action-button:after
{
	background: url('img/sprites.svg') no-repeat;
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
}

.entry__action-button.facebook-button:after
{
	background-position: -80px -100px;
}

.entry__action-button.twitter-button:after
{
	background-position: -100px -100px;
}

.entry__action-button.google-button:after
{
	background-position: -120px -100px;
}

.entry__action-button.email-button:after
{
	background-position: -160px -100px;
}

.entry__action-button.more-button:after
{
	background-position: -160px -100px;
}
*/

.entry__meta
{
	margin: 0px 0px;
}

.entry_meta-section
{
	margin-bottom: 30px;
	line-height: 1.3em;
	line-height: 1.4em;
	padding-top: 30px;
	border-top: 1px solid #cbcdcf;
}

.entry_meta-section:first-child
{
	border-top: none;
}

.entry__meta-heading
{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.entry__meta-value
{
	font-size: 14px;
}

.entry__meta-value > div
{
	margin-bottom: 8px;
}



















.modal__arena-map .modal-content
{
	width: 300px;
	height: 268px;
	margin-left: -150px;
	margin-top: -134px;
}

.mapp-layout
{
    border: none;
    margin: 0;
    min-width: 200px;
    padding: 0px;
    position: relative;
}





.meta-item-item
{
	margin-bottom: 14px;
	padding-top: 4px;
}

h4.info-heading
{
	margin-bottom: 8px;
	font-size: 20px;
}

.meta-val
{
	font-size: 16px;
	line-height: 1.6em;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single Page - Paket (bundle)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.bundle-entry .entry__thumbnail
{
	width: 220px;
	width: 150px;
	margin-top: 12px;
	float: left;
}

.bundle-entry .entry__header-side
{
	margin-left: 180px;
}

.bundle-entry .entry__header
{
	padding: 38px 0 0;
	padding: 14px 0 0;
	border-bottom: 1px solid #dbdddf;
	margin-bottom: 50px;
}

.bundle-entry .entry__heading
{
	margin-right: 10px;
	margin-bottom: 0;
	display: inline-block;
	font-size: 30px;
}

.bundle-entry .entry__post
{
	margin-bottom: 29px;
}

.bundle-entry .entry__actions
{
	width: auto;
	height: 40px;
	top: 4px;
	position: relative;
	display: inline-block;
}

.bundle-entry .entry__action-button
{
	float: left;
	margin-bottom: 0px;
	margin-right: 6px;
}

.bundle-entry .buy-tickets-button
{
	float: left;
    background-color: #1e8082;
    background-color: #009faf;
    background-color: #009faa;
    padding: 13px 21px !important;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
	cursor: pointer;
	position: relative;
}

.column-1
{
	float: left;
}

.column-2
{
	float: right;
}

.cta-buttons-container
{
	margin-top: 28px;
}

.entry__share-button,
.entry__map-button,
.entry__arena-overview-button,
.entry__arena-images-button,
.simplefavorite-button,
.simplefavorite-button__not-logged-in
{
	float: left;
    background-color: #fff;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    margin-right: 14px;
    position: relative;
    border: 2px solid #d3d5d7;
}

.entry__share-button,
.entry__map-button,
.entry__arena-overview-button,
.entry__arena-images-button
{
    padding-left: 56px;
    padding-right: 16px;
}

.simplefavorite-button,
.simplefavorite-button__not-logged-in
{
    padding-left: 40px;
    padding-right: 0;
    text-align: center;
}

.simplefavorite-button
{
	/*
	background-color: #ebedef;
	*/
	width: 126px;
}

.simplefavorite-button__not-logged-in
{
	width: 218px;
}

.entry__share-button:hover,
.entry__map-button:hover,
.entry__arena-overview-button:hover,
.entry__arena-images-button:hover
{
	text-decoration: none;
}

.entry__share-button:before,
.entry__map-button:before,
.entry__arena-overview-button:before,
.entry__arena-images-button:before,
.simplefavorite-button:before,
.simplefavorite-button__not-logged-in:before
{
	content: '';
    width: 42px;
    height: 28px;
    position: absolute;
    top: 4px;
    left: -2px;
    border-right: 2px solid #d3d5d7 !important;
}

.entry__share-button:after,
.entry__map-button:after,
.entry__arena-overview-button:after,
.entry__arena-images-button:after,
.simplefavorite-button:after,
.simplefavorite-button__not-logged-in:after
{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 8px;
	left: 9px;
}

.entry__share-button:after
{
	background: url(img/sprites.svg) no-repeat -140px 0;
}

.entry__map-button:after
{
	background: url(img/sprites.svg) no-repeat -160px 0;
}

.entry__arena-overview-button:after
{
	background: url(img/sprites.svg) no-repeat -140px -20px;
}

.entry__arena-images-button:after
{
	background: url(img/sprites.svg) no-repeat -180px 0;
}

.simplefavorite-button:after,
.simplefavorite-button__not-logged-in:after
{
	background: url(img/sprites.svg) no-repeat -100px 0;
}

/* Gör så att en load-ikon visas om den är disabled eller loading. Den ska ven vara disabled innan den får klassen .init-loading... */
.simplefavorite-button:disabled
{
	opacity: .5;
}

.simplefavorite-button.init-loaded:disabled
{
	opacity: 1;
}

.button-buy
{
    float: left;
    background-color: #1e8082;
    background-color: #009faf;
    background-color: #009faa;
    padding: 13px 21px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
	cursor: pointer;
	position: relative;
}

.bundle-entry .button-buy
{
	margin-right: 10px;
}

.meta-row-row
{
    position: relative;
    font-size: 13px;
}

.side-div
{
	margin-top: 6px;
	height: 183px;
	margin-left: 190px;
}

.date-range
{
	padding-top: 14px;
    float: right;
    height: 143px;
    position: relative;
}

/*
.date-range:before
{
	content: '';
	position: absolute;
	border-left: 2px dashed #cbcdcf;
	top: 0;
	bottom: 0;
	left: -40px;
}
*/

.date-range-inner
{
    font-weight: 600;
    font-size: 18px;
    line-height: 12px;
    padding-right: 40px;
    margin-bottom: 36px;
}

.date-range-inner span
{
	font-size: 14px;
	color: #6a7780;
	font-weight: normal;
	display: block;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Page - Information (information)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.popup-info-notice
{
	padding: 26px;
}

.popup-info-notice p
{
	padding: 8px 0;
	font-size: 14px;
}

.popup-button-container
{
	background-color: #f3f5f7;
	width: 100%;
	padding: 20px 26px;
	position: absolute;
	bottom: 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Page - Information (information)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.page.information h1
{
	letter-spacing: -1px;
	font-size: 46px;
	font-size: 45px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: 600;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Page - Om oss (about-us)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.page.page-template-page-about h1
{
	letter-spacing: -1px;
	font-size: 46px;
	font-size: 45px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: 600;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Newsletter box
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.newsletter-box,
.giftcards-box
{
	width: 33.3334%;
	float: left;
	padding: 0 8px 28px;
}

.newsletter-inner,
.giftcards-inner
{
	position: relative;
}

.newsletter-inner form
{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.newsletter-inner h2
{
	text-transform: uppercase;
}

.newsletter-inner h2 span
{
	text-transform: none;
    font-size: 14px;
    display: block;
}

.newsletter-item__inner
{
	position: relative;
    padding-top: 83.75%;
}

.newsletter-item__inner .newsletter-container
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    padding: 24px;
	margin-top: 0 !important;
}

.infopuff-item__inner
{
	position: relative;
    padding-top: 83.75%;
}

.infopuff-item__inner .infopuff-container
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    padding: 24px;
	margin-top: 0 !important;
	background: url('img/flytt.png') center center / 102% 102% no-repeat;
}

.newsletter-item__inner .newsletter-container h4
{
	font-size: 12px;
}

.newsletter-item__inner .newsletter-container .newsletter-heading
{
	font-size: 24px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Cookie Check
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.cookies__check
{
	position: fixed;
	right: 30px;
    bottom: 26px;
	padding: 17px 20px 18px;
	font-size: 12px;
	line-height: 1.4em;
	width: 280px;
	background-color: #fff;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
	z-index: 99999999;
}

.cookies__action-buttons
{
	margin-top: 12px;
}

.cookies__accept-button
{
	/*
	background-color: #1e8082;
	background-color: #3d93c1;
	background-color: #3c8fbc;
	background-color: #009faf;
	background-color: #009faa;
	background-color: #61b9f5;
	*/
	background-color: #3c8fbc;
	color: #fff;
	margin-right: 8px;
	padding: 6px 10px;
	font-weight: 600;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	-moz-transition: background-color 0.4s ease-in-out 0s;
	-webkit-transition: background-color 0.4s ease-in-out 0s;
	-o-transition: background-color 0.4s ease-in-out 0s;
	transition: background-color 0.4s ease-in-out 0s;
}

.cookies__accept-button:hover
{
	background-color: #459ddf;
	background-color: #307194;
	text-decoration: none;
}

.cookies__read-more-button
{
	background-color: #ebedef;
	padding: 6px 10px;
	font-weight: 600;
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	-moz-transition: background-color 0.4s ease-in-out 0s;
	-webkit-transition: background-color 0.4s ease-in-out 0s;
	-o-transition: background-color 0.4s ease-in-out 0s;
	transition: background-color 0.4s ease-in-out 0s;
}

.cookies__read-more-button:hover
{
	background-color: #dbdddf;
	text-decoration: none;
}








.bookmarks__remove-button
{
	background-color: red;
	border: none;
	border-radius: 36px;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 12px;
	left: -20px;
	text-indent: -9999px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Archive Filters
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.filters-container
{
	margin: 0 -8px 18px;
}

#filter
{
	position: relative;
}

.filter-item
{
	float: left;
	font-size: 14px;
	width: 25%;
    padding: 0 8px;
}

.filter-item__heading
{
	color: #6a7780;
	padding: 2px 5px;
	padding: 6px 0;
	position: relative;
	text-transform: uppercase;
}

.filter-item__field-container
{
	position: relative;
}

.filter-item__field
{
	border: 2px solid #cbcdcf;
	height: 42px;
	cursor: pointer;
	color: inherit;
	display: block;
	padding: 12px 24px 12px 10px;
	font-weight: 600;
	position: relative;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.filter-item__field:hover
{
	text-decoration: none;
}

.filter-item__field-container .context-menu
{
	min-width: 226px;
	position: absolute;
	background: #fff padding-box;
	top: 40px;
	left: 0;
	right: 0;
}

.filter-field
{
	margin: 0 18px;
	position: relative;
}

.filter-field__date
{
	border: none;
	border-radius: 0;
	/*background-color: rgba(0, 0, 0, 0.25);*/
	border: 2px solid #cbcdcf;
	width: 100%;
	height: 38px;
	/*color: #fff !important;*/
	margin: 10px 0;
	padding: 7px 12px 7px 108px;
    font-size: 14px;
}

.context-menu__heading
{
	color: #6a7780;
	position: absolute;
	top: 22px;
	left: 12px;
	font-size: 14px;
	text-transform: uppercase;
	z-index: 9;
}

.more-options
{
	color: #314957;
	padding-left: 23px;
	font-weight: 600;
	cursor: pointer;
}

.filter-item__field:after,
.more-options:after
{
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 9px;
	right: 6px;
}

.filter-item__field:after
{
	background: url('img/sprites.svg') no-repeat -20px -80px;
}

.more-options:after
{
	background: url('img/sprites.svg') no-repeat -60px 0;
	left: 0;
	right: auto;
}

.filter-button
{
	border: none;
	color: #fff;
	margin-top: 16px;
	margin-top: -26px;
	padding: 9px 10px 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	position: absolute;
    top: -14px;
    right: 8px;
	display: inline-block;
}

.filter-button:hover
{
	text-decoration: none;
}

.apply-filter-button
{
	background-color: #5d99cb;
}

.clear-filter-button
{
	background-color: #ebedef;
	color: inherit;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.clear-filter-button:hover
{
	background-color: #dbdddf;
}

.more-filters-link
{
	color: #007f88;
	text-decoration: underline;
	display: none;
    padding: 8px 0;
    float: left;
    font-size: 14px;
    margin: 19px 8px 0;
}

.admin-search-field
{
	/*
	border: 2px solid #cbcdcf;
	width: 100%;
	height: 42px;
	color: inherit;
	display: block;
	padding: 11px 24px 12px 10px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	*/

	border: 2px solid #cbcdcf;
	width: 100%;
	height: 34px;
	margin-right: 8px;
	padding: 12px 24px 12px 10px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Context Menus Commons
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.context-menu__collapse-link
{
	position: relative;
}

.context-menu__collapse-link:after
{
	background: url(img/sprites.svg) no-repeat -20px -80px;
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 7px;
	top: 6px;
	right: 0;
	right: 13px;
}

.sub-menu hr
{
	border-top: 1px solid #ebedef;
	margin: 12px 8px;
}

.timefilter-submit-button
{
	padding: 6px 14px !important;
	float: right;
	margin-right: 18px;
	margin-bottom: 12px;
	border: none;
	background-color: #198dc7;
	color: #fff !important;
	font-weight: 600;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.timefilter-submit-button:hover
{
	background-color: #1579ab;
}






.images-row
{
	margin: 18px -10px 0;
}

.images-row .attachment-thumbnail
{
	border: 2px solid #cbcdcf;
	cursor: pointer;
	margin: 10px;
	padding: 2px;
}

.meta-row
{
	position: relative;
	padding-left: 20px;
	font-size: 13px;
}

.meta-row:before
{
	background: url(img/sprites.svg) no-repeat -104px -82px;
	content: '';
	width: 12px;
	height: 16px;
	position: absolute;
	top: -1px;
	left: 0;
}



.page-hero__courses
{
	background: url('img/idrottsparken-overlay.png') no-repeat;
	padding: 180px 0 10px;
	margin-top: 50px;
}









.bottom-div
{
	text-align: center;
}

/*
.bottom-div a
{
	border: 2px solid #dbdddf;
	color: inherit;
	font-size: 16px;
	padding: 14px 26px;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.bottom-div a:hover
{
	border-color: #cbcdcf;
}
*/

.newsletter-div-bottom
{
	height: 250px;
	background-color: #ebedef;
	margin: 100px 0 200px;
}










/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Promotional List
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.promotional__list
{
	margin: 0 -8px;
}

.promotional__list-item
{
	width: 33.3334%;
	float: left;
	padding: 0 8px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Footer
\*------------------------------------------------------------------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Perfect Scrollbar
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.scrollable-list
{
	max-height: 320px;
	overflow-y: auto;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Not Found
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.home .not-found h1,
.search .not-found h1,
.archive .not-found h1,
.single .not-found h1,
.bookmarks .not-found h1
{
	color: #a7b1b7;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6em;
	padding: 50px 0 100px;
	text-align: center;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    wp-login.php
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
body.login h1 a
{
	background: url('img/main-sprites.svg') no-repeat center -266px / 800px auto;
	width: 140px;
	height: 140px;
	display: block;
	text-indent: -9999em;
}

body.login input[type="checkbox"]
{
	display: inline-block !important;
}
*/

















/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Basic (html, body, p, a osv...)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Generellt (.viewport, .main osv...)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.collapsable
{
	display: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    States (.viewport, .main osv...)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.is--displayed
{
	display: block !important;
}

.is--visible
{
	visibility: visible !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Header  (.header__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.header
{
	width: 100%;
	max-height: 133px;
	position: fixed;
	top: 0;
	z-index: 99999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.header__primary
{
	background-color: #00a4a9;
	background-color: #009faf;
	background-color: #009faa;
	position: relative;
    z-index: 9999;
}

.header__secondary
{
	background: #fff padding-box;
    border-bottom: 1px solid rgba(40, 50, 60, .165); /* #ebedef */
	width: 100%;
	height: 55px;
	position: relative;
    z-index: 2;
}

.header__main,
.header__global-nav
{
	position: relative;
	z-index: 9;
}

.header__main
{
	display: flex;
	justify-content: space-between;
}

.header__group-middle
{
	height: 82px;
	text-align: center;
}

.header__logo-wrap
{
	width: 158px;
	height: 78px;
	margin-right: 20px;
	float: left;
    position: relative;
}

.header__logo-button
{
	width: 158px;
    height: 78px;
    display: block;
    position: relative;
    padding: 14px 0;
	overflow: hidden;
}

.header__global-search-wrap,
.header__global-search
{
	display: flex;
	flex: 1 1 auto;
	justify-content: flex-start;
}

.header__global-search
{
	padding: 17px 0;

}

.header__global-search-button
{
	background: none;
	border-radius: 0 40px 40px 0;
	width: 50px;
	width: 62px;
	height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	z-index: 10;
	cursor: pointer;
}

.header__global-search-button:after
{
	background: url(img/sprites.svg) no-repeat 0 0;
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	top: 11px;
	left: 14px;
	left: 18px;
	opacity: .75;
}

.header__global-search-form,
.search-field__inner,
.searchform,
#wp_search_widget
{
	position: relative;
	width: 100%;
	height: 44px;
	margin: 0 20px;
}

.twitter-typeahead
{
	display: block !important;
}

.header__global-search-field,
.search-live-field,
#wp_search_widget input[type="text"],
.search-field,
.tt-hint
{
	/*
	width: 100%;
    height: 46px;
    border: none;
    border-radius: 40px;
    padding: 4px 62px 4px 22px;
    font-size: 16px;
	position: relative;
	z-index: 9;
	*/

	width: 100%;
    height: 44px;
    border: none;
    border-radius: 40px;
    padding: 5px 62px 5px 22px;
    font-size: 16px;
    position: relative;
    z-index: 9;
}

.tt-hint
{
	background-color: #fff !important;
	color: #a7b1b7 !important;
}

.wp_autosearch_form_wrapper
{
	background: transparent !important:
}

.header__global-help
{
	height: 78px;
	display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.header__global-help > .menu-item
{
	float: left;
	position: relative;
}

.header__global-help > .menu-item > a
{
	padding: 31px 20px;
	display: block;
	color: #fff;
}

.header__global-nav-primary
{
	float: left;
}

.header__global-nav-secondary
{
	float: right;
}

.header__global-nav-primary .menu-item,
.header__global-nav-secondary .menu-item
{
	font-size: 14px;
	float: left;
	position: relative;
}

.header__global-nav-primary .menu-item
{
	margin-right: 20px;
}

.header__global-nav-secondary .menu-item
{
	margin-left: 20px;
}

.header__global-nav .menu-item a
{
	color: #011927;
	padding: 2px 0 4px;
	line-height: 49px;
	display: block;
}

.header__global-nav .menu-item a:hover
{
	text-decoration: none;
}


.header__search
{
	width: 24px;
}

.header__search .pop-item__click
{
	width: 274px;
	left: -125px;
}

.header__search .pop-item__arrow
{
    top: -11px;
    left: 129px;
}

.header__search-field
{
	background-color: #fff;
	border: none;
	color: inherit;
	font-size: 20px;
	width: 100%;
	height: 50px;
	line-height: 37px;
	margin: 0;
	padding: 0 22px;
	position: relative;
}

.placeholder-text
{
    border: none;
    color: #bdc5c9;
    font-size: 18px;
    width: 100%;
    height: 36px;
    line-height: 2.06em;
    margin: 0;
    padding: 0 22px;
	position: absolute;
}

.header__clear-button
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 17px;
	right: 24px;
	opacity: .582;
	cursor: pointer;
}

.header__clear-button:after
{
	background: url('img/sprites.svg') no-repeat -42px -442px #a7b1b7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width: 16px;
	height: 16px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}

.header__search-options
{
	display: none;
}

.header__agents-menu
{
	width: 600px;
	width: 200px;
	left: 2px;
}

.header__agents-menu .menu-item > a
{
	padding-left: 40px;
	position: relative;
}

.header__agents-menu .menu-item.current-blog > a:before
{
	background: url('img/sprites.svg') no-repeat -120px 0;
	content: '';
	position: absolute;
	top: 6px;
	left: 15px;
	width: 20px;
	height: 20px;
}

.global-nav__list
{
	display: inline-block;
}

.header__global-help > .menu-item
{
	float: left;
	position: relative;
}

.header__global-help > .menu-item > a,
.header__global-help > .menu-item > span
{
	font-size: 16px;
	font-weight: 600;
	height: 78px;
	display: block;
	line-height: 76.5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.header__global-help > .menu-item.current-menu-item > a:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
}

.header__global-help > .menu-item > a,
.header__global-help > .menu-item > span
{
	padding-left: 42px;
	padding-right: 20px;
}

.header__global-help > .menu-item > a:after,
.header__global-help > .menu-item > span:after
{
	background: url('img/sprites.svg');
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
    left: -4px;
}

.header__global-help > .menu-item.menu-item__agents > a,
.header__global-help > .menu-item.menu-item__listen > a,
.header__global-help > .menu-item.menu-item__phone-booking > a
{
	padding-left: 22px;
	padding-right: 0;
	margin: 27px 10px 27px 20px;
	line-height: normal;
	height: auto;
	cursor: pointer;
	position: relative;
}

.header__global-help > .menu-item.menu-item__agents > a:hover,
.header__global-help > .menu-item.menu-item__listen > a:hover,
.header__global-help > .menu-item.menu-item__phone-booking > a:hover
{
	text-decoration: underline;
}

.header__global-help > .menu-item.menu-item__menu > a:after
{
	background-position: 0 -100px;
}

.header__global-help > .menu-item.menu-item__agents > a:after
{
	background-position: -20px -100px;
}

.header__global-help > .menu-item.menu-item__listen > a:after
{
	background-position: -60px -100px;
}

.header__global-help > .menu-item.menu-item__phone-booking > a:after
{
	background-position: -40px -100px;
}

.header__global-help > .menu-item:last-child > a
{
	margin-right: 0;
}

.header__global-help > .menu-item.is--selected > a
{
	text-decoration: underline;
}









.subheader
{
	background: #fff padding-box;
	border-bottom: 1px solid rgba(40, 50, 60, .165);
	margin-top: -1px;
	padding: 12px 0 10px;
	position: relative;
	z-index: 1;
}

.subheader-top
{
	font-size: 12px;
}

.subheader-bottom
{
	font-size: 18px;
	font-weight: 700;
	height: 18px;
	margin-top: 4px;
}

.header.has--subheader + .middle
{
	padding-top: 188px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Gemensamma regler (ska vara så abstrakta som möligt)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.entry__post p,
.arena-entry__post p
{
    font-size: 16px;
    margin: 20px 0;
    line-height: 1.6em;
}

.entry__post ul,
.entry__post ol
{
    margin: 20px 0;
}

.entry__post ul li
{
	font-size: 16px;
	margin: 12px 0 12px 30px;
	line-height: 1.6em;
	list-style-type: lower-alpha;
	padding-left: 4px;
}

.entry__post ol li
{
	font-size: 16px;
	margin: 12px 0 12px 30px;
	line-height: 1.6em;
	list-style-type: lower-roman;
	padding-left: 4px;
}

.entry__post h2
{
	margin: 46px 0 26px;
	font-weight: 600;
	line-height: 1.4em;
}

.entry__post h3
{
	margin: 30px 0 20px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Home (.home__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.home__content
{
	padding-top: 22px;
	padding-bottom: 22px;
	position: relative;
}

.home__giftcards
{
    padding-top: 64px;
}

.home__giftcards-list
{
    padding-bottom: 20px;
    margin: 14px -8px 0;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Arkiv - Arrangemang (.archive-arrangement__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.archive-arrangement__content
{
	padding-top: 22px;
	position: relative;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Arkiv - Presentkort (.archive-giftcard__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.archive-giftcard__content
{
	padding-top: 22px;
	position: relative;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Arkiv - Arenor (.archive-arena__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.archive-arena__content
{
	padding-top: 22px;
	position: relative;
}

.archive-arena__arrangements-list
{
	padding-top: 18px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Arkiv - Arrangörer (.archive-arranger__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.archive-arranger__content
{
	padding-top: 22px;
	position: relative;
}

.archive-arranger__arrangements-list
{
	padding-top: 18px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .ticket-items (.single-arrangement__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.ticket-items
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 36px;
}

.ticket-item
{
	border-left: 2px solid #cbcdcf;
	background: #f3f5f7 padding-box;
	margin-bottom: 4px;
	padding: 14px 22px 18px;
	display: none;
}

.ticket-item.ticket-item-0,
.ticket-item.ticket-item-1,
.ticket-item.ticket-item-2
{
	display: block;
}

.ticket-file
{
	position: absolute;
	top: 22px;
	right: 0;
}

.arrangement-file-link,
.ticket-file-link
{
	display: inline-block;
	background-color: rgba(0, 30, 50, .075);
	background; url(img/thumbs.jpg);
	line-height: 1.45em;
	padding: 14px 24px 14px 14px;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 28px;
	/* padding-left: 42px; */
	position: relative;
	word-break: break-word;
	border-radius: 6px;
}

.arrangement-file-link img,
.ticket-file-link img
{
	/* display: block; */
	float: left;
	max-width: 100px;
	margin-bottom: 6px;
	margin-right: 14px;
}

.arrangement-file-link span
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.single-arrangement__ticket-row .ticket-file
{
	position: relative !important;
}

.ticket-column.ticket-column__arena a
{
	color: #007f88;
}

/*
.arrangement-file-link:before,
.tickets-file-link:before
{
	content: '';
	background: url(img/sprites.svg) no-repeat -5px -40px;
	background: url(https://entresundsvall.se/wp-content/uploads/2018/08/pdf-icon.jpg) no-repeat -5px -40px;
	display: block;
	width: 30px;
	height: 40px;
	position: absolute;
	top: -3px;
	left: 0;
}
*/

.ticket-additional-info
{
	min-height: 80px;
	line-height: 1.6em;
	margin-top: 6px;
	margin-bottom: 10px;
	border-top: 1px solid #dbdddf;
	padding-top: 16px;
	/*padding-right: 200px;*/
	padding-bottom: 4px;
}

.ticket-additional-info p
{
	margin-bottom: 8px;
	font-size: 14px;
}

.ticket-additional-info p a
{
	color: #007f88;
	text-decoration: underline;
}

.ticket-more-info
{
	width: 84px;
	width: 158px;
	font-size: 14px;
	float: left;
	padding: 10px 0;
}

.ticket-more-info-link
{
	color: #007f88;
	text-decoration: underline;
	cursor: pointer;
}

.ticket-buy
{
	/*width: 156px;*/
	max-width: 200px;
	float: right;
}

.more-event-dates-button
{
	background-color: #a7b1b7;
	background-color: #f3f5f7;
	background-color: #ebedef;
	color: inherit;
	font-size: 14px;
	font-weight: 600;
	padding: 14px 0;
	text-align: center;
	cursor: pointer;
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.more-event-dates-button:hover
{
	background-color: #6a7780;
	background-color: #e3e5e7;
	background-color: #dbdddf;
	text-decoration: none;
}

.buy-tickets-column .tickets-info-item
{
	padding: 10px 0;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}

.buy-tickets-button
{
	background-color: #1e8082;
	background-color: #3d93c1;
	background-color: #3c8fbc;
	background-color: #009faf;
	background-color: #009faa;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 16px !important;
	display: inline-block;
	float: right;
	cursor: pointer;
	-webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.buy-tickets-button:hover
{
	background-color: #007f88;
	color: #fff;
	text-decoration: none;
}

.buy-tickets-button-dummy.grayed-out,
.buy-tickets-button-dummy.grayed-out:hover
{
	font-size: 14px;
	font-weight: 600;
	border: 2px dashed #dbdddf;
	border: 2px dashed rgba(40, 50, 60, .265);
	/*background-color: #fff;*/
	padding: 8px 14px;
	display: inline-block;
	float: right;
}

.ticket-column
{
	float: left;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	padding-right: 20px;
	margin-bottom: 12px;
}

.ticket-column__date,
.ticket-column__arena,
.ticket-column__inlet,
.ticket-column__length
{
	width: 186px;
}

.ticket-column__time,
.ticket-column__price,
.ticket-column__closing
{
	width: 96px;
	width: 106px;
}

.ticket-column__time
{
	width: 86px;
}

.ticket-column__heading
{
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 4px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .product-items
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.product-items
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 36px;
}

.product-item
{
	border-left: 2px solid #cbcdcf;
	background: #f3f5f7 padding-box;
	margin-bottom: 4px;
	padding: 14px 22px 18px;
	display: none;
}

.product-item.product-item-0,
.product-item.product-item-1,
.product-item.product-item-2
{
	display: block;
}

.product-file
{
	position: absolute;
	top: 22px;
	right: 0;
}

.giftcard-file-link,
.product-file-link
{
	display: block;
	min-width: 112px;
	max-width: 160px;
	line-height: 1.45em;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 42px;
	position: relative;
	word-break: break-word;
}

.giftcard-file-link:before,
.product-file-link:before
{
	content: '';
	background: url(img/sprites.svg) no-repeat -5px -40px;
	display: block;
	width: 30px;
	height: 40px;
	position: absolute;
	top: -3px;
	left: 0;
}

.product-additional-info
{
	min-height: 80px;
	line-height: 1.6em;
	margin-top: 6px;
	margin-bottom: 14px;
	/*border-top: 1px solid #dbdddf;*/
	border-bottom: 1px solid #dbdddf;
	/*padding-top: 16px;*/
	padding-right: 200px;
	padding-bottom: 10px;
}

.product-additional-info p
{
	margin-bottom: 8px;
	font-size: 14px;
}

.product-additional-info p a
{
	color: #007f88;
	text-decoration: underline;
}

.product-more-info
{
	width: 84px;
	width: 138px;
	font-size: 14px;
	float: left;
	padding: 10px 0;
}

.product-more-info-link
{
	color: #007f88;
	text-decoration: underline;
	cursor: pointer;
}

.product-buy
{
	width: 156px;
	width: 200px;
	float: right;
}

.more-event-dates-button
{
	background-color: #a7b1b7;
	background-color: #f3f5f7;
	background-color: #ebedef;
	color: inherit;
	font-size: 14px;
	font-weight: 600;
	padding: 14px 0;
	text-align: center;
	cursor: pointer;
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.more-event-dates-button:hover
{
	background-color: #6a7780;
	background-color: #e3e5e7;
	background-color: #dbdddf;
	text-decoration: none;
}

.buy-product-column .product-info-item
{
	padding: 10px 0;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}

.buy-product-button
{
	background-color: #1e8082;
	background-color: #3d93c1;
	background-color: #3c8fbc;
	background-color: #009faf;
	background-color: #009faa;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 16px !important;
	display: inline-block;
	float: right;
	cursor: pointer;
	-webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.buy-product-button:hover
{
	background-color: #007f88;
	color: #fff;
	text-decoration: none;
}

.buy-product-button-dummy.grayed-out,
.buy-product-button-dummy.grayed-out:hover
{
	font-size: 14px;
	font-weight: 600;
	border: 2px dashed #dbdddf;
	border: 2px dashed rgba(40, 50, 60, .265);
	/*background-color: #fff;*/
	padding: 8px 14px;
	display: inline-block;
	float: right;
}

.product-column
{
	float: left;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	padding-right: 20px;
	margin-bottom: 12px;
}

.product-column__date,
.product-column__arena,
.product-column__inlet,
.product-column__length
{
	width: 186px;
}

.product-column__description
{
	max-width: 400px;
	float: left;
}

.product-column__price
{
	width: 140px;
	float: right;
}

.product-column__heading
{
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 4px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Arrangemang (.single-arrangement__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-arrangement__entry
{
	padding-top: 38px;
}

.single-arrangement__body
{

}

.single-arrangement__classification
{
	font-size: 14px;
	margin: 10px 0 10px;
}

.single-arrangement__classification .separator
{
	margin: 0 6px;
}

.single-arrangement__classification .separator:first-child
{
	display: none;
}

.single-arrangement__middle
{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 380px;
}

.single-arrangement__heading
{
	font-size: 45px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: 600;
}

.single-arrangement__undertitle
{
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: 600;
	margin-top: -8px;
	margin-bottom: 20px;
}

.single-bundle__undertitle
{
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: 600;
	margin-top: -8px;
	margin-bottom: 20px;
}

.single-giftcard__undertitle
{
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: 600;
	margin-top: -8px;
	margin-bottom: 20px;
}

.single-arrangement__thumbnail
{
	margin-bottom: 40px;
	position: absolute;
	top: 12px;
	right: 0;
}

.single-arrangement__aside
{
	width: 320px;
	position: relative;
	margin: 312px 0 0 -380px;
	padding: 8px 0;
	float: right;
}

.entry__actions
{
	margin-bottom: 28px;
}

.single-arrangement__post
{
	margin-bottom: 26px;
}

.single-arrangement__post-inner
{
	position: relative;
	overflow: hidden;
}

.single-arrangement__post-inner.collapsed
{
	max-height: 312px;
}

.single-arrangement__post-inner.collapsed:after
{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff, #fff);
	height: 100px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.show-more-content-container
{
	text-align: center;
	position: relative;
	top: -18px;
}

.show-more-content
{
	background-color: #dbdddf;
	background-color: #ebedef;
	display: inline-block;
	margin-top: 1px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 600;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	-webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.show-more-content.is--active
{
	margin-top: 31px;
}

.show-more-content:after
{
    content: '';
    border-top: 1px solid #dbdddf;
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    z-index: -1;
}

.show-more-content:hover
{
	background-color: #dbdddf;
	text-decoration: none;
}

.entry__post-inner .mailster-form-fields
{
    margin: 0 !important;
}

.entry__post-inner .mailster-form-fields input[type="email"]
{
    border: 2px solid #cbcdcf;
    height: 42px;
    cursor: pointer;
    color: inherit;
    display: block;
    padding: 12px 24px 12px 10px;
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 0;
	margin-top: 6px;
	text-align: left;
}

.entry__post-inner .mailster-form-fields label
{
    font-size: 12px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Presentkort (.single-giftcard__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-giftcard__entry
{
	padding-top: 38px;
}

.single-giftcard__body
{

}

.single-giftcard__middle
{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 380px;
}

.single-giftcard__heading
{
	font-size: 45px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: 600;
}

.single-giftcard__thumbnail
{
	margin-bottom: 40px;
	position: absolute;
	top: 12px;
	right: 0;
}

.single-giftcard__aside
{
	width: 320px;
	position: relative;
	margin: 312px 0 0 -380px;
	padding: 8px 0;
	float: right;
}

.single-giftcard__post
{
	margin-bottom: 26px;
}

.single-giftcard__post-inner
{
	position: relative;
	overflow: hidden;
}

.single-giftcard__post-inner.collapsed
{
	max-height: 312px;
}

.single-giftcard__post-inner.collapsed:after
{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff, #fff);
	height: 100px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.show-more-content-container
{
	text-align: center;
	position: relative;
	top: -18px;
}

.show-more-content
{
	background-color: #dbdddf;
	background-color: #ebedef;
	display: inline-block;
	margin-top: 1px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 600;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	-webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.show-more-content.is--active
{
	margin-top: 31px;
}

.show-more-content:after
{
    content: '';
    border-top: 1px solid #dbdddf;
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    z-index: -1;
}

.show-more-content:hover
{
	background-color: #dbdddf;
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Paket (.single-bundle__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-bundle__entry
{
	padding-top: 38px;
}

.single-bundle__body
{

}

.single-bundle__middle
{
	position: relative;
	float: left;
	width: 100%;
	padding-right: 200px;
	padding-right: 190px;
	padding-left: 190px;
}

.single-bundle__heading
{
	font-size: 45px;
	margin-bottom: 16px;
	line-height: 1.2em;
	font-weight: 600;
}

.single-bundle__thumbnail
{
	margin-bottom: 40px;
	max-width: 150px;
	position: absolute;
	top: 12px;
	left: 0;
}

.single-bundle__post-content
{
	margin-bottom: 90px;
}

.single-bundle__aside
{
	width: 150px;
	position: relative;
	margin: 2px 0 0 -380px;
	padding: 8px 0;
	float: right;
}

.single-bundle__meta-row
{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 24px;
}

.single-bundle__meta-row-heading
{
	color: #6a7780;
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 8px;
}

.single-bundle__post
{
	margin-bottom: 26px;
}

.single-bundle__post-inner
{
	position: relative;
	overflow: hidden;
}

.single-bundle__post-inner.collapsed
{
	max-height: 312px;
	min-height: 95px;
}

.single-bundle__post-inner.collapsed:after
{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff, #fff);
	height: 100px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.show-more-content-container
{
	text-align: center;
	position: relative;
	top: -18px;
	z-index: 2;
}

.show-more-content
{
	background-color: #dbdddf;
	background-color: #ebedef;
	display: inline-block;
	margin-top: 1px;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 600;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	-webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.show-more-content.is--active
{
	margin-top: 31px;
}

.show-more-content:after
{
    content: '';
    border-top: 1px solid #dbdddf;
    position: absolute;
    bottom: 17px;
    left: 0;
    right: 0;
    z-index: -1;
}

.show-more-content:hover
{
	background-color: #dbdddf;
	text-decoration: none;
}

.bundle__arrangements-list
{
	padding-top: 0;
	padding-bottom: 20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Tävling (.single-contest__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-contest__entry
{
	padding-top: 38px;
	text-align: center;
}

.single-contest__header
{
    margin-bottom: 40px;
}

.single-contest__classification-container
{
    margin-bottom: 30px;
}

.single-contest__classification-container span
{
	display: inline-block;
	padding: 0px 40px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #009faa;
}

.single-contest__classification-container span:before,
.single-contest__classification-container span:after
{
	background-color: #009faa;
    content: '';
    position: absolute;
    top: 7px;
    width: 50px;
    height: 2px;
}

.single-contest__classification-container span:before
{
	left: -24px;
}

.single-contest__classification-container span:after
{
	right: -24px;
}

.qsm-quiz-container
{
	margin-top: 48px;
	padding-top: 30px;
	border-top: 1px solid rgba(40, 50, 60, .165);
}

.mlw_qmn_question
{
	margin-bottom: 22px !important;
	font-size: 22px;
}

.qmn_mc_answer_wrap label
{
	display: block !important;
    background-color: #f3f5f7;
	margin-left: 0 !important;
	margin-right: 0 !important;
    padding: 14px 10px;
    color: #333;
    font-size: 16px !important;
}

.qmn_mc_answer_wrap input:checked + label
{
	background-color: #009faa;
	color: #fff;
}

.qmn_pagination
{
	border-top: 1px solid rgba(40, 50, 60, .165) !important;
	border-top: none !important;
}

.qmn_quiz_container .qmn_btn,
.qmn_quiz_container .btn
{
	width: 100%;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
}

.quiz-label
{
	background: #f3f3f3;
	display: block;
	margin-bottom: 8px;
	padding: 12px;
	cursor: pointer;
}

.quiz_question_radio:checked + .quiz-label
{
	background-color: #e3e3e3;
}

.checkbox-container .checkbox:checked ~ .checkbox-btn:before,
.radio-container .radio:checked ~ .radio-btn:after
{

}

.quiz-submit-button
{
	display: block;
    background: #009faa;
	cursor: pointer;
    border: 0;
    padding: 9px;
    width: 100%;
    font-size: 16px;
    color: #fff;
}

.correct-answer-wrap
{
    margin-top: 20px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Arenor (.single-arena__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-arena__entry
{
	padding-top: 46px;
	padding-bottom: 60px;
}

.single-arena__body
{
	min-height: 96px;
	min-height: 220px;
	position: relative;
	/*padding-left: 150px;*/
}

.single-arena__middle
{
	position: relative;
	float: left;
	width: 100%;
	padding-right: 380px;
}

.single-arena__header
{

}

.single-arena__post-inner
{
	position: relative;
	overflow: hidden;
}

.single-arena__post-inner.collapsed
{
	max-height: 312px;
}

.single-arena__post-inner.collapsed:after
{
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff, #fff);
	height: 100px;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.arena-entry__post-content
{
	margin: 14px 0 60px;
}

.single-arena__heading
{
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 24px;
}

.single-arena__thumbnail
{
	width: 120px;
	width: 236px;
	position: absolute;
	right: 0;
}

.single-arena__thumbnail
{
	width: 120px;
	width: 236px;
	position: absolute;
	right: 0;
}

.single-arena__thumbnail .wp-post-image
{
	border-radius: 200px;
	height: 236px !important;
	width: 236px;
}

.arena-arrangements-archive__heading-container
{
	position: relative;
	margin-bottom: 44px;
}

.arena-arrangements-archive__heading
{
	display: inline-block;
	background-color: #fff;
	padding-right: 12px;
	font-weight: 600;
}

.arena-arrangements-archive__heading:after
{
	border-bottom: 1px solid #dbdddf;
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	z-index: -1;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Single - Arrangörer (.single-arranger__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-arranger__entry
{
	padding-top: 46px;
	padding-bottom: 60px;
}

.single-arranger__body
{
	min-height: 96px;
	min-height: 220px;
	position: relative;
	/*padding-left: 150px;*/
}

.single-arranger__header
{

}

.single-arranger__middle
{
    position: relative;
    float: left;
    width: 100%;
    padding-right: 296px;
}

.single-arranger__post-inner.collapsed
{
	max-height: 150px;
}

.single-arranger__heading
{
	/*
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 24px;
	*/

	font-size: 32px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 24px;
	padding-top: 12px;
	padding-left: 84px;
}

.single-arranger__thumbnail
{
	/*
	width: 120px;
	width: 236px;
	position: absolute;
	right: 0;
	*/

	width: 80px;
	position: absolute;
}

.single-arranger__thumbnail .wp-post-image
{
	/*
	border-radius: 200px;
	height: 236px !important;
	width: 236px;
	*/
    border-radius: 200px;
    height: 60px !important;
    width: 60px;
}

.arranger-arrangements-archive__heading-container
{
	position: relative;
	margin-bottom: 44px;
}

.arranger-arrangements-archive__heading
{
	display: inline-block;
	background-color: #fff;
	padding-right: 12px;
	font-weight: 600;
}

.arranger-arrangements-archive__heading:after
{
	border-bottom: 1px solid #dbdddf;
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	right: 0;
	z-index: -1;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    typeahead search
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.tt-dropdown-menu
{
	top: 46px !important;
	top: 44px !important;
	right: 0 !important;
}


.header .pop-item__click.context-menu
{
	top: 62px;
}

.tt-suggestion a
{
	color: inherit;
	display: block;
	padding: 16px 28px 16px 22px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tt-suggestion a:hover
{
	text-decoration: none;
}

.tt-is-under-cursor a
{
	background-color: #f3f5f7;
	background-color: rgba(50, 50, 50, 0.25);
	background-color: #ebedef;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Mina sidor (.my-pages__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    .calendar-items (.single-arrangement__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
.home__calendar-list
{
	margin-right: 200px !important;
}
*/

.calendar-items
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 36px;
}

.calendar-item
{
	border-left: 2px solid #cbcdcf;
	background: #f3f5f7 padding-box;
	margin-bottom: 4px;
	padding: 14px 22px 14px;
	min-height: 73px;
}

.calendar-additional-info
{
	min-height: 80px;
	line-height: 1.6em;
	margin-top: 6px;
	margin-bottom: 10px;
	border-top: 1px solid #dbdddf;
	padding-top: 16px;
	/*padding-right: 200px;*/
	padding-bottom: 4px;
}

.calendar-column
{
	float: left;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	padding-right: 20px;
	padding-bottom: 12px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-column__heading
{
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 4px;
}

.calendar-column__thumbnail
{
	width: 74px;
}

.calendar-column__title
{
	width: 260px;
}

.calendar-column__date
{
	width: 148px;
}

.calendar-column__time
{
	width: 66px;
}

.calendar-column__arena
{
	width: 206px;
}

.calendar-side-menu
{

}

.print-button,
.image-button
{
	position: relative;
	border: 0;
	background-color: transparent;
	font-size: 14px;
	padding: 3px 0 3px 36px;
	cursor: pointer;
}

.print-button:before
{
	background: url(img/sprites.svg) no-repeat -40px -54px;
	content: '';
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .75;
}

.image-button:before
{
	background: url(img/sprites.svg) no-repeat -68px -54px;
	content: '';
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .75;
}

.calendar-side-menu
{
	margin-top: 4px;
	float: right;
}

.calendar-side-menu li
{
	float: left;
	margin-left: 26px;
}

.top-menu
{
	padding: 20px 0 30px;
}

.period-filter
{
	float: left;
}

.period-filter-field
{
	border: 2px solid #cbcdcf;
	height: 34px;
	cursor: pointer;
	color: inherit;
	/* display: block; */
	margin-right: 8px;
	padding: 12px 24px 12px 10px;
	font-weight: 600;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.period-submit
{
	background: #009faa;
	border: 0;
	color: #fff !important;
	padding: 7px 16px;
	font-size: 14px;
	font-weight: 800;
}

.print-heading
{
	visibility: hidden;
	height: 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Information (.page-information__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.page-information__content
{
	padding-top: 38px;
	position: relative;
}

.page-information__aside
{
	width: 320px;
	position: relative;
	margin: 4px 0 0 -380px;
	padding: 8px 0;
	float: right;
	z-index: 9;
}

.page-information__post-content
{
	position: relative;
	float: left;
	width: 100%;
	padding-right: 380px;
}

.side-menu
{
	border-left: 2px solid #cbcdcf;
    background: #f3f5f7 padding-box;
	padding: 20px 70px 20px 30px;
	padding: 15px 70px 8px 30px;
}

.side-menu .menu-expander
{
	font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    position: relative;
    padding: 14px 0;
    margin-bottom: 12px;
}

.side-menu .menu-expander .caret
{
    position: absolute;
    top: 16px;
    right: -16px;
    width: 16px;
    height: 10px;
}

.menu-expander .caret:after
{
    content: '';
    position: absolute;
    top: -3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    transform: rotate(45deg);
}

.side-menu.expanded .menu-expander .caret:after
{
    transform: rotate(225deg);
	top: 4px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
	Om oss (.page-about__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.page-about__content
{
	padding-top: 38px;
	position: relative;
}

.page-about__aside
{
	width: 320px;
	position: relative;
	margin: 4px 0 0 -380px;
	padding: 8px 0;
	float: right;
	z-index: 9;
}

.page-about__post-content
{
	position: relative;
	float: left;
	width: 100%;
	padding-right: 380px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Footer (.footer__blabla-blabla)
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.footer
{

}

.footer__primary
{
    display: flex;
	position: relative;
    padding: 46px 0 41px;
}

.footer__secondary
{
	padding: 26px 0 26px;
	text-align: center;
	font-size: 13px;
	line-height: 1.6em;
	padding-bottom: 70px;
}

.footer__column
{
	float: left;
	display: inline;
	flex: 1 1 auto;
	padding-right: 50px;
}

.footer__column:last-child
{
	flex: 0 0 auto;
	padding-right: 0;
}

.footer__column .footer__column-heading
{
	color: #6a7780;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 2px solid;
	padding-bottom: 20px;
}

.footer__column-list
{
	padding-top: 18px;
}

.footer__column-list .menu-item a
{
    font-size: 14px;
	color: inherit !important;
    font-weight: inherit !important;
	line-height: 2em;
}

.footer__contact
{
	font-size: 14px;
	line-height: 1.4em;
	padding-top: 22px;
}

.footer__contact-item
{
	margin-bottom: 12px;
}

.footer__contact-heading
{
	font-weight: 600;
	margin-bottom: 4px;
}

.footer__social-list
{
	margin: 14px 0;
}

.footer__social-button
{
	float: left;
	margin-right: 6px;
}

.footer__social-button a
{
	background-color: #f3f5f7;
	background-color: #ebedef;
	background-color: #a7b1b7;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: block;
}

.footer__colophon-primary
{
	float: left;
}

.footer__colophon-secondary
{
	float: right;
}

.footer__copyright
{
	color: #6a7780;
	font-size: 13px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Modals
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.overlay-active
{
	height: 100vh;
	overflow-y: hidden;
}

.overlay-active .viewport,
.overlay-active .header
{
	overflow-y: scroll;
}

.viewport-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999998;
	overflow-y: scroll;
	background-color: rgba(45,51,57,0.7);
	display: none;
	-webkit-overflow-scrolling: touch;
}

.overlay-active .viewport-overlay
{
	display: block;
}

.modal
{
	position: relative;
	/*
	background-color: rgba(45,51,57,0.7);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999998;
	*/
	/*
	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-moz-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: opacity .2s ease, visibility .2s ease;
	transition: opacity .2s ease, visibility .2s ease;
	*/
	/*opacity: 0;
	visibility: hidden;*/
}

.overlay-active .modal.is--visible
{
    opacity: 1;
    /*
	-webkit-transition: opacity .4s ease, visibility .4s ease;
    -moz-transition: opacity .4s ease, visibility .4s ease;
    -o-transition: opacity .4s ease, visibility .4s ease;
    transition: opacity .4s ease, visibility .4s ease;
	*/
}

.modal .modal__close-button
{
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 999999999;
	cursor: pointer;
	/*
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	*/
	/*
	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-moz-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: opacity .2s ease, visibility .2s ease;
	transition: opacity .2s ease, visibility .2s ease;
	*/
}

.modal.is--visible .modal-close
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1000;
}

.entry__popup .modal__close-button
{
	top: 30px;
	right: 36px;
}

.modal__close-button:before
{
	content: '';
	position: absolute;
	background: url(img/sprites.svg) no-repeat -80px 0;
	width: 20px;
	height: 20px;
	top: 10px;
	left: 10px;
}

.modal__event-info .modal__close-button
{
	top: 0px;
	right: 0px;
}

.modal-content
{
	background-color: #fff;
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.25);
	position: fixed !important;
    width: 288px;
    height: 320px;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -144px;
	z-index: 9999999;
	visibility: hidden;
    opacity: 0;
}

.modal.is--visible .modal-content
{
	opacity: 1;
	visibility: visible;
	/*
	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-moz-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: width 1s ease, height 1s ease, opacity .2s ease, visibility .2s ease;
	transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
	*/
}

.modal.v-align:before
{
	content: '';
	width: 1px;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -5px;
}

.modal__header
{
	border-bottom: 1px solid #ebedef;
	margin: 0 40px;
	padding: 28px 0px;
}

.modal__heading
{
	float: left;
}

/*
.modal__close-button
{
	float: right;
	font-size: 14px;
	margin-top: 2px;
	padding-left: 26px;
	cursor: pointer;
	position: relative;
}
*/



.modal__content
{
	margin: 0 40px;
	padding: 28px 0;
}







/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Notices
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.site-notice
{
	text-align: center;
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 20px;
	padding: 14px 16px;
	line-height: 1.5em;
}

.site-notice.red
{
	background-color: rgb(248, 197, 174);
	color: rgb(159, 41, 20);
}

.site-notice.yellow
{
	background-color: rgb(252, 215, 174);
	color: rgb(214, 76, 19);
}

.site-notice.green
{
	background-color: rgb(206, 226, 185);
	color: rgb(0, 115, 59);
}

.construction-notice
{
	text-align: center;
	background-color: #c1ffbf;
	font-size: 14px;
	margin-top: 6px;
	margin-bottom: 20px;
	padding: 14px 16px;
	/*border-left: 4px solid #297428;*/
	color: #297428;
	line-height: 1.5em;
}

.arrangement-notice
{
	/*text-align: center;*/
	background-color: #ffffbf;
	font-size: 14px;
	margin-top: 22px;
	margin-bottom: 16px;
	padding: 14px 16px;
	/*border-left: 4px solid #efef69;*/
	color: #797909;
	line-height: 1.5em;
}

.event-notice
{
	/*text-align: center;*/
	background-color: #ffffbf;
	font-size: 14px;
	margin-bottom: 12px;
	padding: 8px 24px;
	border-left: 2px solid #efef69;
	color: #797909;
	line-height: 1.5em;
}

.error
{
	background-color: #e87d70;
	color: #fff;
	font-size: 13px;
	margin-bottom: 50px;
	padding: 13px 16px 13px 56px;
	position: relative;
}

.error:before
{
	background-color: rgba(0, 0, 0, 0.1);
	content: '';
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Buttons
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.submit-button
{
	background-color: #198dc7;
	border: none;
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 16px 8px 17px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.submit-button:hover
{
	background-color: #1579ab;
}

.delete-account-wrap
{
	text-align: center;
}

.delete-account-text
{
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.delete-account-link
{
	color: #e91c2b;
}

.delete-account-link:hover
{
	text-decoration: underline;
}

.delete-account-button,
.keep-account-button
{
	display: inline-block;
	margin: 0 4px;
	padding: 10px 14px;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.delete-account-button
{
	background-color: #e91c2b;
	color: #fff;
}

.delete-account-button:hover
{
	background-color: #e91c2b;
}

.keep-account-button
{
	background-color: #ebedef;
}

.keep-account-button:hover
{
	background-color: #dbdddf;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Menus
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.header__global-nav .menu-item.current-menu-item a,
.header__global-nav .menu-item.current-page-ancestor a,
.search .menu-item__arrangements a,
.single-arrangement .menu-item__arrangements a,
.single-bundle .menu-item__arrangements a,
.single-giftcard .menu-item__giftcards a,
.single-contest .menu-item__arrangements a,
.single-ad .menu-item__arrangements a,
.post-type-archive-arrangement .menu-item__arrangements a,
.post-type-archive-arena .menu-item__arenas a,
.post-type-archive-arranger .menu-item__arrangers a,
.single-arena .menu-item__arenas a,
.single-arranger .menu-item__arrangers a,
.parent-pageid-22 .menu-item__my-pages a,
.nav-tabs .current-menu-item a,
.page-template-user-bookmarks .menu-item__bevakningar > a,
.page-template-user-calendar .menu-item__bevakningar > a,
.page-template-user-gift-wrap .menu-item__bevakningar > a,
.page-template-user-interests .menu-item__bevakningar > a,
.page-template-user-settings .menu-item__bevakningar > a,
.page-signup .menu-item__create-account > a
{
	color: #00a4a9;
    font-weight: 600;
}

.home.page-signup  .menu-item__home > a
{
	color: #011927;
	font-weight: normal;
}

.header__global-nav .menu-item a::before,
.nav-tabs .menu-item > a::before
{
	background: #dbdddf;
	content: '';
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.header__global-nav .menu-item a:hover::before,
.nav-tabs .menu-item a:hover::before
{
	opacity: 1;
}

.header__global-nav .menu-item.current-menu-item a::before,
.header__global-nav .menu-item.current-page-ancestor a::before,
.search .menu-item__arrangements a::before,
.single-arrangement .menu-item__arrangements a::before,
.single-bundle .menu-item__arrangements a::before,
.single-giftcard .menu-item__giftcards a::before,
.single-contest .menu-item__arrangements a::before,
.single-ad .menu-item__arrangements a::before,
.post-type-archive-arrangement .menu-item__arrangements a::before,
.post-type-archive-arena .menu-item__arenas a::before,
.post-type-archive-arranger .menu-item__arrangers a::before,
.single-arena .menu-item__arenas a::before,
.single-arranger .menu-item__arrangers a::before,
.parent-pageid-22 .menu-item__my-pages a::before,
.nav-tabs .menu-item.current-menu-item > a::before,
.page-template-user-bookmarks .menu-item__bevakningar > a::before,
.page-template-user-calendar .menu-item__bevakningar > a::before,
.page-template-user-gift-wrap .menu-item__bevakningar > a::before,
.page-template-user-interests .menu-item__bevakningar > a::before,
.page-template-user-settings .menu-item__bevakningar > a::before,
.page-signup .menu-item__create-account > a::before
{
	-webkit-transform: none;
	transform: none;
	height: 4px;
	background: #009faa;
	opacity: 1;
}

.home.page-signup  .menu-item__home > a::before
{
	background: transparent;
}









.newsletter-container
{
	background: url('img/newsletter-bg-pattern.png');
	text-align: center;
	padding: 40px 20px;
	margin-top: 60px;
}

.newsletter-icon
{
	/*
	width: 40px;
	height: 40px;
	background: url('img/sprites.svg') no-repeat -160px -20px;
	margin: 0 auto 12px;
	*/
	width: 50px;
    height: 50px;
    background: url('img/logo-sundsvall.svg') no-repeat -0px 0px / 158px 50px;
    margin: 0 auto 12px;
}

.newsletter-container h4
{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.newsletter-container .newsletter-heading
{
	font-size: 48px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin-bottom: 14px;
}

.newsletter-container .newsletter-desc
{
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}

.mailster-form-fields
{
	margin: 0 auto;
	max-width: 520px;
}

.mailster-email
{
	border: 0;
	padding: 10px 17px;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
}

.mailster-form .submit-button
{
	cursor: pointer;
	background-color: #009faa;
}

.mailster-form,
.mailster-form .input,
.mailster-form .mailster-form-info
{
	border-radius: 60px;
}

.mailster-form .mailster-form-info p
{
	font-size: 14px;
	line-height: 1.25em;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    WORDPRESS CORE
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

.alignnone
{
	margin: 8px 0;
}

.aligncenter,
div.aligncenter
{
	display: block;
	margin: 8px auto;
}

.alignleft
{
	float: left;
	margin: 8px 8px 8px 0;
}

.alignright
{
	float: right;
	margin: 8px 0 8px 8px;
}

a img.alignnone
{
	margin: 8px 0;
	border: 1px solid #e1e1e1;
	border: 1px solid #e9edef;
}

a img.aligncenter
{
	display: block;
	margin: 8px auto;
	border: 1px solid #e1e1e1;
	border: 1px solid #e9edef;
}

a img.alignleft
{
	float: left;
	margin: 8px 8px 8px 0;
	border: 1px solid #e1e1e1;
	border: 1px solid #e9edef;
}

a img.alignright
{
	float: right;
	margin: 8px 0 8px 8px;
	border: 1px solid #e1e1e1;
	border: 1px solid #e9edef;
}

.wp-caption
{
	max-width: 100%;
	padding: 20px 0;
}

.wp-caption.alignnone
{
	margin: 8px 0;
}

.wp-caption.alignleft
{
	margin: 8px 8px 8px 0;
}

.wp-caption.alignright
{
	margin: 8px 0 8px 8px;
}

.wp-caption img
{
	border: 0 none;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption
{
	font-size: 11px;
	margin: 0;
	padding: 8px 0;
}

blockquote
{
	margin: 0;
	padding-left: 22px;
	padding-right: 22px;
	position: relative;
	border-left: 4px solid #e9edef;
    margin: 30px 0;
}

blockquote p
{
	color: #899ba7;
	font-style: italic;
	margin-bottom: 0 !important;
}









.help-button-floating
{
	display: block;
    position: fixed;
	z-index: 999999;
    right: 16px;
    bottom: 16px;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    color: #fff;
    font-size: 37px;
    font-weight: bold;
    padding: 7px 0;
    background: #009faa;
    text-align: center;
	text-decoration: none !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    PRINT
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

@media print
{
	*
	{
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		border: 0 none !important;
	}

	body
	{
		overflow-x: auto;
		visibility: hidden;
	}

	a,
	a:visited
	{
		text-decoration: underline;
	}

	a[href]:after
	{
		content: " (" attr(href) ")";
	}

	abbr[title]:after
	{
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after
	{
		content: "";
	}

	pre,blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead
	{
		display: table-header-group;
	}

	tr,img
	{
		page-break-inside: avoid;
	}

	img
	{
		max-width: 100% !important;
	}

	@page
	{
		margin: 0.5cm;
	}

	p,
	h2,
	h3
	{
		orphans: 3;
		widows: 3;
	}

	h2,
	h3
	{
		page-break-after: avoid;
	}

	.print-heading
	{
		visibility: visible;
		height: auto;
	}

	.header,
	.footer,
	.section-header,
	.top-menu
	{
		display: none;
	}

	.middle
	{
		padding: 0 !important;
	}

	#events-list
	{
		visibility: visible;
	}


	.calendar-column__thumbnail
	{
		width: 74px;
	}

	.calendar-column__title
	{
		width: 200px;
	}

	.calendar-column__date
	{
		width: 148px;
	}

	.calendar-column__time
	{
		width: 66px;
	}

	.calendar-column__arena
	{
		width: 186px;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*\
    Media Queries
\*------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 961px)
{

}

@media only screen and (max-width: 1120px)
{

}

/*@media only screen and (max-width: 1024px)*/
@media only screen and (max-width: 924px)
{
	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Header
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.header__secondary
	{
		height: auto;
		border-bottom: none;
	}

	/*
	.header
	{
		position: absolute !important;
		position: fixed !important;
		width: 100%;
		top: 0 !important;
	}
	*/

	.header__main
	{
		display: block !important;
	}

	.header__global-search .popup__close-button,
	.header__secondary .popup__close-button
	{
		display: block;
		position: absolute;
	}

	.header__global-search
	{
		border-bottom: 1px solid #dbdddf;
		padding: 13px 0;
		float: none !important;
	}

	.header__global-search-button
	{
		display: none;
	}

	.header__global-search-form
	{
		margin: 0;
	}

	.header__global-search-wrap,
	.header__global-search
	{
		display: block;
		flex: 0 1 auto;
		justify-content: flex-start;
	}

	.tt-dropdown-menu
	{
		background: transparent !important;
		top: 66px !important;
		display: block !important;
		box-shadow: none !important;
	}

	.header__secondary .popup-inner
	{
		padding: 50px 0;
	}

	.header__global-nav-primary,
	.header__global-nav-secondary
	{
		float: none;
		text-align: center;
	}

	.header__global-nav-primary .menu-item,
	.header__global-nav-secondary .menu-item
	{
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.header__global-nav-primary .menu-item a,
	.header__global-nav-secondary .menu-item a
	{
		display: inline-block;
		font-size: 20px;
	}

	.header__global-nav .menu-item a::before,
	.nav-tabs .menu-item > a::before
	{
		display: none;
	}


	.header__global-search-wrap.can--popup,
	.header__secondary.can--popup
	{
		height: 100vh;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		padding-bottom: 100px;
		z-index: 999999;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	.header__global-search-wrap.is--active,
	.header__secondary.is--active
	{
		visibility: visible;
		opacity: 1;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.header__global-search-wrap.can--popup .popup-inner,
	.header__secondary.can--popup .popup-inner
	{
		transform: translate3d(0, 72px, 0);
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}

	.header__global-search-wrap.is--active .popup-inner,
	.header__secondary.is--active .popup-inner
	{
		transform: translate3d(0, 0, 0);
	}

	.header__primary,
	.header__global-help
	{
		height: 72px;
	}

	.header__global-help
	{
		display: none;
	}

	.mobile__list
	{
		display: block;
	}

	.header__logo-wrap,
	.header__logo-button
	{
		width: 138px;
		height: 72px;
		width: 140px;
		height: 72px;
	}

	.header__global-search-field,
	.search-field, .tt-hint
	{
		padding-left: 28px;
		padding-right: 72px;
		border-radius: 0;
	}

	.tt-suggestion a
	{
		padding-left: 28px;
	}


	.header__global-help > .menu-item.menu-item__agents > a,
	.header__global-help > .menu-item.menu-item__listen > a,
	.header__global-help > .menu-item.menu-item__phone-booking > a
	{
		margin: 24px 10px 24px 20px;
	}




	.side-menu .meta-item-item
	{
		display: none;
	}

	.side-menu.expanded .meta-item-item
	{
		display: block;
	}



	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Middle
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.middle
	{
		padding-top: 72px;
		/*padding-bottom: 0;*/
	}



	.page-information__aside,
	.page-about__aside
	{
		width: auto !important;
	}

	.page-template-page-information .side-nav,
	.page-template-page-about .side-nav
	{
		margin-left: 0 !important;
		border-left: none !important;
		/*border-bottom: 1px solid #dbdddf !important;*/
	    white-space: nowrap;
	    overflow-x: auto;
	    overflow-y: hidden;
	    margin: 0 -16px;
	}

	.page-template-page-information .side-nav .menu-item,
	.page-template-page-about .side-nav .menu-item
	{
		display: inline-block !important;
	}

	.page-template-page-information .side-nav .menu-item a:before,
	.page-template-page-about .side-nav .menu-item a:before
	{
		top: auto !important;
		left: 0 !important;
		right: 0 !important;
		bottom: -1px !important;
		width: auto !important;
		height: 4px !important;
	}

	/*
	.page-template-page-information .side-nav .menu-item.current-menu-item a:before,
	.page-template-page-about .side-nav .menu-item.current-menu-item a:before
	{

	}
	*/

	.help-button-floating
	{
	    width: 44px;
	    height: 44px;
	    font-size: 28px;
	    padding: 7px 0;
	}


	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Filter
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.filter-item
	{
		width: 50%;
	}



	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Page - About
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.page-template-page-about .side-nav
	{
		margin-left: 0;
	}



	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Single Page - Arrangemang
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.single-arrangement__middle
	{
		padding-right: 0;
		float: none;
	}

	.single-arranger__middle
	{
		padding-right: 0;
		/*float: none;*/
	}

	.single-arena__middle
	{
		padding-right: 0;
		float: none;
	}

	.single-arrangement__thumbnail
	{
		position: static;
	}

	.single-arrangement__thumbnail img
	{
		width: 100%;
	}

	.single-arrangement__aside
	{
		width: 288px;
		float: none;
		margin: 0;
	}



	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Single Page - Presentkort
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.single-giftcard__middle
	{
		padding-right: 0;
		float: none;
	}

	.single-giftcard__thumbnail
	{
		position: static;
	}

	.single-giftcard__thumbnail img
	{
		width: 100%;
	}

	.single-giftcard__aside
	{
		width: 288px;
		float: none;
		margin: 0;
	}






	.page-information__post-content
	{
		padding-right: 0;
	}

	.single-bundle__middle
	{
    /*
	padding-right: 200px;
    padding-right: 0;
	*/
    padding-left: 0;
	}

	.single-bundle__thumbnail,
	.single-bundle__aside
	{
		display: none;
	}

	.page-information__aside
	{
		width: 288px;
		float: none;
		margin: 0 0 50px;
		margin: 0;
	}



	.page-about__post-content
	{
		padding-right: 0;

	}

	.page-about__aside
	{
		width: 288px;
		float: none;
		margin: 0 0 50px;
	}

	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Footer
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.footer__primary
	{
		padding: 26px 0 21px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.footer__column:last-child
	{
		flex-grow: 1;
		flex-shrink: 1;
	}



	.footer__column
	{
		display: flex;
		flex-basis: calc(50% - 40px);
		flex-direction: column;
		margin: 20px 0;
		padding-right: 0;
	}


	.nav-tabs
	{
		border-left: 1px solid #dbdddf;
		border-bottom: 0 none;
		margin: 64px 0 30px;
		height: auto;
	}

	.nav-tabs .menu-item
	{
		float: none;
	}

	.nav-tabs .menu-item > a
	{
		height: auto;
		display: block;
		margin: 18px 0;
		padding: 4px 20px 5px;
		font-size: 18px;
	}

	.nav-tabs .menu-item > a::before
	{
		background: #dbdddf;
		content: '';
		height: 100%;
		width: 4px;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		opacity: 0;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease;
	}

	.nav-tabs .menu-item.current-menu-item > a::before
	{
		-webkit-transform: none;
		transform: none;
		height: auto;
		background: #009faa;
		opacity: 1;
	}
}


































@media only screen and (max-width: 1000px)
{

}

@media only screen and (max-width: 980px)
{

}

@media only screen and (max-width: 960px)
{

}

@media only screen and (max-width: 924px)
{
	.header.has--subheader
	{
		max-height: 72px;
	}

	.header.has--subheader + .middle
	{
		padding-top: 127px;
	}
}



@media only screen and (max-width: 784px)
{

}

@media only screen and (max-width: 828px)
{
	.grid-item-3
	{
		width: 50% !important;
	}

	/*
	.grid-item-3:nth-of-type(2n+1)
	{
		clear: left !important;
	}
	*/

	.form__checkbox-row
	{
		width: 50%;
	}

	.entry-content__settings
	{
		display: block;
	}

	.page-container__settings--interests
	{
		display: block;
		flex: 0 1 auto;
	}

	.single-arena__thumbnail
	{
		position: static;
		margin-bottom: 20px;
	}

	.single-arranger__thumbnail
	{
		/*
		position: static;
		margin-bottom: 20px;
		*/
	}
}

@media only screen and (max-width: 600px)
{
	.filter-item
	{
		width: 100%;
		display: none;
	}

	.filter-item.is--visible
	{
		display: block;
	}

	.filter-item.filter-item-1,
	.filter-item.filter-item-2
	{
		display: block;
	}

	.filter-button
	{
		float: right;
		position: static;
		margin-top: 18px;
		margin-right: 8px;
	}

	.more-filters-link
	{
		display: block;
	}



	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Single Page - Arrangemang
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.single-arrangement__heading
	{
		font-size: 28px;
		margin-bottom: 16px;
		line-height: 1.2em;
		font-weight: 600;
	}

	.single-arrangement__undertitle
	{
		font-size: 22px;
		margin-bottom: 10px;
	}

	.single-bundle__undertitle
	{
		font-size: 22px;
		margin-bottom: 10px;
	}

	.single-giftcard__undertitle
	{
		font-size: 22px;
		margin-bottom: 10px;
	}

	.single-arrangement__thumbnail
	{
		margin-bottom: 36px;
	}






	.single-giftcard__heading
	{
		font-size: 26px;
		margin-bottom: 16px;
		line-height: 1.2em;
		font-weight: 600;
	}

	.single-giftcard__thumbnail
	{
		margin-bottom: 36px;
	}




	.single-bundle__heading
	{
		font-size: 26px;
		margin-bottom: 16px;
		line-height: 1.2em;
		font-weight: 600;
	}

	.single-bundle__thumbnail
	{
		position: relative;
		width: 120px;
	}

	.single-bundle__middle
	{
    padding-right: 0;
	}

	/*------------------------------------------------------------------------------------------------------------------------------------------------*\
		Footer
	\*------------------------------------------------------------------------------------------------------------------------------------------------*/

	.footer__secondary
	{
		padding: 10px 0 66px;
	}

	.footer__colophon-primary,
	.footer__colophon-secondary
	{
		float: none;
		margin: 16px 0;
	}





	.tickets-info-item
	{
		padding-right: 12px;
	}

	.tickets-info-item.left
	{
		width: 166px;
	}

	.tickets-info-item.right
	{
		width: auto;
	}

	/*
	.entry__header,
	.entry__aside,
	.entry__post-content
	{
		float: none;
		padding-right: 0;
		margin: 0;
	}
	*/
}

@media only screen and (max-width: 544px)
{
	.cookies__check
	{
		width: auto;
		left: 24px;
		right: 24px;
	}

	/*.grid-item-3,*/
	.arrangement-list-item
	{
		width: 100% !important;
	}

	.middle__section-heading .link-common
	{
		display: none;
	}

	.newsletter-container h4
	{
		font-size: 14px;
	}

	.newsletter-container .newsletter-heading
	{
		font-size: 30px;
	}

	.footer__primary
	{
		padding: 26px 0 21px;
		display: block;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.footer__column
	{
		width: 100%;
		display: block;
	}

	.form__checkbox-row
	{
		width: 100%;
	}
}

@media only screen and (max-width: 736px)
{

}

@media only screen and (max-width: 700px)
{

}

@media only screen and (max-width: 680px)
{

}

@media only screen and (max-width: 580px)
{

}

@media only screen and (max-width: 420px)
{

}

@media only screen and (max-width: 400px)
{
	.ticket-item
	{
		padding: 10px 14px 14px;
	}

	.ticket-column__date,
	.ticket-column__arena,
	.ticket-column__inlet,
	.ticket-column__length
	{
		width: 160px;
	}
}

@media only screen and (max-width: 382px)
{
	.header__logo-wrap,
	.header__logo-button
	{
		width: 128px;
	}

	.header__logo-button
	{
		padding: 16px 0;
	}

	.ticket-item
	{
		padding: 10px 10px 14px;
	}
}

@media only screen and (max-width: 334px)
{
	.entry__popup
	{
		padding: 0 !important;
	}

	.entry__popup .modal__close-button
	{
		right: 20px;
	}
}

/*
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi)
{

}
*/










































.tab_content_login
{
	width: 260px;
	margin: 0 auto;
}

.tab_content_login h3
{
	text-align: center;
	margin-bottom: 16px;
}

.tab_content_login form input[type="text"],
.tab_content_login form input[type="password"]
{
	width: 100%;
	border: 2px solid #cbcdcf;
	padding: 6px;
	margin-bottom: 10px;
	font-size: 16px;
}

.tab_content_login .user-submit
{
	background-color: #009faa;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 16px 9px;
	margin-top: 18px;
}

.login_fields
{
	text-align: center;
}

.rememberme
{
	font-size: 14px;
	margin-top: 6px;
}

.rememberme .checkbox-label
{
	padding-top: 0;
}






#login-content,
#forgot-password-content,
#signup-content
{
	padding: 40px 30px;
}

#login-content h2,
#forgot-password-content h2,
#signup-content h2
{
	margin-bottom: 20px;
	text-align: center;
	display: none;
}

#signup-content p
{
	text-align: center;
	line-height: 1.4em;
}

#forgot-password-content p
{
	line-height: 1.4em;
	margin-bottom: 20px;
}

#forgot-password-content label
{
	font-weight: normal !important;
	font-size: 14px !important;
	margin: 14px 0 6px 0 !important;
	display: block;
}

#setupform
{
	font-size: 12px;
	line-height: 1.4em;
}

#setupform input[type="text"],
#setupform input[type="email"],
#setupform input[type="password"]
{
	width: 100%;
	border: 2px solid #cbcdcf;
	padding: 6px;
	font-size: 16px;
}

#setupform input[type="submit"]
{
	background-color: #009faa;
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 16px 9px;
	margin-top: 10px;
	width: 100%;
}

.mu_register form
{
	margin-top: 26px !important;
}

.mu_register:before
{
    content: 'Skapa konto';
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
}

#login-content:before
{
    content: 'Logga in';
	margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
}

#forgot-password-content:before
{
    content: 'Glömt lösenord';
	margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.mu_register
{
    width: 260px !important;
}

.mu_register label
{
	font-weight: normal !important;
	font-size: 14px !important;
	margin: 14px 0 6px 0 !important;;
}

p.submit:after
{
	content: 'Jag har läst och godkänner sekretessvillkoren.';
}





.ui-datepicker
{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
}

.ui-datepicker-header
{
	position: relative;
	margin-top: 8px;
	margin-bottom: 14px;
}

.ui-datepicker-header .ui-datepicker-prev.ui-corner-all,
.ui-datepicker-header .ui-datepicker-next.ui-corner-all
{
	position: absolute;
	width: 25px;
	display: block;
	text-align: center;
	cursor: pointer;
}

.ui-datepicker-header .ui-datepicker-prev.ui-corner-all span,
.ui-datepicker-header .ui-datepicker-next.ui-corner-all span
{
	display: none;
}

.ui-datepicker-header .ui-datepicker-prev.ui-corner-all
{
	left: 0;
}

.ui-datepicker-header .ui-datepicker-next.ui-corner-all
{
	right: 0;
}

.ui-datepicker-header .ui-datepicker-prev.ui-corner-all:after
{
	content: '<';
}

.ui-datepicker-header .ui-datepicker-next.ui-corner-all:after
{
	content: '>';
}

.ui-datepicker-header .ui-datepicker-title
{
	text-align: center;
}

.ui-datepicker-calendar thead th
{
	padding-bottom: 10px;
}

.ui-datepicker td
{
	width: 32px;
}

.ui-state-default
{
	text-align: center;
	display: block;
	padding: 6px 0px;
}

/*

	Naming convention: http://maintainablecss.com/chapters/

		// Square brackets denote optional parts
		.<moduleName>[-<componentName>][-<state>] {}


		Here are some real examples pertaining to a “search results” module:

		// module container/root
		.searchResults {}

		// components of a module
		.searchResults-heading {}

		.searchResults-item {}

		// state: such as AJAX loading
		.searchResults-isLoading {}




		// Om jag VET med säkerhet att t.ex. endast en typ av shoppingvagn endast kommer finnas på hela sajten:

		<div class="basket">
			<h2 class="basket-title">Basket</h2>
			<div class="basket-item">
				<h3 class="basket-productTitle">Product title</h3>
				<form>
					<input type="submit" class="basket-removeButton" value="Remove">
				</form>
			</div>
		</div>
		And the selectors for that:

		// module container
		.basket {}

		// components
		.basket-title {}
		.basket-item {}
		.basket-productTitle {}
		.basket-removeButton {}


		... Annars:

		<div class="headerBasket">
			<h2 class="headerBasket-title">Basket</h2>
			<div class="headerBasket-item">
				<h3 class="headerBasket-productTitle">Product title</h3>
				<form>
					<input type="submit" class="headerBasket-removeButton" value="Remove">
				</form>
			</div>
		</div>
		And the selectors for that:

		// module container
		.headerBasket {}

		// components
		.headerBasket-title {}
		.headerBasket-item {}
		.headerBasket-productTitle {}
		.headerBasket-removeButton {}

		... och:

		<div class="checkoutBasket">
			<h2 class="checkoutBasket-title">Basket</h2>
			<div class="checkoutBasket-item">
				<h3 class="checkoutBasket-productTitle">Product title</h3>
				<form>
					<input type="submit" class="checkoutBasket-removeButton" value="Remove">
				</form>
			</div>
		</div>
		And the selectors for that:

		// module container
		.checkoutBasket {}

		// components
		.checkoutBasket-title {}
		.checkoutBasket-item {}
		.checkoutBasket-productTitle {}
		.checkoutBasket-removeButton {}





	1. Settings
		1.1. Settings Commons
		1.2. Settings Pages
	2. Account
		2.1. Account Commons
		2.2. Account Pages
	3. Tutorials
		3.1. Tutorials Commons
		3.2. Tutorials Archive
		3.3. Tutorials Single
	4. Courses
		4.1. Courses Commons
		4.2. Courses Archive
		4.3. Courses Single
	5. Forums
		5.1. Forums Commons
		5.2. Forums Archive
		5.3. Forums Question
		5.4. Forums Anwser
	6. Header Menus
		6.1. Header Menus Commons
		6.2. Browse Header Menu
		6.3. Search Header Menu
		6.4. Account/Notifications Header Menu
		6.5. Settings Header Menu
	7. Site Structure
		7.1. Site Structure Commons
	8. Basic Classes
	9. Media Queries

*/




/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Site Structure
********************************************************************************************/

/********************************************************************************************
*** Header
********************************************************************************************/

/********************************************************************************************
*** Header Menus
********************************************************************************************/

/*
	6.1. Header Menus Commons
	6.2. Browse Header Menu
	6.3. Search Header Menu
	6.4. Account/Notifications Header Menu
	6.5. Settings Header Menu
*/



/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Basics
********************************************************************************************/

/********************************************************************************************
*** Footer
********************************************************************************************/






/**
	Dokument-storlek i pixlar (från inkscape): bredd 744, höjd 1052.
**/

.promo-tape
{
	position: absolute;
	top: 30px;
	left: -42px;
	background-color: #356587;
	background-color: #009faa;
	width: 180px;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	transform: rotate(-45deg);
	text-align: center;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.75);
}

.single-promo-tape-container
{
	left: -2px !important;
}

.single-promo-tape
{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 10px 14px;
	position: relative;
}

.single-promo-tape:before,
.single-promo-tape:after
{
    width: 0px;
    height: 0;
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    right: -6px;
    border-style: solid;
	margin-right: -4px;

}

.single-promo-tape:before
{
	border-width: 30px 16px 0 16px;
	border-color: rgb(252, 215, 174) transparent transparent transparent;
	top: 0;
}

.single-promo-tape:after
{
	border-width: 0 18px 30px 18px;
	border-color: transparent transparent rgb(252, 215, 174) transparent;
	bottom: 0;
}






.promo-tape.red,
.single-promo-tape.red
{
	background-color: rgb(248, 197, 174);
	color: rgb(159, 41, 20);
}

.promo-tape.yellow,
.single-promo-tape.yellow
{
	background-color: rgb(252, 215, 174);
	color: rgb(214, 76, 19);
}

.promo-tape.green,
.single-promo-tape.green
{
	background-color: rgb(206, 226, 185);
	color: rgb(0, 115, 59);
}

.promo-tape.blue,
.single-promo-tape.blue
{
	background-color: #00466e;
	color: #DCB478;
}

.promo-tape-container
{
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: absolute;
	left: 6px;
	top: -2px;
	z-index: 997;
}

.promo-tape-container:before
{
	background-color: #047077;
	width: 3px;
	height: 4px;
	position: absolute;
	content: '';
	top: 116px;
	left: 0px;
	z-index: -1;
}

.promo-tape-container:after
{
	background-color: #047077;
	width: 4px;
	height: 3px;
	position: absolute;
	content: '';
	top: 0;
	left: 116px;
	z-index: -1;
}









.temp-popup
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999999;
}

.temp-img-container
{
    display: inline;
	position: relative;
}

.temp-popup__overlay
{
	position: absolute;
    background: rgba(0, 0, 0, .85);
	top: -500px;
    left: -500px;
    right: -500px;
    bottom: -500px;
	cursor: pointer;
}

.temp-popup__image
{
	padding: 10px 10px;
}

.temp-popup__close-button
{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 100%;
    text-indent: -93px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	z-index: 99999;
}

.temp-popup__close-button:before
{
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(45deg);
	top: 10px;
    right: 17px;
}

.temp-popup__close-button:after
{
    content: '';
    position: absolute;
    width: 2px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg);
	top: 10px;
    right: 17px;
}


































.external-link-wrap
{
	height: 100px;
	position: relative;
	text-align: right;
	margin-bottom: 16px;
	display: flex;
}

.external-link-wrap-image
{
	flex: 1 1 auto;

	height: 100%;
	position: relative;
}

.external-link-wrap-image.sundsvall
{
	background: url(img/sundsvall.jpg) no-repeat center / cover #005b62;
}

.external-link-wrap-image.harnosand
{
	background: url(img/harnosand.jpg) no-repeat center / cover #005b62;
}

.external-link-wrap-image:before
{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 100%);
    pointer-events: none;
}

.external-link-button-wrap
{
	flex: 0 0 auto;
	background: #005b62;
	width: 280px;
}

.external-link-button
{
    background: #009faa;
	font-weight: 600;
    color: #fff;
    padding: 12px 18px;
    display: inline-block;
    margin: 30px;
    position: relative;
    z-index: 2;
}




@media only screen and (max-width: 600px)
{
	.external-link-wrap
	{
		display: block;
	}

	.external-link-wrap-image:before
	{
	    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 68%);
	    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 68%);
	    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #005b62 68%);
	}

	.external-link-button-wrap
	{
		position: absolute;
		top: 0;
		right: 0;
		background: transparent;
	}
}



.mhForm__label
{
	display: none !important;
}

.mhForm__input
{
    background: #fff !important;
    border-radius: 60px !important;
    border: 0 !important;
    padding: 10px 17px !important;
    margin-bottom: 10px !important;
    font-size: 16px !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 520px !important;
}

.mhForm__validationError
{
    margin-top: 5px !important;
    color: #AE3523 !important;
}

.mhForm__control
{
    margin-bottom: 20px !important;
}

.mhForm__button
{
    font-size: 14px !important;
    font-weight: bold !important;
    background-color: #009faa !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    padding: 8px 16px 8px 17px !important;
    -webkit-transition: all 0.2s ease !important;
    -moz-transition: all 0.2s ease !important;
    -o-transition: all 0.2s ease !important;
    transition: all 0.2s ease !important;
}
















.page-information__post-content .wpcf7-form > div + p
{
	display: none;
}