/*
Theme Name: Polson Theatres
Author: StripedRhino
Author URI: http://www.stripedrhino.com
Version: 1.0.0
*/ 

/* Table of Content
==================================================
	TYPOGRAPHY
	LAYOUT
	HEADER
	FOOTER
	MENU
	TABLE
	IMAGES
	LIST
	MISC

/* ==  TYPOGRAPHY ==*/
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

html {
overflow-y: scroll;
}



/* == LAYOUT == */

#primary {
	padding: 20px 0;
}

.entry-footer {
	padding: 10px 0;
	font-size: 12px;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	overflow: hidden;
	clear: both;
	margin-top: 30px;
	margin-bottom: 15px;
}

.sidebar-widget {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

/* == HEADER ==*/

.site-header {
  padding-top:20px;
  position: relative;
  z-index: 1;
}

#blog-title a{
	font-size: 46px;
	line-height: 50px;
	color: #000;
	text-decoration: none;
}

/* == FOOTER ==*/

.site-footer {
  padding: 20px 0 40px;
}

#footer_menu ul {
	margin: 0;
}

#footer_menu ul li{
	margin-right: 5px;
}

#footer_menu ul ul {
	display: none;
}

#footer_menu ul li {
	display: inline;
}

/* == IMAGES == */
.alignleft {
	margin: 5px 20px 5px 0;
}

.alignleft {
	float: left;
}

.alignright {
	margin: 5px 0 5px 20px;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 5px auto;
}

.gallery-caption {
	text-align: center;
	width: 100%;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text{
	font-size: 12px;
	font-style: italic;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

#content img, .wp-caption, .widget img, #sidebar img {
	max-width: 100%;
	height: auto;
}

.gallery-item{
	margin: 5px 0 !important;
}
.gallery-icon{
	padding: 0 5px;
}

/* HTML5 Gallery 
.gallery {
  margin: 0 auto;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.gallery-item {
  float: left;
  line-height: 0;
  text-align: center;
}

.gallery-caption {
	line-height: 100%;
}

.gallery-item .gallery-icon{
	padding: 10px;
}

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6666666667%; }
.gallery-columns-7 .gallery-item { width: 14.2857142857%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11%; }
.gallery-columns-9 .gallery-item .gallery-icon, .gallery-columns-8 .gallery-item .gallery-icon, .gallery-columns-7 .gallery-item .gallery-icon  {
	padding: 5px;
} */

.gallery-caption{
	padding-left:0;
}

/* == UI == */

  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
	background: #DDDDDD;
	border: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #333;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 100% !important;
	padding: 9px 15px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

  .button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
	color: #333;
	background: #F6F6F6;
	border: none;
}

  .button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
	border: none;
	background:#F6F6F6;
	}

  .button.full-width,
  button.full-width,
  input[type="submit"].full-width,
  input[type="reset"].full-width,
  input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

  /* Fix for odd Mozilla border & padding issues */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
	border: 0;
	padding: 0;
  }

/* == MISC == */

#comment{ width: 100%; }

.bypostauthor,.sticky{}

div.error{
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	background: #fcfcfc;
	border-left:4px solid #E53C38;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	line-height: 26px;
	padding: 8px 12px;
}

div.error .genericon{
	font-size: 18px;
	line-height: 26px;
	width: auto;
}

div.error .btn{
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.08);
	background: #F7F7F7;
	border:1px solid #CCCCCC;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.08);
	color: #555555;
	font-weight: normal;
	line-height: 26px;
	padding: 0 10px 1px;
}

.search-field{ width: 98%; }

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	text-decoration:none;
}

.pagination ul{
	margin: 0;
}

.pagination li {
	display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	cursor: pointer;
}

.pagination li a:hover,
.pagination li.active a {
	text-decoration: underline;
}

/* EXPERIMENTAL CODE BELOW */

.mobile-on{
	display: none !important;
}

.vertical-divider{
	clear: both;
	position: relative;
}

.vertical-divider:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}

.vertical-divider .column:not(:first-child):after, .vertical-divider .columns:not(:first-child):after{
	background: #DDDDDD;
	bottom: 0;
	content: " ";
	margin-left: -10px;
	position: absolute;
	top: 0;
	width: 1px;
}

/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

