@charset "UTF-8";

p, h1, h2, h3, h4, h5, h6 {
     margin: 0pt;
     padding-bottom: 10px;
}

#page a:link, #page a:visited, #page a:active {
     color: #fa247f;
     text-decoration: none;
}

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

address {
     color: #000000;
     font-family: lucida grande,sans-serif;
     font-size: 10px;
     font-style: normal;
}

body, html, #page{
    min-height:100%;
    height:100%;
}

body {
     background-color: #E6E6E6;
     font-family: 'Helvetica', 'Arial', sans-serif;
     font-size: 11px;
     letter-spacing: .15rem;
     margin: 0px;
     padding: 0px;
     text-align: left;
     width: 100%;
}
img{
     width: 100%;
     height: auto;
}
#page {
     letter-spacing: 0.5px;
     text-align: left;
}


.home #header{
    position:fixed;
}

#headerimg {
     color: #333333;
     font-size: 20px;
     font-weight: bold;
     letter-spacing: 0.4px;
     line-height: 11px;
     text-align: left;
}

#headerimg a:link, #headerimg a:visited, #headerimg a:active {
     color: #0A0A0A;
     text-decoration: none;
}

#headerimg a:hover {
     color: #fa247f;
     text-decoration: none;
}

#content ul{
    padding:0px;
    margin:0px;
    list-style-position: inside;
}



#content p, #content li {
     color: #0E0E0E;
     font-size: 15px;
     font-style: normal;
     letter-spacing: 0.5px;
     line-height: 1.45;
     max-width: 600px;
     margin: 0 0 0;
     padding-bottom: 15px;
     width: 100%;
}

#content li {
    line-height: 15px;
    margin-bottom: 15px;
     list-style:none;
}


#content em{
    color:#666666;
    font-variant: normal;
    font-family: lucida grande;
    font-style: normal;
    text-transform: uppercase;
    font-size: 8px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#content p em{
     font-size: 10px;
}

h1 {
     color: #e4e4e4;
     font-size: 38px;
     font-style: normal;
     font-weight: 600;
     margin-bottom: 80px;
     margin-top: 0;
     max-width: 50%;
     text-transform: uppercase;
     -webkit-text-stroke: 1.5px #868686;
     line-height: 1.5;
     letter-spacing: 2px;
     padding-bottom: 0;
}

h2 {
     color: #000000;
     font-size: 18px;
     font-weight: normal;
     margin-bottom: 10px;
     margin-top: 40px;

     text-transform: uppercase;
     font-weight: 600;
}
h2:first-of-type{
     margin-top:0px;
}

h3 {
     font-size: 12px;
     font-style: italic;
     font-weight: normal;
}

.wp-caption-text {
     text-align: left;
}

html {
     margin: 0pt;
     min-height: 100%;
     padding: 0pt;
}



#main {
     margin-left: auto;
     margin-right: auto;
     margin-top: 0pt;
     min-height: 100%;
     max-width: 1125px;
     width: 100%;
}

#main img {
     margin-top: 60px;
     padding-top: 0;
     box-shadow: 0 0 1px 0px rgba(0,0,0,0.5);
     display: block;
}
.wp-block-image{
     margin:0px 0px 40px;
}

* html #main {
     height: 100%;
}

#header {
    display: block;
    float: left;
    clear:none;
    /*margin-right: 20px;*/
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 260px;
    box-sizing: border-box;
}

* html #header {
     height: 100%;
}

#headerimg {
     /*border-bottom: 1px solid #555555;*/
     margin: 0pt;
     /*! width: 200px; */
}

#headerimg p {
     margin-bottom: 0pt;
     margin-top: 0pt;
     padding-bottom: 0;
     padding-top: 0;
     text-align:left;
     line-height: 1;
}

 #mainnavigation ul {
     margin: 0pt;
     padding: 0pt;
     display: block;
}


.home #page{
    padding-left:0;
}

