/*
Theme Name: Metro Cinema Custom Theme
Theme URI: 
Description: Metro Cinema Custom Theme
Author: Digital tea
Author URI: http://www.websitedesignedmonton.com/
Template: make
Version: 1.0.0
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sat, 02 Dec 2017 15:07:52 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

td.fc-day.ui-widget-content.fc-fri.fc-today.ui-state-highlight {
    BACKGROUND: #eee !important;
}
.fc-content {
    padding: 20px !important;
}
span.ui-icon.ui-icon-circle-triangle-w:hover {
    visibility: hidden;
}
button.fc-prev-button.ui-button.ui-state-default.ui-corner-left, button.fc-next-button.ui-button.ui-state-default.ui-corner-right, button.fc-today-button.ui-button.ui-state-default.ui-corner-left.ui-corner-right {
    background: #b20000;
    border: 1px solid darkred;
	color: white !important;
}

/*        TYPOGRAPHY          */
p, .entry-content ul, .entry-content ul li {
	font-size: 15px;
}
.site-footer a, .site-footer a:link, .site-footer a:visited {
    color: white;
}
.site-footer a:hover, .site-footer a:focus {
    color: lightgray;
}
.home h2 {
	margin:50px 0px 20px 0px;
}
h2{ 
	color:#b21717 !important;
}
.home h2{ 
	color:#242627 !important;
}

/*          LAYOUT             */
.simpleborder {    
	border: 1px solid #dadada;
	    box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    margin: 10px;
}
.simpleborder:hover {
    border: 1px solid rgba(189, 189, 189, 1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	cursor:pointer;
}
.yoast-seo-breadcrumb {
    display: none;
}
.site-content {
	padding:0px !important;
}
.header-bar {
    height: 38px;
}
.header-social-links li a {
	padding: .6rem 1rem !important;
}
.make-social-icon a:hover i, .make-social-icon a:active i, .make-social-icon a:focus i {
    color: #670000 !important;
}
.site-header-main {
    padding: 2px 0 5px !important;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}
.site-branding {
    max-height: 92px;
    max-width: 20% !important;
	margin-top: 10px;
	min-width: 200px;
}
.site-description {
    text-align: center;
	margin-top: -6px !important;
	padding-bottom: 0px;
    margin-bottom: 0px;
}
/*.site-description, .site-description a, .font-site-tagline {
    padding: 0px !important;
    margin: 0px !important;
}*/
a.custom-logo-link {
	margin-bottom:0px !important;
}
.site-navigation {
	    padding: 25px 0px !important;
}

.site-navigation .menu li a, .site-navigation .nav-menu li a {
	padding: 1.1rem .6rem !important;
}

.page-template-default .site-content, .page-template-template-builder .site-content, .blog .site-content, .single-post .site-content, .category .site-content, .author .site-content, .wp_theatre_prod-template-default .site-content, .search-results .site-content {
	    margin-top: 20px;
		background-color: #fefefe !important;
}
.home .site-content {
	margin-top: 0px !important;
}
#welcometometro {
	min-height:350px;
}

#sidebar-right h4.widget-title {
    margin-top: 12px;
	background: #b21717;
    color: white;
    padding: 5px 10px;
    letter-spacing: 0px !important;
    font-weight: 600 !important;
}
.wpt_listing .wp_theatre_event {
    min-height: 180px;
}
.wpt_listing h3.wpt_listing_group.day {
    margin-top: 20px;
}
@media (max-width: 800px) {
.wpt_listing .wp_theatre_event .wp_theatre_event_tickets {
        position: relative;
    display: block;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.wpt_listing .wp_theatre_event .wp_theatre_event_tickets {
    margin-top: 0px;
}
}
.wp_theatre_prod {
	/*border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;*/
	background: #ffffff;
	padding: 6px 6px 10px 6px;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    border-color: #e5e5e5;
    border-style: solid;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
.site-main > .wp_theatre_prod {
    border: none;
    box-shadow: none;
}
.wp_theatre_prod_title a {
    text-decoration: none;
    font-weight: 700;
}
.trailerLink {
    width: 300px;
    display: block;
    background: orange;
    color: white;
    text-align: center;
	text-decoration: none;
}
a.trailerLink:hover {
	background: #b20000;
	text-decoration: none;
}
.trailerLink:after {
    margin-left: 5px;
    font-family: FontAwesome;
    content: "\f144";
    text-decoration: none;
}

section#footer-2 {
    text-align: right;
}
.widget {
	margin-bottom:10px !important;
}
footer#site-footer {
    max-height: 390px;
}
footer h4.widget-title {
    font-size: 15px;
    font-weight: 400;
}
#footer-2 #media_image-3 {
    margin-top: 86px;
}

