/*
Theme Name: Dustin Rabin
Author: Dustin Rabin & The New Beat
Author URI: http://thenewbeat.ca
Version: 3.0
*/

/* @license
 * MyFonts Webfont Build ID 2555771, 2013-05-14T11:47:20-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Century Gothic Std Bold by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/century-gothic/std-bold/
 * 
 * Webfont: Century Gothic Std Regular by Monotype Imaging
 * URL: http://www.myfonts.com/fonts/mti/century-gothic/std-regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2555771
 * webfonts copyright: Copyright The Monotype Corporation. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*
@import url("//hello.myfonts.net/count/26ff7b");

  
@font-face {
	font-family: 'CenturyGothicStd-Bold';
	src: url('fonts/270B44_0_0.eot');
	src: url('fonts/270B44_0_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/270B44_0_0.woff') format('woff'),
	url('fonts/270B44_0_0.ttf') format('truetype'),
	url('fonts/270B44_0_0.svg#wf') format('svg');
}
 
  
@font-face {
	font-family: 'CenturyGothicStd';
	src: url('fonts/270B44_1_0.eot');
	src: url('fonts/270B44_1_0.eot?#iefix') format('embedded-opentype'),
	url('fonts/270B44_1_0.woff') format('woff'),
	url('fonts/270B44_1_0.ttf') format('truetype'),
	url('fonts/270B44_1_0.svg#wf') format('svg');
}
*/

@import url("//hello.myfonts.net/count/270B44");
  
@font-face {
	font-family: 'CenturyGothicStd-Bold';
	src: url('webfonts/270B44_0_0.eot');
	src: url('webfonts/270B44_0_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/270B44_0_0.woff') format('woff'),
	url('webfonts/270B44_0_0.ttf') format('truetype'),
	url('webfonts/270B44_0_0.svg#wf') format('svg');
}
 
@font-face {
	font-family: 'CenturyGothicStd';
	src: url('webfonts/270B44_1_0.eot');
	src: url('webfonts/270B44_1_0.eot?#iefix') format('embedded-opentype'),
	url('webfonts/270B44_1_0.woff') format('woff'),
	url('webfonts/270B44_1_0.ttf') format('truetype'),
	url('webfonts/270B44_1_0.svg#wf') format('svg');
}


/**
 * Reset
 */

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, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-weight: normal; font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
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-spacing: 0; border-collapse: collapse; }

/**
 * Base
 */

body { font-size: 16px; font-family: CenturyGothicStd; font-weight: normal; font-style: normal; }

/* TODO: Add "Almost Famous" script @font-face kit here */

/* Links */

