/*
Theme Name: HAAS
Theme URI:
Author: HOFFMAN CREATIVE - MAURICIO ARANGO
Author URI: http://www.hoffman-creative.com
Description: GLORIOUS ENERGY
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: HAAS BROTHERS

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 * 6.0 - Footer
 * 7.0 - Media Queries
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing: border-box;
    box-sizing:         border-box;
}

/* Resets CSS styles. Minified */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}:focus{outline:0}body{background:#fff;line-height:1;margin:0;padding:0;}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:100%;
    display: inline-block;
    font-size: 62.5%;
}

body{
    color: #000;
    background-color:#000;
    font:'Graphic Web',Geneva, sans-serif, Helvetica, Arial;
    vertical-align:text-bottom;
}

#page{
    /*! background-color:rgb(29, 29, 29); */
}

/* TYPE */
@font-face {
  font-family: 'Graphik Regular Web';
  src: url('fonts/graphik/Graphik-Regular-Web.eot');
  src: url('fonts/graphik/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
     url('fonts/graphik/Graphik-Regular-Web.woff') format('woff'),
     url('fonts/graphik/Graphik-Regular-Web.ttf') format('truetype'),
     url('fonts/graphik/Graphik-Regular-Web.svg#Graphik Web') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/graphik/Graphik-Medium-Web.eot');
  src: url('fonts/graphik/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
     url('fonts/graphik/Graphik-Medium-Web.woff') format('woff'),
     url('fonts/graphik/Graphik-Medium-Web.ttf') format('truetype'),
     url('fonts/graphik/Graphik-Medium-Web.svg#Graphik Web') format('svg');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

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

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\e600";
}
.icon-instagram:before {
    content: "\e601";
}
.icon-twitter:before {
    content: "\e602";
}
.icon-down-arrow:before {
    content: "\e603";
}
.icon-HAAS-logo:before {
    content: "\e605";
}
.icon-HAAS-logo-2:before {
    content: "\e606";
}
.icon-plus:before {
    content: "\e607";
}
.icon-HAAS-logo-3:before {
    content: "\e609";
}
.icon-HAAS-FONTS-01:before {
    content: "\e60a";
}
.icon-HAAS-FONTS-02:before {
    /*content: "\e60b";*/
}
.icon-left-arrow:before {
    content: "\e610";
}
.icon-minus:before {
    content: "\e604";
}
.icon-right-arrow:before {
    content: "\e608";
}
/* links */
a{
    text-decoration:none;
    color:#000;
}

a:hover{
    text-decoration:none;
    color:rgb(235,120,209);
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
    clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
    content: "";
    display: table;
}

/* Form fields, general styles first. */
input, textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    border-radius: 0;
}

/* Buttons */

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
    max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
    height: auto;
    max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
    max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

/* Images */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
    color: #220e10;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
    list-style-position: inside;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
html{height:100%;}

#page, #masthead, .site-main, #primary, #content, .primary, .side-content {
    position:relative;
    width:100%;
}
#content{
    overflow: hidden;
    background-color:#000;
}

body.single, body.single #page, body.single #main, body.single #primary, body.single .site-content, body.single article.category-press{
        min-height:100%;
        position:relative;
}
body #main.site-main{
    min-height: 100vh;
    background-color:RGB(0, 184, 100);
}
.site-content {
    border-top: 1px solid rgba(0, 0, 0, 0);
}
/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */



/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

/* Navbar */
#masthead{
    z-index:1000;
}

#navbar{
    position:fixed;
    width:100%;
    height:100%;
    margin-left:-100%;
    overflow:scroll;
    background-color:#FFF;
}

#navbar.extended{margin-left:0;}
#navtip.extended{margin-left:100%;}

.close-smallscreen{
    display:block;
    width:100%;
    height:5rem;
    cursor:pointer;
}
.close-smallscreen .icon-HAAS-FONTS-01{
    float:right;
    font-size:2rem;
    padding:1.5rem;
    color:rgb(0,184,100);
}
.nav-menu{
    margin:0;
    padding:1.5rem 0 0 0;
    font-family:'Graphik Web', Helvetica, Arial, sans-serif;
}

.nav-menu li{
    display:block;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    font-size:1.75rem;
    padding-bottom:2.5rem;
}

.nav-menu li.current-menu-item a, .nav-menu li.current-post-ancestor a{
    color:#EB78D2;
}

.nav-menu li span.icon-HAAS-logo-3{
    font-size:5rem;
}

#navtip{
    position: fixed;
    top:1.5rem;
    left:0;
    cursor:pointer;
}

#navtip .icon-HAAS-FONTS-02{
    color: rgba(255, 255, 255, 0.85);
    font-size: 6rem;
    position: relative;
}

#navtip .icon-right-arrow{
    color: RGB(0, 184, 100);
    font-size: 4rem;
    left: 0;
    top:0;
    margin: 1rem 0 0 2rem;
    position: absolute;
}

/*
    FOOTER
*/
footer{
    background-color: RGB(0, 184, 100);
    padding: 15px 10px;
    margin-top: 0px;
}
.footerNav{
    font-family: Geneva, 'Graphik Web', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.05rem;
    line-height: 1.2rem;
}
.footerNav-holder-menu{
    text-align: right;
}
.footerNav-holder-menu li{
    display: inline-block;
    margin-left: 25px;
}
.footerNav a{
    color: #FFF;
}
/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */





/**
 * 5.1 Mash up - Home Page
 * ----------------------------------------------------------------------------
 */
 body.home, body.home #page, body.home #main, body.home #primary, body.home #content, body.home .page, body.home .entry-content{
     height:100%;
     background-color:#000;
 }

.logohome{
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 500;
}

.logohome .icon-HAAS-logo{
    font-size:20rem;
    margin: auto;
    position: absolute;
    top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

#leftside, #rightside{
    width:50%;
    height:100%;
    position:relative;
    float:left;
    clear:none;
    display:block;
    /*background-color:#FFF;*/
    overflow:hidden;
}