.boxybox {
	background: #ffffff;
    padding: 20px;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    border-color: #e5e5e5;
    border-style: solid;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
ul.boxybox li ul {
    list-style: square;
}

.entry-content ul {
	list-style-type:square;
	padding: 8px 0px;
}
.entry-content ul li{
	padding: 8px 0px;
	margin-left: 30px;
}

.boxybox li {
	padding-bottom: 10px;
}
.mc4wpbutton, .gform_button {
	font-size: 12px !important;
    line-height: 24px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 3px 10px 2px 10px !important;
    border-radius: 0px 0px 0px 0px !important;
    background: #b20000 !important;
    z-index: 2 !important;
    display: block;
    font-family: "Open Sans" !important;
    text-transform: uppercase !important;
}
.gform_body input[type=text], .gform_body .textarea {
	background: white;
    border: 1px solid rgba(0,0,0,.12);
}
.gform_body li, .gfield_label {
    padding: 0px !important;
	margin-top: 0px !important;
}

/*          SEARCH             */
.search-form {
    float: right;
    margin-top: -37px;
}
input.search-field {
    background: rgba(0,0,0,0);
    color: white;
    border: 1px white solid;
    width: 248px !important;
    margin-right: 0px;
}
input.search-field::placeholder {
	color:white;
}

/*          MAIL CHIMP         */
.mc4wp-alert {
    color: red;
	font-weight: 600;
}
.mc4wptext {
	float:right;
	background: white !important;
    border: 1px solid rgba(0,0,0,.12) !important;
	width:100%;
}
#sidebar-right .mc4wptext {
	float:right;
	width:100% !important;
}
.mc4wpbutton {
	margin-top:10px;
}
.home .mc4wpbutton {
	float:right;
}
@media (max-width: 800px) {
	.mc4wptext {
		float:right;
		width:100% !important;	
}
}
@media (min-width: 800px) {
.entry-content .mc-formwrapper {
    width: 100%;
	margin-bottom:20px;
}
}

/*          ESSS GRID          */
.esgbox-toolbar {
    margin-right: 61px !important;
}
.has-background {
    padding: 0px !important;
}
.site-navigation {
    float: right !important;
    width: 60% !important;
}
.esg-filters {
    margin-top: 10px !important;
}

#menu-main-navigation {
	border: 0px solid #FFF !important
	
}


@media screen and (min-width: 800px) {
.header-social-links {
    float: left;
}
}
@media screen and (min-width: 800px) and (max-width: 1100px) {
	.header-social-links {
    margin-right: 30px !important;
}
}

@media (max-width: 800px) {
	.site-branding {
    max-width: 50% !important;
    max-height: 132px;
		margin: 0px auto;
}
	a.custom-logo-link {
		margin: 0px auto !important;
	    display: block;
    	width: 400px;
	}
.social-links {
	padding-top: 0px !important;
	}

	
.site-navigation {
    float: none !important;
    width: 100% !important;
}
	footer#site-footer {
    max-height: 590px;
}
	#footer-1, #footer-2 {
		text-align:center !important;
}
	#footer-2 {
		margin-top:30px;
	}
}

