/*
Theme Name: gs_theme
Author: Parallactic
Author URI: http://parallactic.com
Description: theme for g&s
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

body { font-family: Georgia, serif; font-size: 16px; line-height: 1.2em; }
a { font-weight: bold; text-decoration: none; }
i, em { font-style: italic; }
hr, a { color: #d2232a; }
a:hover { text-decoration: underline; }
body { width: 1120px; margin: auto; }
div#site-title { display: none; }
header#nav { float: left; width: 265px; }
header#nav li { display: block; }
header#nav li a { background: #d2232a; font-size: 1.5em; color: #fff; padding-top: .5em; padding-bottom: .5em; margin-top: .5em; text-align: center; width: 100%; display: block; }
header#nav li.current_page_item a { background: #662d91; }
#container { float: right; width: 820px; margin-bottom: 3em; }
#footer { clear: both; text-align: center; font-size: 14px; border-top: 1px solid #d2232a; margin-top: 2em; display: block; }
#footer div { padding: 2em; }
#footer:before {
  content: " ";
  border-top: 1px solid #d2232a;
  width: 100%;
  display: block;
}
p { margin-bottom: 1em; }

div.header { height: 300px; overflow: visible; margin-bottom: 2em; background-size: cover; }
.side-words {
    position: relative;
    top: 200px;
    right: 10px;
    text-align: right;
    font-size: 1.2em;
}
.side-words span, .side-words h1 {
    max-width: 420px;
    float: right;
    margin-top: 132px;
	font-size:20px;
	color: #ff0000;
	font-weight: normal;
}
.side-words a {
	font-weight: normal;
}
.side-words h1 {
    font-weight: bold;
    display: inline;
    padding: .5em;
}
.type-post h2.entry-title { font-size: 1.2em; float: right; background: #fff; padding: .5em; }
article .side-words { top: 300px; }
.wp-post-image { width: 100%; object-fit: cover; height: 300px; }
strong { font-weight: bold; }
.clear { clear: both; }
.fp-content { padding-right: 270px; }
.entry-content { line-height: 1.2em; border-bottom: 1px solid #d2232a; }
hr { border-bottom: 1px solid #d2232a; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-right: 10px; }

#women-group {margin-bottom:15px}
.wpcf7cf_group {margin-bottom:15px}
#men-group {margin-bottom:15px}
#men-role {margin-bottom:15px}

ul.cast {margin: 0 auto;
    text-align: center;}

.cast li{display: inline-block;
    vertical-align: top;}

.cast-overlay{position: relative;}

h4.cast-name {position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%;}

h4.cast-name span{color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; }

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


    header#nav { background: #d2232a; width: 100%; }
    .side-words { 
	padding: 1em; }
    .fp-content { padding: 0; }
    #container { float: left; width: 100%; margin-bottom: 0; margin-top: -1.2em; }
    body { width: auto; }
    img.custom-logo {
	text-align: center;
	margin: auto;
	display: block;
    }
    div.header { margin-bottom: 7em; height:135px}
    .side-words { margin-top: 1em; top:100px;}
    .type-post h2.entry-title, article h1.entry-title { margin-top: -14em; }
    .wp-post-image { width: 100%; object-fit: cover; height: auto; }
    .entry-content p { padding-left: 1em; padding-right: 1em; }

}