/* AF custom styles
   don't mess with theme files so it can be updated cleanly
   ideally don't edit styles.css, edit and compile from .scss
*/

.content, section { background-color: #fff; }


#logo_hinkin_svg {
  position: absolute;  bottom: 15%;  left: 5%;
  height: 50%;  width: 90%;
  z-index: 1;
}


.clientlogo {
  text-align: center;
  width: 100%;;
}
.clc { width: 100%;  height: 180px;  
  overflow: hidden;  text-align: center; }

.clientlogo h6 { width: 100%;  text-align: center;
  margin: -1.3em 0 5.2em 0;
  font-size: 119%; }


.clientlogo img {
  width: auto;  height: 66%;  margin-top: 10%;
  -webkit-filter: saturate(0%) opacity(50%);  /* Safari */
          filter: saturate(0%) opacity(50%);
  opacity: 0.33;
  transition: all 1s;
}

.clientlogo img.hi, .clientlogo img:hover {
  width: auto;  height: 81%;  margin-top: 1%;
  -webkit-filter: saturate(100%) opacity(100%);  /* Safari */
          filter: saturate(100%) opacity(100%);
  opacity: 1;
  transition: all 0.5s;
}


/* section.clients { padding: 180px 0 60px 0; } */
section.about { margin: 3rem 0; }
.section-box .box-white { padding: 50px 7.5%; }
#tab2 { padding-bottom: 8rem; }


.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }


.btn-primary {
    background-color: #9aa8ad;
    border-color: #9aa8ad;
}
.btn-primary:hover {
    background-color: #7a898f;
    border-color: #7a898f;
}


/*
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)
*/
@media only screen 
  and (min-device-width: 1024px) 
  and (hover: none) {
  .bg-fixed {
	background-attachment: scroll !important;
	background-size: cover;
	background-position: 50% 50%;
  }
}

.with-errors li {
  color: #b16f0b;
  padding: 2px 16px; 
}