/*
Theme Name: Blankspot theme
Theme URI: https://blankspot.se
Description: WordPress Theme for Blankspot
Version: 2.0.0
Author: Jonatan Fried
Author URI: http://blankspot.se
Tags: HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/* Rules are written mobile first so for larger screens go to css/responsive.css */

/*
images
*/
img {
	transition: opacity 0.5s, background-color 0.5s;
}
svg {
	transition: fill 0.5s;
}
.img-inside {
	overflow: hidden;
	position: relative;
}
.img-inside img {
	width: 100%;
	height: auto;
}
.avatar-96,
.circle .wp-user-avatar-small,
.circle .wp-user-avatar-citat-bild,
.comment .avatar {
	border-radius: 50%;
	width: 100%;
	height: auto;
}
.story-card a img {
	opacity: 0.5;
}
.story-card a:hover img {
	opacity: 1;
}

/*
links
*/
a,
.story-title,
.gform_button,
.yikes-easy-mc-submit-button,
.submit,
button,
.logo svg,
#event-picker .btn {
	transition: background-color 0.5s, color 0.5s, opacity 0.5s, fill 0.5s;
}
a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #26719B;
	text-decoration: none;
}
a,
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
a:hover,
a:active,
a:focus,
.dark-section .meta-box a:hover   {
	color: #37BADD;
}
.grid-item h6 a:hover,
.dynamic-sidebar .menu li a,
.dark-section a,
.single .vinjett-bg a,
.red-section a {
	color: #ffc700;
}
.dark-section .meta-box span {
	font-weight: 400;
}
.dark-section .meta-box a {
	color: #fff;
	font-weight: 600;
}
.grid-item h6 a,
.dynamic-sidebar .menu li a:hover,
.dark-section a:hover,
.dark-section a:active,
.dark-section a:focus,
.red-section a:hover,
.red-section a:active,
.red-section a:focus,
.single .vinjett-bg a:hover {
	color: #fff;
}

.yellow-section a,
.section-header a {
	color: #fff;
}

.yellow-section a:hover,
.section-header a:hover {
	color: #222;
}

.dynamic-sidebar .menu li a {
	padding-top: 15px;
	padding-bottom: 15px;
	display: inline-block;

}

.page-template-modules .dynamic-sidebar .menu li a {
	padding-left: 0;
}
.menu-sociala-kanaler li a {
	display: block;
}
footer .menu-sociala-kanaler li,
footer .menu-sociala-kanaler li a {
	display: inline;
	white-space: nowrap;
}

a.logo {
	display: block;
	width: 100%;
	padding: 12px 6px;
	background: #ffc700;
	height: 40px;
	float: left;
}
.logo svg {
	fill: #020219;
}
.logo:hover {
	background: #272727;
}
.logo:hover svg {
	fill: #ffc700;
}