h1, h2, h3, h4 {
	letter-spacing: -2px !important;
	color:#242627;
	padding:0px;
	margin:0px;
}

/*calendar*/
.fc-center h2 {
    letter-spacing: 0px !important;
}
.ui-widget-header {
    color: white;
}
.ui-corner-left{
    border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.ui-corner-right {
    border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	margin: 0px 2px !important;
}
button.fc-basicWeek-button {
    border-radius: 4px;
    margin: 0px 10px !important;
}


/*screening time table*/
.wp_theatre_event_tickets {
	width:auto !important;
}
.wp_theatre_event {
	overflow: inherit !important;
	border-bottom: 1px solid #eaeaea;
	padding-bottom:5px;
}
.wp_theatre_event_date {
    color: #b20000;
    width: 100% !important;
    display: block !important;
    font-weight: 700;
}
.wp_theatre_event_starttime, .wp_theatre_event_remark {
    font-weight: 100;
    display: block !important;
}
.wp_theatre_event_starttime:before {
    content: '   ' !important;
}
a.wp_theatre_event_tickets_url {
	font-size: 12px !important;
    line-height: 24px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 3px 10px 2px 10px !important;
    border-radius: 0px 0px 0px 0px !important;
    background: #b20000 !important;
    z-index: 2 !important;
    display: block;
    font-family: "Open Sans" !important;
    text-transform: uppercase !important;
}
.entry-content .wpt_listing {
    margin-bottom: 1em;
    background: whitesmoke;
    padding: 0px 10px;
}

.entry-content .wpt_listing {
    border: 1px solid #ccc;
    margin-top: 10px;
}
@media (max-width: 800px) {
#sidebar-right {
    width: 100%;
}


}

/*hide featured image*/
.entry-header .entry-thumbnail.post-header {
    display: none;
}

/*Veezi Lightbox*/
@media (max-width: 768px) {
	div#TB_window {
    width: 92% !important;
	left: 0;
	margin-left: 20px !important;
	margin-right: 20px !important;
	z-index: 100100 !important;

}
	iframe {
    height:500px !important;
}	
#TB_window {
	height:80%;
	-webkit-overflow-scrolling:touch; overflow:scroll;
}
}
iframe.wp_theatre_iframe {
    width: 100% !important;
	min-height:800px !important;
}

/* FullCalendar */

.fullcalendarTitle {
    font-size:15px !important; 
    line-height:25px !important; 
    color:#000000 !important; 
    font-weight:800 !important; 
    padding:0px 0px 0px 0px !important; 
    border-radius:0px 0px 0px 0px !important; 
    background:transparent !important; 
    z-index:2 !important; 
    display:block; 
    font-family:"Raleway" !important; 
    text-transform:uppercase !important
}

.fullcalendarDates {
	font-size:12px !important; 
	line-height:20px !important; 
	color:#000000 !important; 
	font-weight:400 !important; 
	padding:0px 0px 0px 0px  !important; 
	border-radius:0px 0px 0px 0px !important ; 
	background:transparent !important; 
	z-index:2 !important; 
	display:block; 
	font-family:"Raleway" !important; 
	text-transform:uppercase !important;
}

.ui-tooltip {
	width: 300px;
	min-width: 300px;
	background-color: #ffffff;
}

/* Accordion Styles */
.accordion {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
.accordion-title {
    border-top: 0px solid #dbdbdb;
    margin: 0;
    padding: 10px 10px;
    cursor: pointer;
    background: #b20000;
    color: white !important;
}
.accordion-title:hover {cursor:pointer;}
.accordion-title:first-child {border: none;}
.accordion-title.open {cursor: default;}
.accordion-content {padding-bottom: 20px;}
.accordion-title:focus {
    border: 0px;
    outline: none;
}

.fc-wed span {
    font-size: .00001px;
    color: white;
}

.fc-wed span::after{
    color: #8b929e !important;
    content: "WED";
    font-size: 17px;
}