a {
	color: #6e6e6e;
	color rgba(255,255,255,.42);
	text-decoration: none;
	-webkit-transition: color .15s linear;
	-moz-transition:    color .15s linear;
	-ms-transition:     color .15s linear;
	-o-transition:      color .15s linear;
	transition:         color .15s linear;
}
a:visited { color: #6e6e6e; color rgba(255,255,255,.42); }
a:hover { color: #9e9e9e; color rgba(255,255,255,.63); outline: 0; }
a:active { color: white !important; outline: 0; }
a:focus { }

/* Headings */

h1, h2, h3, h4, h5, h6 { margin-bottom: 0; font-family: CenturyGothicStd; font-weight: normal; font-style: normal; }

/* Typography */

p { margin-bottom: 1em; }
p:last-child { margin-bottom: 0; }
strong, b { font-family: CenturyGothicStd-Bold; font-weight: normal; font-style: normal; }
em, i { font-style: italic; }

/* Images */

img { vertical-align: middle; }

/* Tables */

table { margin: 0; width: 100%; }

/* Forms */

input,
textarea { font-family: CenturyGothicStd; font-weight: normal; font-style: normal; }
input:focus,
textarea:focus { outline: none; }
textarea { resize: none; }

/* WordPress Alignment Classes */

.alignleft { display: inline; float: left; margin: 0 1.5em 1em 0; }
.alignright { display: inline; float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; clear: both; margin: 0 auto 1em; }

/**
 * Layout
 */

html, body { height: 100%; }
body { background-color: #0e0e0e; color: #6e6e6e; }
* {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.wrapper,
.site-footer { display: none; }

/* TODO: Modify sticky footer to always be partially off-screen */

/* Sticky footer */
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -45px; }
.site-footer,
.sticky-footer-spacing { height: 45px; }

/* Wrappers */
.wrapper { position: relative; box-sizing: border-box; width: 100%; max-width: 900px; }

/* Header */

.site-header { padding-bottom: 20px; }
.site-header h1 { float: left; display: block; padding: 20px 20px 0 20px; font-size: 1.6em; text-transform: uppercase; }

.site-header h1 a {
	color: white;
	opacity: .70;
	-webkit-transition: opacity .15s linear;
	-moz-transition:    opacity .15s linear;
	-ms-transition:     opacity .15s linear;
	-o-transition:      opacity .15s linear;
	transition:         opacity .15s linear;
}
.site-header h1 a:hover { opacity: 1; }
.site-header h1 a:active { opacity: 1; }

.menu-triggers { float: right; display: block; padding: 20px 8px 0 8px; }
.menu-triggers a {
	display: inline-block;
	padding: 0 12px;
	font-size: 1.5em;
	line-height: 30px;
	opacity: .45;
	color: white;
	-webkit-transition: opacity .05s linear;
	-moz-transition:    opacity .05s linear;
	-ms-transition:     opacity .05s linear;
	-o-transition:      opacity .05s linear;
	transition:         opacity .05s linear;
}
.menu-triggers a:hover { opacity: 1; }
.menu-triggers a:active,
.menu-triggers a.active { opacity: 1; }

.menu-triggers .back { display: none; }
.parent-pageid-91 .back { display: inline; }
.container { position: relative; }

/* Sidebar Menu */

.site-navigation { position: absolute; right: 0px; top: 0; width: 210px; height: 100%; overflow: hidden; }

.site-navigation .menu { position: absolute; top: 0; right: 0; z-index: 101; display: none; padding: 12px 0px;  text-align: right; }
.site-navigation .menu li { position: relative; }
.site-navigation .menu a {
	display: block;
	margin: 0;
	padding: 5px 20px 5px 10px;
	font-size: 1.1em;
	line-height: 1.2;
	width: 180px;
	color: white;
	opacity: .45;
	text-transform: uppercase;
	-webkit-transition: opacity .15s linear;
	-moz-transition:    opacity .15s linear;
	-ms-transition:     opacity .15s linear;
	-o-transition:      opacity .15s linear;
	transition:         opacity .15s linear;
}
.site-navigation .menu a:hover { opacity: 1; /* background: #0e0e0e; */}
.site-navigation .menu a:active,
.site-navigation .menu .current-menu-item a { opacity: 1; }
.site-navigation .menu .active { opacity: 1 !important; }
.site-navigation .menu .facebook { margin-top: 25px; }

.site-navigation .menu-background { position: absolute; z-index: 100; top: 0; right: -1px; width: 0; height: 100%; background-color: black; background-color: rgba(0,0,0,.85); }

/* Content */

.site-content { position: relative; display: block; height: auto; color: #d5d5d5; }

.page-template-default .site-content { box-sizing: border-box; margin-bottom: 2em; padding: 20px; width: 100%; min-height: 340px; }
.page-all-access .site-content,
.page-motion-picture .site-content { box-sizing: none; padding: 0; border: 0; }


.site-content p { margin-bottom: 1em; line-height: 1.4; }

.page-template-default .site-content a { color: #51acd6; }
.page-template-default .site-content a:hover { color: #6cd1ff; border-bottom: 1px solid #51acd6; }
.page-template-default .site-content a:active { border-bottom: 1px solid white; }

/* Galleries */

.thumbs-trigger {
	position: absolute;
	bottom: -50px;
	left: 20px;
	display: block;
	width: 29px;
	height: 29px;
	background: url('images/thumbs-button.svg') no-repeat;
	background-size: contain;
	text-indent: -999em;
	opacity: .13;
	-webkit-transition: opacity .15s linear;
	-moz-transition:    opacity .15s linear;
	-ms-transition:     opacity .15s linear;
	-o-transition:      opacity .15s linear;
	transition:         opacity .15s linear;
}
.thumbs-trigger:hover { opacity: .35; }
.thumbs-trigger:active { opacity: .45; }

/* Home page slideshow */

.home .thumbs-trigger { display: none !important; }
.home .nivo-caption { position: absolute; right: 20px; bottom: -64px; height: 50px; display: block; vertical-align: middle; font-size: 1.25em; line-height: 1.1; color: #424242; text-align: right;}

/* All Access */


.page-template-default .site-content .all-access-pass:hover,
.page-template-default .site-content .all-access-pass:active { border: 0; }
.all-access-pass img {
	position: relative;
	z-index: 1;
	margin: 0 10px;
	opacity: .8;
	-webkit-transition-duration: .5s;
  -moz-transition-duration:    .5s;
  -o-transition-duration:      .5s;
  transition-duration:         .5s;
	-webkit-transform-origin: center top;
	-ms-transform-origin:     center top;
	transform-origin:         center top;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property:       -moz-transform;
  -o-transition-property:           -o-transform;
  transition-property:                 transform;
}
.all-access-pass:hover img {
	opacity: 1;
	-webkit-transform: rotate(5deg);
	-moz-transform:    rotate(5deg); 
	-o-transform:      rotate(5deg);
}

/* Motion Picture */

.video-caption { margin: 25px 0; font-size: 1.25em; line-height: 1.1; color: #6e6e6e; }

/**
 * Info pages
 */

/* Photographer */

.page-photographer .site-content .page { float: left; width: 60%; text-align: justify; }
.page-photographer .site-content .photos { float: right; width: 32%; }
.page-photographer .site-content .photos img { margin-bottom: 20px; width: 100%; height: auto; }

/* Testimonials */

.quotescollection_randomquote { display: none !important; text-align: center; height: 220px; }
.quotescollection_randomquote p { margin: 2em 0; }


.page-testimonials q { font-size: 2.45em; } 
.page-testimonials cite { text-align: center; font-weight: bold; font-size: 2em; color: #707070; }

.page-testimonials p { margin-bottom: 2em; }
.page-testimonials .site-content strong { color: #707070; }

.page-testimonials .testimonials-trigger { text-align: center; font-size: 1.1em; color: white; }

/* Clients, Subjects */

.page-clients .site-content ul,
.page-subjects .site-content ul {
	margin-bottom: 1em;
	-webkit-column-count: 2; -webkit-column-gap: 20px;
	-moz-column-count:    2; -moz-column-gap:    20px;
	-o-column-count:      2; -o-column-gap:      20px;
	column-count:         2; column-gap:         20px;
}

.page-clients .site-content li { margin-bottom: 2px; font-size: .8em; }
.page-subjects .site-content li { margin-bottom: 2px; font-size: .85em; }

/* Footer */

.site-footer {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: .813em;
	line-height: 1.2;
	color: white;
	opacity: .29;
	-webkit-transition: opacity .15s linear;
	-moz-transition:    opacity .15s linear;
	-ms-transition:     opacity .15s linear;
	-o-transition:      opacity .15s linear;
	transition:         opacity .15s linear;
}
.site-footer:hover { opacity: .8; }

.site-footer p { margin-bottom: 0; }

.site-footer .the-new-beat {
	-webkit-transition: all .25s linear;
	-moz-transition:    all .25s linear;
	-ms-transition:     all .25s linear;
	-o-transition:      all .25s linear;
	transition:         all .25s linear;
	color: white;
}
.site-footer .the-new-beat:hover { text-shadow: 0 0 1px rgba(255,255,255,.25); }
.copyright { margin-top: 1.15em; padding-bottom: 1.15em; }



/* Bulleted lists */

/*
.entry-content ul,
.entry-content ol { margin: 0 0 1.5em 2.5em; list-style-position: outside; }
.entry-content li { font-weight: 100; }
.entry-content ul li { list-style-type: disc; }
.entry-content ol li { list-style-type: lower-alpha; }
*/

/**
 * Plugins
 */

/* Nivo Slider */

.nivoSlider { position: relative; margin-bottom: 170px; width: 100%; height: auto; }
.nivoSlider img { position: absolute; top: 0; left: 0; max-width: 1200px; max-height: 800px; display: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* Slices and Boxes */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }

/* Next & Previous navigation */
.nivo-directionNav a { position: absolute; top: 0; z-index: 9; display: block; width: 50%; height: 100%; text-indent: -999em; }
.nivo-prevNav { left: 0; }
.nivo-nextNav { right: 0; }
.nivo-prevNav:hover { cursor: url("images/arrow-left.png") 0 29, auto; }
.nivo-nextNav:hover { cursor: url("images/arrow-right.png") 39 29, auto; }

.home .nivo-directionNav a { display: none; }

.nivo-caption { position: absolute; left: 75px; bottom: -64px; height: 40px; display: block; vertical-align: middle; font-size: 1em; line-height: 1.1; color: #6e6e6e; }

.nivo-controlNav-wrapper { position: absolute; bottom: -140px; width: 100%; height: 72px; overflow: hidden; }
.nivo-controlNav { position: relative; height: 72px; } /* width is determined dynamically */

.nivo-control {
	float: left;
	display: block;
	margin: 0 10px;
	width: auto;
	height: auto;
	border: 0;
	text-indent: -999em;
	-webkit-transform:  scale(0);
	-ms-transform:      scale(0);
	transform:          scale(0);
	-webkit-transition: all .5s ease-out;
	-moz-transition:    all .5s ease-out;
	-ms-transition:     all .5s ease-out;
	-o-transition:      all .5s ease-out;
	transition:         all .5s ease-out;
}

.nivo-control.grow {
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

.nivo-control img {
	display: block;
	-webkit-transition: opacity .25s linear;
	-moz-transition:    opacity .25s linear;
	-ms-transition:     opacity .25s linear;
	-o-transition:      opacity .25s linear;
	transition:         opacity .25s linear;
	opacity: .4;
}

.nivo-control:hover img { opacity: .75; cursor: pointer; }
.nivo-control:active img,
.nivo-control.active img { opacity: 1; }


#share-buttons{text-align: center;position: relative;top: -16px;}
.fb_iframe_widget {top: -2px;}

/**
 * Utilities
 */

/* Clearfix */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/**
 * Media Queries
 */

@media only screen and (min-width: 768px) {
	.site-navigation .menu { padding: 20px 0; }
	.nivo-caption { font-size: 1.25em; }

	.page-clients .site-content ul,
	.page-subjects .site-content ul {
		margin-bottom: 1em;
		-webkit-column-count: 4; -webkit-column-gap: 20px;
		-moz-column-count:    4; -moz-column-gap:    20px;
		-o-column-count:      4; -o-column-gap:      20px;
		column-count:         4; column-gap:         20px;
	}
	.quotescollection_randomquote { display: block !important; }
	.page-testimonials q { font-size: 2.45em; }  
	.page-testimonials cite { font-size: 2em; }
}

@media only screen and (min-height: 900px) {
	.wrapper { max-width: 1200px; }
	/* .nivo-control { margin: 0 12px; } */
	.page-template-default .site-content .all-access-pass:nth-child(5n) { margin-right: 100px; }
	.page-clients .site-content ul,
	.page-subjects .site-content ul {
		margin-bottom: 1em;
		-webkit-column-count: 5; -webkit-column-gap: 20px;
		-moz-column-count:    5; -moz-column-gap:    20px;
		-o-column-count:      5; -o-column-gap:      20px;
		column-count:         5; column-gap:         20px;
	}
}

@media only screen and (max-width: 990px) {
	.page-template-default .site-content .all-access-pass:nth-child(5n){ margin-right: 0 !important; }
}