:root {
	--pink: #ff81ae;
	--pinkD: #D8127D;

	--purple: #bd81ff;
	--Lgrey: #efefef;
	--customfont: 'Inria Sans', sans-serif;
	--spectralfont: 'Spectral', serif;
}

.grey-bg {
	background-color: var(--Lgrey);
}
.pink-bg {
	background-color: var(--pinkD);
}

body {
	overflow-x:  hidden;
}

a {
	color: var(--pink);
}

.btn-primary {
	border: 0;
	border-radius: 0;
	color: white !important;
	font-size: 1rem;
	font-weight: 200;
	background: rgb(216,18,125);
	background: linear-gradient(274deg, rgba(216,18,125,1) 0%, rgba(238,41,180,1) 100%);
	padding: 0.8rem 1.2rem;
}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}



/* Change bootstrap's .container default width */
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}


/* sldieout */



.icon-close {
  right: 0rem;
  top: 0.5rem;
  position: relative;
  cursor: pointer;
    /* This timing applies on the way OUT */
  transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.2s;

}



.logo img {
	max-width: 100%;
	height: auto;
}


/* align wide */

.alignwide,
.alignfull {
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

@media (max-width: 920px) {
	.alignwide {
		margin: 0 calc( ( 767px - 920px ) / 2 );
		max-width: 920px;
		width: 920px;
	}
}
.alignfull .wp-block-cover__inner-container {
	max-width: 1170px;
	margin: 0 auto;
}


body,
h1, h2, h3, h4, h5 {
  font-family: 'Inria Sans', sans-serif;
  font-weight: 300;
}
.uppercase {
	text-transform: uppercase;
}


/* Position */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* Navigation Mobile */
.navigation_mobile {
  display: none;
  position: fixed;
  top: 0px;
  left: -40px;
  height: 100%;
  width: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  transition: width 0.2s;
  padding: 0.5rem 0.2rem;
}
.navigation_mobile.opened {
  left: 0px;
  width: 90vw;
}
.navigation_mobile.opened .close_menu {
  display: block;
}

svg.bi.bi-caret-down-fill.js-open-nav-dropdown {
	margin: 0.2rem
}

.open_menu, .close_menu {
  display: none;
  top: 10px;
  width: 50px;
  height: 50px;
  color: var(--orange);
  font-size: 2rem;
  line-height: 40px;
  text-align: center;
  z-index: 990;
  
}

.open_menu svg,
.close_menu svg {
	fill: var(--orange);
}
.open_menu.color-white, .close_menu.color-white,
.close_menu.color-white {
  color: #FFFFFF !important;
}
.open_menu.right, .close_menu.right {
  left: auto;
  right: 20px;
}

.open_menu {
  position: fixed;
  left: 20px;
}

.close_menu {
  right: 20px;
  position: absolute;
}

/* Dropdown popup in Navigation */
.navigation_popup {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /*border-top: 2px solid #D7E0EC;*/
  background-color: black !important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform-origin: 50% 0;
  transform: scaleY(0);
  transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
}
.navigation_popup.opened {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}

/* Smaller than 1200px */
@media (max-width: 1199.98px) {
	.navigation_mobile {
		display: block;
	}
}


.navigation_mobile .contact--info {
	color: white;
	text-transform: uppercase;
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 1px solid white;
}
.navigation_mobile .contact--info a {
	display: block;
	color: white;
	font-size: 1.2rem;
}
.navigation_mobile a.nav-link {
	color: black;
	font-size: 1.2rem;
}

li.level1.nav-item > ul {
	/*padding: 0;*/
}
li.level1 ul > li.level2 {
	list-style: none;
}

.heading--bar {
	padding: 0.5rem 2.5rem !important;
	position: relative;
	
}
.heading--bar:before {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 25px;
	height: 34px;
	background-image: url('../images/Scene-Magazine-symbol.png');
	background-size: cover;

}

/* header */

header nav {
	border-bottom: 2px solid var(--pink);
}

nav .navigation_popup.opened .link {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--customfont);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.05rem;

}
nav .link { 
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	font-family: var(--customfont);
	font-weight: 600;
	letter-spacing: 0.05rem;
}
nav .link:hover,
nav .link:active {
	color: var(--pink);
}
/* header menu-header-sub-menu-container */

.menu-header-sub-menu-container ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.menu-header-sub-menu-container ul.menu li {
	display: inline-block;
	margin-right: 0.5rem;
}
.menu-header-sub-menu-container ul.menu li a {
	color: var(--pink);
	font-size: 0.9rem;
	font-family: var(--customfont);
	text-decoration: none;

}
.menu-header-sub-menu-container ul.menu li a:hover {
	color: black;
}


