/*
Theme Name: TimothyWhite
Theme URI: http://jeffhayford.com;
Author: Jeff Hayford
Author URI: http://jeffhayford.com/
Description: Custom Template based on Drupal Site
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: gallery, vertical, article, images, horizontal scroll, custom fields
Text Domain: Timothy White

Timothy White WordPress Theme © 2011-2017 Jeff Hayford
Timothy White is distributed under the terms of the GNU GPL
*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* DZ Fontello

@font-face {
  font-family: 'fontello';
  src: url(/sites/all/themes/tws_v2/font/fontello.eot?70869568);
  src: url(/sites/all/themes/tws_v2/font/fontello.eot?70869568#iefix) format('embedded-opentype'), url(/sites/all/themes/tws_v2/font/fontello.woff?70869568) format('woff'), url(/sites/all/themes/tws_v2/font/fontello.ttf?70869568) format('truetype'), url(/sites/all/themes/tws_v2/font/fontello.svg?70869568#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}

    */


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


body {
    background: #000;
    font-family: p22-underground-sc,'Quicksand',Verdana,Tahoma,"DejaVu Sans",sans-serif;
    font-weight: 100;
    font-size: 16px;
    color: #707070;
}
body a { text-decoration: none; color: white; }
strong { font-weight: bold; letter-spacing: 0.4px; font-size: 110%; }

/* Header */

