@import url("reset.css");
@import url("text.css");
@import url("store.css");

/* -----------------------------------
	Theme Name:	Ritual Productions - Grey
	Author:		Lee Edwards
	Date:		2013-06-10
	Version:	2.1
-------------------------------------- */

.fts-jal-fb-header {display:none}
span.wpcf7-list-item {margin: 0 !important;}
.ihewc-container {margin: 0 10px 20px 10px}
.product #ppc-button {max-width: 229px;display: inline-block;}
#ppc-button {margin-top: 5px;}
.product #wc-stripe-payment-request-wrapper {width: 200px;display: inline-block;}
#wc-stripe-payment-request-button-separator {margin:0 !important; font-size:0;}
form.cart button.single_add_to_cart_button {margin:0px; min-width:200px;border-radius:4px;padding:9px}
aside .woocommerce a.checkout {display:none}
.ppc-button-wrapper {margin-top: 6px;max-width: 229px;display: inline-block;margin-left: 240px;}
.wc-proceed-to-checkout .ppc-button-wrapper {margin-left:0px; display: block;max-width:100%}
#wrapper .grid-span-3 .entry-summary{
    text-align: left;
}

/** GRID
------------------------------------------------------------------------------------------
Width: 1200px
Columns: 3
Margins: 10px
----------------------------------------------------------------------------------------*/