/* footer */
section.footer-1 {
	font-size: 0.9rem;
}

footer ul#footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 2rem 0;

}
footer ul#footer-menu li {
	width: 100%;
	
}
@media (min-width: 768px) { 
	footer ul#footer-menu li {
		width: 16.666666%;
		
	}	
}
footer ul#footer-menu li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0.3rem 0;
	display: block;
}
footer ul#footer-menu li a:hover {
	color: var(--pink);
	text-decoration: underline;
}
footer h4 {
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 400;
}

footer .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer .menu li a {
	text-decoration: none;
}
footer .site-info {
	font-size: 0.9rem;
	color: var(--pink);
	padding-bottom: 1rem;
}

/* posts */

.latestlist .latestlist--heading {
	display: block;
	background-color: var(--purple);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
}
.latestlist .item:after  {
	content: '';
	width: calc(100% - (var(--bs-gutter-x) * 1) );
	margin-left: calc(var(--bs-gutter-x)/ 2);
	height: 1px;
	background-color:  var(--pink);
	margin-top: 1rem;

}
.item .item--body .cat,
.item .item--body .title {
	display: block;

}

.item .item--body .cat {
	text-transform: uppercase;
	font-family: var(--customfont);
	font-weight: 400;
	font-size: 0.8rem;
	text-decoration: none;
	padding-bottom: 0.5rem;

}
.item .item--body .title {
	color: black;
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 500;
	font-size: 0.9rem;
	
}

.featuredpost .item .item--body {
	padding: 1rem;
}

.featuredpost .item .featured--image .cat {
	text-transform: uppercase;
	font-family: var(--customfont);
	color: white;
	background-color: var(--pink);
	padding: 0.5rem 0.8rem;
	font-weight: 200;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
	text-decoration: none;
	padding-bottom: 0.5rem;
	display: inline-block;
	position: absolute;
	bottom: -1rem;
	left: 1rem;
	

}

.featuredpost .item .featured--image p.cat {
	text-transform: uppercase;
	font-family: var(--customfont);
	color: white;
	background-color: var(--purple);
	padding: 0.5rem 0.8rem;
	font-weight: 200;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
	text-decoration: none;
	padding-bottom: 0.5rem;
	display: inline-block;
	position: absolute;
	bottom: -1rem;
	left: 1rem;
	margin-bottom: 0;
	

}

.featuredpost .item .item--body .title {
	color: var(--pink);
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 500;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	
}

.featuredpost .featured--image {
	position: relative;
	margin-bottom: 2rem;
}


.featuredpost .item .item--body p.excerpt {
	font-size: 1.1rem;
}

/* cat featured */
.featuredpost_cat .item .item--body {
	padding: 1rem;
}
.featuredpost_cat .item .featured--image p.cat {
	text-transform: uppercase;
	font-family: var(--customfont);
	color: white;
	background-color: var(--purple);
	padding: 0.5rem 0.8rem;
	font-weight: 200;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
	text-decoration: none;
	padding-bottom: 0.5rem;
	display: inline-block;
	position: absolute;
	bottom: -1rem;
	left: 1rem;
	margin-bottom: 0;
	

}

.featuredpost_cat .item .item--body .title {
	color: var(--pinkD);
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 500;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	
}

.featuredpost_cat .featured--image {
	position: relative;
	margin-bottom: 2rem;
}


.featuredpost_cat .item .item--body p.excerpt {
	font-size: 1.1rem;
}



.relatedarticles .item .item--body {
	position: relative;
	height: 100%;
}
.relatedarticles .item .item--body p.author {
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.8rem;
}
.relatedarticles .latestreviews--heading {
	display: block;
	background-color: var(--pink);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
}


.latestreviews .item .item--body {
	position: relative;
	height: 100%;
}
.latestreviews .item .item--body p.author {
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.8rem;
}
.latestreviews .latestreviews--heading {
	display: block;
	background-color: var(--pink);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
}

.allnews .item:after  {
	content: '';
	width: 100%;
	height: 1px;
	background-color:  var(--pink);
	margin-top: 1rem;
	display: block;

}

.allnews .allnews--heading {
	display: block;
	background-color: var(--purple);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
	
}

.allnews .item .item--body .title {
	color: black;
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 500;
	font-size: 0.8rem;
	
}
.allnews .item .item--body {
	position: relative;
	height: 100%;
}
.allnews .item .item--body p.author {
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.7rem;
}
.allnews .item .item--body p.postdate {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.7rem;
}

