/* En CSS-dokument för Emanuel */

/*

Färger JESPER

b70056 : Röd
00a651 : Grön
ffd800 : Gul
c200a4 : Ceris
0087c2 : Blå
524b48 : Grå

*/

/*

Färger

Svart:    000000
Mörkgrå:  524b48
Mellangrå:  d1d3d4  
Ljusgrå:  

- Power (för markering)
Röd:  db0f3b
Lila: d017c7
Blå:  22dced
Grön: 06cd0a
Gul:  fdf403

- Normal (för plattor)
Röd:  b70056
Lila: c200a4
Blå:  0087c2
Grön: 00a651
Gul:  ffd800

- Mörka (för typografi)
Röd:  9e004a
Lila: a40092
Blå:  006ec2
Grön: 007e3d
Gul:  ffb600

- Ljusa (för bakgrundsplattor)
Röd:  
Lila:   
Blå:  e6f1f2
Grön: 
Gul:  

*/
b, strong {
  font-weight: normal!important;
}

 body a {
  color: #0087c2;
}

body hr {
      border-top: 1px solid #999;
}
/*
	NAV
*/
.toprow .topnav .current_page_parent a{
  color: #000;
}
.topnav .menu-item {
	line-height: 1.3em;
}/*
.topnav .menu-item a, #mobileMenu span.slicknav_menutxt{
	font-family: 'Futura PT W01 Book'!important
}*/
#mobileMenu span.slicknav_menutxt {
	padding-top: 3px;
  margin-left: 1px;
	font-size: 10px;
}

.slicknav_nav{
	padding: 2em 0 !important; 
}
/*
.container div.social_media button {
	width: 35px;
	height:35px;
	background-color: transparent;
	color: #fff;
  margin-left: 7%;
}
*/
.toprow .topnav a:hover, .toprow .topnav a:focus {
	text-decoration: none;
	color: #000;
}
.subpagemenu li a {
	font-size: 16px;
}
.subpagemenu {

}
/*
.searchglass:hover .tcon-search__item::before {
	background-color: #000;
}
.searchglass:hover .tcon-search__item::after {
	border:#000;
}
*/

/* Nyhetsbrev signup */
.indicates-required {
	float: right;
}