.tw_header { height: 80px; width: 100%; position: fixed; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.tw_masthead { margin: 1.5em 40px; position: fixed; }
.tw_masthead a { font-size: 20px; color: white; font-weight: 100; text-transform: uppercase;  }
.tw_masthead a:hover { border-bottom: 1px solid #666; }

#wrapper { padding: 80px 0; }

/* Navigation */

.tw_navigation { text-transform: uppercase; position: fixed; right: 0; margin: 1.5em 0; font-size: 20px; line-height: 10px; }
.tw_navigation ul { margin: 0 40px; }
.tw_navigation li { display: inline-block; margin: 0 10px; }
.tw_navigation a { color: white;  }
.tw_navigation a:hover { border-bottom: 1px solid #666; }
.current_page_item a, .current-page-ancestor a { border-bottom: 1px solid #666; }

.tw_navigation .icon { display: none; color: white; position: absolute; top: 20px; right: 40px; font-size: 24px; }

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

.tw_navigation:not(.tw_responsive) li a { font-size: 1.5vw; }
.tw_navigation li { margin: 0 0.4vw; }

}
@media screen and (max-width: 630px) {
  .tw_navigation { margin: 0; }
  .tw_navigation li { display: none; }
  .tw_navigation a.icon { display: block; }
  .tw_navigation a.icon:hover { border: none; }
}

@media screen and (max-width: 630px) {
  .tw_navigation.tw_responsive { position: relative; margin: 0; }
  .tw_navigation.tw_responsive .icon { position: absolute; color: black; }
  .tw_navigation.tw_responsive a { color: black; }
  .tw_navigation.tw_responsive ul { margin: 0; padding-top: 50vw; background: white; height: calc(100vh - 50vw); background-image: url('images/home-sprite-2_01.jpg'); background-size: 100%; background-position: center 12%; background-repeat: no-repeat; }
  .tw_navigation.tw_responsive li { float: none; display: block; text-align: center; height: 30px; line-height: initial; margin: 0; }
}

/* Home Page */

body.page-template-page-home { background: #fff; }
.page-template-page-home .tw_header { display: none; }
.page-template-page-home #wrapper { padding: 50px 0 20px; }

.tw_home { text-align: center; margin: 0 20px; }
.tw_home img { max-width: 100%; height: auto; }
.tw_home .tw_home_wrapper { height: 84vh; max-width: calc(58.13vh - 40px); margin: 0 auto; }

/* Page - Default - Universal Styles */

.tw_content { max-width: 1000px; margin: 0 auto; }

/* Page - Gallery - Universal Styles */

.tw_gallery_nav { position: absolute; width: calc(100% - 80px); margin: 0 40px; bottom: 20px; }
.tw_gallery_left, .tw_gallery_right {
  font-family: 'fontello', Helvetica;
  font-style: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  font-size: 20px;
  color: white;
}
.tw_gallery_right { float: right; }

/* Page - Gallery Horizontal */

.tw_h_wrapper .tw_gallery_wrapper { white-space: nowrap; overflow: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; margin-bottom: -5vh; }
.tw_h_wrapper .tw_gallery_wrapper .tw_image { display: inline-block; text-align: center; }
.tw_h_wrapper .tw_gallery_wrapper .tw_image img { height: 70vh; width: auto; }
.tw_h_wrapper .tw_gallery_wrapper .tw_image h3 { opacity: 0; transition: opacity 1s; text-transform: uppercase; padding-top: 15px; color: #707070; font-size: 1.10em; }
.tw_h_wrapper .tw_gallery_wrapper .tw_image:hover h3 { opacity: 1; }
.tw_h_wrapper .tw_gallery_wrapper::-webkit-scrollbar { display: none; }

/* Page - Gallery Tiny */

.tw_t_wrapper .tw_gallery_wrapper { height: 72vh; overflow: auto; white-space: nowrap; overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.tw_t_wrapper .tw_gallery_wrapper .tw_image img { margin: -1px; height: 17.5vh; width: 11.66vh; }
.tw_t_wrapper .tw_gallery_wrapper::-webkit-scrollbar { display: none; }
.tw_t_wrapper .tw_gallery_wrapper { /* Flexbox H Grid */
    display: -ms-flexbox;           /* IE 10 */
    display: -webkit-flex;          /* Safari 6.1+. iOS 7.1+ */
    display: flex;
    -webkit-flex-flow: wrap column; /* Safari 6.1+ */
    flex-flow: wrap column;
    max-height: 72vh;              /* Limit height to whatever you need */
  }

/* Page - Gallery Small */


.tw_th_wrapper .tw_gallery_wrapper { overflow: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.tw_th_wrapper .tw_gallery_wrapper .tw_gallery_wrapper2 { overflow: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.tw_th_wrapper .tw_gallery_wrapper .tw_image  { display: inline-block; }
.tw_th_wrapper .tw_gallery_wrapper .tw_image img { height: 24vh; width: auto; }
.tw_th_wrapper .tw_gallery_wrapper::-webkit-scrollbar { display: none; }
.tw_th_wrapper .tw_gallery_wrapper .tw_gallery_wrapper2::-webkit-scrollbar { display: none; }


/*


.tw_th_wrapper .tw_gallery_wrapper { height: 72vh; overflow: auto; white-space: nowrap; overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.tw_th_wrapper .tw_gallery_wrapper .tw_image  { display: inline-block; }
.tw_th_wrapper .tw_gallery_wrapper .tw_image img { height: 17.5vh; width: auto; }
.tw_th_wrapper .tw_gallery_wrapper::-webkit-scrollbar { display: none; }
.tw_th_wrapper .tw_gallery_wrapper {
    display: -ms-flexbox;           
    display: -webkit-flex;          
    display: flex;
    -webkit-flex-flow: wrap row; 
    flex-flow: wrap row;
    max-height: 72vh;            
  }

*/

/* Page - Bio - Added 2024-06-03 */

.tw_page_bio {}

/* Page - Contact - Added 2024-06-03 */

.tw_page_contact h1 {    
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.tw_page_contact h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 18px 0;
}
.tw_page_contact h3 {
    
}
.tw_page_contact h4 {
    text-transform: uppercase;
    text-shadow:1px 0 0 currentColor;
    margin-top: 14px;
}
.tw_page_contact h5 {
    
}
.tw_page_contact h6 {
    
}

.tw_page_contact a { text-transform: initial; }

.tw_page_contact.tw_page p {
    text-transform: initial;
    margin: 4px 0;
    line-height: 17px;
}

/* Page - Gallery Vertical */

.tw_v_wrapper .tw_gallery_wrapper { text-align: center; }
.tw_v_wrapper img { width: 600px; max-width: 100%; height: auto; }
.tw_v_wrapper h3 { padding: 20px 20px 40px; color: white; font-size: 20px; }
.page-template-page-gallery-v .tw_content { max-width: 600px; margin: 0 auto; }

/* Page - List Child */

.tw_child_list { text-align: center; margin: 80px auto; }
.tw_child_list .tw_child_page { font-size: 100px;  display: inline-block; line-height: normal; margin: 10px 30px; text-transform: uppercase; }

/* Page - List Child Image */

.tw_child_list_img { text-align: center; margin: 0px auto; }
.tw_child_list_img .tw_child_page img { width: 100%; max-width: 600px; height: auto; }
.tw_child_list_img .tw_child_page p { font-size: 1.5em; line-height: 1em; text-transform: uppercase; margin: 5px 0 20px; }

/* Page - Archives */

.tw_archives { padding-left: 40px; }
.tw_archives .tw_gallery_wrapper { 
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0; }
    100%   { opacity: 1; }
}

.tw_archives a:hover { border-bottom: 1px solid #666; }
.tw_archives span { color: white; }
.tw_archives li { list-style: none; width: 250px; font-size: 16px; line-height: 1.5em; text-transform: uppercase; }
.tw_archives .tw_gallery_wrapper { white-space: nowrap; overflow: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; }
.tw_archives .tw_gallery_wrapper::-webkit-scrollbar { display: none; }

.page-template-page-archive h1 { font-size: 2em; line-height: 1.5em; color: white; padding: 40px 0 30px 40px; text-transform: uppercase; }
.tw_arch_search { padding: 0 0 50px 40px; } 
.tw_arch_search input { background: none; border: none; font-size: 2em; line-height: 1.5em; color: white; width: calc(100% - 80px); } 
.tw_arch_search input:focus { outline: none; } 

.tw_archives .tw_gallery_wrapper .tw_archive_ul {
    display: -ms-flexbox;           /* IE 10 */
    display: -webkit-flex;          /* Safari 6.1+. iOS 7.1+ */
    display: flex;
    -webkit-flex-flow: wrap column; /* Safari 6.1+ */
    flex-flow: wrap column;
    max-height: calc(80vh - 280px);              /* Limit height to whatever you need */
  }

/* Page - Default */

.tw_page { width: 1000px; margin: 0 auto; color: white; }
.tw_page p { margin: 10px 0; font-size: 13px; text-transform: uppercase; line-height: 24px; letter-spacing: 0.3px; font-weight: 100; }
.tw_page h3 { text-decoration: underline; }
.tw_page.tw_narrow { max-width: calc(400px - 15px); }

.alignright { float: right; }
img.alignright { padding-left: 20px; padding-bottom: 20px; }
.alignleft { float: left; }
img.alignleft { padding-right: 20px; padding-bottom: 20px; }


/* Page - Gallery NFT - Added 2021-09-20 JH */

.tw_nft_wrapper { max-width: 1400px; margin: 50px auto 40px; padding: 0 50px; }
.tw_nft_wrapper img { max-width: 100%; height: auto; }
.tw_nft_gallery_wrapper2 { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 10px; }
.tw_nft_gallery_wrapper2 .tw_image { text-align: center; }
.tw_nft_wrapper .tw_image h3 { margin: 10px 0; opacity: 0; transition: 1s;}
.tw_nft_wrapper .tw_image:hover h3 { margin: 10px 0; opacity: 1;  }
.tw_content.nft { max-width: 840px; padding: 0 50px; }
.tw_content.nft p { font-size: 16px; line-height: 24px; color: #bababa; text-transform: unset; font-family: p22-underground-std-thin, 'Quicksand',Verdana,Tahoma,"DejaVu Sans",sans-serif; font-weight: 300; margin: 15px 0; }
.tw_content.nft a { color: rgb(150, 150, 231); transition: 1s; opacity: 0.7; }
.tw_content.nft a:hover { opacity: 1; }

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

/* Page - Default - 1200px */

.tw_page { width: 600px; margin: 0 auto; color: white; }
.tw_page img { width: 45%; height: auto; }



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

/* Page - Default - 720px */

.tw_page { width: 300px; margin: 0 auto; color: white; }
.tw_page img { width: 35%; height: auto; }
.tw_child_list .tw_child_page { font-size: 10vw;   }


}

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

.tw_gallery_nav { display: none; }


}