/* All Nodes */
/* Style */
/* Film Stripe */
.trailer, 
.field--name-field-cinema-cover, 
.views-field-field-cinema-cover {
	position: relative;
    zoom: 1;
	clear: both;
}
.trailer .top, 
.field--name-field-cinema-cover .top, 
.views-field-field-cinema-cover .top {
	background: url(/themes/thex/images/filmstrip/top.png) repeat-x 30px top;
    background-size: 100% 30px;
    height: 30px;
    font-size: 1px;
    position: relative;
    zoom: 1;
    border-top: 1px solid white;
}
.trailer .top-left, 
.field--name-field-cinema-cover .top-left, 
.views-field-field-cinema-cover .top-left {
	background-image: url(/themes/thex/images/filmstrip/top-left.png);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid white;
}
.trailer .top-right, 
.field--name-field-cinema-cover .top-right, 
.views-field-field-cinema-cover .top-right {
	background-image: url(/themes/thex/images/filmstrip/top-right.png);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid white;
}
.trailer .left, 
.field--name-field-cinema-cover .left, 
.views-field-field-cinema-cover .left {
	background: url(/themes/thex/images/filmstrip/left.png) repeat-y 0 0;
    background-size: 15px 100%;
    position: relative;
    zoom: 1;
    border-left: 1px solid white;
}
.trailer .right, 
.field--name-field-cinema-cover .right, 
.views-field-field-cinema-cover .right {
	background: url(/themes/thex/images/filmstrip/right.png) repeat-y right 0;
    background-size: 15px 100%;
    position: relative;
    padding: 0 15px;
    zoom: 1;
    border-right: 1px solid white;
}
.trailer .background, 
.field--name-field-cinema-cover .background, 
.views-field-field-cinema-cover .background {
	background: url(/themes/thex/images/filmstrip/center.png) 0 0;
	background-size: 100% 100%;
	padding: 1px;
}
.trailer .bottom, 
.field--name-field-cinema-cover .bottom, 
.views-field-field-cinema-cover .bottom {
	background: url(/themes/thex/images/filmstrip/bottom.png) repeat-x 30px bottom;
    background-size: 100% 30px;
    height: 30px;
    font-size: 1px;
    position: relative;
    zoom: 1;
    border-bottom: 1px solid white;
}
.trailer .bottom-left, 
.field--name-field-cinema-cover .bottom-left, 
.views-field-field-cinema-cover .bottom-left {
	background-image: url(/themes/thex/images/filmstrip/bottom-left.png);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}
