/*
Theme Name: 	The National
Theme URI: 		thenational.co.nz
Description: 	The National theme 2014
Version: 		1.0
Author: 		Dean Foster
Author URI: 	d-no.co.nz
Tags: 			The National
*/


/*Bootstrap overrides */


body {
font-family:'Avenir W01'; 
font-weight:500;  
font-weight:800; 
font-weight:400; 
font-style:normal;
color: #4b4b4b;
line-height: 1.3;
}

a {
    color: #4b4b4b;
    text-decoration: none;
}
a:hover, a:focus {
    color: #b4b4b4;
    text-decoration: none;
}
strong {font-weight:800;}

/*body.page-id-15 {background-color:#000000;}
.page-id-15 .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.page-id-15 .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}*/



.logoHolder {
top:35px;
left:4px;
position:relative;
width:95%;
max-width:420px;
}
.logoRev{
top:35px;
left:4px;
position:relative;
width:95%;
max-width:420px;
display:none;
}


@media (min-width: 768px) {
.logoHolder {
left:0px;
}
.logoRev {
left:0px;
}
}

.navbar-default {
    background-color: transparent;
    border:0 ;
}
.navbar {
    border-radius: 0px;
}
.navbar {
    border: 0 none;
    margin-bottom: 0;
    min-height: 0;
    position: relative;
}
@media (min-width: 768px) {
.navbar {
    margin-bottom: 20px;
}
}


.navbar-nav > li {
    float: none;
}

.navbar-nav {
    margin-top: 0;
margin-bottom:20px;
}
@media (min-width: 768px) {
.navbar-nav {
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 8px;
}
}
.navbar-nav > li > a {
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 0;
    padding-top: 0;
    line-height: 19px;

}
.navbar-default .navbar-nav > li > a {
color: #4b4b4b;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #b4b4b4;
}
.navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
 color:auto;

}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a:hover:before {
content:"";
width:20px;
position:absolute;
height:20px;
background:#000000;
left:-20px;
top:4px;
background:url("images/arrow.png");
background-repeat: no-repeat;
}


.navbar-default .navbar-nav > li.current-menu-item > a:before {
  background: url("images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  height: 20px;
  left: -20px;
  position: absolute;
  top: 4px;
  width: 20px;
}
}

.navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus {
background-color:transparent;
    color: #b4b4b4;
}

@media (min-width: 768px) {
	.category .navbar-default .navbar-nav > li.current_page_parent > a:before {
  background: url("images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  content: "";
  height: 20px;
  left: -20px;
  position: absolute;
  top: 4px;
  width: 20px;
}

}

.category .navbar-default .navbar-nav > .current_page_parent > a, .category .navbar-default .navbar-nav > .current_page_parent > a:hover, .category .navbar-default .navbar-nav > .current_page_parent > a:focus {
background-color:transparent;
    color: #b4b4b4;
}
.nav > li > a {

    padding: 0px;
  
}
.navbar-collapse {
  width: 100%;
}
@media (min-width: 768px) {
.navbar-collapse {
  width: 25%;
}
}

.navbar-nav {
 float:none;
}
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 0 none;
    border-radius: 4px;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-top: 45px;
    padding: 9px 10px;
    position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #191919;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0;
}
.navbar-collapse {
  border-top: 0;
  box-shadow: 0;
  max-height: 1000px;
  overflow-x: visible;
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset;
}
.navbar-collapse.in {
    overflow-y: visible;
}
#menu-main-menu {
margin-left:10px;	
}

@media (min-width: 768px) {
	#menu-main-menu {
margin-left:0px;	
}
}

@media (min-width: 992px) {
.col-md-offset-3 {
  margin-left: 25% !important;
}


}


.container {
position:relative;
}
.mainContainer {
margin-top:20px;

}
.artistMenu {
  margin-top: 20px;
  display:none;
}
.artistName {
	margin-bottom:20px;
		margin-top:4px;
}

.artistName a {
  color: #000000;
  font-size: 16px;
  font-weight: 800;
  line-height: 19px;
  padding-bottom: 0;
  padding-top: 4px;
}

.artistImage li {
    display: block;
}
@media (min-width: 768px) {
.artistMenu {
  margin-top: 0px;
  display:block;
}
.artistName {
	display:none;
}
.artistImage li {
display:none;
}
}

.artistMenu li {
  margin-bottom: 0.7em;
}
.artists .artistMenu li {
  margin-bottom: 0.2em;
}
li.artist-visible {
display:block;
}
.artistMenu > li > a {
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    padding-bottom: 0;
    padding-top: 0;
  color:#000000;
}
.artistMenu > li > a:hover {
  background-color: transparent;
  color: #b4b4b4;
text-decoration:none;
}
a.text-visible  {
  color: #b4b4b4 !important;

}

.artistMenu > li > a:focus {
background-color: transparent;
 color:auto;

}


.footer {
margin-top:40px;
margin-bottom:20px;
font-size:10px;
z-index:100;
}
@media (min-width: 768px) {
.footer {
margin-top:100px;
}
}
.page-id-15 .footer {
display:none;
}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.swipeNav {
    left: 0;
    position: absolute;
    top: 16px;
    width: 100%;
}
.swipeNext {
  float: right;
  height: 20px;
  padding-right: 16px;
  width: 36px;
    cursor:pointer;

}
.swipePrev {
    float: left;
    height: 20px;
    padding-left: 16px;
    width: 36px;
	  cursor:pointer;

}
@media (min-width: 768px) {
	.swipePrev {
    padding-left: 16px;
	width: auto;
}
.swipeNext {
  padding-right: 16px;
  	width: auto;

}
.swipeSection {
	margin-top:0px;
	
}	
}



