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

/* BASIC */	



.view-frontpage article {
	background-color: transparent;
	padding: 0 0 3rem;
}



a, a:visited,
#main-content a, #main-content a:visited, #main-content a:hover, #main-content a:focus,
#content-suffix a, #content-suffix a:visited, #content-suffix a:hover, #content-suffix a:focus {
	color: #be1e2d;
	text-decoration: none;
	position: relative;
	transition: all 0.2s;
}
.tabs .is-vertical ul.tabs--primary li a:link, .tabs .is-vertical ul.tabs--primary li a,
.tabs .is-vertical ul.tabs--primary li a:link, .tabs .is-vertical ul.tabs--primary li a:visited {
	background-color: wheat;
}
.button {
	height: 3rem;
		box-shadow: none;
	-webkit-box-shadow: none;
}
.button--primary {
    color: #000;
    background-color: #fff;
    border: 1px #000 solid;
    padding: 0.6em 1em 0.6em 1em;
	transition: all 0.2s;
}
.button--primary:hover, .button--primary:focus, .button--primary:active, .button--primary.active {
	background-color: #be1e2d;
	border: 1px solid pink;
	transition: all 0.3s;
}
#edit-preview {
	display: none;
}
#block-block-view-student-posts > div > div.block__content > div > div > div.view-content.view-rows > div > article > div > section > div > h2,
.comment .comment__title {
	display: none;
}


#main-content a:after, #content-suffix a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 1px solid #be1e2d;
  transition: 0.4s;
}
#main-content a:hover:after, #content-suffix a:hover:after {
  width: 100%;
}
.ms-overlay .rm-toggle {
	display: block;
    position: fixed;
    padding: 0;
    z-index: 1000;
    opacity: 0.5;
    border-radius: 2px;
    bottom: 1rem !important;
    right: 1rem;
}
#block-theatrical-main-menu > div > div.rm-toggle {
	background-color: #be1e2d;
	opacity: 0.8;
	transition: all 0.3s;
	width: 50px;
	height: 50px;
	text-align: center;
}
#block-theatrical-main-menu > div > div.rm-toggle:hover {
	opacity: 1;
	transition: all 0.3s;
}
#block-theatrical-main-menu > div > div.rm-toggle > button {
	padding: 0 0;
}
#block-theatrical-main-menu > div > div.rm-toggle > button > svg {
	top: 7px;
	width: 30px;
	height: 30px;
}
#rm-content {
	position: fixed;
}
#rm-content > ul {
	margin-top: 3.5em;
}
#rm-content > ul > li {
	text-align: center;
	line-height: 1.3;
	font-size: 1.2em;
}
#rm-content > ul > li > span > a {
	font-weight: 400;
	transition: all 0.2s;	
}
#rm-content > ul > li > span > a:hover {
	color: #000;
	opacity: 0.9;
	transition: all 0.4s;
}
ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
	color: #be1e2d;
}
.ms-overlay .rm-toggle__icon {
	fill: #000000;
}
#block-areion { 
	background-color: #18386b;
	bottom: 5px;
}
#block-areion > div > div > div > div > div > p > a > img:hover {
	color: rgb(0, 15, 159) !important;
	transition: all 0.2s;
}


#block-areion {
	position: absolute;
	bottom: 25px;
	left: 10px;
	margin: 0 0;
	background: url("/themes/theatrical/styles/css/images/Areion-logo-back.png") no-repeat; 
}
#block-areion a {
	opacity: 0;
	transition: all 0.2s;
}
#block-areion a:hover {
	opacity: 1;
	transition: all 0.2s;
}
#block-areion  div,
#block-areion p {
	margin: 0 0 !important;
	transition: all 0.2s;
}

#leaderboard, #leaderboard > div {
	background: #000;
}
#leaderboard a {
	color: #fff;
	opacity: 0.8;
	text-transform: uppercase;
}
#leaderboard a:hover {
	opacity: 1;
}
#block-socialmedialinks-2,
#block-languageselect {
	float: left !important;
}
#block-socialmedialinks-2 li {
	margin: 0.2rem 0 0;
}
#block-languageselect > div > div.block__content > ul {
	display: flex;
	font-size: 0.8rem;
}
#block-languageselect > div > div.block__content > ul > li {
    margin: 0.35rem 0.3rem 0 0.4rem;
}

#block-theatrical-account-menu a {
	max-width: 32px;
    white-space: nowrap;
    overflow: hidden;
}
#block-theatrical-account-menu svg {
    height: 1.7em;
    padding: 0.2em 0.2em 0;
	width: unset !important;
}
body.user-logged-out #block-theatrical-account-menu li:nth-child(1) {
	display: none;
}
#block-theatrical-account-menu li:nth-child(1) {
	display: initial;
}
#leaderboard form input {
	background-color: #000;
	color: #fff;
	text-align: center;
}
#block-theatrical-search > div > div.block__content.block-search__content {
	max-width: 300px;
}
#block-theatrical-search,
#block-socialmedialinks-2 {
	display: none !important;
}
#masthead {
	background-image: url(/themes/theatrical/styles/css/images/background-top.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#block-theatrical-branding {
	margin-top: 50px;
}
#block-theatrical-branding > div > div {
	flex-direction: column;
}
#block-theatrical-branding > div > div.block__content.block-branding__content.site-branding > a {
	padding: 0 0;
}
#block-theatrical-branding > div > div.block__content.block-branding__content.site-branding > a > img {
	opacity: 0.8;
	transition: all 0.2s;
}
#block-theatrical-branding > div > div.block__content.block-branding__content.site-branding > a > img:hover {
	opacity: 1;
	transition: all 0.3s;
}
#block-theatrical-branding > div > div.block__content.block-branding__content.site-branding > span {
	display: none;
}
#block-theatrical-branding > div > div > a {
	max-width: 300px;
}
.node {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#rid-highlighted, #highlighted > div {
	padding: 0 0;
}
#block-dramatikisholiathinongtheodosiadis p {
	max-width: 400px;
	margin: 0 auto;
}