.story-card a:hover {
	color: #ffc700;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.logo,
.search-toggle.collapsed {
	background: #f4f2ef;
	color: #373739;
}
.navbar-toggle.collapsed,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus {
	background-color: #020219;
	color: #ffc700;
}
#search-input {
	width: 70%;
  height: 40px;
  padding-top: 5px;
  border-bottom: 5px solid #fff;
  margin-right: -4px;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus,
.search-toggle:hover,
.search-toggle:active,
.search-toggle:focus {
	background: #ffc700;
	color: #fff;
}
.navbar-nav>li>a,
.search-form,
.search-toggle,
.navbar-toggle  {
	background-color: #373739;
	color: #fff;
}

.li-fa-aktuellt a:before{
	content: '\f0e7';
}
.li-fa-reportage a:before {
	content: '\f0ac';
}
.li-fa-nyheter a:before {
	content: '\f0f3';
}
.li-fa-podcaster a:before {
	content: '\f2ce';
}
.li-fa-evenemang a:before {
	content: '\f073';
}
.li-fa-om-blankspot a:before {
	content: '\f129';
}
.li-fa-kontakt a:before {
	content: '\f2b9';
}
.li-fa-english a:before {
	content: '\f024';
}
.li-fa-stod-oss a:before {
	content: '\f153';
}
.li-fa-facebook a:before {
	content: '\f09a';
}
.li-fa-twitter a:before {
	content: '\f099';
}
.li-fa-instagram a:before {
	content: '\f16d';
}
.li-fa-soundcloud a:before {
	content: '\f1be';
}
.li-fa-youtube a:before {
	content: '\f167';
}


/*
Buttons
*/
.btn,
.gform_button,
.yikes-easy-mc-submit-button,
button,
.submit,
.page-numbers {
	border-radius: 0;
	padding: 11px 13px;
	border: 0px;
	height: 40px;
}
.dark-section .btn-dark,
.btn-dark:hover,
a.btn-yellow,
.btn-yellow,
.submit {
	color: #272727;
	background-color: #FFC700;
	border: none;
}
nav.navbar li.highlight.current-menu-item a {
	color: #111;
}
.page-numbers,
a.btn-white {
	background-color: #fff;
	color: #272727;
}
a.page-numbers:hover,
a.btn-white:hover,
.page-numbers.current {
	background-color: #020219;
	color: #fff;
}
.btn-blue,
a.btn-blue,
.yikes-easy-mc-submit-button {
	background-color: #26719B;
	color: #fff;
}
a.btn-blue:hover,
.btn-blue:hover,
.yikes-easy-mc-submit-button:hover {
	background-color: #37BADD;
	color: #fff;
}
.btn-dark-blue {
	background: #204e68;
	color: #fff;
}
#event-picker .btn-blue:hover {
	background: #26719B;
	color: #ffc700;
}
.next.page-numbers,
.prev.page-numbers,
.btn-aqua,
.dark-section .btn-aqua {
	background-color: #37BADD;
	color: #fff;
}
.btn-aqua:hover,
.dark-section .btn-aqua:hover {
	background-color: #fff;
	color: #204e68;
}
#event-picker .btn-aqua:hover {
	background-color: #37BADD;
	color: #ffc700;
}
.btn-orange {
	background-color: #f79d52;
	color: #fff;
}
.btn-dark-purple {
	background-color: #a285a8;
	color: #fff;
}
.btn-red,
a.btn-red,
a#subscribe  {
	background-color: #DE4235;
	color: #fff;
}
.btn-red:hover,
a.btn-red:hover,
a#subscribe:hover  {
	background-color: #8e3d3d;
	color: #ffc700;
}
#event-picker .btn-red:hover {
	background-color: #DE4235;
	color: #ffc700;
}

nav.navbar li.highlight a,
.btn-green,
a.btn-green {
	background-color: #3ADB83;
	color: #fff;
}

nav.navbar li.highlight a:hover,
.btn-green:hover,
a.btn-green:hover {
	background-color: #3ADB83;
	color: #020219;
}
.btn-purple {
	background-color: #A77DB5;
	color: #fff;
}
.btn-purple:hover {
	background-color: #A77DB5;
	color: #fff;
}
.btn-pink {
	background-color: #E29FC7;
	color: #fff;
}
.btn-pink:hover {
	background-color: #E29FC7;
	color: #020219;
}
.btn-black {
	background-color: #020219;
	color: #ffc700;
}
.btn-dark {
	background-color: #272727;
	color: #f4f2ef;
}
.submit:hover,
.btn-yellow:hover,
a.btn-yellow:hover,
.dark-section .btn-dark:hover {
	background-color: #fff;
	color: #020219;
}
.navbar-container .btn:hover,
.share .btn:hover {
	background: #272727;
	color: #fff;
}
.gform_button,
.dark-section .btn-dark-green,
.btn-dark-green {
	background: #449468;
	color: #fff;
}
.gform_button:hover,
.dark-section .btn-dark-green:hover,
.btn-dark-green:hover {
	background: #3ADB83;
	color: #020219;
}
#event-picker .btn-dark-green:hover {
	background: #449468;
	color: #ffc700;
}
.img-inside .media-marker {
	position: absolute;
	pointer-events: none;
}
.fa-right {
	margin-left: 4px;
}

