/*
Theme Name:         FoundationPress
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

---------------------------------------------------------------------------- */






h1 {
  /*line-height: 3.0rem!important;*/
  line-height: 48px!important;
}


h3, h4 {
  color:#0073ae!important;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
  border-style: dashed!important;

}

.centered {
  text-align: center;
  margin-left: auto;
  margin-right:auto;
}

.box {
	border:0.06em solid #eaeef0; 
	border-width:1px;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
	padding:25px;
}

.grid-image {
  background-size:cover;
  width:100%;
  min-height:200px;
  padding:25px;
  position:relative;

}

.grid-image-text {
  position:absolute;
  bottom:15px;
  left:15px!important;
  color:#fff!important;
  font-weight:bold;
  line-height:25px;
  margin-right:15px;

}

.grid-image-text a {
  color:#FFFFFF!important;
  padding-right:15px;
}

.partner-logos li {
  padding: 25px!important;

}


.partner-logos li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */

}

.partner-logos li img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);

}

.management-block {
  text-align:center;
}

.management-headshot li img {
    border: 1px solid #eeeeee;

}

.headshot {
  border: 1px solid #eeeeee;
}

.hero-text {
    padding-top: 30px!important;
    margin-bottom: 30px!important;

}

.hero-text h1 {
  color:#fff; 
  font-size:3.0rem;
  line-height: 3.0rem;
  margin-bottom: 25px;
}

.hero-text h3 {
  font-size:34px;
  line-height: 34px;
  color:#ffffff!important;
}

.hero-text h4 {
  font-size: 25px;
  line-height: 25px;
  color:#ffffff!important;
}

.hero-text .subheader {
    color:#ffffff;
    padding-bottom: 25px;

}

.management-linkedin {
    float: right;
    background-color:#999999!important;
    color:#ffffff!important;

}


.titlegradient {
    position:absolute; 
    width:inherit; 
    height:100%; 
    margin:inherit; 
    background-image:url(/wp-content/uploads/images/gradient.png); 
    bottom:0px;
    left:0px;
}

#homepage-hero {
  padding: 0px; 
  min-height: 200px; 
  background-color: #073a5b;
  background-size: cover!important;
  background-position: center center!important;

}

.blackcover {
  position:absolute; 
  width:100%; 
  height:100%; 
  margin: 0px; 
  background:rgba(0,0,0,0.5); top:0px;

}

h2 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;

}

h2.first {
  margin-top: 0px!important;

}



.whitebutton {
  background-color: #ffffff!important;
  border: 1px solid #00a4e3!important;
  color:#00a4e3!important;
}

.whitebutton:hover {
  color:#ffffff!important;
  background-color:#00a4e3!important;
}


/* Company Sidebar */
#menu-work-at-bluecat li, #menu-our-company-sidebar-menu li, #menu-initiatives-sidebar-menu li, #menu-product-sidebar-menu li, #menu-customers-sidebar-menu li, #menu-resources-sidebar-menu li, #menu-partners-sidebar-menu li, #menu-services-support-sidebar-menu li {
  list-style:none;
}
#menu-work-at-bluecat, #menu-our-company-sidebar-menu, #menu-initiatives-sidebar-menu, #menu-product-sidebar-menu, #menu-customers-sidebar-menu, #menu-resources-sidebar-menu, #menu-partners-sidebar-menu, #menu-services-support-sidebar-menu{
  margin-left: 0rem;  
}

#menu-work-at-bluecat li a, #menu-our-company-sidebar-menu li a, #menu-initiatives-sidebar-menu li a, #menu-product-sidebar-menu li a, #menu-customers-sidebar-menu li a, #menu-resources-sidebar-menu li a, #menu-partners-sidebar-menu li a, #menu-services-support-sidebar-menu li a{
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;

  -moz-appearance: none;
  border-style: solid;
/*  border-color: #7fd1f1!important;*/  
  border-color: #e9e9e9!important;
  border-left: 1px solid #e9e9e9!important;
  border-top: 1px solid #e9e9e9!important;
  border-bottom: 1px solid #e9e9e9!important;
  border-right: 1px solid #e9e9e9!important;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: -1px 0px 0px;
  position: relative;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  padding: .75rem 0rem 1.0rem 1.0rem;
  font-size: 1rem;
  background-color: #ffffff!important;
  
  color: #008cba!important;
  transition: background-color 300ms ease-out 0s;
  transition: border-left 300ms ease-out 0s;
}

#menu-work-at-bluecat li a:hover, #menu-our-company-sidebar-menu li a:hover, #menu-initiatives-sidebar-menu li a:hover, #menu-product-sidebar-menu li a:hover, #menu-customers-sidebar-menu li a:hover, #menu-resources-sidebar-menu li a:hover, #menu-partners-sidebar-menu li a:hover, #menu-services-support-sidebar-menu li a:hover {
    background-color: #f4f4f4 !important;
    /*border-left: 10px solid #00a94f!important;*/
    border-left: 10px solid #7fd1f1!important;
    transition: background-color 300ms ease-out 0s;
    transition: border-left 100ms ease-out 0s;
    padding: .75rem 0rem 1.0rem .5rem;



}


.resource-image {
  padding:20px!important;
  max-width: 100%;
}

.resource-image img {
  border:1px solid #eeeeee!important;
}

.breadcrumbs {
  border-style: none!important; 
border-width: 0!important; 
display: block;
list-style: none;
margin-left: 0;
overflow: hidden;
padding: 0rem 0.875rem 0.5625rem 0rem!important;
 background-color: #ffffff!important; 
 border: none!important; 
}

.extra-margin {
  margin-top: 25px;
  margin-bottom:25px;
}


a.button.radius.button-top-bar.mgr {
  margin-right:0px!important;

}

.button-top-bar {
  max-width: none!important;
}

.panel.callout{
  background:#fcfcfc!important;
  border-color:#ececec!important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(188,188,188,0.35);
  -moz-box-shadow: 0px 1px 2px 0px rgba(188,188,188,0.35);
  box-shadow: 0px 1px 2px 0px rgba(188,188,188,0.35);
}

.department {

}

.job {
  width: 100%;
  padding: 5px 5px;
  display: block;
}

.job:hover {
  background-color: #e6e6e6;
}

.location {
  float: right;

}


.core-value, .core-value h4, .core-value p {
  text-align: center;

}

blockquote p {
  font-size: 80%;
}

#menu-footer-menu li {
  text-transform: uppercase;
}

#menu-footer-menu li a {
  font-size: 15px!important;
}

body.page-template-homepage #homepage-hero {
  overflow: hidden;
}




.panel.radius.bigradius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


.training-box {
  margin-bottom: 25px!important;

}


.support-matrix td {
  padding: 10px;
}

.support-matrix .cat-image {
  width: 24px;
  height: 24px;
}

.textwidget .content-overlay {
  min-height: 200px;
  background-color: #073a5b;
}


/* Responsivnes */
@media screen and (max-width: 1180px) { 
  


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


}


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





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

  h1 {
    line-height: 2.0rem!important;
  }


   .hero-text h1 {
    font-size:2.2rem;
    line-height: 1.2rem;
    margin-bottom: 10px;
  }

  .hero-text h3 {
    font-size:24px;
    line-height: 24px;
  }

  .hero-text h4 {
    font-size: 18px;
    line-height: 18px;
  }


}