/*
Theme Name:         Altoona
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb
Version:            5.5.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
	.off-canvas-wrap {
	background-image: none;
	}
	.newsletter {
	background-image: none;
	}
	.newsletter input[type="submit"] {
	position: relative;
    top: -53px;
    background: #F8C603;
    border: 0;
    padding: 8px;
	}
	input.emailInput{
	width: 175px !important;
	}
	.emailSignupContainer{
	padding: 10px;
    background: #18416e;
    width: 273px;
    position: absolute;
    left: 30px;
    top: 30px;
	}
	article header h1 {
	text-align: left;
	}
	button{
    padding: 10px 20px;
    margin: 10px 0px;
    font-weight: bold;
    background: #18416e;
	}
	
	.businessTabs dd{
	width:50%;
	font-weight:bold;
	text-transform:uppercase;
	border: 1px solid #FFF;
	}
	.businessTabs dd a{
	background-color:#13406f;
	color:#FFF;
	}
	.businessTabs dd.active a{
	background-color:#fac809;
	color:#FFF;
	}
.post-1924 h1.entry-title{
	visibility: hidden;
}
.iconPadding{
	padding: 30px;
}
.flex-center{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	padding-top: 15%;
}
.date-box{
	display: block;
    margin: 10px auto;
    padding: 5px;
    background-color: #18416e;
    color: #FFFFFF;
    text-align: center;
    width: 60px;
    font-weight: 700;
}
.box-left, .box-right, .box-center{
	border: 1px solid #18416e;
	padding: 25px;
	width: 40%;
	margin: 5px;
	background-color: #FFFFFF;
}
.box-center{
	width: 50%;
	text-align: center;
}
.box-left{
	position: relative;
	left: 0;
}
.box-right{
	position: relative;
	margin-left:auto; 
	margin-right:0;
}
.box-center{
	position: relative;
	margin: 40px auto;
}
.divider{
	position: absolute;
    width: 1px;
    height: 80%;
    background-color: #18416e;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-left: 48%;
    z-index: -1;
}
div.box-point-right::before{
	content: url('/wp-content/themes/Altoona/img/box-tab-left.png');
    position: absolute;
    left: -19px;
    top: 30px;
}
div.box-point-left::after{
	content: url('/wp-content/themes/Altoona/img/box-tab-right.png');
    position: absolute;
    right: -19px;
    top: 30px;
}
div.circle-pin-left::after{
    background-image: url('/wp-content/themes/Altoona/img/circle-pin-left.png');
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    content: "";
    position: absolute;
    top: 10px;
    right: -90px;
}
div.circle-pin-right::after{
    background-image: url('/wp-content/themes/Altoona/img/circle-pin-right.png');
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    content: "";
    position: absolute;
    top: 10px;
    left: -90px;
}
@media only screen and (min-width: 51.25em) {
	.top-bar-container-home {
	position: relative;
	top:0;
	}
	.topImage {
	position: relative;
	margin-bottom: 50px;
	}
	.top-bar, .contain-to-grid .top-bar {
    background-image: none;
    background: #18416e;
    margin-top: 0;
    }
    .top-bar-section ul{
	width: 100%;
	background: #a1abb2;
	height: 40px !important;
    }
    .top-bar .name {
    height: 3.125rem;
    }
    .top-bar-section ul li {
    float: right;
	}
	.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 2.5rem !important;
	}
	.top-bar-section .has-dropdown > a:after {
    border-color: rgba(247, 190, 44, 1) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 1.1rem;
	}

}
@media only screen and (max-width: 820px) {
	article.page, article.post{
		padding-top: 15%;
	}
}
@media only screen and (max-width: 640px) {
	.businessTabs dd{
	width:100%;
	}
	.emailSignupContainer {
	position: relative;
	width: 100%;
	top:0;
	left:0;
	}
	.newsletter{
		display: block;
	}
	table tr th, table tr td{
		padding: 3px;
	}
	#categories-3{
		position: relative;
	}
	.flex-center{
		padding-top: 0;
	}
	.box-left, .box-right, .box-center {
    border: 1px solid #18416e;
    padding: 25px;
    width: 100%;
    margin: 10px auto;
	}
	div.box-point-left::after{
	display: none;
	}
	div.box-point-right::before{
	display: none;
	}
}