/* ==========================================================================
   FONTS
   ========================================================================== */

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff'),
         url('../fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */

body {
	font-family: 'latoregular', Helvetica, Arial, sans-serif;
	font-size: 1.7em;
	letter-spacing: 0.5px;
}

a {
	color: #e51512;
    outline: 0;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a:hover, a:focus {
	color: #e51512;
}

h1, h2, h4, h5, h6 {
	margin-top: 0;
}	

h1, h3 {
 letter-spacing: 2px;
 margin-bottom: 20px;
}

h2, h4, h5, h6 {
	letter-spacing: 1px;
}

h1, h2 {
	font-size: 1.3em;
}


@media (min-width: 768px) {
h1, h2 {
	font-size: 1.6em;
}
}

h3 {
	font-size: 1.3em;
}

h5 {
	font-size: 1em; 
}

img, video, iframe {
	max-width: 100%;
}

strong {
	font-family: 'latobold', Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.main-btn {
	background-color: #ffffff;
	border-color: #e51512;
	border: 2px solid;
	color: #e51512;
	display: inline-block;
	letter-spacing: 2px;
	padding: 7px 16px;
}

.main-btn:hover {
	border-color: #e51512;
	color: white;
	text-decoration: none;
}

.second-btn {
	background-color: #ffffff;
	border: 2px solid #c7c7c7;
	color: #333333;
	display: inline-block;
	letter-spacing: 2px;
	padding: 7px 16px;
}

.second-btn:hover {
	background-color: #333333;
	border: 2px solid #333333;
	color: #ffffff;
	text-decoration: none;
}

.btn-effect {
	overflow: hidden;
	position: relative;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);	
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	z-index: 1;
}

.btn-effect:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #e51512;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.btn-effect:hover:before {
	opacity: 1;
	background-color: #e51512;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}

.photo-caption {
	font-weight: bold;
	margin-top: 10px;
}

.photo-caption span {
	font-weight: normal;
	font-style: italic;
}

.image-hover {
	display: block;
	position: relative;
}

.image-hover:after {
	content: '';
	background-color: black;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	transition: opacity 0.35s;
}

.image-hover:hover:after {
	opacity: 0.45;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

header .navbar-default h1 {
	margin-top: 0;
}

header .navbar-default h1 a.navbar-brand {
	color: #515151;
	font-size: 1.2em;
}

header nav ul.nav {
	font-size: 1.3em;
}

header .navbar-default {
	background-color: transparent;
	border-color: #c7c7c7;
	padding-top: 9px;
	padding-bottom: 2px;
}

header .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #c7c7c7;
}

header .nav-wrap {
	margin-left: -15px;
	margin-right: -15px;
}

header .navbar-header button.navbar-toggle {
	border-color: transparent;
}

header .navbar-default .navbar-header button.navbar-toggle span.icon-bar {
	background-color: #e51512;
	height: 3px;
	width: 25px;
}

header .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
	border-color: #e51512;
}

header .navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

/* Inside the menu dropdown */
header .navbar-collapse .navbar-nav {
	margin: 0;
}

header .navbar-default .navbar-collapse .navbar-nav>li>a {
	border-bottom: 1px solid #c7c7c7;
	color: #8b8b8b;
	padding: 15px 0;
}

.navbar-default .navbar-collapse .navbar-nav>li>a:hover, .navbar-default .navbar-collapse .navbar-nav>li>a:focus, .navbar-default .navbar-collapse .navbar-nav>li>a.on {
	background-color: #b5b5b5;
	color: #ffffff;
}

header .navbar-default .navbar-collapse .navbar-nav.social-nav li {
	display: inline-block;
}

header .navbar-default .navbar-collapse .navbar-nav.social-nav li a {
	border-bottom: none;
}

header .navbar-collapse .navbar-nav.social-nav {
	padding: 18px 0 11px 0;
}

header ul.social-nav li a {
	background-image: url('../img/social/social-media.png');
	background-repeat: no-repeat;
	height: 33px;
	width: 33px;
	margin-left: 10px;
	text-indent: -9999px;
}

header ul.social-nav li a.fb {
	background-position: 1px 0;
}

header ul.social-nav li a.fb:hover {
	background-position: 1px -33px;
}

header ul.social-nav li a.gp {
	background-position: -32px 0;
}

header ul.social-nav li a.gp:hover {
	background-position: -32px -33px;
}

header ul.social-nav li a.yt {
	background-position: -65px 0;
}

header ul.social-nav li a.yt:hover {
	background-position: -65px -33px;
}

header ul.social-nav li a.saat {
	background-position: -99px 0px;
}

header ul.social-nav li a.saat:hover {
	background-position: -99px -33px;
}

/* STYLING FOR THE NAVIGATION ABOVE 768PX 
****************************************** */

@media (min-width: 768px){

header .navbar {
	margin-bottom: 20px;
	padding-top: 17px;
}

header nav ul.nav {
	font-size: 1.05em;
}

header .navbar-header {
	float: none;
}	

header .navbar-default {
	border: none;
}

header .nav-wrap {
	border-bottom: 1px solid #c7c7c7;
	margin: 0;
	padding-bottom: 14px;
}

header .navbar-default h1 {
	margin-bottom: 4px;
	overflow: auto;
}

header .navbar-default h1 a.navbar-brand {
	font-size: 1.3em;
}

header .navbar-collapse {
	padding: 0;
}

header .navbar-collapse .navbar-nav {
	margin-top: 0px;
	margin-left: 4px;
}

header .navbar-nav>li>a {
	letter-spacing: 3px;
	margin-right: 49px;
	padding: 8px;
}

header .navbar-default .navbar-collapse .navbar-nav>li>a {
	border-bottom-color: transparent;
/*	border-bottom-width: 3px;*/
	padding: 0;
}

header .navbar-default .navbar-collapse .navbar-nav>li>a:hover, .navbar-default .navbar-collapse .navbar-nav>li>a:focus, .navbar-default .navbar-collapse .navbar-nav>li>a.on {
/*	border-bottom-color: #e51512;*/
	background-color: transparent;
	color: #e51512;
}

header .navbar-collapse .navbar-nav.social-nav {
	padding: 0;
	margin: 0;
}

header .navbar-nav.social-nav>li>a {
	margin-right: 0;
}

header div#the-navigation {
	position: relative;
}

header ul.social-nav {
	position: absolute;
	top: -47px;
	right: 0;
}
}