.slidemashup{
    height:100%;
    width:100%;
    position:absolute;
    top:-10000px;
    left:-10000px;
    background-repeat: no-repeat;
    background-size: cover;
}

#leftside .slidemashup{
    background-position: right center;
}

#rightside .slidemashup{
    background-position: left center;
}

.slidemashup.horizontal{
    background-position: left center;
}


/**
 * 5.2 Gallery
 * ----------------------------------------------------------------------------
 */
#content .category-gallery{
    position:relative;
    display:block;
    overflow:hidden;
    clear:both;
}

.plus{
    position:absolute;
    bottom:1rem;
    right:1rem;
    font-size:2rem;
    cursor:pointer;
}

#content  .boxinfo{
    position:absolute;
    bottom:0;
    right:0;
    width:50%;
    height:auto;
    background-color:rgba(255,255,255,.85);
    padding:1.5rem 1.5rem 0.5rem 1.5rem;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    display:none;
}

#content  .boxinfo .minus{
    font-size:2rem;
    cursor:pointer;
    text-align:right;
}

img.lazy{
    max-width:100%;
    display:block;
}

img.lazy.wp-post-image{
    display:block;
    float:left;
    clear:none;
    margin:0;
    padding:0;
}

.boxinfo .entry-header h1, .boxinfo .entry-header p, .boxinfo .entry-content{
    font-family:Geneva, 'Graphik Web', Helvetica, Arial, sans-serif;
    font-weight:400;
    color:#000;
}

.boxinfo .entry-header h1{
    font-size:1.2rem;
    text-decoration:underline;
    clear:both;
    margin-bottom:.6rem;
}

.boxinfo .entry-header p{
    font-size:.9rem;
    margin-bottom:1.2rem;
}

.boxinfo .entry-content{
    font-size:1.05rem;
    line-height:1.2rem;
}

.boxinfo .entry-content p.download{
    margin-top:1rem;
}

.boxinfo .entry-content p.download a{
    color:#EB78D1;
    font-size:1rem;
}

/* YEAR MENU - GALLERY */
#yearmenu{
    color: #D4DCE1;
    font-family: 'Graphik Web', Helvetica,Arial,sans-serif;
    font-weight: 500;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 1.6rem;
    width:8rem;
    font-size: 3rem;
    margin-left:auto;
    right:0;
}

#yearmenu .singleyear{
    display:none;
    margin-top:10px;
    cursor:pointer;
    font-family:'Graphik Regular Web', sans-serif;
}

#yearmenu .singleyear.clicked{
    color:#00B864;
}

#yearmenu .singleyear:hover{
    color:#00B864;
    }

#yearmenu .firstyear:first-child{
    /*border-bottom: 1px solid;*/
}
#yearmenu .firstyear{
    font-size:14px;
    line-height:1;
}

#yearmenu .firstyear .icon-down-arrow{
    display: block;
    font-size: 36px;
    margin-top: -4px;
}

#yearmenu .firstyear:hover{
    color:#00B864;
    cursor:pointer;
}

/**
 * 5.3 Contact
 * ----------------------------------------------------------------------------
 */

body.page-template-page-contact-php, body.page-template-page-contact-php #page, body.page-template-page-contact-php #main, body.page-template-page-contact-php #primary, body.page-template-page-contact-php #content, body.page-template-page-contact-php article.page {
    height:100%;
}

body.page-template-page-contact-php article.page{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 50%;
    position:relative;
    overflow:hidden;
}

body.page-template-page-contact-php .entry-content{
    text-align: center;
    position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.blackcircle {
    background-color: #000;
    border-radius: 15rem;
    height: 30rem;
    position: absolute;
    width: 30rem;
    z-index: -1;
}

.contacttop {
    float: left;
    position: relative;
    width: 30rem;
    height:30rem;
}

body.page-template-page-contact-php .contactinfo{
  font-family:'Graphik Web', Helvetica,Arial,sans-serif;
  text-align:center;
  color:#fff;
  letter-spacing: .025rem;
  margin: 2rem auto 0 auto;
}

body.page-template-page-contact-php .contactinfo a{
    color:#fff;
    text-decoration:underline;
}

body.page-template-page-contact-php .contactinfo h1{
    color:#EB78D2;
    text-decoration:underline;
    font-size: 1.3rem
}

body.page-template-page-contact-php .contactinfo p{
    font-size: 1rem;
    line-height:1.6rem;
    margin-top: 2rem
}

.social{
    font-family:Geneva, Helvetica, Arial, sans-serif;
    font-size:1rem;
    color:#E2AE48;
    text-align:center;
    text-transform:uppercase;
    margin-top: 2rem;
}

.social > div{
    display:inline-block;
    margin: 0 0.75rem;
}

body.page-template-page-contact-php .contactinfo .social a{
    color:#E2AE48;
    text-decoration:none;
}

.social .icon-instagram, .social .icon-twitter, .social .icon-facebook{
        font-size:1.5rem;
}

.sociallink{
    padding-top: 1rem;
    display: inline-block;
}


body.page-template-page-contact-php .contactinfo .contactlogo a{
    color:#EB78D2;
    margin-top: 2rem;
    font-size:2.25rem;
    text-decoration:none;
}

.contactlogo {
    margin-top: 2rem;
}

#credits {
    font-family:Geneva, Helvetica, Arial, sans-serif;
    background-color: #000;
    color: #fff;
    float: left;
    margin: 2rem auto 0;
    padding: 1rem;
    text-transform: uppercase;
    width: 100%;
    font-size:1rem;
}

#credits h2{
    padding:1.5rem 0;
}

#credits li{
    display:inline-block;
    margin:0 .1rem 1rem .1rem;
}

#credits a{
    color:#FFF;
    text-decoration:none;
}

#credits a:hover{
    text-decoration:underline;
}

/**
 * 5.4 PRESS
 * ----------------------------------------------------------------------------
 */