.caption {
display:none;	
}
.caption-visible {
display:block;	
}

#homeImages li {
	left:0;
}


/*Artist Page*/
.artistInfo {
	margin-top:20px;
}
@media (min-width: 768px) {
.artistInfo {
	margin-top:30px;
}
}


.artistInfo p {
  color: #4b4b4b;
  font-size: 13px;
  line-height: 1.4em;
  margin-bottom: 0.4em;

}
.artistInfo h1 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.artistInfo h2 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.caption {
  margin-bottom: 20px;
  margin-top: 20px;
}

.caption p {
	font-size: 11px;
	color: #4b4b4b;
	font-weight:400;
  margin-left: -8px;

}

@media (min-width: 768px) {
	.artistInfo p {
  margin-left: -8px;
  margin-right: 8px;
}
.artistInfo h1 {
  margin-left: -8px;
}
.artistInfo h2 {
  margin-left: -8px;
}
.caption p {
	  margin-left: 0px;
}
.caption {
  margin-bottom: 0px;
  margin-top: 0px;
}
}


/*NEWS*/
.catMenu {
  margin-bottom: 20px;
  padding-left: 10px;
}
@media (min-width: 768px) {
.catMenu {
	padding-left: 8px;
	 margin: 0;
}
}
.catMenu > li > a {
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    padding-bottom: 0;
    padding-top: 0;
  color:#000000;
}
.catMenu > li > a:hover {
  background-color: transparent;
  color: #b4b4b4;
text-decoration:none;
}


.catMenu > li > a:focus {
background-color: transparent;
 color:auto;

}
.catMenu > li.current-cat a {
  background-color: transparent;
  color: #b4b4b4;
text-decoration:none;
}


.newsContent h2 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 16px;
   border-bottom: 4px solid #4b4b4b;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
p.date {
	font-size:12px;
	  font-weight: 800;
text-transform:uppercase;
margin-bottom: 0;
}
.newsSingle p.date {
margin-bottom: 0;
}
.newsExcerpt {
margin-top:16px;
margin-left:-8px;
}
.newsExcerpt p {
  margin-bottom: 0.5em;
}
.readPost {
  clear:both;
}

.newsPost {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
.newsPost {
  margin-bottom: 80px;
}
}
.newsSingle p {
  margin-bottom: 0.5em;

}
.newsSingle img {
	 margin-top: 8px;
  margin-bottom: 16px;
 width:100%;
	 height:auto;
}
@media (min-width: 768px) {
.newsSingle p {
 width:66.6666%
}
.newsSingle img {
	 width:150%;
}
	
}
@media (min-width: 992px) {
.newsSingle p {
 width:50%
}
.newsSingle img {
 width:200%;
}

}
.blogNav {
	border-top: 4px solid #4b4b4b;
	padding-top:10px;
}

.single-post .social  {
border-top: 4px solid #4b4b4b;
	padding-top:10px;
	
}

.social span {
text-transform:uppercase;	
	
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
    padding: 0 !important;
}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {
    float: none !important;
}
/*ABOUT Page*/
@media (min-width: 768px) {
.contactImage {
	margin-left:-8px;
	width:95%;
}
}
.contactSub p {
  border-bottom: 3px solid #4b4b4b;
  font-size: 12px;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.contactSub {
  border-top: 3px solid #4b4b4b;
padding-top: 0.5em;

}
.contactSub p.form {
border:0;
font-size:12px;
padding-bottom:0;

}
.contactSub strong{
font-weight:800;
text-transform:uppercase;
}

.contactSub label {
  font-size: 12px;
}
.contactSub input {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 0 none;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 0.6em;
  width: 100%;
}
.contactSub button {
  font-size: 12px;
  padding:.4em;
  border:0;
  background:#f5f5f5;
}
.contactColumn {
	
	margin-top:20px;
	margin-bottom:20px;
}
/*Exhibitions Page*/

.exDate {
	font-size:14px;
	font-weight:200;
	
}
.exhibitions .artistMenu > li > a {
  line-height: 1.1;
}
.exhibitions .artistMenu > li {
  line-height: 1.1;
}
.single-exhibitions .artistInfo h1 {
  
  margin-bottom: 0;
  line-height: 1;
}

/*ENQUIRE*/

.enquire p {
  color: #4b4b4b;
  font-size: 13px;
  line-height: 1.4em;
  margin-bottom: 0.4em;

}
.enquire label {
  font-size: 12px;
}
.enquire input, .enquire textarea {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 0 none;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 0.6em;
  width: 100%;
}
 .enquire textarea {
height:8em;	 
 }
.enquire .checkbox input {
  
  width: auto;
}
.enquire button {
  font-size: 12px;
  padding:.4em;
  border:0;
  background:#f5f5f5;
}
.enquire span.wpcf7-list-item {
  float: left;
}
.enquire .dropdown {
clear:both;	
}
.enquire .dropdown span {
  display: block;
  margin-bottom: 20px;
  margin-top: 5px;
}
.enquire input.wpcf7-submit {
  width:auto;
}
.enquire h2 {
font-size:16px;	
}
.enquire .enqWork h2{
	margin-top:10px;
}
.enqWork {
margin-bottom:20px;	
}

.exhibNav {
	margin-top:24px;
	
}
@media (min-width: 768px) {

	
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {
	
	
}