/* 
       Author     : Adrian Lynch 2021
*/ 
body {
    background:#142549;
}
#sidr, .mobile {display:none;}


p {
    font-size:1.6rem;
    line-height:1.6;
}
h1,h2,h3 {
    font-family: 'Pragati Narrow', sans-serif;
}


.container {
}
#wrapper {
    min-height:300px;
    background:white;
    padding:0 5% 5% 5%;

    clear:both;
    border-bottom:60px solid #001135;
}
.textPage {
    margin-top:0;
}
h1 {
    font-size:3em;
}
h2 {
    font-size:2.4em;
    font-weight: 400;
    margin:.25em 0 .25em 0;
    padding:0;
}
.textPage h2 span {
    color:red;
}
.textPage .featureList h2 {
    margin:0 0 20px 0;
}

#header {
    background-color:#001135;
/*    height:156px;*/
    overflow:hidden;
    padding:2% 1% 1% 0;
    
}
#header img.logotext {
    width:40%;
    padding-left:5%;
}
#header img.strap {
    width:40%;
    padding:0 0 5px 7%;
}


/* main nav -----------------------------------*/

#mainNav {
    width:100%;
    height:60px;
    clear:left;
    background: white;
    border-bottom:9px solid #001135;
}


#mainNav ul {
    margin:12px 0;
    padding-left:4%;
    width:70%;
    overflow:hidden;
    float:left;

}
#mainNav li{
    margin:0;
    float:left;
}

#mainNav a{
    font-family: 'Pragati Narrow', san-serif;
    /*text-transform:uppercase;*/
    display:block;
    float:left;
    padding:0 16px;
    height:34px;
    line-height:34px;
    color:silver;
    font-size:1.7em;
    font-weight:700;
}

#mainNav a.current,
#mainNav a.section,
#mainNav a:hover,
#mainNav a:focus {
	color:black;
}

/*---------------the twitter button----------------*/

ul#socialImages {
    width:20%;
    padding:0;
    float:right;
}
ul#socialImages img {
    width:25px;
    padding:0 0 0 4px;
    margin-bottom:-4px;
    height:25px;
}

ul#socialImages img:hover {
    opacity:0.7;
}
#mainNav a.social {
    padding:0;
}
#mainNav a.social:hover {
    background-color:none;
}
/*------------------------------- homepage--------------------------------*/
#endorsements {
    margin:0 0 30px 0
}

#endorsements .endorsement {
    position:relative;
    height:140px;
    width:44%;
    float:left;
    padding:2%;
    text-align:center;
    border-right:1px solid silver;
/*border:1px solid silver;*/
    margin-bottom:px;
}
#endorsements .endorsement.right {
    border-right:0;
}
.endorsement p {
    
}
.endorsement p.endorsee {
    left:0;
    width:100%;
    font-weight:bold;
}
#homePageBoxWrapper {
    margin:40px 0 10px 0;
}
.homePageBox img {
    width:100%;
    height:auto;
    float:left;
}

#homePageText {
}
/*----------------artist lister------------------------------------------*/


.artistItem {
    clear:left;
    margin-bottom:35px;
    border-bottom:1px dotted silver;
}

.artistImageWrapper {
    display:block;
    width:30%;
    height:auto;
    float:left;
    padding:10px 20px 10px 0;
}
.artistImageWrapper img {
    width:100%;
}
.artistImageWrapper img:hover {
    opacity:0.7;
}
.artistTextWrapper {
    width:65%;
    float:left;
}
.artistItem h2 {
    font-size:2em;
}
.artistItem h2.artistTitle {
    margin:0 0 10px;
    
    font-size:3em;
}
/*----individ artist page -*/

.textPage img.artistFull {
    width:40%;
    padding-left:5%;
    height:auto;
    float:right;
}
.press a {
    color:grey;
    background: url(../images/arrow.png) no-repeat center left;
    background-size:20px;
    padding-left:30px;
    text-transform:uppercase;
}
.press a:hover {
    opacity:0.9;
    color:black;
}
.press h2 {
    margin:0 0 10px;;
}
/*---------------------------text page display lines------------------------------------*/

.textPage {
    min-height:400px;
}

.textPage ul.headLine li {
    font-size: 2em;
    /*text-transform: uppercase;*/
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: 800;
    margin-top: 0;
    visibility: visible;
    background: url(../images/underscore.png) no-repeat top left;
    padding-left:18px;
    margin-bottom:0;
}
.textPage ul.headLine li span {
    color:#ed1c24;
}
p.photoCredits {
    color:grey;font-size:0.8em;
}

.textPage img {
    width:100%;
    height:auto;
}
/*------------------ offset for hyperlnks ---------------*/

a span {
    padding-left:16px;
}

/*-----------------------------------------feature page----------------------------------*/
ul#featureBoxes {
    margin-bottom:60px;
}
ul#featureBoxes:hover {
    cursor:standard;
}

