/*
Theme Name: The Software Workshop Limited
Author: Heather Lander
Author URI: http://thesoftwareworkshop.co.nz
Description: Child theme for the FoundationPress parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.1.0-wip
Template: FoundationPress-master
Text Domain: foundationpressstarter
*/
h1, h2, h3, h4, h5, h6{ font-family: archivo_blackregular, Arial, Helvetica, sans-serif; font-weight: normal; }
.home h1{ margin-bottom: 5rem; line-height: 2.5rem;}
h1 .emphasise{ display: inline-block; font-size: 3.3rem; line-height: 3rem;}
h1 .small{ display: inline-block; font-size: 2rem; line-height: 2rem; }
h2{ color: #aaaaaa; font-size: 5rem; }
.home h2{ margin-bottom: 4rem;font-size: 2.3125rem;}
h2 .emphasise{ display: inline-block; font-size:2.8rem; line-height: 2rem; }
h1 .block{ display: block; }
footer p {font-size: 0.7rem; }
.top-bar .name h1 a{ color: #000000;}
.home .top-bar .name h1 a{ color: #FFFFFF; }

.category h2{ font-size: 3rem; }
a:link{ color: #047ffa; }
a:hover a:focus{ color: #3399ff; }
a:visited{ color: #0982fb; }

#sidebar{ padding-top: 30px; }

.top-bar-section ul{ margin-top: 90px; }
.top-bar-section ul li{ background-color: transparent; }
.top-bar-section li:not(.has-form) a:not(.button){ background-color: #047ffa; border-radius: 60px; line-height: 120px; height: 120px; width: 120px; text-align:center; z-index: 1}
.top-bar-section li.active:not(.has-form) a:not(.button){ line-height: 120px; }
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li:not(.has-form) a:hover:not(.button){ background-color: #3399ff; }
.top-bar-section li:not(.has-form) a:hover:not(.button){ width: 150px; height: 150px; line-height: 150px; margin: -15px; border-radius: 75px; z-index: 2; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]{ border-right: 5px solid transparent; }
.top-bar-section ul li > a{ 
  font-family: archivo_blackregular, Arial, Helvetica, sans-serif; 
  font-weight: normal; 
  font-size: 1.2rem;
}
.top-bar-section li:not(.has-form) a:not(.button){
-webkit-transition: width 1s, height 1s, margin 1s, border-radius 1s, line-height 1s, background-color 1s; /* Safari */
    transition: width 1s, height 1s, margin 1s, border-radius 1s, line-height 1s, background-color 1s;
}
.contain-to-grid{ background-color: #FFFFFF; }
.top-bar{ background-color: #FFFFFF; }

.tab-bar{ background-color: #3399ff; }
.tab-bar .menu-icon span::after{ box-shadow: 0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff; content:"";display:block;height:0;left:0.90625rem;margin-top: -0.5rem; position:absolute; top: 50%;width:1rem;}
.tab-bar h1{ font-size: 1rem; font-weight: normal; }
.left-small{ border-right: 1px solid #FFFFFF; }
.left-off-canvas-menu{ background-color: #3399ff; }
ul.off-canvas-list li a{ border-bottom: solid 5px #FFFFFF; color: #FFFFFF; font-family: archivo_blackregular, Arial, Helvetica, sans-serif; 
  font-weight: normal; }

.home header{ display: none; }
.top-bar .name h1{ line-height: 1.2rem; }
.top-bar-container{ margin-bottom: 8rem; }

footer article div{ background-color: #aaaaaa; color: #FFFFFF; padding: 5px; min-height: 50px; }
footer.row{ margin-bottom: 5px; }
footer p{ line-height: 2.5rem; margin-bottom: 0; text-align: center;}

@media only screen and (min-width: 370px ){
  .tab-bar h1{ font-size: 1.25rem; }
  
}
@media only screen and (min-width: 470px ){
  h1 .emphasise{ font-size: 2.2rem; line-height: 2.1rem; }
  .home h1 .emphasise{ font-size: 5rem; line-height: 4rem; }
  h2 .emphasise{ font-size: 4rem; }
}
@media only screen and (min-width: 920px ){
.top-bar-section ul{ margin-top: 5px; }
h1 .emphasise{ font-size: 3rem; line-height: 2.2rem; }
}
@media only screen and (min-width: 56em) { /* when top menu changes to mobile version */

}