article.category-press, .pressmainlink{
    display:block;
    float:left;
    clear:none;
    position:relative;
    width:100%;
}

.pressbg{position:relative; display:block; margin:0; padding:0; width:100%}

.pressbg img.lazy{width:100%;}

.pressfrontbox{
    margin:0;
    padding:0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    height:100%;
    min-height:5rem;
    z-index: 100;
}

.pressfrontbox h1{
    margin-top:50%;
    font-family:'Graphik Web', Helvetica, Arial, sans-serif;
    font-size: 2.75rem;
    margin-bottom:2rem;
    width:80%;
    margin-left:10%;
    line-height:1;
}

.pressfrontbox p.theyear{
    font-family:'Graphik Web', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    text-transform:uppercase;
    width:80%;
    margin-left:10%;
    padding:0;
}


.pressfrontbox.color1{
    background-color:rgba(235,120,208,.75);
}
.pressfrontbox.color2{
    background-color:rgba(0,0,0,.75);
}
.pressfrontbox.color3{
    background-color:rgba(225,167,58,.75);
}
.pressfrontbox.color4{
    background-color:rgba(0,184,100,.75);
}
.pressfrontbox.color5{
    background-color:rgba(255,255,255,.75);
}
.pressfrontbox.color6{
    background-color:rgba(235,120,208,.75);
}
.pressfrontbox.color7{
    background-color:rgba(225,167,58,.75);
}
.pressfrontbox.color8{
    background-color:rgba(0,0,0,.75);
}
.pressfrontbox.color9{
    background-color:rgba(0,184,100,.75);
}

.pressfrontbox.color1 h1, .pressfrontbox.color1 p{
    color: #000;
}
.pressfrontbox.color2 h1, .pressfrontbox.color2 p{
    color:#FFF;
}
.pressfrontbox.color3 h1, .pressfrontbox.color3 p{
    color:#000;
}
.pressfrontbox.color4 h1, .pressfrontbox.color4 p{
    color:#FFF;
}
.pressfrontbox.color5 h1, .pressfrontbox.color5 p{
    color:#000;
}
.pressfrontbox.color6 h1, .pressfrontbox.color6 p{
    color:#FFF;
}
.pressfrontbox.color7 h1, .pressfrontbox.color7 p{
    color:#000;
}
.pressfrontbox.color8 h1, .pressfrontbox.color8 p{
    color:#FFF;
}
.pressfrontbox.color9 h1, .pressfrontbox.color9 p{
    color:#000;
}

/* teAM */
body.category-team article.category-team{
    margin-bottom:0;
}

article.category-team{
    color:#fff;
    font-size: 1.4rem;
    font-family:Geneva, Helvetica, Arial, sans-serif;
    line-height:2rem;
    display:block;
    width:100%;
    float:left;
    clear:both;
    margin-bottom:2rem;
}
.teaminside p {
    margin: 0 auto;
    padding: 1rem 0;
    width: 90%;
    color:#FFF;
}
.teaminside p.wp-caption-text {
    color: #999;
    font-size: 1rem;
    font-style: normal;
    padding: 0.5rem;
    text-align: center;
}
.teaminside img.alignnone.size-medium{
    width: 100%;
}

/* Single Press Page */
#page{
    height:100%;
}
.single .pressfrontbox{
    position:relative;
    min-height:8rem;
    padding:1.5rem 0 1rem 0;
    display: block;
    float: left;
    clear: both;
}

.single .pressfrontbox h1{
    margin-top:0;
    margin-bottom:1rem;
}

.pdflink{display:none;}

#closepress{
    display:none;
    position:fixed;
    top: 9rem;
    right: 1rem;
    cursor: pointer;
    font-size: 2rem;
}

#pressimages{
    display:block;
    position:relative;
    clear:both;
    float:left;
    width:100%;
    overflow:hidden;
}

#pressimages img.lazy{
    width:100%;
}

/* TexT ONLY  */
.page-template-content-textOnly-php .textOnlySidebar-holder{
    align-items: center;
    background-color:#FFF;
    display: flex;
    margin:0;
    min-height: 9rem;
    padding:1.5rem 1rem 1rem;
    position:relative;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
}
.page-template-content-textOnly-php .textOnlySidebar-holder h1{
    font-family:'Graphik Web', Helvetica, Arial, sans-serif;
    font-size: 2.75rem;
    line-height:1;
    margin: 0 auto 0 auto;
    width:100%;
}


.page-template-content-textOnly-php .textOnlyContent{
    display: block;
    clear: both;
    float: left;
    margin: 0 5%;
    overflow: hidden;
	padding: 1rem 0;
    position: relative;
    width: 90%;

	color: #FFF;
    font-size: 1.4rem;
    font-family: 'Graphic Web',Geneva, sans-serif, Helvetica, Arial;
    line-height: 2rem;
}
.page-template-content-textOnly-php .textOnlyContent h2,
.page-template-content-textOnly-php .textOnlyContent h3,
.page-template-content-textOnly-php .textOnlyContent p,
.page-template-content-textOnly-php .textOnlyContent ul,
.page-template-content-textOnly-php .textOnlyContent ol{
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.page-template-content-textOnly-php .textOnlyContent h2{
    margin-top: 40px;
    font-weight: 900;
    text-transform: uppercase;
}
.page-template-content-textOnly-php .textOnlyContent h3{
    margin-top: 40px;
    text-transform: uppercase;
}
.page-template-content-textOnly-php .textOnlyContent ul,
.page-template-content-textOnly-php .textOnlyContent ol{
    list-style-position: outside;
    list-style-type: disc;
    margin-left:13px;
}

.page-template-content-textOnly-php .textOnlyContent ol{
    list-style-type: decimal;
}
.page-template-content-textOnly-php .textOnlyContent li{
    margin-bottom: 10px;
}
.page-template-content-textOnly-php .textOnlyContent a{
    text-decoration: underline;
}

/**
 * 5.5 GIF
 * ----------------------------------------------------------------------------
 */

#gifholder{
    width:0;
    height:0;
    left:-1000px;
    top:-1000px;
    position:fixed;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
}