.vinjett .translation-marker {
	margin-left: -15px;
	margin-right: -15px;
	float: right;
}

/*
layout
*/
body {
	background-color: #f2f2f2;
}
.white-section,
body.single-post,
#comment,
#commentform input[type=text] {
	background-color: #f4f2ef;
}
.red-section {
	background-color: #DE4235;
}
.yellow-section {
	background-color: #ffc700;
}
.grey-section{
	background-color: #e7e3dc;
}
.dark-section,
.dynamic-sidebar .menu {
	background-color:#272727;
}
.navbar-container {
	/*background-color: rgba(255,255,255,0.95);*/
}
.section-header {
	border-top: 40px solid #020219;
}
.dynamic-sidebar,
.dark-section,
.grey-section,
.yellow-section,
.white-section,
.section {
	padding-top: 10px;
	padding-bottom: 50px;
}
nav + .section {
	padding-top: 0;
}
.startpage-new nav + .section {
	padding-bottom: 0;
}
.no_overlay {
	margin-top: 20px;
	margin-bottom: 20px;
}
.logo-container {
	padding-right: 0px;
	width: 80px;
}
.menu-container {
	padding-left: 0px;
}
.navbar-container .btn,
.navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}
.navbar-container .btn{
	margin-left: 0;
	margin-right: 0;
}
.navbar-collapse {
	border-top: none;
	box-shadow: none;
}
.navbar-fixed-top .navbar-collapse {
	max-height: none;
}
.nav h6 {
	padding: 15px;
	margin-top: 0;
	background: #272727;
	color: #fff;
}
.navbar-container .btn,
.share .btn {
	float: left;
	width: 40px;
	height: 40px;
	transition: background 0.5s, opacity 0.5s;
	opacity: 1;
}

.share .btn.transparent,
.navbar-container .btn.stickable {
	opacity: 0;
}

.navbar-container .btn.sticky {
	opacity: 1;
}
.meta-box,
/*.img-inside,*/
.ingress,
.wp-caption,
.alignleft,
.alignright,
.alignnone,
.aligncenter,
ol,
ul,
blockquote{
	margin-top: 0;
	margin-bottom: 20px;
}
.btn.alignleft {
	margin-right: 10px;
}
.read-more-block .img-inside,
.loop-item .img-inside {
	margin-bottom: 10px;
}
p {
	margin-top: 0;
	margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 20px;
	margin-bottom: 0;
}
.loop-item h3 {
	margin-top: 0;
}
h1.section-title {
	margin-top: 90px;
}
.share {
	position: fixed;
	z-index: 999;
	top: 40px;
}
.share iframe,
.share .fb-like{
	float: left;
	margin-right: 10px;
}
.dynamic-sidebar .menu,
ul.social-links,
footer ul,
.comment,
.section-header ul,
.action-banner ul,
ul.meta  {
	list-style: none;
	padding: 0;
}
ul.meta i {
	width: 30px;
	text-align: center;
}
.top-image {
	padding: 0;
	margin-bottom: 0;
	padding-top: 40px;
}
.dynamic-sidebar .textwidget,
.dynamic-sidebar .menu,
.dynamic-sidebar section,
.read-more-block h4,
.loop-item {
	margin-top: 10px;
	margin-bottom: 40px;
}
.dynamic-sidebar .yikes-mailchimp-container,
.dynamic-sidebar .textwidget{
	background: #fff;
	/*float: left;*/
}