#page {
     /*margin-top: 8px;*/
     width: 100%;
     display:block;
     float:right;
     clear:none;
    /* margin-left:250px;*/
     /*position:absolute;*/
     /*! padding-left:75px; */
     /*border-left:2px #EDEDED solid;*/
     box-sizing: border-box;
     max-width: 800px;
     padding: 0 20px;
}

#topPage {
     clear: both;
     float: left;
     display:block;
     font-size: 15px;
     font-style: italic;
     line-height: 11px;
     margin: 80px 0 0;
     width: 100%;
}

#topPage p {
     margin: 0;
     padding: 0;
}

#content {
     clear: left;
     padding-top: 0;
     display:block;
     float:left;
     width: 100%;
}

#content strong {
    color: #444444;
    font-family: lucida grande;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 2px;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    text-decoration: underline;
}

.wp-caption-text {
     margin-bottom: 35px;
     margin-top: -35px;
}

#projectNavigation ul {
     clear: both;
     float: left;
     list-style-type: none;
     margin: 0pt 0pt 20px;
     padding: 0pt;
     width: 100%;
     /*! column-count: 2; */
     /*! column-gap: 20px; */
}

#projectNavigation ul li {
     display: inline-block;
     margin: 0;
     padding: 0 20px 20px 0;
     text-transform: capitalize;
     width: auto;
}

#projectNavigation ul li a,
#projectNavigation ul .page_item a:link,
#projectNavigation ul .page_item a:visited {
     color: #fa247f;
     margin: 0px;
     padding: 0 4px 0 2px;
     text-decoration: none;
     font-family: "helvetica","Arial", sans-serif;
     font-size: 12px;
     letter-spacing: 0.25px;
     text-transform: capitalize;
}

#projectNavigation ul .page_item a:hover,
#projectNavigation ul .page_item.current_page_ancestor a, #projectNavigation ul .page_item.current_page_parent a, #projectNavigation ul .page_item.current_page_item a {
     color: #fa247f;
     text-decoration: none;
     border-bottom: 1px solid #fa247f;
}
/* =mainNavigation
 ***************/
#mainnavigation {
     /*border-bottom: 1px solid #555555;*/
     clear: both;
     float: left;
     font-family: "Lucida Console",Monaco,monospace;
     font-size: 14px;
     letter-spacing: 0.5px;
     margin: 0px;
     padding-bottom: 40px;
     padding-top: 40px;
     text-transform: uppercase;
}

#mainnavigation ul {
     list-style-type: none;
     margin: 0pt;
     padding: 0pt;
}

#mainnavigation ul li {
   display: list-item;
   margin: 0 0 20px;
   text-align:left;
}

#mainnavigation  a:link,
#mainnavigation  a:visited {
     color: #000;
     font-weight: 400;
     text-decoration: none;
 }

#mainnavigation a:hover {
     color: #000;
}

#mainnavigation .current_page_item a:link,
#mainnavigation .current_page_item a:active,
#mainnavigation .current_page_item a:visited,
#mainnavigation .current_page_item a:hover {
     color: #8D659A;
     text-decoration: none;
}

#mainnavigation .current-page-ancestor > a:link,
#mainnavigation .current-page-ancestor > a:active,
#mainnavigation .current-page-ancestor > a:visited,
#mainnavigation .current-page-ancestor > a:hover,
#mainnavigation .current-menu-item > a:link,
#mainnavigation .current-menu-item > a:active,
#mainnavigation .current-menu-item > a:visited,
#mainnavigation .current-menu-item > a:hover {
     color: #000;
     font-weight: 600;
     text-decoration: none;
}

#mainnavigation .current-page-ancestor .sub-menu .current-page-ancestor a{
    text-decoration: underline;
}



#mainnavigation li.selectedtlink.pressed > a{
/*      font-weight: 600; */
}
#mainnavigation li.selectedtlink > a{
     /*! padding-bottom: 10px; */
     display: block;
}