/* End Media Query for Navigation above 768px */

/* ==========================================================================
   ABOUT PAGE
   ========================================================================== */   

#about-page h1 {
	font-size: 1.6em;
	margin-bottom: 15px;
}

#about-page img.about-image {
	margin-bottom: 15px;
}

.about-carousel {
	margin-top: 30px;
}

.about-carousel .owl-controls {
	font-family: 'latolight', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 3.6em;
}

.about-carousel .owl-prev {
	display: inline-block;
	float: left;
	color: #333333;
	transition: 0.3s;
}

.about-carousel .owl-next {
	display: inline-block;
	float: right;
	color: #333333;
	transition: 0.3s;
}

.about-carousel .owl-prev:hover, .about-carousel .owl-next:hover {
	color: #c7c7c7;
}

.view-artwork {
	margin-top: 23px;
	text-align: center;
}

/* ABOUT PAGE ABOVE 768px */
@media (min-width: 768px) {

#about-page {
	margin-bottom: 11px;
}

#about-page h1 {
	font-size: 1.8em;
}

.about-carousel {
	margin-top: 40px;
}
}

/* ==========================================================================
   ART WORKS PAGE
   ========================================================================== */   

.artwork-nav {
	color: #e51512;
}

.artwork-nav h2 {
	background-color: #f7f6f5;
	color: #6b6b6b;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 10px 15px;
}

.artwork-nav h2 i {
	font-size: 1.1em;
	font-weight: bold;
}

.artwork-nav h2 i:before {
	content: '+';
	font-style: normal;
	float: right;
}

.artwork-nav h2 i.minus:before {
	content: '-';
}

.artwork-nav ul {
	display: none;
}

.artwork-nav li {
	list-style-type: none;
}

.artwork-nav li a {
	background-color: #f7f6f5;
	color: #8c8c8c;
	display: block;
	margin-bottom: 5px;
}

.artwork-nav li a:hover, .artwork-nav li.active a {
	background-color: #e0e0e0;
}

.artwork-container a {
	color: #666;
	font-size: 0.72em;
	display: block;
	margin-bottom: 45px;
}

.artwork-container a:hover {
	color: #909090;
	text-decoration: none;
}

.artwork-container span.title {
	font-family: 'latobold', Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
}

.artwork-container em.date {
	font-size: 1.12em;
}

.artwork-container img {
	margin-bottom: 14px;
}

.artwork-container [class^="col"] a p {
	margin-left: 12px;
}

.series-intro {
	margin-top: 23px;
}

.series-intro h2 {
	color: #515151;
}

.series-intro p {
	color: #8c8c8c;
}

.series-intro p:first-letter {
	font-size: 1.5em;
}

/* Artworks page above 768px
*******************/

@media (min-width: 768px) {

.artwork-nav ul {
	display: block;
}

.artwork-nav h2 {
	color: #515151;
	background-color: transparent;
	cursor: default;
	padding-left: 0;
	padding-top: 0;
}

.artwork-nav h2 i:before, .artwork-nav h2 i.minus:before {
	content: '';
}

.artwork-nav li>a {
	background-color: transparent;
	margin-bottom: 0px;
	padding-left: 0;
}

.artwork-nav li a:hover, .artwork-nav li.active a {
	background-color: transparent;
	color: #9d9d9d;
	font-style: italic;
}

.artwork-container .col-sm-4.left-column {
	padding-left: 0;
}
.artwork-container .col-sm-4.right-column {
	padding-right: 0;
}

.series-intro {
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 0px;
}
	
.series-intro h3 {
	margin-top: 0;
}
}