.trailer .bottom-right, 
.field--name-field-cinema-cover .bottom-right, 
.views-field-field-cinema-cover .bottom-right {
	background-image: url(/themes/thex/images/filmstrip/bottom-right.png);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
/* Parchment */
.views-field-field-recipe-image .background, 
.field--name-field-recipe-image .background, 
.views-field-field-gw3-main-image .background {
    text-align: center;
	background-size: 100% 100%;
    padding: 10px;
    background-image: url(/themes/thex/images/parchment.jpg);
}

/* Local Tasks */
.page-type-cinema .primary-tab li:nth-of-type(3), 
.page-type-cinema .primary-tab li:nth-of-type(5) {
	
}

/* Node submitted details */
.node-submitted-details {
  position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

/* Guild Wars 3 */
.page-type-guild-wars-3-overview .trailer {
	margin-top: 15px;
}

/* Cinema Page */
/* form */
.cinema .views-exposed-form, 
.cinema-movies .views-exposed-form, 
.cinema-tv-shows .views-exposed-form {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
}
.cinema .views-exposed-form .js-form-item, 
.cinema-movies .views-exposed-form .js-form-item, 
.cinema-tv-shows .views-exposed-form .js-form-item {
	float: left;
	margin-right: 10px;
}
/* grid display */
.cinema .views-view-responsive-grid__item, 
.cinema-movies .views-view-responsive-grid__item, 
.cinema-tv-shows .views-view-responsive-grid__item {
	text-align: center;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}
/* Cinema Node */
.cinema .views-exposed-form .js-form-item-sort-order {
	float: none;
}
.cinema .views-row .views-field-title {
	clear: both;
	text-align: center
}
.cinema .views-row .views-field-field-cinema-cover {
	text-align: center;
}
/* Cinema Node */
/* Edit Form */
/* Field Groups */
.horizontal-tabs {
    margin: 0 0 1em 0;
    padding: 0;
    border: 0;
    position: relative;
}
.horizontal-tabs .horizontal-tabs-list {
    display: inline-block;
    background-color: transparent;
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0;
    width: 100%;
    height: auto;
    clear: both;
}
.horizontal-tab-button.selected {
    color: black;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}
.horizontal-tab-button.selected a {
    color: black;
}
.horizontal-tabs .horizontal-tab-button a:hover {
    outline: none;
    background-color: transparent;
	color: black;
}
.horizontal-tabs .horizontal-tab-button {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-right: 1px solid #ccc;
    padding-top: 0;
    margin: 0 5px;
    min-width: 5em;
    float: left;
    background-size: auto 100%;
    background-image: url(../images/steel-plate/steel-plate.jpg);
}
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a {
    display: block;
    text-decoration: none;
    padding: 5px;
    position: relative;
    top: 0;
}
/* Items */
.horizontal-tabs-panes .horizontal-tabs-pane {
    margin-top: -8px;
    padding: 0 1em;
    border: 2px solid darkgray;
    background-color: unset;
    box-shadow: unset;
}
.node-cinema-edit-form .field--name-title {
	margin-right: 10px;
    float: left;
}

/* Cover & Stats Block */
.page-type-cinema .cinema-stats-block .views-row {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.page-type-cinema .cinema-stats-block .views-row .views-field {
	display: flex;
}
.page-type-cinema .cinema-stats-block .views-row .views-label {
	margin-right: 10px;
}
.page-type-cinema .cinema-stats-block .views-field-field-cinema-mpa-rating, 
.page-type-cinema .cinema-stats-block .views-field-field-cinema-genre, 
.page-type-cinema .cinema-stats-block .views-field-node-rate-widget-field {
	display: flex;
    justify-content: center;
}
/* Synopsis */
.page-type-cinema .field--name-field-cinema-synopsis {
	margin-top: 20px;
	text-align: center;
}

/* Recipe Node */
.page-type-recipe .field--name-field-recipe-image {	
    margin-right: 10px;
    float: left;
}
.page-type-recipe .field--name-recipe-description {
	margin-top: 10px;
    text-align: center;
}
.page-type-recipe .field--name-recipe-cook-time {
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.page-type-recipe .field--name-recipe-ingredient {
	clear: both;
	float: left;
    width: 50%;
    background-image: url(/themes/thex/images/parchment.jpg);
    background-size: 100% 100%;
    padding: 15px 10px 0 15px;
	color: black;
}
.page-type-recipe  .field--name-recipe-instructions {
	float: right;
    width: 50%;
    background-image: url(/themes/thex/images/parchment.jpg);
    background-size: 100% 100%;
    padding: 15px 10px 0 15px;
	color: black;
}
.page-type-recipe  .field--name-recipe-instructions .field__label {
	text-align: center;
}

/* Nodes */
.node,
.node-promoted,
.node-sticky,
.node-view-mode-full,
.node-unpublished {
  position: relative;
}
.node-view-mode-teaser {
  position: relative;
  margin-bottom: 4rem;
  border-bottom: 4px double var(--border);
}
.node-view-mode-teaser.node-sticky {
  border: 2px solid var(--border);
  padding: 1rem;
}
.node-view-mode-full .node-taxonomy-container {
  margin: 0;
}
/* User Profile */
.user-logged-in .views-view-responsive-grid__item {
    width: 133px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}