html {overflow-y: scroll;}
body { font:13px/1.5 Arial, Helvetica, sans-serif;  background:#c7c7c7; color:#000; background:#c7c7c7 url(images/body-bg.jpg) fixed; } 

div.sigil {   }

h1, h2, h3, h4, h5, h6, nav, footer, div.contactForm p label { font-family: 'Abel', sans-serif; }

a { color:#000; }
a:hover { text-decoration:none; }

#wrapper { margin-left:auto; margin-right:auto; padding-top:50px; width:1200px;  background:transparent url(images/Sigil-bg-3.png) top center no-repeat; min-height: 1130px; height:auto !important; height: 1130px; }

header,
nav,
footer,
div.mainContent,
.grid-span-1,
.grid-span-2,
.grid-span-3,
.grid-span-4 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }

#wrapper .grid-span-1 { width:224px;margin-left:0; margin-right:0; }
#wrapper .grid-span-2 { width:460px; }
#wrapper .grid-span-3 { width:694px; }
#wrapper .grid-span-4 { width:1180px; }

nav { float:left; width:224px; margin:0 10px; font-family: 'Abel', sans-serif;}
nav h1 { text-indent:-9999999px; display:none; }
nav ul { margin:0; padding:0; }
nav ul li { margin:0; padding:3px 0; list-style:none; text-align:center; }
nav ul li a { text-decoration:none; color:#111; font-size:1.7em; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
nav ul li a:hover { color:#555;}
nav ul li.current_page_item > a, nav ul ul li.current_page_parent > a { color:#555; }
nav ul li ul {display:none}
nav ul li.current_page_item ul, nav ul li.current_page_parent ul { display:block }
nav ul li ul li a {font-size:1.3em}
nav p a img { opacity:1; margin-bottom:14px;}
nav p a img:hover { opacity:0.7;}

/* HEADER
------------------------------------------------------------------------------------*/

/*#wrapper header { width:1180px; background:#fff; height:250px; margin-bottom:10px; }
#wrapper header h1 { color:#fff; text-indent:-999999px; margin:0; padding:0; display:none; }*/

/* EVENTS
------------------------------------------------------------------------------------*/

.tribe-events .tribe-events-l-container { padding: 0px !important;}
.tribe-events-c-top-bar__datepicker-mobile {font-family: 'Abel', sans-serif;color: #000;font-weight:bold;
    margin: 0 0 12px 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgb(255 255 255 / 20%);
}
.tribe-events .tribe-events-header {width:100%;margin:-12px 0 0 0 !important;padding:0 !important}
.tribe-events .tribe-events-calendar-list__month-separator {display:block !important;}
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {font-family: 'Abel', sans-serif !important;color: #000 !important;
    font-size: 2.3em !important; font-weight:bold !important;
    margin: 0 0 12px 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgb(255 255 255 / 20%);
}
.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a {font-size:14px}
.tribe-events-nav-pagination, .tribe-events-calendar-list-nav {float:none;width:100%}
.tribe-events-c-ical {display:none}
.tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical, .tribe-events-event-meta a, .tribe-events-event-meta a:visited, .tribe-events-widget .tribe-events-widget-events-list__view-more-link {color: #444 !important;text-decoration:underline !important}
.tribe-common .tribe-common-h--alt, .tribe-common .tribe-common-h6,  .tribe-common .tribe-common-h6 {font-size: 1.6em !important;font-weight: 600 !important;font-family: 'Abel', sans-serif !important;}
.tribe-events-widget .tribe-events-widget-events-list__header {float:none;margin-bottom:9px !important}
.tribe-common .tribe-common-anchor-thin {font-size: 20px}
.tribe-events-widget .tribe-events-widget-events-list__event-datetime-wrapper {display:none;}
.tribe-common .tribe-common-h7 {line-height:1 !important;}
.tribe-events-widget .tribe-events-widget-events-list__view-more-link {font-size:14px}
.tribe-events-widget .tribe-events-widget-events-list__view-more {margin-top:5px !important}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum {font-size:18px !important}

/* FOOTER
------------------------------------------------------------------------------------*/

footer { width:1180px; margin-bottom:20px; padding:20px 0 14px 0; background:transparent; }
footer h1 { font-family:"Times New Roman", Times, serif; font-size:1.2em; color:#760101; text-transform:uppercase; margin-bottom:10px; }
footer p { color:#676767; font-size:1.5em; text-align:center; margin-bottom:8px; font-weight:bold; }
footer p.copy { font-size:1em; font-weight:normal; color:#333; font-family:Arial, Helvetica, sans-serif; }
footer p a img { border:1px solid #000; opacity:0.6 }
footer p a:hover img { opacity:1; }

/* ARTICLE
------------------------------------------------------------------------------------*/

article.grid-span-3 { padding:10px; margin:160px 10px 0 0; min-height: 400px; height:auto !important; height: 400px; }
article.grid-span-3 h1 { color:#000; font-size:2.3em; margin:0 0 12px 0; padding:0; text-align:left; text-transform:uppercase;  text-shadow: 1px 1px 0px rgba(255,255,255,0.2);  }
article.grid-span-3 h2 { color:#000; margin:0 0 8px 0; font-weight:bold; font-size:1.3em; }
article.no-background { background:none; }
article.margin-top { margin-top:100px; }

/* SECTION
------------------------------------------------------------------------------------*/

article.grid-span-3 section { float:left; width:99%; }
article.grid-span-3 section h1 { color:#000; font-size:2em; margin:0 0 12px 0; padding:0; text-transform:uppercase; }
article.grid-span-3 section h1 a { color:#444 ;text-decoration:underline; }
article.grid-span-3 section h1 a:hover { text-decoration:none; }
article.grid-span-3 section h2 { color:#000; font-size:1.3em; margin:0 0 10px 0; padding:0; }
article.grid-span-3 section p { color:#000; }
article.grid-span-3 section p a { color:#333; }
article.grid-span-3 section p a:hover { text-decoration:none; }
article.grid-span-3 section p.author,
article.grid-span-3 section p.tags { display:block; clear:left; }
article.grid-span-3 section p.author { margin-bottom:6px; }
article.grid-span-3 section p.author a,
article.grid-span-3 section p.tags a { color:#333; text-decoration:underline; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
article.grid-span-3 section p.author a:hover,
article.grid-span-3 section p.tags a:hover { text-decoration:none; }

/* SECTION :: NEWS FEED
------------------------------------------------------------------------------------*/

article.grid-span-3 section.news-feed { border-bottom:1px solid #777; margin-bottom:25px; }
article.grid-span-3 section.news-feed hgroup h1,
article.grid-span-3 section.news-feed hgroup h1 a { text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.4em; margin-bottom:0px; line-height:1em; }
article.grid-span-3 section.news-feed hgroup h1 a:hover { color:#777; }
article.grid-span-3 section.news-feed p a { color:#970000; font-family: 'Abel', sans-serif; font-size:1.4em; text-decoration:underline; font-weight:bold; }
article.grid-span-3 section.news-feed p a:hover { text-decoration:none; }
article.grid-span-3 section.news-feed p.author,
article.grid-span-3 section.news-feed p.tags { display:block; clear:left; }
article.grid-span-3 section.news-feed p.author { margin-bottom:6px; }
article.grid-span-3 section.news-feed p.author a,
article.grid-span-3 section.news-feed p.tags a { color:#333; text-decoration:underline; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
article.grid-span-3 section.news-feed p.author a:hover,
article.grid-span-3 section.news-feed p.tags a:hover { text-decoration:none; }

/* ASIDE
------------------------------------------------------------------------------------*/

aside { /*background-color:#c7c7c7;*/ margin:0; padding:0; text-align:center;}
aside ul { list-style:none; margin:0; padding:0; }
aside ul li { margin:0; padding:0; }
aside h1,
aside h2 { margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:1.6em; text-shadow: 1px 1px 0px rgba(255,255,255,0.3);}
aside p.text-right img:hover { opacity:0.8; }
aside p.social a img { margin:0 2px; opacity:1; }
aside p.social a img:hover { margin:0 2px; opacity:0.8; }
aside p.copy { margin-top:22px; padding:0; font-size:0.9em;}
aside ul li#upcoming-gigs ul.gigs { margin-bottom:16px; }
aside ul li#upcoming-gigs ul.gigs li.gig { text-align:center; padding:3px 0; margin-bottom:10px;}
aside ul li#upcoming-gigs ul.gigs li.gig span { font-weight:bold;}
aside ul li#upcoming-gigs ul.gigs li.gig span a { font-weight:normal;}
aside ul li#upcoming-gigs ul.gigs li.gig span.widget-gig-date { font-size:1.2em; font-family: 'Abel', sans-serif; }

/* ASIDE SEARCH
------------------------------------------------------------------------------------*/

aside form#searchform { position:relative; margin:5px 0; }
aside form#searchform input[type=text] { height:16px; padding:7px 30px 5px 7px; width:256px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #a4a4a4; bakground:#e5e5e5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
background: -moz-linear-gradient(top, #fff, #e5e5e5); }
aside form#searchform input[type=image] { height:17px; margin:0; padding:0; position:absolute; right:12px; top:6px; width:17px; }

/* PAGINATION
------------------------------------------------------------------------------------*/

.pagination { clear:both; padding:5px 0; position:relative; font-size:11px; line-height:1.3em; float:left; }
.pagination span,
.pagination a { display:block; float:left; margin: 2px 4px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #666; }
.pagination a:hover { color:#fff; background: #333; }
.pagination .current { padding:6px 9px 5px 9px; background: #000; color:#fff; }

/* SECTION :: CONTACT
------------------------------------------------------------------------------------*/

article.grid-span-3 section div.contactForm { float:left; display:block; }
article.grid-span-3 section div.contactForm p { color:#000; margin:0 0 8px 0;}
article.grid-span-3 section div.contactForm p label { display:block; margin-bottom:1px; font-weight:normal; padding-left:2px; font-size:1.2em; text-transform:uppercase; }
article.grid-span-3 section div.contactForm p input,
article.grid-span-3 section div.contactForm p textarea,
article.grid-span-3 section div.contactForm p select { color:#000; border:1px solid #999; background:#fff }
article.grid-span-3 section div.contactForm p select { width:284px ;}
article.grid-span-3 section div.contactForm p select option { padding-right:25px; }
article.grid-span-3 section div.contactForm p input { padding:5px; }
article.grid-span-3 section div.contactForm p textarea { padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:1.05em; width:420px;}
article.grid-span-3 section div.contactForm p input:hover,
article.grid-span-3 section div.contactForm p textarea:hover { opacity:1; }
article.grid-span-3 section div.contactForm p select { padding:4px 4px 4px 0px; }
article.grid-span-3 section div.contactForm p label.captchaLabel {height:30px; }
article.grid-span-3 section div.contactForm p img.wpcf7-captchac { display:block; margin:0 0 4px 4px; border:1px solid #999; }
article.grid-span-3 section div.contactForm p input[type=submit] { color: #fff; font-size: 1.3em; font-weight: bold; padding:6px 16px; text-transform:uppercase;  font-family: 'Abel', sans-serif;
	border:1px solid #c7c0c7;
	background:#000;
	background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background:-webkit-linear-gradient(#000, #444);
	background:-moz-linear-gradient(center top, #000 0%, #444 100%);
	background:-moz-gradient(center top, #000 0%, #444 100%);
 }
article.grid-span-3 section div.contactForm p input[type=submit]:hover { color:#c7c7c7; cursor:pointer;  }
article.grid-span-3 section div.contactForm p label.captchaLabel img { border:1px solid #999; }

/* REQUIRED WORDPRESS DEFAULT STYLES
------------------------------------------------------------------------------------*/

.alignleft,
img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright,
img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter,
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.aligncenter { padding:4px; border: 1px solid #999; }

/* HELPER CLASSES
------------------------------------------------------------------------------------*/

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.text-center { text-align:center; }

/* HOMEPAGE SLIDER
------------------------------------------------------------------------------------*/

/* Scroll */
.scrollable {
    position:relative;
    overflow:hidden;
    width: 520px;
    height:520px;
	margin:0 auto;
	background-color:#c7c7c7;
	border:1px solid #999;
}
.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
}
.items div {
    float:left;
    width:530px;
}
.scrollable img {
    background-color:transparent;
    border:0px solid #ccc;
    width:500px;
    height:500px;
	padding:10px;
}
.scrollable .active {
    position:relative;
    cursor:default;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(https://www.ritualproductions.net/store/wp-content/themes/ritual-prod/images/arrow-sprite.png) no-repeat;
    display:block;
    width:50px;
    height:44px;
    float:left;
    margin:10px;
    cursor:pointer;
    font-size:1px;
}
/* right */
a.right { background-position: -44px 0; clear:right; float:right; margin-right: 0px; position:absolute; top:240px; right:60px;}
a.right:hover { background-position:-44px -52px; }
a.right:active { background-position:-44px -52px; }
/* left */
a.left { margin-left: 0px;  position:absolute; top:240px; left:50px; }
a.left:hover  { background-position:0 -52px; }
a.left:active { background-position:0 -52px; }
/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 4000;
	-webkit-perspective: 4000;
	-moz-perspective: 4000;
}
	/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.flip-container, .front, .back {
	width: 520px;
	height: 520px;
	/*background-color:green;*/
	/*padding:5px;*/
}
/* flip speed goes here */
.flipper {
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
/* firefox fix */
.firefox .flipper {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
/* hide back of pane during swap */
.front, .back {
	position: absolute;
	top:0;
	left:0;
}
/* front pane, placed above back */
.front {
	z-index: 2;
}
/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
div.flip-container div.flipper div.back { /*
	width:470px;
	height:475px;
	padding:25px;
	margin-top:10px;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
	background:transparent url(images/Flip-bg.png) no-repeat 12px 12px;
	box-shadow: inset 0 0 10px #666;
	-moz-box-shadow: inset 0 0 10px #666;
	-webkit-box-shadow: inset 0 0 10px #666;
	*/
	/*width:470px;
	height:475px;
	margin-top:10px;
	margin-left:20px;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;*/
	
	background:#c7c7c7 url(images/Flip-bg.png) no-repeat 12px 12px;
	box-shadow: inset 0 0 8px #777;
	-moz-box-shadow: inset 0 0 8px #777;
	-webkit-box-shadow: inset 0 0 8px #777;
	padding:25px;	
	width:450px;
	height:450px;
	left:20px;
}
div.flip-container div.flipper div.back h1 { color:black; line-height:1em; padding:0; margin:0;}
div.flip-container div.flipper div.back h2 { color:#555; font-size:1.4em; text-transform:uppercase; text-shadow: 1px 1px 0px rgba(255,255,255,0.2); margin-bottom:24px;}
article.grid-span-3 section div.flip-container div.flipper div.back p { font-size:1.3em; }
article.grid-span-3 section div.flip-container div.flipper div.back p.buy { font-size:1.6em; font-weight:bold; font-family: 'Abel', sans-serif; color:#58000b; text-shadow: 1px 1px 0px rgba(255,255,255,0.2); }
article.grid-span-3 section div.flip-container div.flipper div.back p.buy a { font-size:1.05em; font-weight:bold; font-family: 'Abel', sans-serif; color:#58000b; text-shadow: 1px 1px 0px rgba(255,255,255,0.2); }


@media (hover: none) { 
	ul.products li.type-product a img {position:relative}
	#product_title h1 {height:59px;font-size: 16px;width: auto; padding: 10px;text-transform: capitalize;}
	ul.products li.type-product {height: 292px;}
	#product_title h1 span {display:inline-block; margin-left: 3px;}
	ul.products li.type-product span.onsale {top:63px;right:15px;left:150px}
	ul.products li.outofstock a.button, ul.products li.outofstock a.button:hover {font-size:10px;top: -4px; position: relative;}
}

_::-webkit-full-page-media, _:future, :root .safari_only {
    body {letter-spacing:-1px;}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        body {letter-spacing:-1px;}
    }
}

@media not all and (min-resolution:.001dpcm) { 
    @media {
        body {letter-spacing:-1px;}
    }
}

@media screen and (max-width:1225px) { 
img {max-width:100%}
footer {width:95%;width:calc(100%-20px);}
#wrapper {padding-top: 15px; width:100%}
nav {    float: none; width: 100%;  text-align: center;}
nav ul li {display:inline-block;padding:0 5px}
nav p {margin-bottom: 5px;}
#wrapper .grid-span-3 {width:95%;text-align: center;width: calc(100% - 20px);margin-top:5px}
article.grid-span-3 {margin-top:20px;margin-right:0}
aside, .grid-span-1 {display:none}
body {overflow-x: hidden;}
article.grid-span-3 h1 {text-align:center}
article.grid-span-3 section div.contactForm {float:none;}
.cf7sr-g-recaptcha > div {margin:auto;}
.wpcf7 .ajax-loader {display:block !important;margin:auto !important;}
.tribe-common {text-align:left}
header.tribe-events-calendar-list__event-header {width: 100%;}
}

/* new slider */
.ihewc-hover-figure {background: transparent !important;}
.ihewc-hover-figure-caption {background: #c7c7c7 url(images/Flip-bg.png) no-repeat center center !important; background-size: cover;     box-shadow: inset 0 0 8px #777; -moz-box-shadow: inset 0 0 8px #777; -webkit-box-shadow: inset 0 0 8px #777;}
.ihewc-hover-figure-caption h3.ihewc-zoom-in  {color:#000 !important; font: 13px/1.5 Abel, Arial, Helvetica, sans-serif; font-size:2em;line-height:1.5em; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(255,255,255,0.2);font-weight:bold;margin-bottom:20px}
.ihewc-hover-figure-caption p.ihewc-zoom-in {color:#000 !important; font: 13px/1.5 Arial, Helvetica, sans-serif; font-size:1.3em}
.owl-dots {display:none}
.ihewc-hover-figure-caption h3 .rite {display:block;color: #555; font-size: 0.8em;}
.ihewc-hover .ihewc-hover-figure a.img-btn {color:#58000b !important; font: 13px/1.5 Abel, Arial, Helvetica, sans-serif; font-size:1.5em;line-height:1em; text-shadow: 1px 1px 0px rgba(255,255,255,0.2);font-weight:bold;margin-top:10px}
@media screen and (max-width:600px) { .ihewc-hover-figure-caption h3.ihewc-zoom-in{font-size:1.6em} .ihewc-hover-figure-caption p.ihewc-zoom-in{font-size:1em} .ihewc-hover .ihewc-hover-figure a.img-btn {font-size:1.4em}}