#gifholder.gifvisible{
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    opacity:0;
 }

/**
 * 5.6 ARCHIVE
 * ----------------------------------------------------------------------------
 */

body.category-archive, body.category-archive #page, body.category-archive #main, body.category-archive #primary, body.category-archive #content{
    height:100%;
    min-height:100%;
}

body.category-archive #page, body.category-archive #main, body.category-archive #primary, body.category-archive #content{
    overflow:visible;
    background-color:#000;
}

.category-archive #page{background-color:#000;}

/* ARCHIVE 1ST SCREEN */
#archivelogin, #noticescreen {
    position:relative;
    width:100%;
    min-height:100%;
    height:100%;
    position:absolute;
}

#archivelogin{
    display:none;
    z-index:100;
}

#noticescreen{
    background:url(images/archive.png);
    background-repeat:repeat;
    background-position:center center;
}

#clicktologin{
  font-family:'Graphik Web', Helvetica,Arial,sans-serif;
  text-align:center;
  text-transform:uppercase;
  color:#FFF;
  font-size:2rem;
  line-height:2.5rem;
  letter-spacing: .025rem;
  cursor:pointer;
  width: 50%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}


#validationscreen{
    background-color:#fff;
    color:#EB78D2;
    font-family:'Graphik Web', Helvetica,Arial,sans-serif;
    position:relative;
    overflow:hidden;
    display:block;
    width:100%;
    height:0;
    top: 50%;
  -webkit-transform: translate(0,-50%);
     -moz-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
}

.validationcontents{
    text-align:center;
    width: 90%;
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.icon-HAAS-logo-2.validation{
    font-size:10rem;
}

.validationcontents p{
    margin-bottom:2rem;
    font-size:1.2rem;
}

.validationcontents p.inputvalidation{
    font-family:Geneva, Helvetica, Arial, sans-serif;
    font-size:1rem;
    color:#000;
    text-transform:uppercase;
}

.validationcontents p.inputvalidation input{
    border: 1px solid #000000;
    border-radius: 0;
    box-shadow: none;
    margin: 0 10px;
    vertical-align: bottom;
}

.validationcontents p.request{
    font-family:Geneva, Helvetica, Arial, sans-serif;
    font-size:0.9rem;
    color:#E2AE48;
    text-transform:uppercase;
    line-height:1.1rem;
}

.validationcontents p.request a{
    color:#E2AE48;
}

.validationcontents p.request img{
    margin-top:2rem;
    width:6rem;
    height:4.6rem;
}

#error{
  font-size: 1rem;
}
/* PRIVATE PAGES PASSWORD PAGE  */
body.for-your-eyes-only #page,
body.for-your-eyes-only #primary{
    min-height: 100vh;
    margin-top: -1px;
}

body.for-your-eyes-only #main, body.for-your-eyes-only #content, body.for-your-eyes-only #content article {
    min-height: calc(100vh - 90px);
}
body.for-your-eyes-only #main{
    padding-top: 90px;
}
.for-your-eyes-only #content{
    border:none;
}
.for-your-eyes-only #content article iframe{
    min-height: calc(100vh - 90px);
}
.for-your-eyes-only #single-login{
    display: block;
    width:100%;
    min-height:100%;
    height:100%;
    position:absolute;
}
.for-your-eyes-only #single-login label{
    /*! margin-bottom: 10px; */
    display: inline-block;
}
.for-your-eyes-only #single-login input{
    margin: 0 5px;
    padding: 3px 3px 0 3px;
    display: inline-block;
}
.for-your-eyes-only #single-login .input-password{
    /*! margin-bottom: 5px; */
    text-align: left;
}
.for-your-eyes-only #single-login .validate{
    border: none;
    background-color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
}
.for-your-eyes-only #single-login #validationscreen{
    height: 100%;
}
.for-your-eyes-only article.post-password-required h1 {
    display: none;
}
.for-your-eyes-only article h1 {
    margin-top: 0;
    font-family: 'Graphik Web', Helvetica, Arial, sans-serif;
    font-size: 1.75rem;
    margin-bottom: 2rem;
    width: 80%;
    margin-left: 10%;
    line-height: 1;
    color: #FFF;
    text-align: center;
}

/* ARCHIVE INSIDE */
#content .category-archive{
    height:0;
    overflow:hidden;
    position:relative;
    display:none;
    clear:both;
    font-family: 'Graphik Web', Helvetica,Arial,sans-serif;
}

body.category-archive #archivemenu, body.category-archive article{
    display: none;
}

#archivemenu{
    background-color:#4D4D4F;
    width:100%;
    height:auto;
    padding-top:.6rem;
    padding-bottom:2rem;
    font-family: 'Graphik Web', Helvetica,Arial,sans-serif;
}

#archivemenu.dark{
    background-color:#000;
}

#archivemenu .archivemenuitem{
    width:90%;
    margin:0 auto 0 auto;
    text-align:center;
    padding:2rem 0 0 0;
}

#archivemenu .archivemenuitem.gone{
    display:none;
}

#archivemenu h1{
    text-transform:uppercase;
    text-align:center;
    cursor:pointer;
    font-size:1.5rem;
    margin:0;
}

#archivemenu h1.active{
    cursor:default;
}

.archivemenuitem:nth-child(3n-2) h1{
    color:#EB78D2;
}

.archivemenuitem:nth-child(3n-1) h1{
    color:#00B864
}

.archivemenuitem:nth-child(3n) h1{
    color:#E1A73A;
}

.archivemenuitem:nth-child(3n-2) h1:hover{
    color:#EB78D2;
}

.archivemenuitem:nth-child(3n-1) h1:hover{
    color:#00B864
}

.archivemenuitem:nth-child(3n) h1:hover{
    color:#E1A73A;
}

#archivemenu .download{
    text-transform:uppercase;
    display:none;
    padding:1rem 0 0 0;
    font-size:1rem;
}

