/*
Theme Name:     Sun-Ray Cinima
Theme URI:      http://runraycinima.com
Description:    Theme for Sun-Ray Cinima
Version:        4.0
Author:         Michael Sawicki
Author URI:     http://holycrapcreative.com
*/
/**
 * reset.css
 *
 * Adapted from:
 * Normalize.css by Nicolas Gallagher and Jonathan Neal: https://github.com/necolas/normalize.css/
 * HTML5 boilerplate: http://html5boilerplate.com/
 * HTML5 Doctor Reset by Eric Meyer and Richard Clark: html5doctor.com/html-5-reset-stylesheet/
 *
 * Modified by Elliot Jay Stocks
 */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a {
  color: blue; }

a:focus {
  outline: thin dotted; }

li {
  list-style: none; }

abbr[title] {
  border-bottom: none; }

b,
strong {
  font-weight: 700; }

i,
em,
dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

label {
  cursor: pointer; }

input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal;
  *overflow: visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

body {
  background-color: #c9e8e5;
  color: #222222;
  font-family: Helvetica, Arial, sans-serif;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

.wrap {
  flex: 1; }

a {
  color: #222222; }

.align-right {
  float: right; }

.align-left {
  float: left; }

.wrap-gold {
  background: #fffdd6;
  background: -moz-linear-gradient(top, #fffdd6 0%, rgba(255, 253, 214, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdd6), color-stop(100%, rgba(255, 253, 214, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fffdd6 0%, rgba(255, 253, 214, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fffdd6 0%, rgba(255, 253, 214, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fffdd6 0%, rgba(255, 253, 214, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fffdd6 0%, rgba(255, 253, 214, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$bg-yellow', endColorstr='#00fffdd6',GradientType=0 );
  /* IE6-9 */
  padding-top: 5em; }

/* -------------------------------------------------------------------
Layout/Grid
---------------------------------------------------------------------- */
.screen-reader-text {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .clearfix {
  zoom: 1; }

/* IE7 */
*:first-child + html .clearfix {
  zoom: 1; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.container {
  max-width: 71.625em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  position: relative; }

.grid_1 {
  width: 4.333%; }

.grid_2 {
  width: 12.667%; }

.grid_3 {
  width: 21.0%; }

.grid_4 {
  width: 29.333%; }

.grid_5 {
  width: 37.667%; }

.grid_6 {
  width: 46.0%; }

.grid_7 {
  width: 54.333%; }

.grid_8 {
  width: 62.667%; }

.grid_9 {
  width: 71.0%; }

.grid_10 {
  width: 79.333%; }

.grid_11 {
  width: 87.667%; }

.grid_12 {
  width: 96.0%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  position: relative;
  display: inline;
  float: left;
  margin-left: 2%;
  margin-right: 2%; }
  @media all and (max-width: 42em) {
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
      width: 96%; } }

.sidebar, .mainContent {
  margin-bottom: 3em; }

/* -------------------------------------------------------------------
Headings
---------------------------------------------------------------------- */
.heading-one,
.heading-two,
.heading-three,
.heading-four,
.heading-five,
.heading-six {
  font-weight: 600; }

.heading-one {
  font-size: 3.5em;
  margin-left: -.05em; }

.heading-two {
  font-size: 2.25em; }

.heading-three {
  font-size: 1.95em; }

.heading-four {
  font-size: 1.70em; }

.heading-five {
  font-size: 1.25em; }

.heading-six {
  font-size: 1.05em; }

.heading-caps {
  text-transform: uppercase; }

.sans {
  font-family: Helvetica, Arial, sans-serif; }

p {
  font-size: 13px;
  margin-bottom: 1.25em;
  margin-top: .5em; }

/* -------------------------------------------------------------------
User Content Quarentine 
---------------------------------------------------------------------- */
.user-content {
  margin-top: .5em; }
  .user-content h1, .user-content h2, .user-content h3 {
    font-family: Georgia, Times, serif;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .25em; }
  .user-content h4, .user-content h5, .user-content h6 {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .25em; }
  .user-content h1 {
    font-size: 2.25em; }
  .user-content h2 {
    font-size: 2em; }
  .user-content h3 {
    font-size: 1.75em; }
  .user-content h4 {
    font-size: 1.55em; }
  .user-content h5 {
    font-size: 1.25em; }
  .user-content h6 {
    font-size: .9em; }
  .user-content p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 1em 0;
    font-weight: 200; }
  .user-content ol, .user-content ul {
    font-weight: 200;
    margin: 1em 0 1em 2em; }
    .user-content ol > li, .user-content ul > li {
      font-size: 1.1em;
      margin-bottom: .25em; }
  .user-content ol li {
    list-style: decimal; }
  .user-content ul li {
    list-style: disc; }

/* -------------------------------------------------------------------
Logo Object
---------------------------------------------------------------------- */
.logo > * {
  display: block;
  height: 168px;
  width: 263px;
  overflow: hidden;
  text-indent: -1999px;
  background: url(img/logo.png) no-repeat;
  z-index: 1000;
  position: relative; }

.logo_top > * {
  float: left;
  margin-bottom: -4em; }
  @media all and (max-width: 58em) {
    .logo_top > * {
      width: 141px;
      height: 90px;
      background: url(img/logo-sm.png) no-repeat;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -1em;
      float: none; } }

.logo_small > * {
  background: url(img/logo-simple.png) no-repeat transparent 50% 50%;
  height: 50px;
  width: 142px;
  float: left; }

/* -------------------------------------------------------------------
Horizontal Lists
---------------------------------------------------------------------- */
.hList > * {
  display: inline-block; }

.hList_std > * {
  margin-left: .5em; }

/* -------------------------------------------------------------------
Social Media Menu
---------------------------------------------------------------------- */
.socialMenu > * > * {
  display: block;
  height: 43px;
  width: 43px;
  overflow: hidden;
  text-indent: -1999px;
  background-image: url(img/icons-social-sprite.png);
  background-repeat: no-repeat; }
.socialMenu > *.twitter > * {
  background-position: 0 0; }
  .socialMenu > *.twitter > *:hover {
    background-position: 0 -45px; }
.socialMenu > *.facebook > * {
  background-position: -47px 0; }
  .socialMenu > *.facebook > *:hover {
    background-position: -47px -45px; }

/* -------------------------------------------------------------------
Header
---------------------------------------------------------------------- */
.header .wrap-clouds {
  background-image: url(img/clouds.png);
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center center;
  padding-bottom: 72px;
  padding-top: 2em; }
  @media all and (max-width: 58em) {
    .header .wrap-clouds {
      padding-top: 1em;
      padding-bottom: .75em; } }
.header .navigation {
  background: #222;
  padding-top: .85em;
  padding-bottom: .85em; }
  .header .navigation ul {
    float: right; }
    @media all and (max-width: 58em) {
      .header .navigation ul {
        float: none;
        width: 100%;
        text-align: center; } }
    .header .navigation ul li {
      float: left;
      margin-left: 1em; }
      @media all and (max-width: 58em) {
        .header .navigation ul li {
          float: none;
          display: inline-block; } }
      @media all and (max-width: 45em) {
        .header .navigation ul li {
          margin-bottom: 1em; } }
      .header .navigation ul li a {
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        padding: .25em .5em;
        border: 1px solid #222;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        letter-spacing: 2px;
        margin: 0 .5em; }
        .header .navigation ul li a:hover {
          border-color: #e6f4f3; }
      .single-post .header .navigation ul li.menu-item-17 a, .single-event .header .navigation ul li.menu-item-18 a, .single-showtimes .header .navigation ul li.menu-item-19 a, .header .navigation ul li.current-menu-item a {
        border-color: #e6f4f3; }

/* -------------------------------------------------------------------
Footer
---------------------------------------------------------------------- */
.footer {
  background: #222222;
  padding: 1em 0;
  color: #808080;
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 4em; }

.footerAddress {
  text-align: right;
  font-size: .85em; }

.newsletter {
  color: #fffdd6;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .65em;
  text-decoration: none;
  line-height: 1.2;
  display: block;
  margin-top: .5em; }

/* -------------------------------------------------------------------
Buttons
---------------------------------------------------------------------- */
.btnHolder a,
.btn {
  background-color: #222222;
  display: inline-block;
  padding: 7px 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffdc00;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 2px;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif; }
  .btnHolder a:hover,
  .btn:hover {
    background: #ffdc00;
    color: #222222; }

/* -------------------------------------------------------------------
Slideshow
---------------------------------------------------------------------- */
.cycle-slideshow {
  margin-bottom: 3em; }
  @media all and (max-width: 52em) {
    .cycle-slideshow {
      margin-bottom: 5em; } }
  @media all and (max-width: 45em) {
    .cycle-slideshow {
      margin-bottom: 10em; } }

.slideshow-slide img {
  max-width: 100%;
  height: auto; }

.slideshow-thumb {
  margin-bottom: 1.25em; }

.cycle-pager {
  float: right;
  margin: 5px; }

.cycle-pager > * {
  border: 1px solid #222222;
  border-radius: 6px;
  height: 8px;
  width: 8px;
  display: inline-block;
  overflow: hidden;
  text-indent: -1999px;
  margin-left: 3px; }
  .cycle-pager > *.cycle-pager-active {
    background: #ffdc00; }

/* -------------------------------------------------------------------
MISC
---------------------------------------------------------------------- */
.sectionHeading {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  margin-bottom: 2em;
  font-family: Georgia, Times, serif; }

#gmap_canvas {
  margin-top: 1.5em; }

.block {
  margin-bottom: 1.5em; }
  @media all and (max-width: 45em) {
    .block {
      margin-bottom: 3em; } }

/* --------------------------------------------------------------------
Select
----------------------------------------------------------------------- */
.select {
  background: #ffdc00;
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  text-transform: capitalize;
  letter-spacing: 1px; }
  .select select {
    background: none;
    border: none;
    -webkit-appearance: none;
    width: 100%;
    padding: 10px;
    opacity: 0;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 10;
    position: relative; }
  .select .icon-carrot {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #fffdd6;
    background: url(img/down-arrow.png) no-repeat 50% 50%;
    width: 12%; }
  .select #js-select-label {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-transform: capitalize;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1;
    display: block;
    width: 90%; }

.vList > * {
  margin-bottom: 1em;
  display: block; }

.showtime-list {
  margin-top: 1em; }
  .showtime-list li {
    font-family: Helvetica, Arial, sans-serif; }
    .showtime-list li .showtime-title {
      margin-bottom: .5em; }
      .showtime-list li .showtime-title a {
        color: #222222;
        text-decoration: none; }
        .showtime-list li .showtime-title a:hover {
          border-bottom: 1px solid #ffdc00; }

.showtime-ticket-link {
  margin-top: 1em; }

#showtimes .loading {
  text-align: center;
  padding: 20px 0; }

.movie-details {
  font-size: .85em; }

.recent-posts li {
  font-family: Helvetica, Arial, sans-serif; }
  .recent-posts li h3 a {
    color: #222222;
    text-decoration: none; }
    .recent-posts li h3 a:hover {
      border-bottom: 1px solid #ffdc00; }
  .recent-posts li p {
    margin-bottom: .5em; }
  .recent-posts li .theDate {
    font-size: .85em;
    font-weight: bold; }

.recentPosts > * {
  margin-bottom: 0; }

.sorry {
  font-family: Helvetica, Arial, sans-serif;
  padding: 20px 0; }

/* ---------------------------------------------------------------------
 Media Block
------------------------------------------------------------------------ */
.media {
  overflow: hidden;
  margin-bottom: 1.5em; }

.media-img {
  float: left;
  margin: 0 20px 0 0; }
  @media all and (max-width: 45em) {
    .media-img {
      display: none; } }

.media-bd {
  overflow: hidden; }

/* ---------------------------------------------------------------------
Event List
------------------------------------------------------------------------ */
.eventList > * {
  margin-bottom: .75em;
  padding-bottom: .75em; }
.eventList img {
  max-width: 100%;
  height: auto; }

.eventList-title {
  margin-bottom: .5em; }

.eventList-title > a {
  text-decoration: none; }
  .eventList-title > a:hover {
    border-bottom: 1px solid #ffdc00; }

.eventList-date {
  text-transform: uppercase;
  font-size: .9em;
  letter-spacing: 1px; }

.eventList-bd {
  padding: .5em; }

.eventImg {
  margin-top: .5em;
  max-width: 100%;
  height: auto; }

.article img,
.mainContent img,
.user-content img {
  max-width: 100%;
  height: auto; }

.simpleDate {
  text-transform: uppercase;
  font-size: .9em;
  letter-spacing: 1px; }

/* ---------------------------------------------------------------------
Article
------------------------------------------------------------------------ */
.article {
  border-bottom: 5px solid #222222;
  padding-bottom: 1.5em;
  margin-bottom: 1.75em; }

.article-title {
  margin-bottom: .25em; }

.article-title > * {
  text-decoration: none;
  font-family: Georgia, Times, serif; }
  .article-title > *:hover {
    border-bottom: 1px solid #ffdc00; }

/* ---------------------------------------------------------------------
Calendar
------------------------------------------------------------------------ */
.calendar li {
  width: 13.9%;
  float: left;
  border: 1px solid #222; }
  @media all and (max-width: 58em) {
    .calendar li {
      width: 98%; } }

.week_days li {
  background: #ffdc00;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 200;
  text-transform: uppercase;
  padding: 3px 0;
  font-size: .7em; }

.calendar {
  border-bottom: 1px solid #222222; }

.calendar li > .date {
  font-size: .8em;
  padding: 3px; }

.week {
  overflow: hidden; }

.day,
.empty_day {
  min-height: 120px;
  margin-bottom: -99999px;
  padding-bottom: 99999px; }
  @media all and (max-width: 58em) {
    .day,
    .empty_day {
      padding-bottom: 0;
      margin-bottom: 0; } }

.today {
  background: #c9e8e5; }

.empty_day {
  opacity: .8; }

.empty_day .date {
  color: #ccc; }

.calendar-event {
  padding: 3px;
  margin-bottom: .25em;
  line-height: .8em; }

.calendar-controls {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.calendar-event a {
  text-transform: capitalize;
  font-size: 0.75em;
  font-weight: 600;
  text-decoration: none; }
  .calendar-event a:hover {
    border-bottom: 1px solid #ffdc00; }

.calendar-eventDate {
  font-size: .7em; }

@media all and (max-width: 58em) {
  .empty_day,
  .week_days {
    display: none; } }

.trailer {
  margin-top: 1em; }