.dynamic-sidebar .menu,
.dynamic-sidebar .yikes-mailchimp-container,
.dynamic-sidebar .textwidget {
	padding: 20px;
}
footer {
	padding: 40px 20px;
}
.footer-widgets .yikes-mailchimp-container {
	background: none;
	padding: 0;
}

.meta-box {
	display: inline-block;
}
.section-title {
	margin: 40px 0 30px;
}
.meta span {
	margin-right: 3px;
}
.commentmetadata,
.box-lead {
	margin-top: 5px;
}

.comment-meta {
	display: inline-block;
	margin: 0 0 0 0;
	margin-bottom: 0;
}
.children {
	-webkit-padding-start: 20px;
}
.children .children {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
footer {
	text-align:center;
	background: #020219;
}
.reciept .row .col-md-6:nth-child(2),
.reciept table tr td:nth-child(4),
.reciept table tr th:nth-child(4) {
	text-align: right;
}
.reciept table thead {
	border-bottom: 1px #cccccc solid;
	margin-bottom: 10px;
}
.reciept table tbody tr td {
	padding-top: 20px;
	padding-bottom: 20px;
}
.alignnone {
	margin: 20px auto;
}
.aligncenter {

}
.alignright {
	float: right;
}
#show-search,
.alignleft,
.navbar-header {
	float: left;
}
.navbar-collapse,
.search-form {
	clear: both;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
}
.navbar-nav>li {
	float: none;
}
.navbar-collapse.collapse.in{
	display:block !important;
}
.single article ol,
.single article ul {
	background: #fff;
	padding: 15px;
/*
	margin-left: 15px;
  margin-right: 15px;
	*/
}
.single article li {
	margin-bottom: 5px;
	list-style: none;
}
.single article ul h1,
.single article ul h2,
.single article ul h3,
.single article ul h4,
.single article ul h5,
.single article ul h6 {
	margin-bottom: 15px;
	background: #373739;
	margin-top: -15px;
	padding: 15px;
	color: #fff;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	width: auto;
}
.single article li.img-inside {
	list-style: none;
}
.single article blockquote {
	float: right;
	border: none;
	padding: 15px 0 5px;
	background-color: #373739;
}

.page iframe,
.single article iframe{
	width: 100%;
	height: 422px;
}
.footer-widgets iframe {
	height: 315px;
	width: 100%;
}
.single article ul li iframe {
	height: auto;
}

.single article p,
.single article h3,
.single article h4,
.single article h5 {
	padding: 0 15px;
}
.single article blockquote p {
	margin: 0;
	width: 100%;
}
.single article p.wp-caption-text {
	width: 100%;
}
.single .ingress {
	clear: both;
}
.single .vinjett {
	margin-top: 120px;
}
.single .vinjett-bg {
	padding: 10px 15px;
	background: #272727;
	margin-left: -15px;
  margin-right: -15px;
	color: #fff;
}
.single article ul.alignright {
	/*max-width: 33.3333%;*/
}
.single .top-image + .vinjett {
	margin-top: 0;
}
.wp-caption {
	width: auto !important;
	background: #373739;
}
#commentform label,
.wp-caption p.wp-caption-text {
	color: #fff;
}
.wp-caption p.wp-caption-text,
.search-form {
	margin: 0;
	padding: 15px;
}
.box-loop .loop-item.col-sm-6:nth-child(3),
.box-loop .loop-item.col-sm-4:nth-child(4) {
	clear: left;
}

/*
Type
*/
.comment {
	letter-spacing: normal;
}
h1, h2, h3, h4, h5, h6, li, p, body, input, textarea, .form-control {
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	color: #373739;
}
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section li,
.dark-section p,
.dark-section .meta,
.dark-section .author-title,
.red-section h1,
.red-section h2,
.red-section h3,
.red-section h4,
.red-section h5,
.red-section h6,
.red-section li,
.red-section p,
.red-section .menu a,
.red-section .meta,
.red-section .author-title,
#support-bar p,
#support-bar a {
	color: #fff;
}
.dark-section .light h1,
.dark-section .light h2,
.dark-section .light p {
	color: #020219;
}
.yellow-section h1,
.yellow-section h2,
.yellow-section h3,
.yellow-section h4,
.yellow-section h5,
.yellow-section h6,
.yellow-section li,
.yellow-section p {
	color: #020219;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
.meta,
.date,
.author-title,
.comments,
.reply,
.commentmetadata,
.page-numbers,
input,
textarea,
.form-control,
.commentmetadata a,
.logged-in-as a,
.btn,
.gform_button,
.yikes-easy-mc-submit-button,
button,
.submit,
a.page-numbers,
p .ingress,
p.ingress,
.big-posts .loop-item p,
blockquote p,
.anfang,
.wp-caption-text,
label,
.section-description p,
.textwidget > p,
.widget_text > h3,
.read-more,
.validation_error,
.gform_description,
#support-bar p,
.box-lead {
	font-family: "klavika-web", sans-serif;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
h1,
h6,
.date,
.comments,
.reply,
.commentmetadata,
.logged-in-as a,
.anfang,
nav.navbar li.highlight a,
.gfield_label,
.single article blockquote p em  {
	text-transform: uppercase;
	font-weight: 600;
}
nav.navbar li.highlight a {
	color: #272727;
}
h1,
h2,
h3,
h4,
h6 {
	font-weight: 600;
	line-height: 1;
}
h1,
.big-posts .loop-item p {
	font-weight: 100;
}
h5,
li,
label {
	font-weight: 400;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 42px;
}
h3 {
	font-size: 28px;
}
h4,
p .ingress,
p.ingress,
blockquote p,
.section-description p,
.textwidget > p,
/*.gform_fields input,*/
.gform_description,
.big-posts .loop-item p {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6,
.meta,
.date,
.author-title,
.comments,
.reply,
.commentmetadata,
.commentmetadata a,
.logged-in-as a,
.anfang,
li,
.wp-caption-text,
.btn,
.submit,
label,
.single article blockquote p em,
#support-bar p,
.box-lead   {
	font-size: 15px;
}
p {
	font-family: "Georgia",serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
}
p .ingress,
p.ingress,
blockquote p,
.section-description p,
.textwidget > p {
	font-weight: 100;
}
p .highlight {
	background: repeating-linear-gradient(
	  -70deg,
	  #3ADB83,
	  #3ADB83 10px,
	  #fff 10px,
	  #fff 11px
	);
	white-space: nowrap;
}
.dark-section p .highlight {
	background: repeating-linear-gradient(
	  -70deg,
	  #449468,
	  #449468 10px,
	  #272727 10px,
	  #272727 11px
	);
}
code {
	padding: 2px 4px;
	font-size: 12px;
	color: #272727;
	background-color: #ffc700;
	border-radius: 4px;
}
.single article blockquote p {
	color: #ffc607;
	font-weight: 100;
	margin-bottom: 10px;
}
.single article blockquote p em {
	color: #fff;
	font-style: normal;
}
footer .meta {
	color: #706D66;
}
.anfang,
p .highlight {
	font-weight: 800;
}
.post-count {
	background-color: #272727;
	border-radius: 50%;
	color: #fff;
	width: 20px;
	display: inline-block;
	text-align: center;
}

/*
Forms
*/
input,
textarea,
.form-control,
.section .yikes-mailchimp-container input.yikes-easy-mc-text,
.section .yikes-mailchimp-container input.yikes-easy-mc-email,
.input-field {
	background: #fff;
	border: none;
	padding-top: 6px;
	border-radius: 0;
	box-shadow: none;
}
.section .yikes-mailchimp-container label span {
	display: none;
}
.section .yikes-mailchimp-container input.yikes-easy-mc-text,
.section .yikes-mailchimp-container input.yikes-easy-mc-email {
	background: #f4f2ef;
}
.section .yikes-mailchimp-container button.yikes-easy-mc-submit-button,
.section .yikes-easy-mc-form label {
	margin-bottom: 0;
}
.yikes-mailchimp-container .edit-link {
	display: none;
}
.section .yikes-mailchimp-container #nyhetsbrev-mini-3 .EMAIL-label {
	width: 60%;
	float: left;
}
.section .yikes-mailchimp-container #nyhetsbrev-mini-3 input.yikes-easy-mc-email {
	height: 40px;
	margin-bottom: 0;
}
.section .yikes-mailchimp-container #nyhetsbrev-mini-3 button.yikes-easy-mc-submit-button {
	width: 35%;
	float: right;
	margin-top: 0;
	clear: right;
}
#searchform {
	margin-left: -15px;
	margin-right: -15px;
}
.textwidget .gform_body ul {
	padding: 0;
	list-style: none;
}
/*
Gravity forms
*/
.gform_card_icon_container {
	display: none;
}
/*
.gform_card_icon_container > div {
	float: left;
	width: 38px;
	height: 30px;
	overflow: hidden;
	margin-right: 4px;
}
*/
.gform_card_icon:before,
.gfield_required:before,
.validation_error:before,
.validation_message:before,
.li-fa-aktuellt a:before,
.li-fa-reportage a:before,
.li-fa-nyheter a:before,
.li-fa-podcaster a:before,
.li-fa-evenemang a:before,
.li-fa-om-blankspot a:before,
.li-fa-kontakt a:before,
.li-fa-english a:before,
.li-fa-stod-oss a:before  {
	font-family: 'Font Awesome 5 Free';
}
.gfield_label[for=input_4_42_1]:after,
.gfield_label[for=input_15_42_1]:after,
.li-fa-facebook a:before,
.li-fa-twitter a:before,
.li-fa-instagram a:before,
.li-fa-soundcloud a:before,
.li-fa-youtube a:before {
	font-family: 'Font Awesome 5 Brands';
}
.li-fa-aktuellt a:before,
.li-fa-reportage a:before,
.li-fa-nyheter a:before,
.li-fa-podcaster a:before,
.li-fa-evenemang a:before,
.li-fa-om-blankspot a:before,
.li-fa-kontakt a:before,
.li-fa-english a:before,
.li-fa-stod-oss a:before,
.li-fa-facebook a:before,
.li-fa-twitter a:before,
.li-fa-instagram a:before,
.li-fa-soundcloud a:before,
.li-fa-youtube a:before    {
	margin-right: 4px;
	width: 20px;
	display: inline-block;
	text-align: center;
}