/*  #Mobile (Portrait)
================================================== */
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {

.align-left {
	display: block;
	width: 100%;
}

.align-right {
	display: block;
	width: 100%;
}

.mobile-off {
	display: none;
	visibility: hidden;
}

.mobile-on{
	display: inherit !important;
}

.vertical-divider .column:not(:first-child):after, .vertical-divider .columns:not(:first-child):after{
	content: none;
}

	}

/* #Mobile (Landscape)
================================================== */
	/* Note: Design for a width of 480px */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	}
	
/*******************************************************
*******************************************************
*******************************************************
*******************************************************
Additional Customizations for Polson Theatres framework
*******************************************************
*******************************************************
*******************************************************
*******************************************************/

/********Woocommerce*******/
html .woocommerce #respond input#submit, html .woocommerce a.button, html .woocommerce button.button, html .woocommerce input.button {
padding: 0.618em 0.5em;
}

/******HOVER EFFECT********/


/*******MOVIE POSTER IMAGES*******/

/*#content .movie-thumb img, #content .entry-soon img {
	width:150px !important;
	height:220px !important;
	}*/

/*******HEADER************/

.head-contact {
float:right;
text-align:right;
 font-family: 'BenchNine', sans-serif;
 font-size:20px;
 margin-right:10px;
 margin-bottom:10px;
}

body .main-navigation ul a {
color:#a8a8a8; 
}


body .main-navigation ul .current-menu-item a {
color:#333;
}

body .main-navigation ul a:hover {  
text-decoration:none;
color:#333333;
}

body .main-navigation ul ul li {
background-color:#222828;
}

.social-nav {
float:right;
height:30px;
margin-right:10px;
}

/*****SIDEBAR*******/

body .container .four.columns {
    border: 1px solid #d3d3d3;
    /*border-radius: 10px;*/
    padding: 20px;
    width: 178px;
	background-color:#f1f1f1;
}

#sidebar .textwidget, #sidebar .widget_shopping_cart_content {
margin-bottom:20px;
}

.widget .post-date {
display:none;
}

html .woocommerce .widget_shopping_cart .cart_list li, html .woocommerce.widget_shopping_cart .cart_list li {
padding-left:0;
}

html .woocommerce .widget_shopping_cart .cart_list li a, html .woocommerce.widget_shopping_cart .cart_list li a {
padding-left:20px;
}

html .woocommerce .widget_shopping_cart .cart_list li a.remove, html .woocommerce.widget_shopping_cart .cart_list li a.remove {
padding-left:0;
}

#sidebar #recent-posts-2 ul {
margin-left:15px;
}

/******BG*******/

html body {
background-image:url('/wp-content/uploads/2015/07/bg.jpg'); 
background-repeat:repeat-y;
background-position:center;
background-color:#000;
}

html body #page{
background-image:url('/wp-content/uploads/2015/07/bg-6.jpg'); 
background-repeat:no-repeat;
background-position:top center;
} 

#site-navigation {
background-color: #2c2c2c;
    border-bottom: 1px solid #151515;
    border-top: 1px solid #151515;
}


.site-footer {
background-color:#2c2c2c; 
}

.site-footer a, .site-footer a:visited, .site-footer .copyright {
color:#FFFFFF;
}

#footer_menu #footer_nav {
	max-width:300px;
}
 
/******THEATRE PAGES*******/

.movie-details h1.title {
padding-bottom:10px;
line-height:20px;
}

.alert-excerpt img {
display:none;
} 

.alert-thumb {
float:left;
margin-right:10px;
}

.theatre-page .entry {
width:100%;
height:255px; 
clear:both;
}

.theatre-page .movie-thumb {
float:left;
width:20%;
margin-right:2%;
}

.theatre-page .movie-details {
float:left;
width:76%;
font-size:10px;
}

.theatre-page .movie-details, .theatre-page .movie-details h1 {
line-height:14px;
} 

.theatre-page .movie-details p, .theatre-page .movie-details h1 {
margin-bottom:5px;
}  

.theatre-page .movie-thumb img {
border:1px solid #000000;
}

.theatre-page .movie-thumb img:hover {
opacity:0.9;
}

.clear {
clear:both;
}

.movie-details h1.title {
 font-size:26px;

 } 

