/*
Theme Name: WP-Forge-Child
Theme URI: http://wpstarter.themeawesome.com/
Description: A child theme for WP-Forge
Author: Thomas E. Vasquez
Author URI: http://themeawesome.com/
Template: wp-forge
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: wpstarter
*/

@import url("../wp-forge/style.css");

/* =Theme customization starts here
----------------------------------------------- */





/* =Media Queries
----------------------------------------------- */
@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
	}
@media only screen and (min-width: 64.063em) and (max-width: 90em) { /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
	}
@media only screen and (min-width: 90.063em) and (max-width: 120em) { /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
	}
@media only screen and (min-width: 120.063em) { /* min-width 1921px, xlarge screens */
	}

.top-bar-section .fa-lg,
aside.left-off-canvas-menu .fa-lg {
  vertical-align: 0;
}

.top-bar,
.top-bar-section ul li,
nav.tab-bar.show-for-small-only,
.top-bar .name a,
aside.left-off-canvas-menu {
  background: none repeat scroll 0 0 #ffffff;
  color: #333840;
}
.top-bar-section ul{
  padding-right: 7px;
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"], 
nav.tab-bar.show-for-small-only section.left-small {
  border-right: 7px solid #ffffff; 
}
.top-bar-section ul li > a.button.secondary,
.top-bar .name a {
  background: #ffffff;
  font-size: 1.0em;
}
.top-bar-section ul li > a.button.secondary:hover {
  background: #333840;
  background: #008cba;
  color: #f3f3f3;
}
.tab-bar .menu-icon span:after {
    box-shadow: 0 0 0 1px #333840, 0 7px 0 1px #333840, 0 14px 0 1px #333840;
}
aside.left-off-canvas-menu ul li a.button.secondary {
  border-radius: 0;
  margin: 3px 11px 3px 8px;
}
/*
.top-bar-section ul li > a, 
nav.top-bar ul.title-area li.name > a {
  font-size: 1.0rem;
  font-weight: 500;
}
.top-bar-section li:not(.has-form) a:not(.button),
ul.off-canvas-list li a, 
nav.top-bar ul.title-area li.name a,
nav.tab-bar.show-for-small-only a.left-off-canvas-toggle-menu-icon {
  background: none repeat scroll 0 0 #ffffff;
  color: #333840;
  line-height: 25px;
  padding: 0px 15px;
}
.top-bar-section li:not(.has-form) a:not(.button):hover,
ul.off-canvas-list li a:hover, 
nav.top-bar ul.title-area li.name a:hover {
  background: none repeat scroll 0 0 #333840;
  color: #f3f3f3;
  border-radius: 1000px; 
}
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"], 
nav.tab-bar.show-for-small-only section.left-small {
  border: 0;
}
.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li.active:not(.has-form) a:not(.button):hover, 
ul.off-canvas-list li.active a, 
ul.off-canvas-list li.active a:hover {
  background: none repeat scroll 0 0 #ffffff;
  color: #445566;
  line-height: 25px;
}
ul.off-canvas-list li a, 
ul.off-canvas-list li a:hover {
  border-bottom: 1px solid #cccccc;
}
*/

.header-info {
  background: url("images/topImage1920.jpg") no-repeat scroll top right / cover rgba(0, 0, 0, 0);
  height: 600px;
  width: 100%;
  position: relative;
  left: 0; 
  bottom: 0;
}
.site-title-description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
h2.site-title, p.site-description {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  /*font-size: 3.5vw;*/
  color: #444444;
  font-weight: 300;
  /*letter-spacing: 4pt;*/
  text-align: center;
  opacity: 0.8;
  width: 100%;
  padding: 20px 0 0 0;
}
p.site-description {
  font-size: 1.8vw;
  padding: 0 0 20px 0;
}

.gallery .gallery-item {
  width: 220px !important;
  float: none !important;
  display: inline-block;
  vertical-align: top;
}
.gallery-item a, .gallery-caption {
  width: 100%;
}

#fancybox-title-inside {
  font-size: 1.125em;
  color: #757575;
  font-weight: 300;
  font-style: italic;
}

#wrapper {
 box-shadow: none;
}
@media only screen and (max-width: 40em) { 
  .header-info {
    height: 400px;
  }
}