/* NEON rotation 

Röd:  db0f3b
Lila: d017c7
Blå:  22dced
Grön: 06cd0a
Gul:  fdf403

*/
#header .overlay {
  -webkit-animation: NeonSnurra 15s cubic-bezier(1,1,0,0) infinite;
  animation: NeonSnurra 15s cubic-bezier(1,1,0,0) infinite; 
}
@-webkit-keyframes NeonSnurra {
  0% { background-color: #22dced; }
  35% { background-color: #06cd0a; }
  70% { background-color: #fdf403; }  
  100% { background-color: #22dced; }
}

@keyframes NeonSnurra {
  0% { background-color: #22dced; }
  35% { background-color: #06cd0a; }
  70% { background-color: #fdf403; }  
  100% { background-color: #22dced; }
}

/* Färg ANIMERAD sök-knapp  cubic-bezier(1,0.5,0.5,1) cubic-bezier(1,0,0,1)*/
.slicknav_btn {
  -webkit-animation: playful 30s ease-in-out infinite;
  animation: playful 30s ease-in-out infinite;  
}

@-webkit-keyframes playful {
  0% { background-color: #b70056; }
  20% { background-color: #00a651; }
  40% { background-color: #ffd800; }  
  60% { background-color: #0087c2; }
  80% { background-color: #c200a4; }
  100% { background-color: #b70056; }
}

@keyframes playful {
  0% { background-color: #b70056; }
  20% { background-color: #00a651; }
  40% { background-color: #ffd800; }  
  60% { background-color: #0087c2; }
  80% { background-color: #c200a4; }
  100% { background-color: #b70056; }
}

/* Loop Nav Border: Active*/
.ddkdkdk {
  -webkit-animation: LoopMenyActive 15s ease-in-out infinite;
  animation: LoopMenyActive 15s ease-in-out infinite;
}
@-webkit-keyframes LoopMenyActive {
  0% { border-color: #00a651; }
  20% { border-color: #0087c2; }
  40% { border-color: #c200a4; }  
  60% { border-color: #b70056; }
  80% { border-color: #b70056; }
  100% { border-color: #00a651; }
}

@keyframes LoopMenyActive {
  0% { border-color: #00a651; }
  20% { border-color: #0087c2; }
  40% { border-color: #c200a4; }  
  60% { border-color: #b70056; }
  80% { border-color: #b70056; }
  100% { border-color: #00a651; }
}

/* Loop av LOGO färg*/
body #branding #sitelogo a, .svg-logo{
/*  fill: red;
  filter: blur(20px);
  filter:  sepia(100%) contrast(50%) saturate(500%) hue-rotate(423deg);*/
-webkit-animation: loopBackgroundColorsLogo 15s ease-in-out infinite;
  animation: loopBackgroundColorsLogo 15s ease-in-out infinite;  
}
@-webkit-keyframes loopBackgroundColorsLogo {
  0% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(450560deg); }
  20% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454060deg); }
  40% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(400000deg); }  
  60% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(400560deg); }
  80% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454560deg); }
  100% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454560deg); }
}

@keyframes loopBackgroundColorsLogo {
  0% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(450560deg); }
  20% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454060deg); }
  40% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(400000deg); }  
  60% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(400560deg); }
  80% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454560deg); }
  100% { filter: sepia(100%) contrast(10%) saturate(70000%) hue-rotate(454560deg); }
}







/* Loop av bakgrundsfärg. */
.taxshow {
  display: none;
}
#main .taxnav a{
  color: #999!important;
}
#main .taxnav a:hover {
  text-decoration: none;
  color: #000!important;
}
#main .taxnav a {
  border-bottom: 3px solid rgba(0,0,0,0);
}
#main .taxnav a.current {
  background: none!important;
  color: #000!important;
}
#main .taxnav a.current, #main .taxnav a:hover, .subpagemenu li.current-menu-item>a, .subpagemenu li a:hover {
  -webkit-animation: loopBackgroundColors 15s ease-in-out infinite;
  animation: loopBackgroundColors 15s ease-in-out infinite;  
}
@-webkit-keyframes loopBackgroundColors {
  0% { border-color: #00a651; }
  20% { border-color: #0087c2; }
  40% { border-color: #c200a4; }  
  60% { border-color: #b70056; }
  80% { border-color: #b70056; }
  100% { border-color: #00a651; }
}

@keyframes loopBackgroundColors {
  0% { border-color: #00a651; }
  20% { border-color: #0087c2; }
  40% { border-color: #c200a4; }  
  60% { border-color: #b70056; }
  80% { border-color: #b70056; }
  100% { border-color: #00a651; }
}
#main .taxnav a.current, #main .taxnav a:hover{
  color: #fff;
}


/* Test Färgspel typografi */
h1, h2, .hc_0087c2 h1, .hc_0087c2 h1 a, .hc_0087c2 h2, .hc_0087c2 h3, .hc_0087c2 h2 a{
  -webkit-animation: loopFontColors 30s ease-in-out infinite;
  animation: loopFontColors 30s ease-in-out infinite;  
}
@-webkit-keyframes loopFontColors {
  0% { color: #00a651; }
  20% { color: #0087c2; }
  40% { color: #c200a4; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}

@keyframes loopFontColors {
  0% { color: #00a651; }
  20% { color: #0087c2; }
  40% { color: #c200a4; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}

/* Förgspel för typografi, kan börja med alla olika färger. För Jesper att testa 

Röd:  9e004a
Lila: a40092
Blå:  006ec2
Grön: 007e3d
Gul:  ffb600
*/

.loopFontColors1 h1, .loopFontColors1 h2, .loopFontColors1 h3, .loopFontColors1 h2 a {
  -webkit-animation: loopFontColors1 30s ease-in-out infinite;
  animation: loopFontColors1 30s ease-in-out infinite;  
}
@-webkit-keyframes loopFontColors1 {
  0% { color: #00a651; }
  20% { color: #0087c2; }
  40% { color: #c200a4; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}

@keyframes loopFontColors1 {
  0% { color: #00a651; }
  20% { color: #0087c2; }
  40% { color: #c200a4; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}
.loopFontColors2 h1, .loopFontColors2 h2, .loopFontColors2 h3, .loopFontColors2 h2 a {
  -webkit-animation: loopFontColors2 30s ease-in-out infinite;
  animation: loopFontColors2 30s ease-in-out infinite;  
}
@-webkit-keyframes loopFontColors2 {
  0% { color: #0087c2; }
  20% { color: #c200a4; }
  40% { color: #b70056; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}

@keyframes loopFontColors2 {
  0% { color: #00a651; }
  20% { color: #0087c2; }
  40% { color: #c200a4; }  
  60% { color: #b70056; }
  80% { color: #b70056; }
  100% { color: #00a651; }
}




/* BLOGG */
.blog h5 a, .latestnews h5 a, .category-utstallningar h5 a, .category-exhibitions h5 a{
	font-size: 70%;
	color:#000;
}

.featured-image {
  margin-bottom: 2em;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.single .wp-caption .featured-image {
  margin-bottom: 0;
}
.single .wp-caption {
  margin-bottom: 2em;
}
.entry-footer {
	margin-top: 2em;
	margin-bottom: 2em;
	border-top: 1px solid rgba(0,0,0,0.8);
	padding-top: 1em;
}
.entry-footer .cat-links, .entry-footer .tag-links {
	font-size: 80%;
}
.row.nonsticky {
    margin-bottom: 2em;
}
.row.nonsticky h2 { /* Detta fungerar ju på Desktop men behöver ju vara avstånd på varje objekt i mobilläge... */
	font-size: 26px;
}
.nav-next, .nav-previous {
	max-width: 40%;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
	text-align: right;
}
p.regulartxt {
	font-family:'Odile W01 Book',helvetica,arial,verdana;
}
h1.carinabold, h2.carinabold, h3.carinabold, h4.carinabold{
	font-family:'Carina W01 Bold',helvetica,arial,verdana;
}
.blog a:hover h2, .archive a:hover h2{
	text-decoration: underline;
}
.blog a:hover .crop-height, .archive a:hover .crop-height{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.blog .crop-height, .archive .crop-height{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.blog a:hover .pubdate, .archive a:hover .pubdate{
  color: #000;
}
.exdate {
	font-family: 'Odile W01 Bold',helvetica,arial,verdana;
  font-weight: normal;
}
.category-utstallningar .category_title,
.category-utstallningar .category_description,
.category-exhibitions .category_title,
.category-exhibitions .category_description
{
  display: none;
}
a.external_link:after {
  display: none!important;
}
.category_description {
  max-width: 700px;
  margin-bottom: 2em;
}

/* 2017 05 */

.row.imagecollection {
  margin-bottom: 1em;
  margin-top: 1em;
}

/* Dölj första nyheten startsida 

:first-child
:nth-child(2)
:nth-of-type(2)

.page-id-174 = Svenska startsidan
.page-id-2276 = Engelska startsidan


  
.page-id-174  #sect-2 .container .row:nth-child(4){
  display: none;

}

.home #sect-1 .container .row:nth-child(3){
  display: none;

.page-id-174 #sect-1 .container .row:nth-child(2), .page-id-174 #sect-1 .container .row:nth-child(3){
  display: none;
} 


.page-id-174  #sect-1 .container .row:nth-child(1),
.page-id-174  #sect-1 .container .row:nth-child(2),
.page-id-174  #sect-1 .container .row:nth-child(3), 
.page-id-174  #sect-1 .container .row:nth-child(4){
  display: none;
}
 
.page-id-174 #sect-1 .container .row:nth-child(4){
  display: none;
} 

.page-id-174 #sect-1 .container .row:nth-child(2), .page-id-174 #sect-1 .container .row:nth-child(3){
  display: none;
} 

*/


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

/* Banner med text */
.page-id-174 #main section:nth-child(1){
  background: black;
  color: white;
}

/* TEST 1 */
/* Style the video: 100% width and height to cover the entire window */

.page-id-12054 #main section:nth-child(1), #myVideo{
  z-index: -1;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}


/* START Nya texten på startsidan */
@media screen and (min-width:768px) {
  .page-id-174 #sect-0 .container .row .col-sm-6, .page-id-2276 #sect-1 .container .row .col-sm-6{ 
    width: 100%; /* 76% */

  }
  .page-id-174 #sect-0 .container .row .col-sm-offset-3, .page-id-2276 #sect-1 .container .row .col-sm-offset-3{ 
   margin-left: 0%
  }
}
 .page-id-174 #sect-0 .container .row .col-sm-6 p,.page-id-2276 #sect-1 .container .row .col-sm-6 p{
    font-size: 120%;
    margin-top: 1em;
    margin-bottom: 2.5em;
  }
/* Mobil - Banner med text */
@media screen and (max-width:768px) {
  .page-id-174 #sect-0 .container .row .col-sm-6 p, .page-id-2276 #sect-1 .container .row .col-sm-6 p { 
    font-size: 94%!important;
    margin-top: 0.5em!important;
    margin-bottom: 0.5em!important;
  }
}


/* END Nya texten på startsidan */

.page-id-174 #sect-2 .container .row:nth-child(4), .page-id-174 #sect-2 .container .row:nth-child(5){
  display: none;
}  
  .page-id-2276  #sect-2 .container .row:nth-child(2){
  display: none;

}

/* Slut Dölj*/


/* LOGOTYPER finnansiärer */
.page-id-2 #sect-3 p, .page-id-2282 #sect-3 p{
  padding-top: 1em;
}
.page-id-2 #sect-5 .row.imagecollection img.collectionimg, .page-id-2 #sect-6 .row.imagecollection img.collectionimg, .page-id-2 #sect-7 .row.imagecollection img.collectionimg, .page-id-2 #sect-8 .row.imagecollection img.collectionimg, .page-id-2282 #sect-5 .row.imagecollection img.collectionimg, .page-id-2282 #sect-6 .row.imagecollection img.collectionimg, .page-id-2282 #sect-7 .row.imagecollection img.collectionimg, .page-id-2282 #sect-8 .row.imagecollection img.collectionimg  {
    max-width:  100px;
    max-height: 100px;
    margin: 0px 0px 15px 0px;
    -webkit-filter: contrast(1000%) grayscale(100%) saturate(100%) opacity(90%); /* Safari 6.0 - 9.0  */
    filter:contrast(1000%) grayscale(100%) saturate(100%) opacity(85%);

}
.page-id-2 #sect-4 .row.imagecollection img.collectionimg, .page-id-2 #sect-5 .row.imagecollection img.collectionimg, .page-id-2282 #sect-4 .row.imagecollection img.collectionimg, .page-id-2282 #sect-5 .row.imagecollection img.collectionimg {
  /*filter:brightness(0%);
  filter:saturate(100%);*/
}
.page-id-2 #sect-5  img.collectionimg, .page-id-2 #sect-6  img.collectionimg, .page-id-2 #sect-7  img.collectionimg, .page-id-2 #sect-8  img.collectionimg,
.page-id-2282 #sect-5  img.collectionimg, .page-id-2282 #sect-6  img.collectionimg, .page-id-2282 #sect-7  img.collectionimg, .page-id-2282 #sect-8  img.collectionimg{
  box-shadow:none!important ;
}
.page-id-2 #sect-4,.page-id-2282 #sect-4, .page-id-2 #sect-6,.page-id-2282 #sect-6, .page-id-2 #sect-8,.page-id-2282 #sect-8{
  background: #f1f2f2;
}
a.btn-primary, a.btn-success {
	color: #ffffff!important;
}


/* START: Dölj utvald bild: Sunshine Socialist Cinema */

.postid-8052 .featured-image, .postid-8139 .featured-image {
    display: none;
}
/* END: Dölj utvald bild: Sunshine Socialist Cinema */

.single-post p.wp-caption-text {
  font-size: .6em;

}





/*  Start - UTSÄLLNINGEN Gnesta i rörelse  postid-8819  - .postid-8929 EN*/
.postid-8819 strong.plats, .postid-8929 strong.plats {
 background: #ffd800;
 padding: 3px 7px;
}
.postid-8819 em.plats, .postid-8929  em.plats {
 background: rgba(204,204,204,0.5);
 padding: 3px 7px;
 margin-top: 2em;
}

.postid-8819 hr.mejlanlinje, .postid-8929 hr.mejlanlinje{
  border-top: 1px dashed #999;
}
.postid-8819 hr.distans {
  border-top: 0px dashed #999;
}
.postid-8819 hr.fet, .postid-8929 hr.fet{
    border-top: 2px solid #000;
    margin-top: 3em;
}
.postid-8819 div.hide {
  display: none;
}
/*  Start - UTSÄLLNINGEN Gnesta i rörelse  */


/* Green LAB - START*/

.alert {
	display: block;
	padding:1em;
	border-radius: 5px;
	background: yellow;
  margin: 1em 0em;
}
/* Green LAB - END*/

.covid {
  padding:0.8em 1.8em 1.8em 1.8em;
  display: block;
  border-radius: 5px;
  background: #FFD0CB;
  margin: 3em 0em 1em 0em;
}
.single .hc_0087c2 .covid h2, .single .hc_0087c2 .covid h3{
  color: #6F1600;
  animation:none;
}

/* */
.category-utstallningar .taxnav #exhibitions {
    color: #000000!important;
    animation: loopBackgroundColors 15s ease-in-out infinite;
}


/* MPlacera logon snyggare i Mobil 2020-04 */
@media screen and (max-width:768px) {
  header .col-sm-3 {
    padding-left: 0px!important;
  }
  #branding #sitelogo {
    max-width: 210px;
    /*margin-left: -15px*/
  }
  .page-container #main-column {
    margin-top: 0px;
  }
  .pagereferences h2, .pagereferences h3 {
    font-size: 24px;
  }
}

/* Ta bort mörka ligande färgplattor 2020-04 */
.page .contentholder:nth-child(even) {
    background: rgba(255,255,255,0.5);
}
.page .contentholder {
    padding: 30px 0;
}

.imgcontent img, .imgcollection img {
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2)
}

/* Custom postid-11007 */
.postid-11007  .featured-image, .postid-11021 .featured-image {
	display: none;
}

a.incognito {
  color: black;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}

strong i, strong em {
  font-size: bold;
  font-family:'Odile W01 Bold';
  font-style: italic;
}


/* Video Startsida */

.page-id-2276 .video-se, .page-id-174 .video-en{
  display: none;
}