/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */


/*Make overall background
*/html {
	background-color: #F4E8BC;
}
/*Background pic*/
body {
	margin: 0;
	padding: 0;
	background-image: url(/sites/default/files/intern/2019-08/Grafik-01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.view-content.view-rows h3
{
  margin-bottom: 0;
  margin-top: .5rem;
}
ul, ol, dl {
	padding-left: 1rem;
}
a.menu__link.is-active {
	text-decoration: underline;
}
/*a {
	color: #0e86ff;
}
a:hover, a:focus {
	color: #0e86ff;
}*/
/*a, a:visited, a:hover, a:focus, .menu .menu__link, .menu .menu__link:hover {
	color: #0063A3;
}
a:active, a.active {
	color: #0063A3;
}*/
/*Yellowbrick*/
h1, h2 {
	color: #f44f21;
}
.view-header h1 {
	font-family: "open sans";
	font-weight: 700;
	padding: .7em;
	background-color: darkslategray;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;/*    border: 1em solid #FFF;*/
}
.header-nomargin h3 {
	margin-bottom: 0
}
blockquote {
	margin-left: 0;
	border-color: #c9c9c9;
}
blockquote p:first-child::before {
	color: #c9c9c9;
}
/*Taggar*/
.breadcrumb li::before {
	color: #a9a9a9;
}
.taggar {
	font-family: "Zilla Slab", sans-serif;
}
/*Make transparent*/
.page, .mm-page, .pr-header, .pr-footer, .pr-navbar, .l-rw.regions.container.pr-header__rw.arc--1.hr--1 {
	background-color: transparent!important;
}
.field-entity-reference-type-taxonomy-term .field__item:first-child {
	margin-left: 0;
}
/*NAV color*/
#rid-navbar, .l-rw.regions.container.pr-navbar__rw.arc--1.hr--1.rm-row {
	background-color: tomato;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active, .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
	background-color: #F4E8BC;
	color: #333;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:hover, .ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:focus, .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:hover, .ms-horizontal .rm-block__content .menu-level-1 > li > span > .menu__link:focus {
	background-color: #f44f21;
}
/*Mobile nav*/
div.sf-accordion-toggle.sf-style-default a {
	color: #057063;
}
.ms-offcanvas .rm-block__content .menu .menu__link, .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger, .ms-vertical .rm-block__content .menu .menu__link, .ms-vertical .rm-block__content .menu .rm-accordion-trigger, .ms-slidedown .rm-block__content .menu .menu__link, .ms-slidedown .rm-block__content .menu .rm-accordion-trigger, .ms-tiles .rm-block__content .menu .menu__link, .ms-tiles .rm-block__content .menu .rm-accordion-trigger {
	background-color: tomato;
}
.ms-offcanvas .rm-block__content .menu .menu__link.is-active, .ms-vertical .rm-block__content .menu .menu__link.is-active, .ms-slidedown .rm-block__content .menu .menu__link.is-active, .ms-tiles .rm-block__content .menu .menu__link.is-active {
	background-color: #f44f21;
}
.ms-offcanvas .rm-block__content .menu .menu__link:hover, .ms-offcanvas .rm-block__content .menu .menu__link:focus, .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:hover, .ms-offcanvas .rm-block__content .menu .rm-accordion-trigger:focus, .ms-vertical .rm-block__content .menu .menu__link:hover, .ms-vertical .rm-block__content .menu .menu__link:focus, .ms-vertical .rm-block__content .menu .rm-accordion-trigger:hover, .ms-vertical .rm-block__content .menu .rm-accordion-trigger:focus, .ms-slidedown .rm-block__content .menu .menu__link:hover, .ms-slidedown .rm-block__content .menu .menu__link:focus, .ms-slidedown .rm-block__content .menu .rm-accordion-trigger:hover, .ms-slidedown .rm-block__content .menu .rm-accordion-trigger:focus, .ms-tiles .rm-block__content .menu .menu__link:hover, .ms-tiles .rm-block__content .menu .menu__link:focus, .ms-tiles .rm-block__content .menu .rm-accordion-trigger:hover, .ms-tiles .rm-block__content .menu .rm-accordion-trigger:focus {
	background-color: #f44f21;
}
.rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active {
	background-color: tomato;
}
/*Text color region footer*/
.pr-footer {
	color: inherit;
}
/*TABS*/
.tabs .is-horizontal ul.tabs--primary {
	border-bottom: 2px solid #CCBD82;
}
.tabs .is-horizontal ul.tabs--primary a:hover, .tabs .is-horizontal ul.tabs--primary a:focus {
	background-color: #EBEBEB;
}
.tabs .is-horizontal ul.tabs--primary a.active, .tabs .is-horizontal ul.tabs--primary a.is-active {
	background-color: #CCBD82!important;
}
.button2 {
	display: inline;
	font-size: .9em;
	margin-right: 1em;
}
/*MENUES*/
#block-internasidor, #block-administration, #block-fixtrix {
	width: 100%;
	display: inline-block;
	margin: 0;
}
#block-kapsylen-theme-tools a {
	display: inline-block;
	float: left;
	color: white;
	margin-right: 2%;
	border-radius: 7px;
	padding: 1.75em;
	opacity: .8;
	margin-bottom: 2%;
}
#block-kapsylen-theme-tools li:nth-child(1) a {
	background-color: tomato;
}
#block-kapsylen-theme-tools li:nth-child(2) a {
	background-color: darkcyan;
}
#block-kapsylen-theme-tools li:nth-child(3) a {
	background-color: darkgreen;
}
#block-kapsylen-theme-tools li:nth-child(4) a {
	background-color: #eca111;
}
#block-kapsylen-theme-tools a:hover {
	background-color: silver;
	color: white;
	opacity: 1;
}
/*Suferfish menu*/
.sf-menu {
	width: 100%;
}
ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar, .sf-menu {
	background-color: #DCD1A8;
}
ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover, div.sf-accordion-toggle.sf-style-default a, div.sf-accordion-toggle.sf-style-default a.sf-expanded, ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded {
	background-color: #CCBD82;
}
ul.sf-menu.sf-style-default a {
	color: #525252 !important;
}
#superfish-interna-sidor-toggle, #superfish-administration-kap--toggle, #superfish-fix-trix-toggle {
	width: 100%;
}
.rm-toggle__link.un-button {
	width: 100%;
	text-align: left;
}
/*TAXONOMY*/
.view.view-taxonomy-eget- {
	margin-bottom: 1em;
	display: inline-block;
}
.floatleft {
	float: left;
}
.field-node-field-yrkestitel .field__item {
	margin-left: 0;
}
/*IMAGE GALLERIES*/
.photoswipe-gallery .field-type-image__figure {
	float: left;
	margin-right: 1%;
}
.photoswipe-gallery .field-type-image__figure.image-count-1 {
	clear: both;
	float: none;
}
.photoswipe-gallery {
	display: inline-block;
	width: 100%;
	margin-right: 0;
}
/*IMAGES*/
.image-style-thumbnail {
	height: 75px;
	width: auto;
}
/*TEXT BOXES*/
.js details[open] {
	overflow-x: hidden;
}
#focus {
	background-color: #ebebeb;
	padding: 1em;
	margin-bottom: 1.25em;
}
/*TABLES*/
.ansvarsomraden .views-view-table {
	width: 100%;
}
.ansvarsomraden .views-view-table td {
	width: 33%;
}
.ansvarsomraden .table__caption.caption {
	display: none;
}
.ansvarsomraden .field-name-title a {
	background-color: silver;
	width: 100%;
	display: inline-block;
	padding: .5em;
	color: white;
}
.ansvarsomraden .field-name-title a:hover {
	background-color: grey;
}
/*VIEWS*/
#blazy-views-duplicate-of-medlemmar-grupper-attachment-1-2 {
	display: none;
}
.listings .views-row {
	margin: 1em 0;
}
.listings .view-title, .listing-compact .view-title {
	background-color: #E6D79C;
	padding: .25em .5em;
	margin: .5em 0;
}
.views-field.views-field-field-styrelseuppdrag {
	display: block;
}
#blazy-views-grupper-public-page-1-1 .grid.item-list__item {
	padding-bottom: 1.25rem;
}
.grupp-container {
	padding: 1.25em;
	background-color: white;
	border-radius: 1px;
}
.l-rw.regions {
	background-color: #F4E8BC;
}
/*FIELDS*/
.field-node--field-portratt, .field-node--field-publikt-portratt {
	float: left;
}
.field-node--field-portratt {
	margin-right: 1em;
}
.clearfloat {
	clear: both;
	display: inline-block;
}
.user-logged-out .field-node--field-publikt-portratt h3.field__label {
	display: none;
}
.views-field-field-representerar-juridisk-per {
 padding: .3rem .5rem;
	background-color: orange;
	display: inline-block;
	border-radius: .2em;
}
.videoframe .publika_bilder {
  display: none;
}
/*MOBILE MORE SPACE*/
.node {
	background-color: transparent;
	-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
	padding: 0 0 1.25em 0;
	/*	border-bottom: 1px solid #0065cc;*/
	border-radius: 0px;
}
.grid.item-list__item {
	padding-bottom: 0;
}
/*FRONTLISTING*/
.plash_container a img {
	transition: transform .9s; /* Animation */
}
.plash_container a img:hover {
	transform: scale(1.2);
}
.plash_container {
	margin-bottom: 1em;
	position: relative;
}
.splash_img, .splash-video, .splash-video-container {
	overflow: hidden;
}
.splash_header {
	position: absolute;
	display: block;
	width: 100%;
	z-index: 100;
	bottom: 0;
}
.splash_header a {
	background-color: rgba(95, 158, 160, .9);
	color: rgba(255, 255, 255, 1);
	padding: .5em;
	margin: 0;
	display: inline-block;
	width: 100%;
	text-decoration: none;
}
.splash_img p {
	overflow: hidden;
}
.splash_header a:hover {
	background-color: rgba(95, 158, 160, 1);
}
.splash-tag-Artikel .splash_header a {
	background-color: rgba(197,159,109,0.90);
	color: rgba(255, 255, 255, 1);
}
.splash-tag-Artikel .splash_header a:hover {
	background-color: rgba(197,159,109,1);
}
.splash-tag-Video .splash_header a {
	background-color: rgba(255, 99, 71, .9);
	color: rgba(255, 255, 255, 1);
}
.splash-tag-Video .splash_header a:hover {
	background-color: rgba(255, 99, 71, 1);
}
.plash_container h2, .plash_container h3 {
	margin: 0;
}
.splash-video-container {
	position: relative;
}
.splash-videolabel {
	position: absolute;
	background: #f44f21;
	top: 0;
	padding: .5em;
	color: #fff;
	right: 0;
}
.right {
	text-align: right;
}
#views-exposed-form-frontpage-page-2 .element-container-wrapper {
	float: left;
	margin: 0 .5em .5em 0;
}
#views-exposed-form-frontpage-page-2 .element-container-wrapper a {
	padding: .3em .6em;
	background-color: #fff;
	display: inline-block;
}
#views-exposed-form-frontpage-page-2 #edit-actions {
	display: none;
}
/*SCREEN 600px and above*/
@media only screen and (min-width: 600px) {
html {
	background-color: #FFF;
}
.view-header h1 {
	border: 1em solid #FFF;
	border-radius: 1px;
}
.node {
	background-color: #ffffff;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
.node {
	margin-bottom: 1.25em;
	padding: 1.25em;
	border-radius: 1px;
	border-bottom: none;
}
.grid.item-list__item {
	padding-bottom: 1.25rem;
}
}
/*SCREEN 1220px and above*/
@media only screen and (min-width: 1220px) {
.pr-footer .regions {
    margin-bottom: 1.25rem;
    background-color: tomato;
    color: white;
}
.pr-footer .regions p{
	margin-bottom:0;
}
}