#archivemenu .download a{
    color:#fff;
}

#archivemenu .download.active{
    display:none;
}

#archivemenu .year{
    display:none;
    padding:1rem 0 0 0;
    font-size:1rem;
}

#archivemenu .year.active{
    display:block;
}

.archivemenuitem:nth-child(3n-2) .year{
    color:#EB78D2;
}

.archivemenuitem:nth-child(3n-1) .year{
    color:#00B864
}

.archivemenuitem:nth-child(3n) .year{
    color:#E1A73A;
}
.spacerarchive{
    width:100%;
    height:0;
    display:none;
}

.scrolldownarchive{
    display:none;
}
.gridsetter{
    width:100%;
    height:0;
}
.imagearchive{
    width:100%;
    display:block;
    position:relative;
    padding:0;
    margin:0;
}

.lazyarchive{
    width:100%;
    height:auto;
    display:block;
}

#content .category-archive.ready{
    height:auto;
}

.category-archive #content{ position:relative;}

/* CLOSE MOBILE */
.closearchivemobile {
    color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: 900;
    position: absolute;
    right: 2rem;
    top: 4.75rem;
    display:none;
    cursor:pointer;
}

/**
 * 5.7 NEWS
 * ----------------------------------------------------------------------------
 */
body.category-news{
    min-height:100%;
}

body.category-news #page{
    overflow:hidden;
    min-height:100%;
}


#sidenews{
    display:none;
}

article.category-news{
    width:100%;
    margin-bottom:2rem;
    color:#fff;
    font-family:Geneva, Helvetica, Arial, sans-serif;
    line-height:2rem;
    display:block;
    width:100%;
    float:left;
    clear:both;
}

.newsleft{
    /*max-height: 35rem;*/
    overflow: hidden;
}

.newsleft img{
    width:100%;
    height:auto;
}

article.category-news p{
    padding: 1rem 0;
    border-bottom:1px solid #767676;
    width:90%;
    margin:0 auto;
    font-size:1.4rem;
}

article.category-news .thedate{
    text-transform:uppercase;
    text-decoration:none;
    color:#AF976D;
    font-size:1.8rem;
}

article.category-news .thedate.smaller{
    font-size:1.2rem;
}

article.category-news .icon-right-arrow{
    color:#AF976D;
    font-size:1.1rem;
}

a.newsmainlink{
    color:#fff;
    text-decoration:none;
    border-bottom:none;
    border-top:none;
    border-left:none;
    border-right:none;
}

#content.news {
    min-height:100%;
}

#content.news h1{
    text-align:center;
    text-transform:uppercase;
    padding:1.5rem 0 2rem 0;
    width:90%;
}

#content.news h1 a{
    color:#EB78D2;
    font-family:'Graphik Web', Helvetica,Arial,sans-serif;
    font-weight:500;
    font-size:2.75rem;
}

#content.news p{
    padding: 1rem 0;
    width:90%;
    margin:0 auto;
    font-size:1.4rem;
    color:#FFF;
    font-family:Geneva, Helvetica,Arial,sans-serif;
    line-height:2rem;
}

#content.news p.wp-caption-text{
    font-size:1rem;
    color:#FFF;
    font-family:'Graphik Regular Web', Helvetica,Arial,sans-serif;
    padding:.5rem 0;
    text-align:center;
    font-style:normal;
}

#content.news .thedate{
    width:90%;
    margin:0 5%;
    text-transform:uppercase;
    text-decoration:underline;
    color:#AF976D;
    font-size:1.4rem;
    font-family:Geneva, Helvetica,Arial,sans-serif;
}

.category-news h1{
    color: #EB78D2;
    font-family: 'Graphik Web',Helvetica,Arial,sans-serif;
    font-size: 2.75rem;
    font-weight: 500;
    width:90%;
    margin:3rem auto 2rem;
    text-align:center;
}

/* news navigation */

.newsnav{
    text-decoration: none;
    text-transform: uppercase;
    text-align:center;
    font-family:Geneva, Helvetica, Arial, sans-serif;
    color: #AF976D;
    font-size:1.2rem;
    width:90%;
    margin:2rem auto;
}

.newsnav a{ color:#FFF;}

.newsnav li{ display:inline-block; margin-right:1rem;}

/* news + instagram */
.instagrams{
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-bottom:3rem;
}

.instagrams h1{
    margin-bottom:0;
}

.instagrams h2{
    color: #EB78D2;
    font-family: 'Graphik Regular Web',Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-align:center;
    margin-bottom:2rem;
}

.instagrams h2 a{
    color: #EB78D2;
}

#instafeed{
    width:100%;
    border-bottom: 7px solid #767676;
    padding-bottom:3.5rem;
    overflow:hidden;

}

#instafeed a {
    clear: none;
    display: block;
    float: left;
    position:relative;
    text-align:center;
    overflow:hidden;
    width:33.3%;
}

#instafeed a:last-child{
    display:none;
}

#instafeed img{
    width:100%;
    height:auto;
    display:block;
}

/**
 * 6.0 Footer
 * ----------------------------------------------------------------------------
 */

/**
 * 7.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* MOBILE PORTRAIT */
@media only screen
and (min-width : 321px) {
    /* PRESS */
    .pressmainlink{
        width:50%;
    }

    #instafeed a{
        width:25%;
    }

    #instafeed a:nth-last-child(2) {
        display:none;
    }

}

