/* Movie list genre and title no overflow
-----------------------------------------------------------------*/
.entry-meta li.nooverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: var(--cnvs-post-meta-color);
}

.entry-title .nooverflow {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(var(--cnvs-line-height-base) * 2rem);

    display: block;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Post
-----------------------------------------------------------------*/
.text-link {
    color: #212529;
    color: #f8f9fa;
    color: var(--cnvs-heading-color);
}

.single-post .entry .entry-title,
.single-post .entry .entry-title h1 {
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	text-transform: none;
	letter-spacing: -1px;
    line-height: normal;
}

.single-post .entry .entry-content h2 {
	letter-spacing: -1px;
    margin-bottom: 20px;
}

.single-post .entry .entry-excerpt {
    letter-spacing: -1px;
    font-size: 120%;
}

.entry-categories a {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.single-post .entry-meta {
	display: block;
	float: none;
	margin: 8px 0 0 0 !important;
}

.single-post .media-content .entry-title,
.single-post .media-content .share-title { 
    display: none; 
}

.single-post .entry .entry-image {
    margin: 25px 0 35px;
}

.single-post .entry-content .text-content {
	position: relative;
	display: block;
	margin-top: 20px;
}

.single-post .entry-content ol,
.single-post .entry-content ul {
	margin-left: 20px;
}

.single-post .entry-content ol li,
.single-post .entry-content ul li {
	line-height: 1.5;
	margin-top: 1rem;
}

@media (min-width: 992px) {
    .single-post .media-content .share-title { 
        display: block;

        font-weight: bold;
        font-size: 1.125rem;
        font-size: var(--cnvs-font-size-h5);
    }

	.single-post .media-content .entry-title {
		display: block;
		border-bottom: 1px solid #EEE;
		margin-top: 20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

    .dark .single-post .media-content .entry-title { 
        border-color: rgba(255, 255, 255, 0.1); 
    }
}

@media (min-width: 1200px) {
    #content .content-wrap { 
        overflow: inherit; 
    }

	.single-post .entry-content .media-content {
		display: block;
		position: -webkit-sticky;
		position: sticky;
		top: 81px;
		left: 0;
		height: 100%;
		max-width: 200px;
	}
}


/* Favourite cinema icons
-----------------------------------------------------------------*/
.bi-heart-favourite:before {
    content: "\f417";
}

.bi-heart-favourite:hover:before {
    content: "\f416";
}

.bi-heart-unfavourite:before {
    content: "\f415";
}

.bi-heart-unfavourite:hover:before {
	content: "\f771";
    /* content: "\f770"; */
}


/* Movie details
-----------------------------------------------------------------*/
.movie-title:after {
    content: '';
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 40px;
    border-top: 2px solid #444;
}


/* Movie showtimes
-----------------------------------------------------------------*/
.st {
    padding: 3px;
    margin: 0px 5px 5px 0px;
    display: inline-block;
    width: 70px;
    text-align: center;
    background-color: #26a69a;
    color: #fff;
    color: var(--cnvs-contrast-100);
    border-radius: 4px;
}

.past {
    background-color: #DFDFDF;
    background-color: var(--cnvs-contrast-300);
    color: #9f9f9f;
}


/* Header and content wrap fixes
-----------------------------------------------------------------*/
/* Reduce the content wrap padding to half */
.content-wrap {
    padding: 2.5rem 0;
}

.content-wrap .header-stick {
    margin-top: calc(-1 * var(--cnvs-margin-lg) / 2) !important;
}

/* Hard code to avoid header resizing on load */
:root {
    --cnvs-header-height:	60px; 
}

/* Reset border colour back to original colour in dark mode */
.dark .border-f5 {
    border-color: var(--bs-border-color) !important;
}

div {
    scroll-margin-top: 5rem;
}

ul, ol {
    margin-left: 2rem;
}

ul li, ol li {
    margin-top: 1rem;
}


/* Add cinema item grid lines
-----------------------------------------------------------------*/
.cinema-item .card {
    box-shadow: initial !important;
    border: initial;
}

.cinema-item .card::before {
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 2px dashed #DDD;
    border-left: 2px dashed var(--cnvs-contrast-200);
    content: '';
    position: absolute;
}

.cinema-item .card::after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-left: 2px dashed #DDD;
    border-bottom: 2px dashed var(--cnvs-contrast-200);
    content: '';
    position: absolute;
  }


/* Typeahead autocomplete
-----------------------------------------------------------------*/
.tt-menu {
    max-height:80vh;
    overflow-y: auto;
    width: 100%;
    margin: 4px 0;
    padding: 8px 0;
    background-color: #FFF;
    background: var(--cnvs-body-bg);
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
          box-shadow: 0 1px 10px rgba(0,0,0,.1);
}

.dark .tt-menu {
    border-color: var(--bs-border-color);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 15px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #FFF;
    color: var(--cnvs-heading-color);
    background-color: #0097cf;
    background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-text-opacity, 1));
}

.tt-suggestion.tt-cursor {
    color: #fff;
    color: var(--cnvs-heading-color);
    background-color: #0097cf;
    background-color: rgba(var(--cnvs-themecolor-rgb), var(--bs-text-opacity, 1));
}

.twitter-typeahead {
	display: block !important;
	position: absolute !important;
	width: 100%;
	top: 0;
	height: 100%;
}

.form-control.tt-hint { 
    color: #999 !important; 
}

.search-entry-image {
    border-radius: 0.25rem;
    border-radius: var(--cnvs-post-image-rounded);
}

.search-entry-header {
    padding-left: 20px;
    margin-bottom: initial;
}

.search-entry-meta {
    font-size: small;
    margin-right: 20px;
    display: inline-block;
}


/* Alerts
-----------------------------------------------------------------*/
.alert-notice {
    background-color: #EEE;
    background-color: var(--cnvs-contrast-200);
}

.alert-error {
    background-color: #ec2727;
    color: #e9ecef;
}


/* Home page slider show rating for small screen
-----------------------------------------------------------------*/
.oc-item .d-sm-block {
    display: block !important;
}

.oc-item .rating {
    position: absolute;
    margin: 0 !important;
    top: 30px;
    right: 30px;
    color: #FFF;
    font-weight: 700;
  }


/* Other minor changes
-----------------------------------------------------------------*/
.error404 {
    font-size: 15vw;
}