.gfield_required {
	width: 14px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
}
.gfield_required:before {
	content: '\f069';
	color: #DE4235;
}
.gfield,
#input_15_42_2_container {
	clear: both;
}
#input_4_42_1_container,
#input_4_42_2_container,
#input_4_42_5_container,
#input_4_6_3_container,
#input_4_42_5 {
	display: block;
}

#input_4_42_1_container,
#input_4_42_2_cardinfo_left,
#input_4_6_3_container,
#input_4_42_2_month,
#field_4_9 .ginput_container,
#field_4_9 .gfield_label,
#input_15_6_3_container,
#input_15_42_1_container,
#input_15_14_1_container,
#input_15_14_5_container,
#gform_fields_15 li,
#input_15_42_2_container {
	float: left;
}
#input_4_42_2_container,
#input_4_42_2_cardinfo_right,
#input_4_6_6_container,
#input_4_42_2_year,
#input_15_6_6_container,
#input_15_14_3_container  {
	float: right;
}
#input_4_42_2_month,
#input_4_42_2_year {
	height: 26px;
	margin-bottom: 3px;
	background: #fff;
}

#input_4_42_2_cardinfo_right,
#input_4_42_2_cardinfo_left,
#input_4_6_3_container,
#input_4_6_6_container,
#gform_submit_button_4,
#input_4_42_2_year,
#input_4_42_2_month,
#input_15_6_3_container,
#input_15_6_6_container,
#input_15_42_1_container,
#input_15_42_2_container,
#input_15_14_1_container,
#input_15_14_3_container,
#input_15_14_5_container
 {
	width: 48%;
}
#input_4_42_1_container,
#input_4_42_2_container,
#input_4_42_5_container,
#input_4_7 {
	width: 100%;
}
#field_4_14,
.ginput_card_security_code_icon,
#field_4_34 {
	display: none;
}