/* LARGER SCREENS BEGIN HERE */
@media screen and (min-width: 761px) {
    body{
        max-width:1024px;
        margin:0 auto;
    }

    #masthead{
        overflow:hidden;
        margin-top:1.05rem;
        position:fixed;
        width:700px;
    }

    /* NAVIGATION */
    .menu-main-menu-container {
        overflow: hidden;
        position: relative;
    }

    #navbar{
        background-color: rgba(255, 255, 255, .6);
        clear: none;
        display: block;
        float: left;
        height: 3rem;
        margin-left: -520px;
        position: relative;
        width: auto;
        overflow:hidden;
        transition: all 1s;
    }
    #navbar.navbarExtended{
        margin-left: 0;
    }

    .close-smallscreen{ display:none;}

    .nav-menu{
        padding:0.6rem 0;
    }

    .nav-menu li{
        clear: none;
        display: inline-block;
        float: left;
        font-size: 1.2rem;
        margin-top: 2px;
        padding: 0.3rem 1.5rem 0;
        width: auto;
    }

    .nav-menu li:first-child{margin-top:0;}

    .nav-menu li span.icon-HAAS-logo-3{
        font-size:1.8rem;
    }

    .nav-menu li:first-child{
        padding-top:0;
    }
    .nav-menu li a{
        display:block;
    }

    #navtip{
        clear: none;
        display: block;
        float: left;
        margin: 0;
        position: relative;
        top: 0;
        width: auto;
    }

    #navtip .icon-HAAS-FONTS-02 {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width:2.15rem;
        height:3rem;
    }


    #navtip .icon-HAAS-FONTS-02 img {
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        width:2.15rem;
        height:3rem;
    }

    #navtip .icon-right-arrow {
        font-size: 2rem;
        font-weight: 700;
        left: 0.55rem;
        margin: 0;
        position: absolute;
        top: 0.5rem;
    }

    #navbar.extended{margin-left:0px;}
    #navtip.extended {margin-left: 0;}
