/*
Theme Name: Auramas
Theme URI: http://underscores.me/
Author: Nicolas Roy
Author URI: http://underscores.me/
Description: Auramas Styles
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auramas
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Nick Don\'t Care is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* This WordPress specific style highlights the current page in the navbar menu 
current_page_item is in the inline style on the page source*/
.navbar-nav > li.current_page_item a,
.navbar-nav > li.current_page_parent a
{
	color: white;
}

footer .navbar-nav > li.current_page_item a,
footer .navbar-nav > li.current_page_parent a
{
	color: #5e6269;;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}








/*=========== Theme-Specific Styles =================*/

/* ===General=== */

body 
{
	margin-top: 0px;	/*prevents navbar from merging into the body*/
	font-family: 'Quicksand', Helvetica, sans-serif;	/*default is Quicksand, but if that fails to connect, we use Helvetica*/
	font-size: 16px;
	background: url('/wp-content/themes/auramas/assets/img/welcome6.png') top left repeat;
	/*background: #000;*/
	padding-bottom: 70px;
	margin-bottom: 50px;	/*prevents navbar from merging into the body*/
	height: 100%;
}



/* ===Global=== */


top-bar
{
	background-color: rgba(0,0,0,0.8);
}

/*These will override Bootstrap font sizing, but we want to do so to match our design*/
h1,h2,h3,h4,h5,h6,p,strong,b
{
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
	font-weight: bold;
}

h1
{
	font-size: 3em;
}

h1,h2
{
	margin: 0 0 40px;
}

h3
{
	margin: 20px 0;
}

h4
{
	font-size: 18px;
}

a:link, a:visited
{
	color: black;
	font-weight: bold;
}

a:hover
{	
	color: #555;
	text-decoration: none;	/*We don't want an underline when we hover over the links*/
}


/*for each initial letter in a paragraph - instead of p::first-letter*/
/*p::first-letter
{
	font-weight: bold;
	font-size: 1.5em;
	margin: 2px;
	padding: 2px;
	color: white;
	background: rgba(0,84,150,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px 0 6px 0;
}*/

/*Styling the social media badges - to understand the class selector '.badge.social' look at the class in the html doc*/
.badge.social
{
	font-size: 24px;
	height: 40px;	/*These are the height and width of the badges*/
	width: 40px;
	text-align: center;	/*This is so the logos of the social media will be centered in the circle*/
	line-height: 42px;	/*the vertical alignment parameter - we fix it to 42px instead of 40px, because the logos aren't naturally exactly centered*/
	margin: 0 5px 20px 0;
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px 50px 50px 50px;	/*This is CSS3 - the radius can be changed depending on which quadrant of the circle you're in. You can make a teardrop by changing these individual radii*/
	color: #000;	/*the logos within will be white*/
}

/*When the user hovers over the badges, they should take on the trademark colors of the social media to comply with their brand regulations*/
.badge.social.twitter
{
	background: #55acee;
}

.badge.social.facebook
{
	background: #3b5998;
}

.badge.social.github
{
	background: #4183c4;
}

.badge.social.linkedin
{
	background: #0077b5;
}

.glyphicon-chevron-down
{
	top: 3px;
}

.slideToggle
{
	font-weight: bold;
}


/* ===HERO section=== */

.header-logo
{
	margin-left: auto;
	margin-right: auto;
}

#hero img
{
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

#hero
{
	min-height: 200px;
	padding: 40px 0;
	color: white;
	opacity: 0.8;
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
	/*background: url('/wp-content/themes/auramas/assets/img/welcome7.png') 40% 15% no-repeat;*/
	background: #000;
	text-align: center;
	/*background-color: inherit;*/
}

#hero .hero-text
{
	margin-top: 10px;
	color: #222;
	/*background: rgba(255,255,255,0.8);*/
	border-radius: 130px 130px 130px 130px;
	padding: 50px;
}

#hero .header-title
{
	border-left: 5px solid #000;
	color: #000;
	font-size: 130px;
}

#hero .header-quote
{
	margin-top: 10px;
	color: #fff;
}

#intro .intro-text
{
	margin-top: -360px;
	color: #fff;
}

#intro p
{
	margin-bottom:20px;
	font-size:20px;
	font-weight:300;
	line-height:1.4;
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
}

.welcome-logo,
.menu-logo
{
	width: 110px;
	height: 110px;
}

.navbar-brand
{
	margin-top: -17px;
}

.navbar
{
	position: relative;
	background: rgba(0,0,0,0.7);
}

.navbar-wrapper
{

	background: rgba(0,0,0,0.1);
}

.navbar-toggle
{
	background: #555;
}

/*============ WELCOME PAGE ================*/

#welcome
{
	overflow: hidden;
}

#welcome video
{
	position: relative;
	z-index: 0;
}

#welcome .welcome-menu
{
	z-index: 1;
	position: absolute;
	background: rgba(0,0,0,0.3);
	width: 400px;
	height: 100%;
	-webkit-animation-name: menu; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: menu;
    animation-duration: 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes menu 
{
    0%   {left:-200px; top:0px;}
    100% {left:0px; top:0px;}
}

#welcome .welcome-menu li
{
	display: block;
	line-height: 100px;
	background: rgba(255,255,255,0.1);
	margin: 30px;
	padding: 10px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px 9px 9px 9px;
	/*margin-right: 100px;*/
}

#welcome .welcome-menu li:hover
{
	animation-name: item;
    animation-duration: 5s;
}

#welcome #menu-primary
{
	margin-left: 0;
	padding-top: 40px;
	/*padding-left: 0;*/
}

@keyframes item 
{
    0% {background: #000;}
    10% {background: url('/wp-content/themes/auramas/assets/img/welcome3.jpeg') 50% 70% no-repeat;;}
}

#welcome .welcome-menu li:hover a
{
	color: #fff;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #000;
}


#welcome .welcome-menu a
{
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	width: 100%;
	padding: 10px;

/*	padding-top: 100%;
	padding-bottom: 100%;*/
}

#welcome .welcome-menu ul
{
	/*margin-left: 180px;*/
}

.welcome-logo
{
	display: none;
}

.welcome-logo-space
{
	background: #000;
}


/*============ SCREENPLAY PAGE ================*/

#screenplays
{
	margin-top: 50px;
}

#screenplays .screenplay
{
	margin-bottom: 150px;

	font-size: 20px;

	font-weight: 500;

	line-height: 1.4;

	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/

	text-rendering: optimizelegibility;

	background: rgba(255,255,255,0.7);

	padding: 20px;

	border-style: solid;

    border-width: 5px;

	border-color: #fff;

	border-radius: 5px;

	margin-top: 25px;

	margin-bottom: 15px;

	box-shadow: 0px 0px 20px #ccaacc;

}

#screenplays .screenplay-title
{

	font-size: 50px;

	font-weight: bold;

	text-align: center;

	color: #002944;

	display: block;

	width: 100%;

	/*text-shadow: 2px 2px #000;*/

}

#screenplays .screenplay-authors
{

	font-size: 30px;

	font-weight: normal;

	text-align: center;

	color: #002944;

	display: block;

	width: 100%;

}

#screenplays .screenplay-genre
{

	font-size: 20px;

	font-weight: normal;

	text-align: center;

	color: #002944;

	display: block;

	width: 100%;

}

#screenplays .screenplay-accolades
{

	font-size: 20px;

	font-weight: normal;

	text-align: center;

	color: #002944;

	display: block;

	width: 100%;

}

#screenplays p
{
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
	line-height:1.9;
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
}


/*============ SHORTS PAGE ================*/

#shorts
{
	margin-top: 50px;
}

#shorts .short
{
	margin-bottom: 150px;

	font-size: 20px;

	font-weight: 500;

	line-height: 1.4;

	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/

	text-rendering: optimizelegibility;

	background: rgba(255,255,255,0.7);

	padding: 20px;

	border-style: solid;

    border-width: 5px;

	border-color: #fff;

	border-radius: 5px;

	margin-top: 25px;

	margin-bottom: 15px;

	box-shadow: 0px 0px 20px #ccaacc;

}

#shorts .short-title
{

	font-size: 50px;

	font-weight: bold;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

	margin-bottom: 10px;

	/*text-shadow: 2px 2px #000;*/

}

#shorts .short-url
{

}

#shorts .short-crew
{

	font-size: 20px;

	font-weight: normal;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

}

#shorts p
{
	margin-bottom:20px;
	font-size:20px;
	font-weight:normal;
	line-height:1.9;
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
}


/*============ TEAM PAGE ================*/

#team
{
	margin-top: 50px;
}

#team .short
{
	margin-bottom: 150px;

	font-size: 20px;

	font-weight: 500;

	line-height: 1.4;

	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/

	text-rendering: optimizelegibility;

	background: rgba(255,255,255,0.7);

	padding: 20px;

	border-style: solid;

    border-width: 5px;

	border-color: #fff;

	border-radius: 5px;

	margin-top: 25px;

	margin-bottom: 15px;

	box-shadow: 0px 0px 20px #ccaacc;

}

#team .short-title
{

	font-size: 50px;

	font-weight: bold;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

	margin-bottom: 10px;

	/*text-shadow: 2px 2px #000;*/

}

#team .about-title
{
	font-size: 50px;

	font-weight: bold;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

	margin-bottom: 10px;

	padding: 20px;
}

#team .about-content
{
	font-size: 20px;

	font-weight: normal;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

	padding: 20px;

}

#team .short-crew
{

	font-size: 20px;

	font-weight: normal;

	text-align: left;

	color: #002944;

	display: block;

	width: 100%;

}

#team p
{
	margin-bottom:20px;
	font-size:20px;
	font-weight:normal;
	line-height:1.9;
	-webkit-font-smoothing: antialiased;	/*prevents h text from smudging due to resolution issues*/
	text-rendering: optimizelegibility;
}


/*============= CONTACT PAGE ================*/

.wpcf7-mail-sent-ok
{
	background: #398f14;
}

/*============ CV ================*/

#cv
{
	margin-top: -420px;
}

#cv .row
{
	color: #fff;
	display: inline;
}

#cv .cv-posts .cv-subtitle
{
	color: #ddd;
	font-size: 20px;
	display: inline;
}

a:link, a:visited
{
	color: #0077b5;
	font-weight: bold;
}

#cv strong,b
{
	font-weight: bold;
}

#cv p
{
	margin-bottom:20px;
	font-size:16px;
	font-weight:300;
	line-height:1.4;
}

#cv .wp-video
{
    text-align: center;
}

a:hover
{	
	color: #555;
	text-decoration: none;	/*We don't want an underline when we hover over the links*/
}






/*============ FOOTER ================*/

#footer
{
	color: white;
	padding: 20px 0 10px;
	font-size: 12px;
	width: 100%;
	margin-bottom: 0;
	position: absolute;
	min-height: 180px;
	z-index: 1;
}

#footer p
{
	margin-bottom: 0px;
}

#footer .row
{
	margin-top: 30px;
}

#footer a:link, footer a:visited
{
	color: white;
}

#footer a:hover
{
	color: #ffffff;
}

#footer li.signup-link a
{
	color: #dd5638;
}

#footer li.signup-link a:hover
{
	font-weight: bold;
}

#footer .copyright
{
	font-weight: bold;
}



/*============ MODAL ================*/

.modal-content
{
	background: url('/wp-content/themes/nickdontcare_s/assets/img/tile-circuit.jpg') top left repeat;
	color: #eee;
}

label
{
	color: #fff;
}

.enter-info
{
	margin-bottom: 20px;
}

/*===Media Queries===*/

/*The following instruction will ensure that if the media width is smaller than 991px, the background will be white (255,255,255) at 80% visibility so that the text can be read even though it is on top of the picure.*/
@media screen and (max-width: 1650px)
{
	#welcome video
	{
		height: 100%;
		width: auto;
	}

	#welcome .welcome-menu li
	{
		margin-top: 0;
		display: block;
		margin-left: 10px;
	}

	#welcome .welcome-menu a
	{
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		padding-top: 0;
		padding-bottom: 0;
	}

	#welcome .welcome-menu ul
	{
		margin-left: 80px;
	}

	#welcome .welcome-menu a:hover
	{
		background: rgba(0,0,0,0.0);
		color: #aaf;
	}
}

@media screen and (max-width: 991px)
{
	#welcome video
	{
		height: 100%;
	}

	#welcome .welcome-menu
	{

		margin-top: 0;
	}

	#welcome .welcome-menu a
	{
		color: #fff;
		font-weight: bold;
		font-size: 40px;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/*Pretty much at iPad size*/
@media screen and (max-width: 768px)
{
	#welcome .welcome-menu a
	{
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/*Pretty much at iPhone size*/
@media screen and (max-width: 568px)
{
	.hero-text
	{
		color: black;
		background: rgba(255,255,255,0.5);
		padding: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px 0 20px 0;
	}
	
	body 
	{
		padding-bottom: 100px;	
	}


	#welcome
	{
		margin-top: 0;
		background: url('/wp-content/themes/nickdontcare_s/assets/img/code-bg2.png') 50% 0 no-repeat;
	}

	#welcome .welcome-menu
	{
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;

	}

	#welcome .welcome-menu a
	{
		font-size: 45px;
		margin-left: 0px;
	}

	#welcome .welcome-menu ul
	{
		margin-left: 0px;
	}

	#welcome video
	{
		display: none;
	}

}

/*=============== WordPress Specific Styles and media ============*/

	.logged-in .navbar-fixed-top
	{
		top: 32px;
	}
/*Fix the top margin when logged in - for whatever reason, WordPress has decided this is where pads start*/
@media screen and (max-width: 782px)
{
	.logged-in .navbar-fixed-top
	{
		top: 46px;
	}
	
	.badge.social
	{
		display: block;
		float: left;
	}
	
	#about
	{
		margin: 20px;
	}

	#welcome .welcome-menu li
	{
		display: block;
		line-height: 100px;
		background: rgba(255,255,255,0.1);
		margin: 10px;
		padding: 10px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px 9px 9px 9px;
		/*margin-right: 100px;*/
	}

	#welcome .welcome-menu a
	{
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		width: 100%;
		padding: 10px;

	/*	padding-top: 100%;
		padding-bottom: 100%;*/
	}
	
}

@media screen and (max-width: 600px)
{
	.logged-in .navbar-fixed-top
	{
		top: 42px;
	}

	#welcome .welcome-menu li
	{
		display: block;
		line-height: 100px;
		background: rgba(255,255,255,0.1);
		margin: 10px;
		padding: 10px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px 9px 9px 9px;
		/*margin-right: 100px;*/
	}

	#welcome .welcome-menu a
	{
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		width: 100%;
		padding: 10px;
	}


}


strong,dt,th {font-weight:bold;}
em,cite {font-style:italic;}
blockquote {margin:0 auto;}
th {text-align:center;}