#input_4_42 label,
#field_4_6 label,
#field_4_7 label,
#input_15_42 label,
#field_15_6 label,
#field_15_14 label {
	display: block;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 10px;
}
#gform_wrapper_4 .gform_body input[type=text],
#gform_wrapper_15 .gform_body input[type=text],
#gform_fields_15 li {
	width: 100%;
}
.gform_body td input[type=text] {
	width: 90px;
}
.gform_body td {
	border: 1px solid #f4f2ef;
}

.gform_footer {
	clear: both;
}
.gfield_label[for=input_4_42_1]:after,
.gfield_label[for=input_15_42_1]:after {
	content: '\f1f0   \f1f1   \f1f2   \f1f3';
	margin-left: 8px;
}
img.gform_ajax_spinner {
	display: none;
}
input {
	padding-left: 5px;
	padding-right: 5px;
}
input[type=checkbox],
input[type=radio] {
	margin-right: 4px;
}
.gfield {
	margin-top: 30px;
}
.validation_error,
.validation_message,
.gfield_creditcard_warning_message {
	border: 1px solid #DE4235;
	color: #DE4235;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.validation_error:before,
.validation_message:before {
	content: '\f12a';
	font-size: 12px;
	margin-right: 8px;
}
.gfield_error input,
.gfield_error select {
	border: 1px solid #DE4235;
}
#commentform label {
	display: block;
}
#commentform textarea {
	width: 66.7%;
}