/*  FOOTEr NAV    */
    footer{
        padding-right: 34px;
    }
    .footerNav{
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
    /* MASHUP HOME */

    .logohome .icon-HAAS-logo{
        font-size:240px;
    }

    /* GALLERY */
    .plus{
        position:absolute;
        bottom:12px;
        right:12px;
        font-size:1.3rem;
    }

    #content  .boxinfo{
        position:absolute;
        width:200px;
        top:auto;
        bottom:34px;
        right:38px;
    }

    .boxinfo .entry-header h1{
        font-size:1.3rem;
        line-height:1.8rem;
        text-decoration:underline;
        clear:both;
        margin-bottom:.6rem;
    }

    .boxinfo .entry-header p{
        font-size:1.1rem;
        margin-bottom:1.2rem;
    }

    .boxinfo .entry-content{
        font-size:1.3rem;
        line-height:1.6rem;
    }

    .boxinfo .entry-content p.download a{
        font-size:11px;
    }

    /* YEAR MENU GALLERY */
    #yearmenu{
        font-size: 30px;
        font-weight: 500;
        margin-left: 908px;
        top: 16px;
        width:80px;
        right:auto;
    }

    /* CONTACT PAGE */
    body.page-template-page-contact-php .entry-content{
        width:436px;
    }

    .blackcircle {
        border-radius: 185px;
        height: 370px;
        width: 370px;
    }

    .contacttop {
        float: left;
        position: relative;
        width: 370px;
        height: 370px;
        margin:0 33px;
    }

    body.page-template-page-contact-php .contactinfo{
        margin-top:50px;
    }

    body.page-template-page-contact-php .contactinfo h1{
        font-size: 1.5rem
    }

    body.page-template-page-contact-php .contactinfo p{
        font-size: 12px;
        line-height:1.75rem;
    }

    .social{
        font-size:1.3rem;
    }

    .social .icon-instagram, .social .icon-twitter, .social .icon-facebook{
        font-size:2rem;
    }

    .sociallink{
        padding-top:1.5rem;
    }

    .contactlogo{
        margin-top:3rem;
        font-size:3rem;
    }

    #credits{
        width:436px;
       font-size: 1.2rem;
        line-height: 2rem;
        margin-top:40px;
    }

    #credits h2 {
        padding: 1.1rem 0;
    }

    #credits ul {
        display: block;
        margin: 0 auto 1rem;
        width: 370px;
    }

    #credits li{
        margin-bottom:0;
    }


    /* PRESS */
    body.category-press {width:100%; max-width:1026px;}

    .pressmainlink {width:calc(100% / 3); height:auto;}

    .pressfrontbox h1{
        font-size: 20px;
        margin-top:55%;
        margin-bottom:10px;
    }

    .pressfrontbox p{
        font-size: 9px;
    }


    .pressfrontbox.color1{
        background-color:rgba(235,120,208,1);
    }
    .pressfrontbox.color2{
        background-color:rgba(0,0,0,1);
    }
    .pressfrontbox.color3{
        background-color:rgba(225,167,58,1);
    }
    .pressfrontbox.color4{
        background-color:rgba(0,184,100,1);
    }
    .pressfrontbox.color5{
        background-color:rgba(255,255,255,1);
    }
    .pressfrontbox.color6{
        background-color:rgba(235,120,208,1);
    }
    .pressfrontbox.color7{
        background-color:rgba(225,167,58,1);
    }
    .pressfrontbox.color8{
        background-color:   rgba(0,0,0,1);
    }
    .pressfrontbox.color9{
        background-color:rgba(0,184,100,1);
    }

    .category .pressfrontbox.color1:hover{
        background-color:rgba(235,120,208,.5);
    }
    .category .pressfrontbox.color2:hover{
        background-color:rgba(0,0,0,.5);
    }
    .category .pressfrontbox.color3:hover{
        background-color:rgba(225,167,58,.5);
    }
    .category .pressfrontbox.color4:hover{
        background-color:rgba(0,184,100,.5);
    }
    .category .pressfrontbox.color5:hover{
        background-color:rgba(255,255,255,.5);
    }
    .category .pressfrontbox.color6:hover{
        background-color:rgba(235,120,208,.5);
    }
    .category .pressfrontbox.color7:hover{
        background-color:rgba(225,167,58,.5);
    }
    .category .pressfrontbox.color8:hover{
        background-color:   rgba(0,0,0,.5);
    }
    .category .pressfrontbox.color9:hover{
        background-color:rgba(0,184,100,.5);
    }

    /* PRESS SINGLE PAGE */
    body.single article.category-press{
        width:100%;
    }

    .single .pressfrontbox {
        display: block;
        padding:0;
        position: fixed;
        width:243px;
        height:100%;
    }

    .single .pressfrontbox h1{
        margin-top:50%;
    }

    .pdflink{
            display:block;
            text-transform:uppercase;
            font-family:Geneva, Helvetica, Arial, sans-serif;
            font-size:9px;
            margin-top:40px;
            }

    .color1 .pdflink a{
            color:#FFF;
    }
    .color2 .pdflink a{
            color:#FFF;
    }
    .color3 .pdflink a{
            color:#FFF;
    }
    .color4 .pdflink a{
            color:#000;
    }
    .color5 .pdflink a{
            color:#000;
    }
    .color6 .pdflink a{
            color:#000;
    }
    .color7 .pdflink a{
            color:#FFF;
    }
    .color8 .pdflink a{
            color:#000;
    }
    .color9 .pdflink a{
            color:#FFF;
    }

    #pressimages{
        margin-left:243px;
        width: calc(100% - 243px);
    }

    #closepress{
      display: block;
      left: 50%;
      margin-left: 484px;
      position: fixed;
      right: 0;
      top: 15px;
      z-index: 800;
    }

    /* TEAM */
    /* uses press template */
    body.category-team{
        width:1027px;
        max-width:1027px;
    }

    article.category-team {
        clear: both;
        display: block;
        float: left;
        line-height: 25px;
        margin-bottom: 0;
        position: relative;
    }

    article.category-team p {
        border: medium none;
        font-size: 15px;
        padding:20px 40px;
        width: auto;
    }

    /* ARCHIVE */
    body.category-archive #page, body.category-archive #main, body.category-archive #primary, body.category-archive #content{
        /*overflow:hidden;*/
        background-color:#4D4D4D;
    }



    .icon-HAAS-logo-2.validation{
    font-size:20rem;
    }

    .validationcontents p{
        margin-bottom:40px;
        font-size:18px;}

    .validationcontents p.inputvalidation{
        font-size:16px;
    }

    .validationcontents p.inputvalidation input{
        width:360px;
    }

    .validationcontents p.request{
        font-size:14px;
    }

    .validationcontents p.request img{
        margin-top:2rem;
        width:auto;
        height:auto;
    }

  #error{
    font-size: 15px;
  }
    /*  PASSWORD PROTECTED PAGES */
    body.for-your-eyes-only{
        width: 100%;
        max-width: 100%;
    }
    body.for-your-eyes-only #page{
        min-height: 100vh;
        margin-top: -1px;
    }
    body.for-your-eyes-only #primary,
    body.for-your-eyes-only #content,
    body.for-your-eyes-only #content article {
        min-height: calc(100vh - 51px);

    }
    body.for-your-eyes-only #main{
        padding-top:51px;
        min-height: calc( 100vh - 102px );
    }
    body.for-your-eyes-only #content article iframe {
        min-height: calc(100vh - 88px);
    }
    body.for-your-eyes-only #single-login input{
        display: inline-block;
    }
    body.for-your-eyes-only #single-login input.validate{
        font-size: 16px;
        width: 30px;
    }

    /* ARCHIVE INSIDE*/
    #archivemenu{
        background-color: #000000;
        clear: none;
        display: none;
        float: left;
        margin-top: -1px;
        max-height: 100%;
        min-height: 100%;
        height:100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 70px 54px 35px 35px;
        position: fixed;
        width: 264px;
    }

    /* Let's get this party started */
    #archivemenu::-webkit-scrollbar {
        width: 9px;
    }

    /* Track */
    #archivemenu::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    /* Handle */
    #archivemenu::-webkit-scrollbar-thumb {
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: rgba(125,125,125,0.8);
        -webkit-box-shadow:none;
    }
    #archivemenu::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(125,125,125,0.4);
    }


    #archivemenu.dark{
        background-color:#000;
    }

    #archivemenu .archivemenuitem{
        width:100%;
        margin:0 auto 0 auto;
        text-align:left;
        padding:0 0 23px 0;
    }

    #archivemenu .archivemenuitem.gone{
      display:block;
  }

    #archivemenu h1{
        text-align:left;
        cursor:pointer;
        font-size:19px;
    }

    #archivemenu h1.active{

    }

    .archivemenuitem:nth-child(3n-2) h1{
        color:#4D4D4F;
    }

    .archivemenuitem:nth-child(3n-1) h1{
        color:#4D4D4F
    }

    .archivemenuitem:nth-child(3n) h1{
        color:#4D4D4F;
    }

    .archivemenuitem:nth-child(3n-2) h1.active{
        color:#EB78D2;
    }

    .archivemenuitem:nth-child(3n-1) h1.active{
        color:#00B864;
    }

    .archivemenuitem:nth-child(3n) h1.active{
        color:#E1A73A;
    }

    #archivemenu .download{
        text-transform:uppercase;
        display:none;
        padding:11px 0 0 0;
        font-size:11px;
    }

    #archivemenu .download a{
        color:#fff;
    }

    #archivemenu .download.active{
        display:block;
    }

    #archivemenu .year.active{
        display:none;
    }

    .scrolldownarchive{
        bottom: 0;
    color: #00B864;
    display: none;
    font-size: 30px;
    margin-left: 187px;
    position: fixed;
    cursor:pointer;
    }

    #content .category-archive{
        width:760px;
        float:left;
        clear:none;
        background-color:#4D4D4D;
        margin-left:264px;
    }
    .spacerarchive{
        height:70px;
        width:760px;
        float:left;
        background-color:#4D4D4D;
        display:block;
        margin-left:264px;
    }
    .gridsetter{
        width:230px;
        margin: 0 0 12px 12px;
    }

    .imagearchive{
        width:230px;
        margin:0 0 12px 12px;
        float:left;
        clear:none;
    }

    .lazyarchive{
        width:100%;
        height:auto;
        display:block;
    }

    /* Close Archive */
    .closearchivemobile{
        display:none !important;
    }


    /* NEWS */
    #sidenews{
        position:fixed;
        display:block;
        width:112px;
        top:52px;
        left:50%;
        margin-left:375px;
    }

    #newslogo{
        color:#EB78D2;
        font-size:170px;
        margin-bottom:42px;
    }

    #newsyears a{
        font-family:'Graphik Regular Web', helvetica, sans-serif;
        color:white;
        text-decoration:none;
        font-size:20px;
        text-transform:uppercase;
    }
    #newsyears a.currentyear{
        color:#EB78D2;
    }

    #newsyears li{
        text-align:right;
        border-bottom:1px solid #767676;
        padding-bottom:10px;
        margin-bottom:10px;
    }

    #newsyears li:last-child{
        border-bottom:none;
    }

    .rssnews {
        text-align:right;
        margin-top:30px;
    }

    .rssnews a{
        font-family:'Graphik Regular Web', helvetica, sans-serif;
        color:white;
        text-decoration:none;
        font-size:16px;
    }

    a.newsmainlink {
        display: block;
        margin-left: 86px;
        position: relative;
        width: 765px;
        overflow:hidden;
        padding-bottom:18px;
        margin-bottom:47px;
        border-bottom:1px solid #767676;
    }

    a.newsmainlink:nth-last-child(2){
        border-bottom:none;
    }

    #content .newsmainlink:first-child{
        margin-top:70px;
    }

    .newsleft, .newsright{
        position:relative;
        display:block;
        width:auto;
        overflow:hidden;
    }

    .newsleft{float:left; margin-right:20px;}

    .newsleft img.lazy {max-width: 550px;}

    article.category-news{
        display:block;
        float:left;
        clear:both;
        position:relative;
        line-height:25px;
        margin-bottom:0;
    }

    article.category-news p{
        width:auto;
        border:none;
        font-size:15px;
        padding: 0 0 20px 0;
    }

    article.category-news .thedate{
        font-size:18px;
    }

    article.category-news .thedate.smaller{
        font-size:13px;
    }
    /*
    article.category-news .icon-right-arrow{
        11px;
    }
    */
    #instafeed{
        margin-left:86px;
        width:765px;
        overflow:hidden;
    }

    #instafeed a{
        width:20%;
    }

    #instafeed a:nth-last-child(2), #instafeed a:last-child{
        display:block;
    }

    .category-news h1{
        font-size:20px;
        text-align:left;
        margin-left:86px;
        margin-top:52px;
    }

    .category-news h2{
        font-size:15px;
        text-align:left;
        margin-left:86px;
    }

    /* inside news */

    #content.news {
        width:750px;
        margin-left:85px;
        overflow:hidden;
    }

    #content.news h1{
        text-align:left;
        font-size:20px;
        margin-top:52px;
        padding:0 0 2rem 0;
    }

    #content.news h1 a{ font-size:20px;}

    #content.news p{
        width:100%;
        padding:0;
        margin-bottom:20px;
        font-size:16px;
        line-height:23px;
    }

    #content.news p.wp-caption-text{
    }

    #content.news .thedate{
        display: block;
        margin: 0;
        padding: 0 0 10px;
        text-align: left;
        width: 100%;
        font-size:18px;
    }

    .newsnav{
    font-size: 13px;
    margin: 2rem 0 2rem 86px;
    width: 765px;
    }
    
    /* TexT ONLY  */
