/* Set your custom styles here */
/* Tip - keep a backup of your custom styles and document with comments like these */

*{
     -webkit-font-smoothing: antialiased;!important
    
}
.light header .hgroup h1 a:link, .light header .hgroup h1 a:visited, .light header .hgroup h1 a:focus, .light header .hgroup h1 a:hover, .light header .hgroup h1 a:active{
    color:#666666;

}


.hgroup img{
 
    width:35px;
    height:35px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ff82ab;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

@font-face {
    font-family: 'gilroyblack';
    src: url('../fonts/gilroy-black-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroyblack_italic';
    src: url('../fonts/gilroy-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroylight';
    src: url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroylight_italic';
    src: url('../fonts/gilroy-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroymedium';
    src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroymedium_italic';
    src: url('../fonts/gilroy-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroyregular';
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroyregular_italic';
    src: url('../fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'gilroybold';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gilroybold_italic';
    src: url('../fonts/gilroy-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body .juicebox-gallery .jb-idx-thb-list-page-number, .juicebox-gallery .jb-area-large-mode-title, .juicebox-gallery .jb-idx-title, .juicebox-gallery .jb-idx-title textarea, .juicebox-gallery .jb-area-caption, .juicebox-gallery .jb-area-caption div, .juicebox-gallery .jb-splash h3, .juicebox-gallery .jb-splash p, .juicebox-gallery .jb-splash a, .juicebox-gallery .jb-go-back a, .juicebox-gallery .jb-idx-thumbnail-show-more a, .juicebox-gallery .jb-status-message, #jb-glry-dlg{
    font-family: "gilroymedium" !important;  font-weight: normal !important;
}

h1      { font-family: "gilroybold" !important; font-weight: normal !important; font-size: 2em;   /* 2*16 = 32 */         }
h2      { font-family: "gilroybold" !important; font-weight: normal !important;  font-size: 1.5em;     /* 1.5*16 = 24 */       }
h3      { font-family: "gilroybold" !important; font-weight: normal !important;  font-size: 1.17em;    /* 1.17*16 = 18.72 */   }
h4      { font-family: "gilroybold" !important; font-weight: normal !important;  font-size: 1em;       /* 1*16 = 16 */         }
h5      { font-family: "gilroybold" !important; font-weight: normal !important;  font-size: 0.83em;    /* 0.83*16 = 13.28 */   }
h6      { font-family: "gilroybold" !important; font-weight: normal !important;  font-size: 0.75em;    /* 0.75*16 = 12 */      }


.hgroup a{
    font-size: 24px;
}


.jbn-right-button .jbn-nav-button-icon .jbn-left-button{
    font-size:30px!important;
}


#menu-anchor{padding-top:10px; color:#666666;}


#nav{
    margin-top: 11px;
}

header{
    border-bottom:none;
}

.light{border:none;
}

footer{
    border-top:none;
}

.page-title{
    display:none;
}

.page-body a{
    border-bottom:none;
}


a{
    color:#999999    -webkit-font-smoothing: antialiased;!important;
}

a:hover{
    color:#ffb9c3!important;
}


.thumbs figcaption{
    text-align: left;
}

.leftSide{
    font-size: 16px;
max-width:70%;
float: left;}

.rightSide{
    font-size: 16px;
max-width:28%;
float: right;}

.introT{
    font-family: "gilroylight" !important;
    font-size:26px;
    font-weight: normal;
}

.headings-helvetica header, .headings-helvetica .thumbs figcaption, .headings-helvetica footer small{
    font-family: "gilroymedium" !important;
}

.row{
    display:block;
    max-width:100%;
    height:100%;
    margin-bottom: 30px;
    
}

.sk-auto-height{
    padding-bottom: 20px;
}

.quarter{
width:24%;
display:inline-block;}

.half{
width:49%;
display:inline-block;}

.header-nav-items{
    font-size: 2em;
}

@media screen and (max-width: 1100px){

    body{background-color:#090909!important;}
}

@media screen and (min-width: 1100px){

    body{background-color:#ffffff!important;}
}

body {
    -webkit-transition: background 1s linear;
    transition: background 1s linear;
}


@media only screen and (min-width: 480px){
    .type-about .page-body
{
    width:100%;
    max-width:100%;
    min-width:100%;
}
}


/* Portrait */
@media only screen and (max-width: 768px) 
 {
      .leftSide{
   min-width:100%!important;
}

.rightSide{
min-width:100%!important;

}
       .introT{
        font-size: 14pt;
    }
     
     .quarter{
width:48%;
display:inline-block;}
     
}
}

body {
    -webkit-transition: background 2s linear;
    transition: background 2s linear;
}