
/*   
Theme Name: Custom Theme
Description: My Custom Website THeme
Author: D-Fi Productions Inc.
*/

@media screen {
	
	.displayflex{display:flex;flex-direction:column;}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}
	h2{color:#EBEBEB;}
	.centeredtext{align-self: center;text-align: center;font-family:'Oswald'; font-weight:bold;font-size:28px;}
	.showtimes{width:100%;background-color:rgba(0,0,0,0.68);padding-top:5px;padding-bottom:5px;font-size:65px;margin-bottom:15px;border-radius:5px;}
	.descpanelbg{width:100% !important;}
	
	.showinfo{background-color:#FF0000;background-image:url(images/show-bg.jpg);background-size:cover; border:solid;border-width:2px;border-color:#FFF; min-width:200px;margin-left:15px;margin-right:15px;flex-grow:2;box-sizing:border-box;padding:10px; display:flex;justify-content: center;align-content: center;}
	.home-slides{background-color:#000;width:100%;max-width:1280px; box-sizing: border-box;padding:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#676767+0,2e2e2e+100 */
background: #676767; /* Old browsers */
background: -moz-linear-gradient(top, #676767 0%, #2e2e2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #676767 0%,#2e2e2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #676767 0%,#2e2e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */}
	#fadeshow1{border:solid;border-width:2px;border-color:#FFF;}
	#upcoming{width:200px;height:285px;}
	.clickfordir{font-family: 'Open Sans';font-size:11px;font-weight:bold;color:#FFF;}
	.fundraiser{align-self:center;}
	.centerme{align-self: center;background-color:rgba(0,0,0,0.71); padding:20px;border-radius: 15px}
	.centerme a{text-decoration: none;}
	.add-line-1{font-size:33px;font-weight:bold;color:#f7ed1a;}
	.add-line-2{ margin-bottom:5px;text-align: justify;width:100%; height: 16px;font-size:18px; font-weight:bold;
        overflow: hidden;color:#f7ed1a;
        line-height: 16px; /* vert-center */}
	  .add-line-2:after {
        content: "";
        display: inline-block;
        width: 100%;	
    }
	.physical-address{color:#FFF;font-family:'Oswald';display:flex;text-align: center; ;}
	.social-container{background-color: rgba(0,0,0,0.72); display:flex;align-content: space-between;padding:9px;flex-direction: row;margin-left:20px; border-radius: 6px;	margin-bottom:5px;}
	.social-container a{flex: 1;padding:0px;margin:0px;align-content: center;display:flex;justify-content: center;}
	.social-container img{padding:0px;margin:0px; align-self: center;max-width:35px;height:auto;}
	.nav{border-bottom:solid;border-bottom-width:2px; border-color:#FFF;}
	.mega-menu-link{letter-spacing:1px !important;}
	.alt-loc-title{background-color:#000;width:100%;padding:2px;color:#FFF;font-weight:bold;text-align: center;}
	.alt-loc-sub{width:100%;font-size:13px;text-align: center;font-weight:bold;color:#000;}
	.alt-locations{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4e01f+0,ec2a1e+99 */
background: #f4e01f; /* Old browsers */
background: -moz-linear-gradient(top, #f4e01f 0%, #ec2a1e 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f4e01f 0%,#ec2a1e 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4e01f 0%,#ec2a1e 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e01f', endColorstr='#ec2a1e',GradientType=0 ); /* IE6-9 */max-width:480px;}
	.mymainpage{display:block;padding-top:15px;}
.entry {
    width: 100%;
    padding-bottom: 20px;line-height:28px;background-color:#000;
}
	.entry p{padding-bottom:10px;}
a {
    color: #FF0000;
}
h1 {
    color: #FFF;
    background-color: #e2350b;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
width:100%;
	margin-bottom:0px;
	font-family:'Bangers';
	letter-spacing:5px;
	font-size:45px;
	font-weight:normal;
	}
html, body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
	color:#FFF;
}
.flexmiddle {
    padding-left: 10px;
    padding-right: 10px;
}
.phone-number, .phone-number a {
    font-size: 28px;
    color: #FFF;
    align-self: center;
	font-family:'Bangers';
}
	.top-phone{margin-bottom:8px;margin-top:8px;}
.p1, .p2, .p3, .phone-number, .phone-inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
.phone-pretext {
    font-weight: bold;
    color: #000;
}
.phone-number a[href^=tel] {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5e020+1,e73211+100 */

background: -moz-linear-gradient(top, #f5e020 1%, #e73211 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5e020 1%,#e73211 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5e020 1%,#e73211 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    text-decoration: none;
}
a[href^=tel] {
    color: #FFF;
    text-decoration: none;
}
.vcenter {
    align-items: center;
    display: flex;
}
html {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
*, *:before, *:after {
    box-sizing: inherit;
}
img {
    box-sizing: content-box;
}
.top-bar {
    background-color: #e0000b;
    color: #FFF;
}
.top-bar {
    pading-top: 3px;
    padding-bottom: 3px;
    min-height: 40px;
}
.top-bar div {
    min-height: 100%;
}
.street-address {
    font-size: 12px;
}
.theme-DFi {
    overflow: hidden;
}
    .popmake-title{text-align: center !important;}
    .pum-content a:focus { outline: none !important; outline-width:0px !important; }
    
    .other-location-page-wrap{width:100%;display:flex;flex-wrap: wrap;justify-content: center;column-gap: 2em;row-gap:2em;}
    .other-location-page-wrap > a{display:block;width:22%;position:relative;border:solid;border-color:#FFF;border-width:2px;display:flex;flex-direction: column;text-decoration: none;  justify-content: space-between;  transition: transform 0.3s ease;}
    .other-location-page-wrap  img{width:100%;height:auto;}
    .theatrename{width:100%;height:auto;background-color:rgba(71,71,71,1.00);color:#FFF;text-align: center;padding:.5em;font-size:1em;flex-grow: 2;display:flex;flex-direction: column;justify-content: center;}
    .other-location-page-wrap > a:hover {
    transform: scale(1.1);
}
    .page-id-5935 h2{text-align: center;width:100%;border-top:solid;border-top-width:1px;border-top-color:#FFF;padding-top:1em;font-size:2.5em;}
  
  .other-location-page-wrap:first-of-type > a{width:20%;}
    .topbigbuttonwrap{display:flex;justify-content: space-between;width:100%;}
    .topbigbuttonwrap a{display:block;margin:0px !important;padding:0px !important;width:49.5%;}
    .topbigbuttonwrap img {flex-basis:1;width:100%;}
} /* END screen media */