.page-template-content-textOnly-php .textOnlySidebar-holder{
    align-items: flex-start;
    padding: 0;
	position: fixed;
	width: 243px;
	height: 100%;
}
.page-template-content-textOnly-php .textOnlySidebar-holder h1{
    font-size: 20px;
    margin-top: 120px;
}


.page-template-content-textOnly-php .textOnlyContent{
    display: block;
    clear: both;
    float: left;
    margin: 0 5%;
    overflow: hidden;
	padding: 1rem 0;
    position: relative;
    width: 90%;

	color: #FFF;
    font-size: 1.4rem;
    font-family: 'Graphic Web',Geneva, sans-serif, Helvetica, Arial;
    line-height: 2rem;
    
    font-size;15px;
    line-height: 2.5rem;
    margin: 0 0 0 243px;
    padding: 20px 40px;
    width:calc(100% - 243px);
}
.page-template-content-textOnly-php .textOnlyContent h2,
.page-template-content-textOnly-php .textOnlyContent h3,
.page-template-content-textOnly-php .textOnlyContent p,
.page-template-content-textOnly-php .textOnlyContent ul,
.page-template-content-textOnly-php .textOnlyContent ol{
    display: block;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.page-template-content-textOnly-php .textOnlyContent h2{
    margin-top: 40px;
    font-weight: 900;
    text-transform: uppercase;
}
.page-template-content-textOnly-php .textOnlyContent h3{
    margin-top: 40px;
    text-transform: uppercase;
}
.page-template-content-textOnly-php .textOnlyContent ul,
.page-template-content-textOnly-php .textOnlyContent ol{
    list-style-position: outside;
    list-style-type: disc;
    margin-left:13px;
}

.page-template-content-textOnly-php .textOnlyContent ol{
    list-style-type: decimal;
}
.page-template-content-textOnly-php .textOnlyContent li{
    margin-bottom: 10px;
}
.page-template-content-textOnly-php .textOnlyContent a{
    text-decoration: underline;
}
    
    /* GIF */
    #gifholder.gifvisible{
        width:1024px;
        left:50%;
        margin-left:-512px;
    }
}

/* LARGE SCREENS IN BETWEEN */
@media screen and (min-width: 761px) and (max-width:1024px) {
    body{width:100%;}
    #sidenews{margin-left:860px; left:0;}
}

/* LARGE SCREENS IN BETWEEN */
@media screen and (min-width:1024px) {
    .scrolldownarchive{
    left: 50%;
    margin-left: -291px;
    }
}

/* USE THIS TO HIDE ELEMENTS IN THE MENU */
li.hiddenmenu{
    display:none;
}