.promoted {
	color: var(--pink);
	font-weight: 400;
	font-size: 0.8rem;
}
.sponsored {
	margin-bottom: 2rem;
}
.sponsored .sponsored--heading {
	display: block;
	background-color: var(--pink);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
	
}

.sponsored .card {
	background-color: rgba(216,18,125,0.05);
	border-radius: 0;
}
.sponsored .card-img-top {
	border-radius: 0;
}
.sponsored .card .title {
	padding-bottom: 3rem;
	display: block;
	color: black;
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 500;
}
.sponsored .card p.author {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.7rem;
}
.sponsored .card p.postdate {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 0;
	color: var(--pink);
	font-size: 0.7rem;
}


.events {
	margin-bottom: 2rem;
}
.events .card {
	border-radius: 0;
}
.events .card-img-top {
	border-radius: 0;
}
.events .card .title {
	display: block;
	color: black;
	text-decoration: none;
	font-family: var(--spectralfont);
	font-weight: 600;
	margin-bottom: 1rem;
}
.events p.excerpt {
	font-size: 1rem;
	color: var(--grey);
}
.events .event--date {
	color: var(--grey);
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}
.events .event--link {
	position: absolute;
	left: 1rem;
	bottom: 0;
	color: var(--pinkD);
	font-weight: 500;
	padding-bottom: 0.5rem;
	display: block;
}
.events .event--price {
	position: absolute;
	right: 1rem;
	bottom: 0;
	color: var(--pinkD);
	padding-bottom: 0.5rem;
	display: block;
	margin-bottom: 0;
}

.events .events--heading {
	display: block;
	background-color: var(--purple);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
	
}

.scenemag {
	margin-bottom: 2rem;
}
.scenemag .scenemag--heading {
	display: block;
	background: linear-gradient(274deg, rgba(216,18,125,1) 0%, rgba(238,41,180,1) 100%);
	font-weight: 500;
	letter-spacing: 0.05rem;
	padding: 0.5rem 2.5rem;
	margin-bottom: 1rem;
	color: white;
	text-transform: uppercase;
	font-size: 1.2rem;
	
}

Scene-Magazine-symbol.png
.scenemag .list-group,
.scenemag .list-group .list-group-item {
	border-radius: 0;
	border: none;
} 
.scenemag .list-group {
	margin-left: 0;
}
.scenemag .list-group
.scenemag .list-group .list-group-item {
	font-weight: 200;
	font-size: 0.9rem;
}
.scenemag .list-group .list-group-item.first {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
}
.scenemag .list-group .list-group-item {
	background-color: rgba(216,18,125,0.05);
}
.scenemag .list-group .list-group-item:nth-child(odd) {
	background-color: rgba(216,18,125,0.2);
}
.scenemag .title {
	font-weight: 600;
	font-size: 1.8rem;
	font-family: var(--spectralfont);
	border-bottom: 1px solid var(--pink);
	padding-bottom: 0.5rem;

}
.scenemag p {
	font-size: 0.9rem;
	margin-bottom: 0.5rem;;
	color: var(--pinkD);
}
.scenemag p.small {
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.05rem;
}
.scenemag ul.featuring {
	list-style: none;
	padding: 0;
	margin: 0 0 1rem 0;
}
.scenemag ul.featuring li {
	font-family: var(--spectralfont);
	font-weight: 400;
	padding: 0.5rem 0;
}

/* authors */
.authors {
	margin: 2rem 0;
}
.authors .author_name {
	color: var(--pink);
    font-weight: 400;
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.authors .author_description {
    display: block;
    color: black;
    text-decoration: none;
    font-family: var(--spectralfont);
    font-weight: 300;
    font-size: 0.9rem;
    font-style: italic;
}
.authors .author_image {
	
}


/* post single */

.post--single .entry-title {
	font-family: var(--spectralfont);
	color: var(--pinkD);
    font-weight: 500;
    

}
.post--single .meta {
	color: var(--pinkD);
}


.featuredpost .item .featured--image .cat,
.post--single .cat {
	text-transform: uppercase;
	font-family: var(--customfont);
	color: white;
	background-color: var(--pink);
	padding: 0.5rem 0.8rem;
	font-weight: 200;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
	text-decoration: none;
	padding-bottom: 0.5rem;
	display: inline-block;
	

}

/* pagination */
.navigation {
	margin: 2rem 0;
	display: block;
}
.navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: var(--pink);
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: var(--pinkD);
}