/*
 * ___ _   _ ___ _  _
 * | _ \ | | / __| || |
 * |  _/ |_| \__ \ __ |
 * |_|  \___/|___/_||_|
 * 
 * Real Estate Web Solutions - http://property.pushcreative.com.au/
 * 
 * Copyright (c) 2019. All Rights Reserved.
 */
/* Vars */

/** flex-grid(margin = 0.5rem, flex-basis = 160px, flex-wrap = nowrap) */
.profile > p:first-child {
    font-size: 1.5rem;
    line-height: 1.1;
    }
p.action-buttons {
    margin-top: 1rem;
    }
p.action-buttons a.button[href*="tel:"] {
    display: none;
    }
.agent-photo-wrapper {
    width: 50%;
    }
.content-container ul.social > li {
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
    box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
    text-align: center;
    }
.dual.grey {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    }
.agentpic {
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }
.agentpic [data-class-toggle] {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -40px;
    }
.profile-section {
    margin-bottom: 2rem;
    }
.profile-section.intro p:first-of-type {
    font-size: 1.1rem;
    }
.profile-section.awards p {
    padding-left: 1.65rem;
    text-indent: -1.65rem;
    }
.profile-section.awards p:before {
    content: "\f091 ";
    position: relative;
    top: .2em;
    display: inline-block;
    width: 1.65rem;
    color: #beaf87;
    text-align: left;
    text-indent: 0;
    font-family: 'fontawesome';
    font-size: 1.4rem;
    white-space: pre;
    }
.profile-section.education p {
    padding-left: 1.65rem;
    text-indent: -1.65rem;
    }
.profile-section.education p:before {
    content: "\f00c ";
    position: relative;
    top: .1em;
    display: inline-block;
    width: 1.65rem;
    color: #beaf87;
    text-align: left;
    text-indent: 0;
    font-family: 'fontawesome';
    font-size: 1.4rem;
    white-space: pre;
    }
@media (orientation: portrait) and (max-width: 50em) {
.fixed-aspect.square.agentpic {
    padding-bottom: calc(100vh - 5rem);
    padding-bottom: calc(100vh - 5rem);
    padding-bottom: calc(100vh - 5rem);
    }
.dual.grey {
    max-width: 100%;
    text-align: center;
    }
.dual.grey .content-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    padding-top: 20vh;
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.4));
    background: -moz-linear-gradient(top,transparent,rgba(0,0,0,.4));
    background: linear-gradient(to bottom,transparent,rgba(0,0,0,.4));
    }
.dual.grey .content-container h1.super {
    margin-bottom: .5rem;
    }
.dual.grey .social ~ .oneline {
    display: none;
    }
hr {
    display: none;
    }
.action-buttons {
    padding: 1rem 1rem .75rem;
    margin-right: -.25rem;
    background: rgba(0,0,0,.2);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.action-buttons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    }
.action-buttons > * {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    }
.action-buttons a.button {
    padding: 0;
    margin-right: .25rem;
    margin-bottom: .25rem;
    }
.jobtitle {
    font-size: 10px;
    }
.officename {
    display: none;
    }
}

@media (orientation: portrait) and (max-width: 40em) {
.fixed-aspect.square.agentpic {
    padding-bottom: calc(100vh - 3.5rem);
    padding-bottom: calc(100vh - 3.5rem);
    padding-bottom: calc(100vh - 3.5rem);
    }
p.action-buttons a.button[href*="tel:"] {
    display: block;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    }
.action-buttons {
    font-size: 12px;
    }
}