#gform_wrapper_4 {
	position: relative;
  top: -89px;
	padding-top: 89px;
}
#gform_fields_14,
#gform_fields_15,
#gform_fields_16,
#gform_fields_16 .gfield_radio,
#gform_fields_16 .gfield_checkbox,
#input_15_9,
#map-form .gform_fields {
	padding: 0;
	list-style: none;
	max-width: none;
}

#takeover {
	position: fixed;
	z-index: 9999;
	background: rgba(27,27,27,0.9);
	transition: opacity 1s;
	height: 100%;
	overflow: hidden;
	width: 100%;
	top: 0;
}

#takeover.noshow {
	opacity: 0;
	height: 0%;
}
#support-bar {
	width: 100%;
	float: left;
	background: #DE4235;
	height: 40px;
}
#support-bar p {
	margin-bottom: 0;
}
#support-bar a {
	padding: 10px 0;
	width: 100%;
	display: block;
}
#stod-oss {
	padding-top: 40px;
	position: relative;
	z-index: 1040;
}
#stod-oss,
.action-banner-2 {
	box-shadow: 0 0 40px rgba(0,0,0,0.5);
}
/*
.stod-oss .white-section,
.stod-oss .section-header {
	display: none;
}
*/
.page-template-modules article ul {
	max-width: 100%;
	background: #fff;
	padding: 30px;
	float: none;
}
.page-template-modules article ul li.heading {
	list-style:none;
	margin-top:-15px;
}

@keyframes fadeInOut {
	0% {opacity:0}
	15% {opacity:1}
	20% {opacity:1}
	25% {opacity:0}
	100% {opacity:0}
}
#subscribe span.ticker {
	animation-name: fadeInOut;
	animation-iteration-count: infinite;
	animation-duration: 20s;
	position: absolute;
	left: 10px;
	opacity: 0;
}
#subscribe {
	float: right;
  width: 130px;
	position: relative;
}
#subscribe span.ticker:nth-child(1){
	animation-delay: 0s;
}