#footer {
	background-image: url(/themes/theatrical/styles/css/images/background-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top: 10px solid transparent;
	padding-top: 15px;
	border-image: url(/themes/theatrical/styles/css/images/background-stripe.png) 50 round;
	background-color: rgba(0,0,0,0.2);
}
#footer > div {
	background: none;
	margin-bottom: 80px;
}
#block-theatrical-footer > div > div.block__content.block-menu__content > ul {
	flex-direction: column;
}
.pr-footer__footer .menu-level-1 .menu__item {
	margin: 0.3rem 1rem 0.3rem 0;
	font-size: 1.2rem;
}
#block-theatrical-footer a {
	border-top: 1px solid transparent;
	padding-top: 0.5rem;
	transition: all 0.2s;
}
#block-theatrical-footer a:hover {
	border-top: 4px solid #be1e2d;
	transition: all 0.3s;
}
#block-socialmedialinks > div > div.block__content > ul > li > a {
	color: #fff;
	opacity: 0.8;
}
#block-socialmedialinks > div > div.block__content > ul > li > a:hover {
	color: #fff;
	opacity: 1;
}
#block-license {
	font-size: 0.8rem;
}
.copy {
	color: #ecb939;
}

/**
 * SCREEN
 ============================================================================ */

@media all and (min-width: 45.0625em) {
	
/* BASIC */	

#block-theatrical-account-menu a {
	max-width: initial;
    white-space: initial;
    overflow: initial;
}	
	
#block-theatrical-search,
#block-socialmedialinks-2 {
	display: initial !important;
}	

#rid-leaderboard div, 
#rid-leaderboard nav {
	display: inline-flex;
	float: right;
}
#block-theatrical-account-menu > div > div.block__content.block-menu__content > ul > li {
	margin: 0.2rem 1rem 0;
	font-size: 0.8rem;
}
#leaderboard form, #leaderboard form div {
	margin: 0.2rem 0 0.2rem;
}
#leaderboard form input {
	height: 25px;
}

.pr-navbar {
    color: #000;
    background-color: #fafafa;
}	
.rm-block__content .menu__link {
	border: 0;	
}
.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,
.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: transparent;
	color: #000;
}
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active {
	color: #be1e2d;
}	
#rm-content > ul a {
	border-top: 2px solid transparent;	
}
#rm-content > ul a:hover {
	color: #000;
	border-top: 2px solid #be1e2d;	
}	
#navbar {
	border-bottom: 1px solid #000;	
}
#rm-content ul {
	margin-top: 1em;
	justify-content: center;	
}
	
.views_slideshow_cycle_slide  .views-field-field-cover-image {
	height: 600px;
	overflow: hidden
}
.views_slideshow_cycle_slide  .views-field-field-cover-image > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#main-content {
	margin-top: 2em;
	max-width: 75em;
	margin: 0 auto;
}	

#footer > div {
	min-height: 200px;
	max-height: 350px;
}
#block-theatrical-footer > div > div.block__content.block-menu__content > ul {
	flex-direction: row;
}
#block-theatrical-footer {
	display: inline-flex;
}
#block-license {
	clear: both;
}
#block-license > div > div.block__content > div > div > div > p {	
	text-align: center;
}
#block-socialmedialinks {
	display: inline-flex;
	float: right;
	clear: both;
}
#footer > div {
	margin-bottom: 30px;
}	
	
}	

/**
 * END OF SCREEN
 ============================================================================ */	


/**
 * WIDE SCREEN
 ============================================================================ */

@media all and (min-width: 60.0625em) {

	

.pr-main .hr--1-3 .l-r:first-child {
    width: 65%;
}
.pr-main .hr--1-3 .l-r:last-child {
    width: 35%;
}

	
.ms-overlay .rm-toggle {
	display: initial;
    position: initial;
}
#rm-content {
	position: initial;
}
#rid-sidebar-second h2.block__title, #rid-sidebar-second .h2.block__title {
    font-size: 1.6rem;
}
#rid-sidebar-second h2, #rid-sidebar-second .h2 {
    font-size: 1.4rem;
}
.field-type-timestamp {
	font-size: 0.9rem;
}
	
}

/**
 * END OF WIDE SCREEN
 ============================================================================ */	




/**
 * ULTRA WIDE SCREEN
 ============================================================================ */

@media all and (min-width: 80.0625em) {
	


}

/**
 * END OF ULTRA WIDE SCREEN
 ============================================================================ */