/*
Theme Name: Foundation, for WordPress
Theme URI:  http://tylerstefanich.com
Author:  Tyler Stefanich
Version: 1.0
*/


/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Images
:: Posts
:: Typography
:: Header
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/



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

}




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

}




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

}




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

}




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

}




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

}

.logo {font-size: 4.5em;text-align: left;text-transform: uppercase;font-family: "zxxnoise";color:white;}
body.tax-code-languages article h3{margin-bottom: 2px;}
body{position: absolute;left:0;top:0;min-height: 100%;width: 100%;}
footer{


  border-top:1px solid white;z-index:5;width:100%;margin:0; bottom: 0;clear: both;width:100%;

  background-image:url(footer-line.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-top: 144px;
    padding-bottom: 24px;


  margin:0;max-width: 100%;}
.row{max-width: 960px;}
p {
font-family: Arial, sans-serif;
}
header.large-4 hgroup h3 {margin-top:0;font-weight: 500;
text-transform: uppercase;
text-decoration: none;color: rgb(0,0,255);}
.single-article ul{list-style-position: inside;
padding-left: 0px;
font-size: .9em;
width: 90%;
padding-left: 15px;}
.single-article ul li{text-indent: -15px;margin-left: 15px;}
/* -----------------------------------------
   Nav
-------------------------------------------*/
#menu-main{background-color: #f7eecf}
#menu-main li a{text-transform: uppercase;font-weight: 400}
#menu-main li.current_page_item a{text-decoration: underline;}

.small-logo{float:left;margin-left:6px;text-transform:uppercase;opacity:0;color: white;-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;}
.small-logo a {color:white;text-decoration: none;}
.small-logo a:hover {color:white;text-decoration: none;}

.title-area.fixed-menu {top: 0;z-index: 999;position: fixed;right:0;}
.top-bar{z-index: 500;}
.top-bar.expanded .toggle-topbar a {color: #fff;}
.top-bar.expanded .toggle-topbar a span {-webkit-box-shadow: 0 10px 0 1px #FFF,0 16px 0 1px #FFF,0 22px 0 1px #FFF;box-shadow: 0 10px 0 1px #FFF,0 16px 0 1px #FFF,0 22px 0 1px #FFF;}
.top-bar-section.fixed-menu{position: fixed;left: 0;top:0;width: 100%;top:0;background-color: #f7eecf;z-index: 998;}
.top-bar-section.fixed-menu .small-logo{opacity: 1;}
.top-bar .toggle-topbar.menu-icon {margin-top: 5px;z-index: 999;}
.top-bar.fixed-menu{position: fixed;top:0;left: 0;width:100%;height:45px;}
.top-bar.fixed-menu .title-area{ position: fixed;top: 0;right: 0;z-index: 99999;}
.top-bar.expanded {background: #f7eecf;}
.top-bar.expanded .top-bar-section ul{display: block;}
.top-bar.expanded {height:45px;}
.top-bar.expanded .title-area {background: rgb(0,0,255);}
.top-bar.expanded .top-bar-section.fixed {height:45px;}
.top-bar .toggle-topbar.menu-icon a span {height: 0px;}

/* -----------------------------------------
   Images
----------------------------------------- */
a:hover {text-decoration: underline;}
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {max-width: 100%;width: auto;}
.wp-caption { max-width: 100%; }

/* -----------------------------------------
   Posts
----------------------------------------- */
.author-box h5 {margin-top:0px;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4em;}

article .th {margin-bottom:10px; margin-bottom:1em;}

.top-bar-section .row{
background-image: url(header-wave.svg);
    background-size: 100% 230%;
    background-position: 299px center;
    height: 29px;
    top: -29px;
    position: relative;

/*
        background-image: url(header-line.svg);
    background-size: 100%;
    background-position: center;
    height: 64px;
    top: -49px;
    position: relative;*/
}

}
/*
.top-bar .top-bar-section ul{display: none;position: fixed;
top: 45px;
}

.top-bar.expanded .top-bar-section ul{display: block}*/


/*
.top-bar-section.fixed .small-logo{opacity: 1;}

.top-bar-section.fixed {
position: fixed;
left: 0;
width: 100%;
top:0;
background-color: rgb(0,0,255);
}
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;text-align:center;}*/

/* -----------------------------------------
   Typography
----------------------------------------- */

body,p {font-family: arial, sans-serif;}
.single-article a{font-family:Arial,sans-serif}
article h3{font-size:1.2em;width: 97%;}
article h3 a:link{font-weight: 500;text-transform: uppercase;text-decoration: none;}
article h6, article h6 a:link,article h6 a:visited {color:grey;}
article h6{margin-top: 1.1em;line-height: 1.78em;
margin-bottom: 0.5em;font-size: .85em;text-transform: uppercase;}
article h6 a:hover {text-decoration: underline;}


p {font-size: 1.1em;}
a {color:#00aea5;font-weight: bold;}
.site-title .subheader {margin-bottom:0;}
.column, .columns {padding-left: 0.5em;padding-right: 0.5em;}
.row .row {width: auto;margin-left: -0.4em;margin-right: -0.4em;margin-top: 0;margin-bottom: 0;max-width: none;}
.footer-media{vertical-align: bottom;}
.footer-link{margin-right: 10px;}
/* -----------------------------------------
   Header
----------------------------------------- */

.site-header {border-bottom:0px solid #ddd;padding:1.5rem 0 1rem 0; 

    background-image:  url('background-head-01.png'), url('background-bottom-water.png');

    background-position: bottom center,  0 bottom;
    /* margin: -1.875em 0 1.875em 0; */
    background-size: contain, 100%;
    background-repeat: no-repeat, repeat-x;






  /*margin:-1.875em 0 1.875em 0;*/}
.sidebar ul li {list-style:none;}
.top-bar-section ul li>a {border-left:1px solid #333;border-right:none;}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.wp-caption-text {text-align: left;color:white;font-size:.7em;padding-top: .3em;padding-bottom: .3em;padding-left: 10px;background-color: rgb(0,0,255);}
.site-content .gallery {margin-bottom: 1.5em;}
.site-content .gallery a img {  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
hr{border-color:transparent;margin: 1.25em 0 1.5875em;clear:both;}
.top-bar {background: white;}


.top-bar-section ul li>a {
border-left: 0px solid #333;
}
.top-bar-section li a:not(.button){background: rgb(0,0,255);}
embed,
iframe,
object {
  max-width: 100%;
}
#twitterHandle{
text-transform: uppercase;
color: white;
position: absolute;
top: 10%;
text-align: left;
width: 100%;
font-weight: 400;
font-size: 1.2em;
padding-left: 10%;
}
.sub-nav li.current-cat a{text-decoration: underline; }

.sub-nav {float: right;}
.sub-nav li{list-style: none; float: left;text-transform: uppercase;font-size: .75em;margin-left: 35px;}
.sub-nav li a{font-weight: 500;}

#twitterMessage ul li {list-style: none}
#twitterMessage a{color:white;text-decoration: underline;}
#twitterMessage{position: absolute;text-align: left;color: white;width: 80%;left: 10%;font-size: 0.7em;bottom: 10%;
  /*-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-ms-word-break: break-all;word-break: break-all;*/

  line-height: 1.5;}
#twitterBird{right: 9px;top: -37px;position: relative;float: right;}

#post-twitter{background-image: url(img/twitterBubbleArrow.png);background-repeat: no-repeat;background-position: 64% 76%;}
h3.blue{
  color:rgb(0,0,255);
  font-weight: 500;
  margin-bottom: 0;
}
canvas {background: transparent;  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */}
.members h6{margin-top: 0;margin-bottom: 1.5em;}
.members .wp-caption-text{text-align: right;padding-right: 10px}

#bombEasterEgg{position:absolute;bottom:150px;width:100%;height:100%;z-index:-2;}
.meta a, .meta p{color:white;font-size: 1em}
.meta {font-size: .7em;}
#search{height: 45px;width: 18px;background-image: url('img/search.png');background-color: blue;background-repeat: no-repeat;background-position: 1px 17px;background-size: 12px;margin-left: 10px;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;overflow: hidden;}
#search.expanded{width:190px;}
#search input {width: 165px;margin-left: 20px;padding: 4px 4px 0;border: none;color: #fff;background-color: transparent;font-size: 14px;line-height: 19px;-webkit-font-smoothing: antialiased;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom: 1px solid white;}

/* ----------------------------------------------------
   Twitter Box Fix for when the screen is too small 
---------------------------------------------------- */

@media screen and (max-width : 767px)  {
   #post-twitter div {width:310px;margin: 0 auto;}
  #post-twitter div #twitterMessage{width:250px;}
.top-bar .top-bar-section ul{display: none;}

  
}

p {font-family: Rajdhani, sans-serif;}
.members p{ font-size: .7em}
@media screen and (max-width : 939px)  {

.top-bar .top-bar-section ul{display: none;}
.top-bar.expanded {overflow: visible;}
}
  

.main-content{-webkit-overflow-scrolling: touch;z-index: 0;position: relative;}


/* MAYBE BEST IDEA*/
[class*="column"]+[class*="column"]:last-child {
float: left;
}
/* -----------------------------------------
   Page Name 1
----------------------------------------- */

/* -----------------------------------------
   Page Name 2
----------------------------------------- */