/*
 * Theme Name: Active Metal
 * Description: Theme for Active Metal
 * Author: Design by Extrablack, Development by Humming
 * Author URI: http://humminggroup.com.au
*/
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus,
form select:-webkit-autofill,
form select:-webkit-autofill:hover,
form select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0px 1000px #2b292b inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25% !important;
    position:relative;
    margin-bottom:1rem;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media screen and (min-width: 80.0625em){

.thumbnail-grid--person>.tease, .thumbnail-grid--person>div {
    width: 25%;
}
.thumbnail-grid--person>.tease:nth-of-type(3n+1), .thumbnail-grid--person>div:nth-of-type(3n+1) {
    clear: none;
}
.tease--person .tease__caption {
    padding: 1rem;
    padding-right: 10%;
}
.tease--person .tease__title {
    margin-bottom: 0.5em;
    font-size: 1.5rem;
}
}
@media screen and (min-width: 80.0625em){
    

body.people .thumbnail-grid--person>.tease,body.people .thumbnail-grid--person>div {
    width: 33.33333%;
}
body.people .thumbnail-grid--person>.tease:nth-of-type(2n+1),body.people .thumbnail-grid--person>div:nth-of-type(2n+1) {
    clear: none;
}
}

@media screen and (min-width: 768px) {
body.people .tease--show-caption-on-hover .tease__wrap .tease__caption {
    opacity: 1;
        position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    text-align:center;
}

body.people .tease--show-caption-on-hover .tease__wrap:hover .tease__caption {
    opacity: 0;
}
body.people .tease--show-overlay-on-hover .tease__wrap:after{
    opacity:1;
}
body.people .tease--show-overlay-on-hover .tease__wrap:hover:after{
    opacity:0;
}
body.people .tease--has-overlay .tease__wrap:after{
        background-color: rgba(89,88,90,.8);
}

body.people .tease--has-overlay:nth-of-type(9n+2) .tease__wrap:after, body.people .tease--has-overlay:nth-of-type(9n+6) .tease__wrap:after, body.people .tease--has-overlay:nth-of-type(9n+7) .tease__wrap:after {
    background-color: rgba(255,70,18,.8);
}

body.people .tease--has-overlay:nth-of-type(9n+3) .tease__wrap:after, body.people .tease--has-overlay:nth-of-type(9n+4) .tease__wrap:after, body.people .tease--has-overlay:nth-of-type(9n+8) .tease__wrap:after {
    background-color: rgba(254,254,254,.8);
}
body.people .tease--has-overlay .tease__wrap .tease__subtitle,
body.people .tease--has-overlay .tease__wrap .tease__title,
body.people .tease--has-overlay .tease__wrap .tease__excerpt{
    color:white;
}
body.people .tease--has-overlay:nth-of-type(9n+3) .tease__wrap  .tease__title,
body.people .tease--has-overlay:nth-of-type(9n+3) .tease__wrap .tease__excerpt,
body.people .tease--has-overlay:nth-of-type(9n+3) .tease__wrap .tease__subtitle,
body.people .tease--has-overlay:nth-of-type(9n+4) .tease__wrap  .tease__title,
body.people .tease--has-overlay:nth-of-type(9n+4) .tease__wrap .tease__excerpt,
body.people .tease--has-overlay:nth-of-type(9n+4) .tease__wrap .tease__subtitle,
body.people .tease--has-overlay:nth-of-type(9n+8) .tease__wrap  .tease__title,
body.people .tease--has-overlay:nth-of-type(9n+8) .tease__wrap .tease__excerpt,
body.people .tease--has-overlay:nth-of-type(9n+8) .tease__wrap .tease__subtitle{
    color:#414141;    
}



}
@media screen and (max-width: 80em){

.header__right a.show-for-xlarge {
    display:none !important;
}
}

@media screen and (max-width: 500px){
.thumbnail-grid--person>.tease, .thumbnail-grid--person>div {
    width: 50%;
}
.thumbnail-grid--person>.tease:nth-of-type(1n+1), .thumbnail-grid--person>div:nth-of-type(1n+1) {
    clear: none;
}
.thumbnail-grid--person>.tease:nth-of-type(2n+1), .thumbnail-grid--person>div:nth-of-type(2n+1) {
    clear: both;
}
.tease--person .tease__caption {
    padding: 1rem .5rem;
    position: relative;
}
.tease__title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
}
.tease--person .tease__title {
    margin-bottom: 0.5em;
}
.page-id-2921 .main{
    background: #ff4612;    
}
}
@media screen and (min-width: 64em){
.full-height body .main {
    min-height: 650px;
}
html.full-height, html.full-height body {
    min-height: 770px; 
}    
.full-height .footer{
    position:fixed;
}
}