#subscribe span.ticker:nth-child(2){
	animation-delay: 5s;
}
#subscribe span.ticker:nth-child(3){
	animation-delay: 10s;
}
#subscribe span.ticker:nth-child(4){
	animation-delay: 15s;
}
.card-icons {
	font-size: 28px;
	margin-top: 4px;
}
.page-template-default.verkliga-sverige .section-header{
	display: none;
}
#map-wrapper {
	position: relative;
	top: -220px;
	z-index: 1;
	margin-bottom: -220px;
}

#map-wrapper polygon {
	cursor: pointer;
}
#map-logo-wrapper {
	z-index: 10;
	position: relative;
	pointer-events: none;
}

.color0{
	fill:#CCC3B8;
	stroke:#FFFFFF;
	stroke-miterlimit:10;
	fill-opacity:0;
	stroke-opacity:0;
	transition: fill-opacity 1s, stroke-opacity 1s;
}
.color1{fill:#00DB7E;}
.color2{fill:#33B099;}
.color3{fill:#00729D;}
.color4{fill:#00BADE;}
.color5{fill:#C68EDD;}
.color6{fill:#E29FC7;}
.color7{fill:#DE4235;}
.color8{fill:#F79D52;}
.color9{fill:#FDCF2C;}

.active-landscape{
	fill-opacity:1;
	stroke-opacity:1;
}
.passive-landscape {
	fill-opacity:0.3;
	stroke-opacity:0.5;
}

#map-form .gform_fields {
	width: 100%;
}
.action-banner {
	/*padding-top: 20px;*/
}
.action-banner-2 {
	height: 225px;
	padding-top: 40px;
	position: relative;
	z-index: 1000;
}
.action-banner-2.sticky + div {
	padding-top: 225px;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
.action-banner .ad {
	width: 100%;
	overflow: hidden;
}
.action-banner .maxi {
	display: none;
}


#yikes-easy-mc-form-1-EMAIL {
	margin: 0;
	border: none;
	height: 40px;
	background: #fff;
	text-align: center;
}
#nyhetsbrev-1 .EMAIL-label {
	width: 58%;
	margin-bottom: 0;
}
#nyhetsbrev-1 .yikes-easy-mc-submit-button {
	float: right;
	width: 42%;
	margin-top: 0;
	margin-bottom: 0;
}

.icon-bounce {
	animation-name: bounce;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	margin-right: 4px;
}

@keyframes bounce {
	0% {font-size:12px}
	50% {font-size:14px}
	100% {font-size:12px}
}

.box-loop .loop-item .img-inside {
	height: 220px;
}
.tag-buttons {
	position: absolute;
	top: 180px;
}
.tag-buttons .btn {
	margin-right: 1px;
}
.img-responsive {
	width: 100%;
}
.verkliga-sverige-marker {
	position: absolute;
	top: 50px;
	left: auto;
	width: 140px;
	height: 52px;
	background: url(img/verkliga-sverige.png);
	text-indent: -999px;
	background-size: contain;
	right: 10px;
}
#cc {
	padding: 0;
	margin-left: -15px;
}
#cc ul {
	margin: 0;
	max-width: 100%;
	background: rgba(255,255,255,0.95);
}
.modal-backdrop {
	position: static;
}
.modal-body a {
	color: #111;
}
#event-picker .btn {
	opacity: 0.5;
}
#event-picker .btn.active {
	opacity: 1;
}
ul.event-meta {
	background: #e4e3e1;
	padding: 10px 0;
}
.grid-loop {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 20px;
}
.grid-item .img-inside {
	margin-bottom: 0;
}
.grid-item h6 {
	background: #272727;
	padding: 10px;
	margin-top: 0;
}
.btn.active {
	box-shadow: none;
}