#mainnavigation li.selectedtlink .sub-menu{
     display: none;
     margin: 0 0 20px 0;
}
#mainnavigation li.selectedtlink .sub-menu li{
     margin: 10px 0;
}
#mainnavigation li.selectedtlink .sub-menu a{
     color: #f14c92;
}
.single-post #secNavigation,
.archive #secNavigation{
    display:none;
}

#secNavigation {
     float: left;
     letter-spacing: 0pt;
     position: relative;
     width: 202px;
     margin-top: 20px;
}

#secNavigation ul {
     list-style-type: none;
     margin: 0pt;
     padding: 20px 0 0;
}

#secNavigation li {
     font-size: 12px;
     padding-bottom: 20px;
     text-align:left;
}

#secNavigation ul li a, #secNavigation ul .page_item a:link, #secNavigation ul .page_item a:visited, #secNavigation ul .cat-item a {
     color: #4E4E4E;
     font-family: "Lucida Console",Monaco,monospace;
     font-size: 11px;
     /*! font-style: italic; */
     text-decoration: none;
}

#secNavigation ul .page_item a:hover, #secNavigation ul .page_item.current_page_ancestor a, #secNavigation ul .page_item.current_page_parent a, #secNavigation ul .page_item.current_page_item a, #secNavigation ul .cat-item a:hover, #secNavigation ul li.current-cat a {
     color: #000;
     text-decoration: none;
     font-weight: 600;
}

.smallCat {
     color: #000000;
     font-family: "Lucida Console",Monaco,monospace;
     font-size: 10px;
     letter-spacing: 1px;
     text-decoration:underline;
}

.post {
     clear: both;
     float: left;
     width: 100%;
     position: relative;
}

.postBlock {
     margin-bottom: 40px;
}

.postmetadataText {
     color: #666666;
}


.archive .navigation{
    display:none;
}

.navigation {
     clear: both;
     float: left;
}

.alignleft {
     display: block;
     /*! float: left; */
     margin-bottom: 30px;
}

.alignleft a{
     margin-right: 30px;
}

.alignright {
     display: block;
     float: left;
     margin-bottom: 30px;
}

#theComments {
     clear: both;
     float: left;
}

#theComments hr {
     background-color: #555555;
     border: 0pt none;
     clear: both;
     color: #555555;
     float: left;
     height: 1px;
     width: 20px;
}

#theComments textarea {
     background-color: #F8F8F8;

     border: 5px solid #E1E0E0;
     width: 600px;
     font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
     font-size:11px;
}

#theComments input {
     /*background-color: #999999;*/
     background-color:#F8F8F8;
     border: 5px solid #E1E0E0;
}

#theComments .commentlist p{
    color:#919191;
}

#theComments h3{
    font-weight:bold;
    font-style:normal;
}

#theComments .commentlist {
     margin-left: 0pt;
     padding-left: 0pt;
}

#page p.postmetadata a {
     color: #915C5C;
     font-size: 11px;
     font-variant: inherit;
}

#shareThis {
     clear: both;
     float: left;
     opacity: 0.0;
     position: relative;
     width: auto;
}

#shareThis:hover {
     opacity: 0;
}


video{
    margin-top:20px;
    max-width: 100%;
    height: auto;
}

/* HOME NEWS
 ***********/
.home #main #page #content p, .home #main #page #content li{
    text-align:left;
    line-height:20px;
    color:#555;
    width:100%;
}

.home #main #page #content h1{
    text-align:left;
    margin-bottom:0;
    padding-bottom:0;
}

.home #main #page #content h2{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 20px;
}


.home #main #homeimage{
    display:block;
    position:sticky;
    z-index:0;
    max-width: 780px;
    top: 40px;
    height: calc(100vh - 100px);
}

.home #main #homeimage img{
    padding: 0;
    opacity: 0;
    /*box-shadow:0 3px 5px 3px #C4C4C4;*/
    margin-top: 0;
}



