@charset "UTF-8";
/* CSS Document */

.movie-listing p:first-child {
	padding-bottom: 10px;
	border-bottom: 1px dotted #888888;
}


/* movie module on home page */

.movie-info h3::before {
	content: "\41";
	font-family: 'ETmodules';
	padding-right: 3px;
	position: relative;
	top:4px;
}


/* Movie List Styles - used on the movie listings module on the home page */

.gsc-movie-wrapper {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

	.gsc-movie-wrapper ul {
		list-style: none;
		margin-left: 0;
		padding-left: 0;
	}
		
		.gsc-movie-wrapper li {
		    list-style: none;
			padding: 10px 0 10px 24px;
			border-bottom: 1px dotted #888888;
			background-image: url( 'http://imghosting.ca/glenboro/wp-content/themes/Divi-child/images/bullet-triangle-blue.gif');
			background-repeat: no-repeat;
			background-size: 10px;
			background-position: 0 10px;
		}

	.gsc-movie-wrapper h4 {
		font-size: 90% !important;
		padding-bottom: 5px;
	}
	
	.gsc-movie-wrapper p {
		font-size: 90%;
		line-height: 120%;
		padding-bottom: 0;
		margin-bottom: 0;
	}



/* Movie Detailed List Styles - used on the movie listings module on the Gaiety Theatre page */

.gsc-movie-detailed-wrapper {
	width: 100%;
	margin: 15px 0 5px;
}

	.gsc-movie-detailed {
		width: 100%;
		margin-bottom: 20px;
		background-color: var(--gsc-lightest-gray);
        border-radius: 10px;
	}

    /* for desktop */
    @media all and (min-width: 981px) {

        .gsc-movie-detailed {
            padding: 30px;
        }

    }

    /* Responsive Styles Tablet */
    @media all and (min-width: 481px) and (max-width: 980px) {

        .gsc-movie-detailed {
            padding: 20px;
        }

    }

    /* for smartphone portrait */
    @media all and (max-width: 480px) {

        .gsc-movie-detailed {
            padding: 20px;
        }

    }

	
		.gsc-movie-detailed p.details {
			font-size: 80% !important;
		}
	
		.gsc-movie-detailed p {
			padding-bottom: 5px;
		}
	
		.gsc-movie-detailed h3 {
			font-size: 130%;
			padding-bottom: 4px;
		}
	
		.gsc-movie-detailed h4 {
			font-size: 100%;
			padding-bottom: 5px;
		}