/*
Theme Name: Oval Design Blank Bootstrap Theme
Theme URI: http://oval-design.co.uk
Description: A simple responsive theme based on the Bootstrap framework. 
Version: 1.3
Author: Alex Wilk - Oval Design
Author URI: http://oval-design.co.uk
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options


/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


/* Navbar */
.navbar-default {
    background-color: rgb(255, 255, 255);
    border-color: rgba(231, 231, 231, 0);
    padding-bottom: 10px;}

@media all and (max-width:767px){
    .navbar-default {
    padding-left: 15px;
    padding-right: 15px;    }
    
    .navbar-toggle{
    margin-top:13px;}
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    color: black;
    text-transform: uppercase;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 16px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: black;
    background-color: rgba(231, 231, 231, 0);}

.navbar-default .navbar-nav>li>a {
    color: black;}

.navbar-nav {
    margin-top: 10px;}

.nav>li {
    margin-left:10px;}

/*Bootstrap Styles*/

body {
    color:black;
    padding-top:60px; /*height of navbar*/
    height: 100%;
    font-family:'gill sans', sans-serif;
    font-weight: 100;}

html{
    height: 100%;}
    
#holder{
    min-height: 100%;
    padding-bottom: 100px;    /* height of footer */
    position:relative;}

footer{
    height: 100px; 
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0; }

.container {
    width: 100%;
    padding: 0px;}

.row {
    margin: 0px;}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;}

a {
    color: black;
    text-decoration: none;}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;}

.artcontainer{
    column-count:2;
    -moz-column-count:2;
    -webkit-column-count:2;}

.artcontainer img{ 
    width:100%;
    display:list-item;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    opacity:1;
    cursor: pointer;
    transition:all ease-in-out 0.2s;}

.artcontainer img:hover{
    opacity:0.7;}

#content{
    max-width:1050px;
    margin: 0 auto;
    padding: 0px;
    margin-top: 20px;}

.single #content{
    max-width:950px;
    text-align:center;}

.single #content p{
    text-align: left;
    margin-top: 20px;}

.page-template-default #content{
    margin-top: 40px;
    padding: 10px;}

.lb-data .lb-caption{
    font-family: 'gill sans', sans-serif;
    font-weight: 100;
    color:grey;
    line-height: 20px;}

.lb-data .lb-number {
    display: block !important;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999;
    padding-top: 20px;}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 0;
    border: 8px solid #fff;}

.lightboxOverlay {
    background-color: #FFF !important;}

h1, .h1 {
    font-size: 14px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 20px !important;}

.page-template-page-news img{
    margin-bottom: 20px !important;
    width: 100%;
    max-width: 700px;}

.page-template-page-news #content{
    margin-top:40px;
    padding: 10px;}

footer {
    height: 5px;
    padding: 10px;}

.pull-right, .attribution {
    font-size: 11px;}

.lb-dataContainer {
    background-color: white;
    padding-bottom: 10px;
    padding-left: 6px;}

.single #content img{
    width:100%;
    height:auto;}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
    background-color: #e2e1e1;
    width: 20%;}

.sp-selected-button {
    background-color: #e2e1e1;}

.sp-button {
    border: 2px solid #e2e1e1;}

.page-template-page-new-homepage img{
    width:100%;
    margin-bottom: 30px;}

a.previous-post, a.next-post {
    color: black;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin-bottom: 30px;
    border-radius: 4px;
    margin-top: 30px;}

a.previous-post:hover, a.next-post:hover {
    color: black;
    background-color: #fff;}

a.previous-post {
    float: left !important;}

a.next-post {
    float: right !important;}

.fa-angle-left:before{
    content:"<" !important;
    font-family: arial !important;
    position: absolute;
    left: 8%;
    top: 345px;
    opacity:0.3;}

.fa-angle-right:before{
    content:">" !important;
    font-family: arial !important;
    position: absolute;
    right: 8%;
    top: 345px;
    opacity:0.3;}

a.mobile-arrow .fa-angle-left:before{
    content:"<" !important;
    font-family: arial !important;
    position: relative;
    opacity:0.3;
    top: auto;
    display:none;}

a.mobile-arrow .fa-angle-right:before{
    content:">" !important;
    font-family: arial !important;
    position: relative;
    opacity:0.3;
    top: auto;
    display:none;}

b, strong{
    font-weight: 600;}

@media all and (max-width:1200px){
  
    .fa-angle-left:before{
    left: 3%;   
    }
    
    .fa-angle-right:before{
    right: 3%;    
    }
}

@media all and (max-width:1060px){
  
    .fa-angle-left:before{
    left: 2%;   
    }
    
    .fa-angle-right:before{
    right: 2%;    
    }
}

@media all and (max-width:1000px){
  
    a.mobile-arrow .fa-angle-left:before{
    display:block;
    }
    
    a.mobile-arrow .fa-angle-right:before{
    display:block;
    }
    
    .fa-angle-left:before, .fa-angle-right:before{
    display:none;}
    
    .single #content p {
    text-align: left;
    margin-top: 95px;}
    
}

@media all and (max-width:500px){
    .artcontainer{
    column-count:1;
    -moz-column-count:1;
    -webkit-column-count:1;
    }

.lb-data .lb-caption {
	font-size: 13px;
    font-weight: 100 !important;
    line-height: 1em; }
	
	}