/*
 * ___ _   _ ___ _  _
 * | _ \ | | / __| || |
 * |  _/ |_| \__ \ __ |
 * |_|  \___/|___/_||_|
 * 
 * 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) */
[data-template-id="42"] .office-supplement {
    margin: 2rem auto;
    }
[data-template-id="42"] .office-supplement .title {
    margin: 1.5rem 0 .5rem 0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
    }
[data-template-id="42"] .office-supplement .section-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
[data-template-id="42"] .office-supplement .section-content.hasimage {
    padding: 1.5rem;
    background-color: #f6f6f6;
    }
[data-template-id="42"] .office-supplement .section-content > * {
    -webkit-flex: 1 1 400px;
    -ms-flex: 1 1 400px;
    flex: 1 1 400px;
    }
[data-template-id="42"] .office-supplement .section-content .image {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 240px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    }
[data-template-id="42"] .office-supplement .section-content .image img {
    display: block;
    width: 100%;
    height: auto;
    }
[data-template-id="42"] .office-supplement .section-content .image.right {
    margin-left: 1.5rem;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
[data-template-id="42"] .office-supplement .section-content .image.left {
    margin-right: 1.5rem;
    }
[data-template-id="42"] .attachment-list li a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: .5rem;
    border: 1px solid #e6e7e8;
    background-color: #f6f6f6;
    text-decoration: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
[data-template-id="42"] .attachment-list li a span {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    }
[data-template-id="42"] .attachment-list li a .title {
    padding: .25rem 1rem;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    }
[data-template-id="42"] .attachment-list li a .button {
    height: auto;
    padding: .25rem 1.5rem;
    }
[data-template-id="42"] .attachment-list li a .icon {
    padding: .5rem;
    color: #fff;
    background-color: #363636;
    font-size: 1.5rem;
    }
[data-template-id="42"] .attachment-list li a:hover {
    background-color: rgba(190,175,135,.5);
    text-decoration: none;
    }
[data-template-id="42"] .attachment-list li a:hover .icon {
    background-color: #beaf87;
    }
@media (orientation: portrait) and (max-width: 40em) {
[data-template-id="42"] .office-supplement .section-content {
    display: block;
    }
[data-template-id="42"] .office-supplement .section-content .image {
    margin: 0 !important;
    }
[data-template-id="42"] .office-supplement .section-content img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 1rem auto;
    }
}