.home #main #page #content #homeimage p {
    color: #525252;
    font-size: 11px;
    font-style: italic;
    margin: 0 0px 10px;
    padding:0 10px 0;
    position: relative;
    opacity:0;
    text-align:center;
    /* background-color: rgba(255, 255, 255, 0.10); */
    font-variant: ;
    font-weight: normal;
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    max-width: 100%;
}

.home #main #page #content .entry{
    z-index:100;
    position:relative;
    /*! display:none; */
    margin-bottom:100px;
    background: rgba(255,255,255,.97);
    padding: 0 20px;
}

.home #main #page #content .entry #entrytop{
    height:20px;
    width:100%;
    clear:both;
    margin:0;
    padding:0;
    /*! background-color:#ffffff; */
    /*background-image:url(images/back.png);*/
}

.home #main #page #content .entry #entrybody{
    /*! background-color:#fff; */
    padding-top:20px;
}

/* posts */


.single-post h1, .category h1{
    margin-bottom:0;
    padding-bottom:0;
}

.single-post small, .category small{
    color:#999;
}




@media only screen and (min-width:600px){
     #mainnavigation{
          display: block !important;
     }
     #projectNavigation ul li a, #projectNavigation ul .page_item a:link, #projectNavigation ul .page_item a:visited {
          font-size: 14px;
     }
     #content p, #content li {
          font-size: 17px;
          line-height: 2;
          padding-bottom: 15px;
     }
     #main img{
          margin-top: 80px;
     }
}
@media only screen and (min-width: 600px) and (max-width: 1060px) {
     #header{
          width: 200px;
     }

}
@media only screen and (max-width: 1060px) {


     #mainnavigation{
          width: 100%;
     }
     #mainnavigation li.selectedtlink .sub-menu{
          display: none;
     }
     #page{
          /*! padding: 0 !important; */
          max-width: calc(100% - 200px);
     }

     .home #main #homeimage{
          max-width: 100vw;
          position: relative;
          /*! margin-left: -20px; */
          top: 0;
          height: 100vh;
          margin-top: -40px;
          margin-right: -20px;
     }
     .home #main #page #content .entry #entrytop{
          height: 10px;
     }
     .home #main #page #content .entry #entrybody{
          padding-top:0;
     }
     body:not(.home) .entry{
          padding: 0 20px;
     }
     #projectNavigation ul{
          /*! column-count: 4; */
     }
     #projectNavigation ul li{
          /*! display: block; */
          /*! padding: 0 0 20px; */
          /*! text-transform: capitalize; */
     }
}
@media only screen and (min-width:1061px){
     #header{
          left: 2%;
          position: fixed;
     }
     .home #main #homeimage{

         width:calc((100vw - 1061px)/2 + 800px);
         top: -80px;
         height: 100vh;
         position: absolute;
         right: calc(-1 * ((100vw - 1061px)/2));
         max-width: unset;
     }

     .home #main #homeimage img{
          position: absolute;
          height: 100%;
          object-fit: cover;
     }
}

@media only screen and (max-width: 600px) {
      #header, .home #header{
          width: 100%;
           position:relative;
          margin-top: 20px;
     }
     #headerimg p a{
          width: 75%;
          display: inline-block;
     }
     #headerimg p span.hamburguer{
          width: 23%;
          display:inline-block;
          overflow:hidden;
          /*! text-align: right; */
          position: relative;
          float: none;
          cursor: pointer;
     }
     #headerimg p span.hamburguer span.slice{
          width: 25px;
          display: block;
          border-bottom: 2px solid #000;
          padding: 3px 0 1px;
          float: right;
          clear: both;
     }
      #mainnavigation{
          display: none;
          border-bottom: 1px solid #c6c3c3;
     }
     #page{
          max-width: 100vw;
          padding: 60px 0 0;
     }
          #topPage{
          margin: 0;
     }
     #projectNavigation ul{
          column-count: 2;
     }
     #projectNavigation ul li{
          display: block;
          padding-bottom: 10px;
     }
}