#main h1, #header h1#blog-title, #header #blog-title, h3.widget-title {
 /*font-family: 'Arvo', serif;
 font-family: 'Quattrocento Sans', sans-serif;
 font-family: 'Source Code Pro', ;
 font-family: 'Archivo Black', sans-serif;
 font-family: 'Limelight', cursive;
 font-family: 'Cabin Condensed', sans-serif;
 font-family: 'Muli', sans-serif;
 font-family: 'Questrial', sans-serif;
 font-family: 'Pontano Sans', sans-serif;*/
 font-family: 'BenchNine', sans-serif;
 /*font-family: 'Sintony', sans-serif;
 font-family: 'Sorts Mill Goudy', serif;
 font-family: 'Hind', sans-serif;*/
 }
 
.movie-thumb img {
width:100%;
}

.theatre-page .alert-excerpt {
float:left;
width:78%;
}

.theatre-page .alert-thumb {
float:left;
width:20%;
margin-right:2%; 
}

h1.now-playing, h1.coming-next-week {
margin-bottom:5px;
line-height:35px;
}  

.next-week, .this-week {
margin-bottom:20px;
font-weight:bold;
}

.movie-details .rating, .movie-details .runtime, .movie-details .cboxElement, .movie-details .showtimes, .movie-details .excerpt {
font-size:14px;
line-height:16px;
margin-bottom:5px;
}

.more-listings-coming-soon {
font-family: "BenchNine",sans-serif;
color:#000000;
font-size:20px;
margin-bottom:10px;
} 

.alert-thumb a img {
border:1px solid #000000;
}

/******ALL MOVIES PAGE*******/

.all-movies .entry, .all-movies .coming-soon {
width:24%;
display:block; 
height:auto;
float:left;
margin-right:1%;
height:340px;
} 

#content .entry-soon img {
	width:100%;
}

.all-movies .movie-entry h1, .entry-soon h1, .entry-soon a {
font-size:26px;
line-height:24px; 
margin-bottom:5px;
}

.all-movies .movie-thumb a img, .entry-soon img {
border:1px solid #000000;

} 

.all-movies .movie-thumb a img:hover, .entry-soon img:hover {
opacity:0.9;
} 


.all-movies .movie-thumb a :hover, .entry-soon img:hover {
   -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

.entry-soon h1.title {
font-size:26px;
}

.entry-soon a {
font-size:14px;
}








/*******HOME PAGE*********/ 

#content .coming-soon .entry-soon img {
	width:100%;
}

.home-custom2 .homepage-alert {
width:100%;
float:left;
} 

.home-custom2 .alert-thumb {
float:left;
width:20%;
margin-right:2%; 
}

.home-custom2 .entry {
 width:100%;
 height:240px; 
 clear:both;
 }
.home-custom2 .alert-excerpt {
float:left;
width:78%;
}
 
.home-custom2 .movie-thumb {
 float:left;
 width:20%;
 margin-right:2%;
 }
 
.home-custom2 .movie-thumb img {
width:100%;
border:1px solid #000000;
} 

.home-custom2 .movie-thumb img:hover {
opacity:0.9;
}
 
.home-custom2 .movie-details {
 float:left;
 width:76%;
 font-size:10px;
 margin-bottom:20px;
 }
 
.home-custom2 h1 {
font-size:30px;
line-height:24px;
margin-bottom:5px; 
}
 
.home-custom2 h1.title {
line-height:20px; 
margin-bottom:0px;
}
.home-custom2 p.rating,
.home-custom2 p.runtime,
.home-custom2 a.home-trailer,
.home-custom2 p.excerpt,
.home-custom2 p.currently {
line-height:16px;
margin-bottom:5px;
font-size:14px;
}
 
.home-custom2 .entry-soon {
width:24%;
float:left;
margin-left:1%;
height:320px;
}

.entry-soon h1 {
margin-bottom:5px;
}

.glance-theatre {
width:24%;
float:left;
margin-right:1%;
margin-bottom:20px;
}

.glance-theatre .glance p {
margin-bottom:2px;
}

.glance p.times {
font-size:10px;
line-height:10px; 
}

.glance-theatre h1.location {
font-size:26px;
line-height:18px;
margin-bottom:5px;
}

.clear-glance-4 {
clear:both;
}

.pick-theatre {
    background-color: #0077cc;
    color: #fff;
    display: block;
    float: left;
    line-height: 36px;
    margin: 1%;
    padding: 0px 0px;
    position: relative;
    text-align: center;
    width: 18%;
	color:#FFFFFF;
}
/* button hover style if required */
.pick-theatre:hover {
   
}
/* generated element for shine effect.
 * normal state is semi-transparent
 * white but with zero width. Set no
 * transition here for no mouse-leave
 * animations. Otherwise the effect
 * will play in reverse when your mouse
 * leaves the element
 */