/* LightBox Styles
*******************/

.lightboxOverlay {
	opacity: 0.9;
}

.lb-dataContainer {
	padding-top: 0;
}

.lb-data {
	color: #666666;
	padding: 0;
}

.lb-data .lb-details {
	background-color: white;
	opacity: 1;
	padding: 3px 15px 20px 18px;
	width: 100%;
}




/* ==========================================================================
   Art Works Page (mobile) A + sign
   
      ========================================================================== */  

.js-minus {
color:#E51512;
}




/* ==========================================================================
   NEWS PAGE (index.php) and BLOG POST PAGE (single.php)
   ========================================================================== */   

.blog-wrap {
	padding: 35px 0;
}

.blog-wrap:first-child {
	padding-top: 0;
}

.blog-wrap, article.main-article {
	color: #515151;
	text-align: center;
}

.blog-wrap h2 {
	margin-top: 0;
}

.blog-wrap h2, article.main-article h1 {
	margin-bottom: 1px;
}

.blog-wrap h2 a, article.main-article h1 {
	color: #515151;
}

.blog-wrap p.date, article.main-article p.date {
	color: #aeaeae;
	font-size: 0.85em;
	letter-spacing: 2px;
	margin-bottom: 14px;
}

article.blog-article img, article.main-article img {
	margin-top: 10px;
}

.main-article {
	padding-bottom: 35px;
}

.post-navigation {
	margin-bottom: 1px;
	overflow: auto;
	text-align: center;
}

.post-navigation .next-post, .post-navigation .prev-post {
	margin-top: 13px;
	margin-bottom: 13px;
}

.post-navigation .prev-post a, .post-navigation .next-post a {
	background-color: #ffffff;
	border: 2px solid #c7c7c7;
	color: #333333;
	display: inline-block;
	letter-spacing: 2px;
	padding: 7px 16px;
}

.post-navigation .prev-post a:hover, .post-navigation .next-post a:hover {
	background-color: #333333;
	border: 2px solid #333333;
	color: #ffffff;
	text-decoration: none;
}

/* News Page Above 768px */

@media(min-width: 768px) {
	.blog-wrap, article.main-article {
		text-align: left;
}

.post-navigation .prev-post {
	display: inline-block;
	float: left;
}

.post-navigation .next-post {
	display: inline-block;
	float: right;
}

}

/* News Page Above 992px */

@media(min-width: 992px) {
	.post-navigation {
/*	margin-top: 48px;*/
	margin-bottom: 11px;
}
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */  

.purchase-works-wrap {
	border: 1px solid #cacaca;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}

aside {
	margin-top: 45px;
}

aside .videos-sidebar {
	border: 4px solid #cccaca;
	padding: 10px 11px 11px 11px;
	text-align: center;
}

aside .videos-sidebar h3 {
	color: #515151;
	margin-top: 13px;
	margin-bottom: 16px;
}

aside .videos-sidebar span.seperator {
	background-color: #E8E8E8;
	display: inline-block;
	margin-bottom: 5px;
	padding: 0 15%;
	height: 1px;
	width: 70%;
}

aside .videos-sidebar a {
	display: block;
}

/* SIDEBAR ABOVE 768px */

@media (min-width: 992px) {
	.purchase-works-wrap {
	border: none;
	padding: 0px;
}

aside {
	margin-top: 0;
}
}
/* ==========================================================================
   FOOTER
   ========================================================================== */  

footer {
	border-top: 1px solid #c7c7c7;
	font-size: 0.85em;
	margin-top: 15px;
	padding: 17px 0;
	text-align: center;
}

footer .copyright {
	color: #595959;
}

@media (min-width: 768px) {
footer {
		margin-top: 20px;
		text-align: left;
	}
	
footer p {
		margin: 10px 0;
}

footer p.copyright {
		float: left;
}

footer p.contact {
		float: right;
}

}
/* ==========================================================================
   CONTACT US PAGE
   ========================================================================== */

form.main-contact-form {
	margin-bottom: 50px;
}

form.main-contact-form div {
	margin-top: 20px;
}

label {
	display: block;
}

input, textarea {
	border: 1px solid #b8b8b8;
	padding: 6px 10px;
	width: 100%;
}

textarea {
	height: 200px;
}

input:focus, textarea:focus {
	background-color: white;
	border-color: #e51512;
	outline: none;
}

.msg-sent {
	margin-top: 40px;
}

.msg-sent a {
	margin-top: 23px
}
/* ==========================================================================
   404 Page
   ========================================================================== */  

section.error-404 {
	padding-bottom: 50px;
	text-align: center;
}

section.error-404 h1 {
	font-size: 2.8em;
	margin-bottom: 40px;
}

section.error-404 p {
	margin-top: 30px;
}