#featureBoxes li {
    margin:0;
    float:left;
    width:32.5%;
    background:black;
    border-right:1px dotted white;
    border-bottom:1px dotted white;
}
#featureBoxes li.pos-3,#featureBoxes li.pos-6 {border-right:0;}
#featureBoxes li.pos-4,#featureBoxes li.pos-5,#featureBoxes li.pos-6 {
    border-bottom:0;
}
#featureBoxes h2 {
    padding:4% 0;
    margin:0;
    width:100%;
    color:white;
    text-align:center;
}
/*------------------ sidebar/subnavs ----------------------------*/
.sideBar {
    padding-top:30px;
    overflow:hidden;
}
#subNav ul li {
    margin:0;
}
#subNav ul li {
    border-bottom:none;
    margin-bottom:4px;
}

.wf-loading #subNav a {
    visibility: hidden;
}


.wf-active #subNav ul li a {
    font-family: "acumin-pro-extra-condensed", arial, san-serif;    
    text-transform:uppercase;    
    font-weight:600;
    color:silver;
    font-size:1.8em;
    font-weight:700;    
    font-size:2.3em;
    line-height:1;
    text-decoration:none;    
    margin:0 ;
    padding:4px 0px 2px 8px;    
}


#subNav ul li a.current,#subNav ul li a.section,#subNav ul li a:hover  {color:black;}
/*#simpleNav ul li a.current, a.galleryTop.current {color:red;}*/


/*----------------------------------footer stuffs-------------------------------*/
.footerPeople img {
    width:100%;
    height:auto;
    padding-top:3%;
}

.footer {padding:10px 0;}

.footer p {color:silver;text-align:right;}

.footer span a {color: grey;}
.footer span a:hover {color:silver;}
p.subFooter  {color:grey;font-size:1.2rem;text-align:right;}

.footer .social img {
    width:16%;
    margin-right:2%;
    height:auto;
    float:left;
}

.footer .social img:hover {
    opacity:0.8
}

.footer .colophon {
    padding-top:10px;
}

/*------------------------------------- widgets and stuff -------------------------------*/
#twitter-widget-0 { 
      width: 100% !important; 
}

.widget {
margin-top:16px;
    
}
.widget h3 {
    font-size:2em;
    margin-bottom:10px;
}
@media screen and (max-width: 860px) {
   /* at this point we use the mobile design */
}

/*--------------------------------------blog ----------------------------------------------*/
img.left {
    float:left;
    padding-right:20px;
}
.hfeed img {
    float:right;
    width:34%;
    padding-left:3%;
    height:auto;
}
.hfeed h1, .hfeed h2 {
    margin:0 0 8px;;
}
.hfeed h1 a, .hfeed h2 a {
    color:black;
}
.hfeed h1 {
    font-size:1.8em;
    font-weight:700;
}
.hfeed h2 {
    font-size:1.2em;
    font-weight:700;
}
.hfeed h1 a:hover, .hfeed h2 a:hover {
    color:silver;
}
ol, ul {list-style-type:none}

p.authorDate {color:silver;}

.hentry.bigBoy {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid silver;
}

.hentry.twin {
    width:48%;
    float:left;
    margin-right:4%;
}
.hentry.twin img {
    width:50%;
}
.hentry.twin.odd {
    margin-right:0;
}
.twinDivider {
    clear:left;
    height:20px;
    margin-bottom:20px;
    border-bottom:1px solid silver;
}

.hentry.twin p.readMore img, p.readMore img {
    height:28px;
    width:auto;
    float:left;
    padding-left:4px;
}
p.readMore img.first {
    padding-left:0;
}
p.readMore img:hover {
    opacity:0.8;
}
.hentry.peopleSay {
    border-bottom:1px solid silver;
    padding:4% 0;
}

.hentry.peopleSay.last {
    border-bottom:0;
}

.hentry.peopleSay img.peopleSayImage {
    width:25%;
    padding-bottom:4%;
}
/*-----------------------------------forms------------------------------------*/
input[type="text"],textarea {
    width:50%;
    background:#f6f6f6;
}


/*----------------table odds --------------------*/
tr {border-bottom:1px solid silver;}

#artistListing table {
    width:100%;
}


/*----------------standalone Self Clearing Goodness */
.clearFix:after {
  content: "";
  display: table;
  clear: both; 
}


@media (max-width: 1360px) {
    .container {width:100%;}

}

@media (max-width: 1100px)  {
    .wf-active #mainNav a {font-size:1.5em;padding:0 8px;}
    ul#socialImages img {padding:0;}        
    .container {padding:0;}
    #mobileNav {width:10%;float:left;padding:4% 0 0 2%}
    #mobileMastHead {width:60%;padding:2% 0 0 22%;}
    #mobileMastHead img{width:100%;}
    .sideBar {display:none;}
    .deskTopTabletOnly {display:none;}
    .mobile, #mobileNav {display:block;}
    .mobileHeader {background: url(../images/logoback.png);}
    #mainNav {display:none;}
    h1 {font-size:3em;}
    .eight.columns.offset-by-four.colophon.desktop {width:100%;margin:0;}
    .footer p {text-align:center;padding:0 6%;}
    #endorsements .endorsement  {width:100%;height:auto;padding:0;border-right:0;}
    #endorsements .endorsement  span{ position:relative;}
    img.socialMobile.tw {width:30px;height:auto;margin:0 0 -8px 0;}
}

@media (max-width: 555px) {
     h1 {font-size:2em;}
}