.pick-theatre:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
   
}
/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out
 */
.pick-theatre:hover:after {
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.container a.trailer {
font-size:14px;
}
/***HEADER*****/

#header .logo-container {
width:200px;
right:50%;
margin-right:280px;
}

#header .logo-container .site-logo {
margin:0;
}

body .site-header {
padding-top:10px;
}

#header .container {
margin-bottom:0px;
}

/********MOVIE PAGES**********/

.movie-showtime {
width:48%;
margin-right:2%;
float:left;
display:block;
margin-bottom:20px;
height:70px;
}   

.single-movie .rating, .single-movie .runtime, .single-movie .showtimes, .single-movie .genre, .single-movie .full-movie-description {
margin-bottom:5px;
}

.single-movie .cast {
	margin-bottom:30px;
}

.single-movie .movie-item, .movie-details .movie-item {
font-weight:bold;
color:#000000;
}

.movie-thumb-page img {
border:1px solid #000000;
}

.movie-thumb-page {
float:left; 
width:28%; 
margin-right:2%;
} 

.movie-showtimes {
width:auto;
}

.movie-showtimes-left {
width:150px;
}

.movie-details-page {
width:70%;
float:left;
}

/**********************************************/
/**********      MOBILE     *******************/
/**********************************************/

html .all-movies .entry-movie {
height:350px;
}

@media only screen and (max-width: 960px) {
/*#content .movie-thumb img, #content .entry-soon img {
    height: auto !important;
	max-height:165px !important;
}*/
.entry .movie-details .showtimes, .home-custom .movie-details p.currently {
margin-bottom:20px;
}
html .all-movies .entry-movie {
height:350px;
}

.pick-theatre {
	width:23%;
}

.home-custom2 .entry-soon, .page-template-page-all-movies .coming-soon {
	height:270px;
}

}

@media only screen and (max-width: 780px) {
#footer .container {
margin:0;
width:100%;
}
/*#content .movie-thumb img, #content .entry-soon img {
    height: auto !important;
	max-height:164px !important;
}*/

.home-custom2 .entry-soon {
	height:320px;
}


}

@media only screen and (max-width: 767px) {
#sidebar, #header .container, #content .container, body .container .twelve.columns {
width:100%;
}

body .container .four.columns {
border:none;
padding:20px 0;
background-color:#FFFFFF;
border-top: 1px solid #d3d3d3;
border-radius:0;
}
#content {
padding:0 20px;
}
/*#content .movie-thumb img, #content .entry-soon img {
    height: auto !important;
	max-height:210px !important;
}*/

.city-map {
display:none;
}

html .all-movies .entry-movie, .page-template-page-all-movies .coming-soon {
height:360px;
}



}

@media only screen and (max-width: 640px) {
.glance-theatre {
width:49%;
}
.clear-glance-2 {
clear:both;
}

.all-movies .entry, .all-movies .coming-soon {
margin-right: 1%;
    width: 32%;
}

.movie-thumb {
margin-bottom:0;
}
.movie-details {
width:100%;

}
.movie-showtime {
width:48%;
}

html .all-movies .entry-movie {
height:380px;
}

.home-custom2 .entry-soon {
	width:32%;
	height:340px;
} 

}

@media only screen and (max-width: 520px) {

.all-movies .entry, .all-movies .coming-soon {
margin-right: 3%;
    width: 47%;
	height:auto;
}

html .all-movies .entry-movie {
height:430px;
}

.pick-theatre {
	width:31%;
}

.home-custom2 .entry-soon {
	height:300px;
}


}

@media only screen and (max-width: 480px) {
.head-contact {
display:none;
}
.movie-showtime {
width:98%;
height:auto;
}
/*#content .movie-thumb img, #content .entry-soon img {
    height: auto !important;
	max-height:200px !important;
}*/
html .all-movies .entry-movie {
height:400px;
}

.home-custom2 .entry-soon {
	width:49%;
	height:370px;
}

}

@media only screen and (max-width: 420px) {

html .all-movies .entry-movie {
height:350px;
}
.pick-theatre {
	width:48%;
}

.home-custom2 .entry-soon {
	height:320px;
}

}