/*
Theme Name: Big Splash Web Design
Author: Big Splash Web Design
*/

/* Global */

body {
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    background: #fff;
}

.entry-content a, article a {
    color: #f07222;
}

.text-orange {
    color: #f07222 !important;
}

.text-teal {
    color: #3e8cb1 !important;
}

.text-dark-gray {
    color: #777777 !important;
}

.text-light-gray {
    color: #919191 !important;
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #ffffff !important;
}

.bg-orange {
    background-color: #f07222 !important;
}

.bg-teal {
    background-color: #3e8cb1 !important;
}

.bg-dark-gray {
    background-color: #777777 !important;
}

.bg-light-gray {
    background-color: #919191 !important;
}

.bg-black {
    background-color: #000000 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

h1, .h1 {
    font-size: 30px;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
}

h2, .h2 {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

h3, .h3 {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 20px;
}

h4, .h4 {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.body-reg {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.body-bold {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 15px;
}

.btn-1 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.btn-1-bold {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

.btn-2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.btn-2-bold {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.font-small {
    font-size: 14px;
}

.font-cond {
    font-family: 'Barlow Condensed', sans-serif;
}

.text-underline {
    text-decoration: underline;
}

.border-bot {
    border-bottom: 2px solid #e1e1e1;
}

a {
    color: inherit;
    transition: 0.4s color ease;
    -moz-transition: 0.4s color ease;
    -webkit-transition: 0.4s color ease;
}

a:hover {
    color: #f07222;
}

.link-arrow {
    position: relative;
    margin-right: 53px;
}

#home-results .link-arrow svg {
    position: static;
    margin-left: 15px;
}

.link-arrow svg {
    position: absolute;
    right: -53px;
    top: 4px;
    height: 10px;
    width: 43px;
    fill: currentColor;
}

#page {
    padding: 0 15px 15px;
}

@media(min-width: 768px) {
    #page {
        padding: 0 45px 45px;
    }
    h1, .h1 {
        font-size: 40px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    .body-reg {
        font-size: 20px;
    }
    .body-bold {
        font-size: 20px;
    }
    .btn-1 {
        font-size: 22px;
    }
    .btn-1-bold {
        font-size: 22px;
    }
}

.font-bold {
    font-weight: 700;
}

/* Header */

.top-header {
    width: 100%;
    position: relative;
    right: 0;
}

.top-header ul.menu-top-menu {
    display: flex;
    justify-content: space-between;
}

@media(min-width: 576px) {
    .top-header {
        width: 32%;
        position: absolute;
        right: 15px;
    }
    .top-header ul.menu-top-menu {
        display: block;
        justify-content: none;
    }
}

@media(min-width: 768px) {
    .top-header {
        width: 40%;
        right: 45px;
    }
    .top-header ul li {
        display: inline-block;
        margin-right: 40px;
    }
}

@media(min-width: 992px) {
    .top-header {
        width: 100%;
        position: relative;
        right: 0;
    }
}

.top-header ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-header ul li:last-child {
    margin-right: 0;
}

#logo {
    width: 290px;
    height: 137px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#logo a {
    width: 290px;
    height: 137px;
    display: block;
    background-image: url('assets/images/global/HoustonMod_Logo.png');
    background-position: center center;
    background-repeat: no-repeat;
}

@media(min-width: 768px) {
    #logo {
        width: 299px;
    }
    #logo a {
        width: 299px;
    }
}

@media(max-width: 574px) {
    #logo {
        margin: 0 auto;
    }
}

.svg #logo a {
    background-image: url('assets/images/global/HoustonMod_Logo.svg');
}

.main-navigation li.current-page-ancestor.current-menu-ancestor.current-menu-parent.current-page-parent.current_page_parent.current_page_ancestor>a, .main-navigation ul#menu-primary-menu>li.current-menu-item.current_page_item>a, body.category-publications ul#menu-primary-menu>li#menu-item-1365>a, body.term-publications ul#menu-primary-menu>li#menu-item-1365>a, body.page-id-40 ul#menu-primary-menu>li#menu-item-1365>a  {
    color: #3e8cb1;
    font-weight: 700;
}

/* Navigation */

#mobile-menu {
    border: 2px solid #e1e1e1;
    padding: 7px;
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
}

#mobile-menu .fa-angle-down {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}

.main-navigation.active {
    display: block;
    position: absolute;
    z-index: 1;
    right: -7.5px;
    transition: 0.4s right ease;
    -moz-transition: 0.4s right ease;
    -webkit-transition: 0.4s right ease;
}

.main-navigation.active.hide {
    right: -100px;
}

@media(min-width: 576px) {
    #mobile-menu {
        border: 2px solid #e1e1e1;
        padding: 7px;
        width: 33.5%;
        position: absolute;
        right: 0;
        top: -48px;
    }
    .main-navigation.active {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
    }
}

.main-navigation {
    display: none;
}

.main-navigation>div>ul>li {
    background-color: #fff;
    position: relative;
    margin-top: 7px;
    border: 2px solid #e1e1e1;
}

@media (min-width: 768px) {
 .main-navigation>div>ul>li {
   padding: 0!important;
 }
 .main-navigation>div>ul>li>a {
   padding: 13px 0!important;
   display: inline!important;
 }
 ul.sub-menu>li {
  padding: 7px;
 }
 ul.sub-menu>li>a {
  padding: 0!important;
 }
}

ul.sub-menu>li {
    background-color: #f07222;
    color: #fff;
    margin-top: 7px;
    border: 2px solid #e1e1e1;
}

.main-navigation>div>ul>li.menu-item-has-children {
    padding-left: 40px;
}

.main-navigation>div>ul>li.menu-item-has-children>span.chevron-dropdown {
    color: #F07222;
    position: absolute;
    left: 15px;
    top: 8px;
}

.main-navigation>div>ul>li.menu-item-has-children.active>span.chevron-dropdown, #mobile-menu.active .fa-angle-down {
    transform: rotate(180deg);
}

.main-navigation>div>ul>li>.sub-menu {
    display: none;
}

.main-navigation>div>ul>li.menu-item-has-children.active ul.sub-menu {
    display: block;
    position: absolute;
    z-index: 1;
    margin-top: -45px;
    right: 185px;
}

ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: lowercase;
}

@media(min-width: 576px) {
    header.container {
        max-width: none;
    }
}

@media(min-width:768px) {
    header.container {
        max-width: 720px;
    }
    .main-navigation {
        display: block;
    }
    .main-navigation>div>ul>li.menu-item-has-children {
        padding-left: 7px;
    }
    .main-navigation>div>ul>li.menu-item-has-children>span.chevron-dropdown {
        display: none;
    }
    .main-navigation>div>ul>li.menu-item-has-children:hover ul.sub-menu {
        display: block;
        position: absolute;
        z-index: 1;
        margin-top: 8px;
    }
    ul.sub-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        text-transform: lowercase;
        background-color: #f07222;
        color: #fff;
    }
    .main-navigation>div>ul>li {
        background-color: transparent;
        padding: 0;
        margin-top: 0;
        border: none;
    }
    ul.sub-menu>li {
        background-color: transparent;
        color: #fff;
        margin-top: 7px;
        border: none;
    }
}

.main-navigation>div>ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: lowercase;
}

.main-navigation>div>ul>li>a {
    padding: 7px;
    position: relative;
    display: inline-block;
    width: 100%;
}

ul.sub-menu>li {
    padding: 0;
    min-width: 118px;
}

@media (min-width: 992px) {
 ul.sub-menu>li {
     padding: 5px 10px;
 }
}

ul.sub-menu li a {
 padding: 7px;
 position: relative;
 display: inline-block;
 width: 100%;
}

ul.sub-menu>li>a:hover {
    color: #fff;
}

/* Map */

#map .si-content-wrapper {
    width: 150px;
}

#home-map {
    overflow: hidden;
    padding-top: 40px;
}

#map {
    width: 1110px;
    height: 500px;
}

#home-data {
    background: rgba( 235, 235, 235, .9);
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    z-index: 10;
    transition: left 500ms ease;
    font-size: 14px;
}

@media( max-width: 800px) {
    #map {
        right: 360px !important;
    }
}

@media( min-width: 576px) {
    #home-data {
        width: 450px;
    }
}

#home-data.active {
    left: 0;
    transition: left 500ms ease;
    box-shadow: 10px 10px 10px rgba( 0, 0, 0, .5);
}

#home-data .content {
    padding: 30px;
}

.close-map-window {
    background: #f07222;
    border-radius: 30px;
    color: #fff;
    font-size: 40px;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 11;
    cursor: pointer;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 25px;
}

/* Modern in Houston */

#home-pagination ul {
    display: flex;
    list-style: none;
    margin: 0;
}

#home-pagination li:last-child {
    border-right: 1px solid #ccc;
}

#home-pagination li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#home-pagination span {
    padding: 10px 15px;
    cursor: pointer;
    display: block;
}

#home-pagination span.active {
    background: #f07222;
    color: #fff;
}

#home-pagination span:hover {
    background: #f07222;
    color: #fff;
}

/* Sub pages */

#content {
    padding-bottom: 30px;
}

@media(min-width: 576px) {
    #content {
        padding-bottom: 60px;
    }
}

@media(min-width: 992px) {
    #content {
        padding-bottom: 120px;
    }
}

.home #content {
    padding: 0;
}

#home-search {
    position: relative;
}

.clear-search {
    position: absolute;
    ;
    right: 60px;
    top: 6px;
    cursor: pointer;
}

.search-btn {
    position: absolute;
    right: 20px;
    top: 6px;
    cursor: pointer;
}

#home-search input[type=text] {
    width: 100%;
    display: block;
    padding: 5px;
}

/*Preloader*/

#home-results .preload {
    flex: 2;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* .preload {
width: 60px;
height: 60px;
margin: 40px auto;
background: #f07222;
transform: rotate(45deg);
animation: spin 1s infinite linear;
}
@keyframes spin {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
} */

.sticky {
    position: sticky;
    top: 40px;
}

.sticky:before, .sticky:after {
    content: '';
    display: table;
}

.wp-caption {
    margin-bottom: 20px;
}

.single-home .wp-caption {
    width: 100% !important;
}

.single-home .wp-caption img, .wp-caption img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

.wp-caption-text {
    font-size: .7em;
}

/* Related Mods */

#related-mods {
    padding: 40px 0;
}

#related-mods .item-home {
    font-size: .8em;
    position: relative;
}
#related-mods .item-home .image {
  height: 267px;
  overflow: hidden;
}

#related-mods #title {
    background: #3b8eb1;
    color: #fff;
}

#related-mods .item {
    padding: 20px;
}


/* Single Home */

.highlight {
    color: #f07222;
}

#orange-line {
    background: url('assets/images/home/orange-line.png') center right repeat-x;
    width: 150px;
    height: 100px;
    display: block;
}

.single-home #content .meta .label {
    text-transform: uppercase;
    display: block;
    font-size: .8em;
}

.single-home #content .meta .value {
    display: block;
    font-size: 1em;
}

.single-home #content .meta li {
    margin-bottom: 20px;
}

.single-home h1.entry-title {
    margin: 0;
    font-size: 30px;
}

/* Architect */
.label-value .label {
    font-size: .7em;
    text-transform: uppercase;
}
.label-value .value {
    font-size: 1em;
}

/* Home Listings */

.app-wrap {
    z-index: 0;
}

.app-wrap >.row {
    padding-top: 40px;
}

.app-wrap h1.entry-title {
    font-size: 30px;
    text-align: right;
}

#homes-sidebar .sticky {
    position: static;
    top: auto;
}

@media( min-width: 992px) {
    #homes-sidebar .sticky {
        position: sticky;
        top: 40px;
    }
}

#home-toggle-display {
    display: none;
}

#home-toggle-display .icon {
    margin-left: 10px;
    color: #757575;
    cursor: pointer;
    display: none;
    background: #eceded;
    padding: 10px;
}

@media( min-width: 992px) {
    #home-toggle-display .icon {
        display: inline-block;
    }
}

@media( min-width: 992px) {
    #home-toggle-display {
        display: flex;
    }
}

#home-toggle-display .icon.active {
    color: #1d4556;
    background: #3b8eb1;
}

@media( min-width: 992px) {
    #homes {
        display: flex;
        flex-wrap: wrap;
    }
}

@media( min-width: 992px) {
    #homes-sidebar {
        width: 24%;
        padding-right: 5%;
    }
    #homes-content {
        width: 76%;
    }
}

#homes.showSidebar #homes-sidebar {
    display: block;
}

#homes-sidebar {
    display: none;
}

#homes-sidebar.show {
    display: block;
}

@media( min-width: 992px) {
    #homes-sidebar {
        display: block;
    }
}

#filter-toggle {
    cursor: pointer;
}

#filter-toggle span {
    display: block;
    text-align: center;
    background: #f07222;
    color: #fff;
    padding: 10px;
    margin-bottom: 30px;
    display: none;
}

#filter-toggle span .arrow {
    margin-left: 10px;
}

#filter-toggle span.active {
    display: block;
}

@media( min-width: 992px) {
    #filter-toggle {
        display: none;
    }
}

.filter-list {
    max-height: 200px;
    overflow-y: auto;
}

.home-item .datebuilt {
    margin-bottom: 10px;
}

.home-listings.list .home-item {
    display: flex;
    position: relative;
}
.home-listings .home-item {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
}

.home-listings .meta {
    font-size: 16px;
}

.home-listings.list .image {
    width: 280px;
}

.home-listings.list .content {
    width: 523px;
    margin-left: 40px;
}

.home-listings.grid {
    display: flex;
    flex-wrap: wrap;
}

.home-listings.grid li.home-item {
    width: 31.7%;
    margin-right: 2.33%;
    position: relative;
}

.home-listings.grid li.home-item .image {
    height: 267px;
    overflow: hidden;
}

.home-listings.grid li.home-item:nth-child(3n+3) {
    margin-right: 0;
}

.home-listings .label {
    font-size: 14px;
    display: block;
}

.home-listings .value {
    font-size: 20px;
    display: block;
}

.home-listings .learn-more {
    font-size: 16px;
    display: block;
    color: #f07222;
    text-transform: uppercase;
    width: 100%;
}

.home-listings .absolute {
    position: absolute;
    bottom: 15px;
}

.home-listings .architect {
    margin-bottom: 40px;
}

#current-filters li>span {
    font-size: 15px;
    line-height: 40px;
    vertical-align: top;
    height: 40px;
}

#current-filters li .filter-close {
    font-size: 20px;
    margin-right: 8px;
}

#current-filters li {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px 5px 0;
    background: #3e8cae;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
}

#home-filters .section {
    border-bottom: 1px solid #d9d9d9;
}

#home-filters h3, #current-filters h3 {
    font-size: 20px;
    color: #f07222;
}

#clear-filter .filter-clear {
    font-size: 20px;
    margin-right: 8px;
}

#clear-filter span {
    display: inline-block;
    vertical-align: middle;
}

#clear-filter {
    color: #3e8cae;
    font-size: 15px;
    cursor: pointer;
    text-align: right;
}

#current-filters>ul {
    clear: both;
}

#current-filters h3 {
    margin: 0;
    text-align: left;
}

#home-filters .header {
    padding: 10px 0;
}

#home-filters .header span {
    margin-left: auto;
    color: #f07222;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
}

#home-filters li {
    cursor: pointer;
    display: flex;
    align-items: center;
}

#home-filters .text {
    font-size: 14px;
}

#home-filters li:hover .checkbox {
    background: #d2d2d2;
}

#home-filters li.active .checkbox {
    background: #3e8cae;
}

#home-filters .checkbox {
    width: 17px;
    height: 17px;
    border: 1px solid #a6a6a6;
    margin-right: 10px;
    flex: 0 0 17px;
    display: block;
}

/* Front Page */

.home .featured-slider {
    position: relative;
    margin-bottom: 45px;
    height: 490px;
}

.home .featured-slider .slide {
    height: 450px;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

/* .home .featured-slider .slide:before {
content: '';
height: 15px;
width: 15px;
background-color: rgba(240, 114, 34, .9);
position: absolute;
top: 15px;
right: 15px;
z-index: 1000;
} */

.home .featured-slider .slide .text-container .blurb {
    line-height: 25px;
    position: relative;
    padding: 15px 0 15px 50px;
    margin-top: 210px;
    z-index: 1000;
    color: #000000;
    background-color: #fff;
}

.home .featured-slider .slider-arrows-container .list-inline-item:not(:last-child), .ind-home-slider .slider-arrows-container .list-inline-item:not(:last-child)  {
    margin-right: 45px;
}

.home .featured-slider .slider-arrow, .ind-home-slider .slider-arrow {
    display: inline-block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    background-color: rgb(235, 235, 235, 0.6);
    transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    -webkit-transition: 0.4s background-color ease;
}

.home .featured-slider .slide .text-container .blurb:before {
    content: '';
    height: 30px;
    width: 30px;
    background-color: #f07222;
    position: absolute;
    top: 15px;
    left: 0;
}

@media(min-width: 576px) {
    .home .featured-slider {
        height: auto;
        text-shadow: 2px 2px black;
    }
    .home .featured-slider .slide {
        height: 654px;
        background-size: cover;
        background-position: center center;
    }
    .home .featured-slider .slide .text-container {
        height: 654px;
    }
    /* .home .featured-slider .slide:before {
    content: '';
    height: 105px;
    width: 105px;
    background-color: rgba(240, 114, 34, .9);
    position: absolute;
    top: 52px;
    right: 52px;
    z-index: 1000;
    } */
    .home .featured-slider .slide .text-container .blurb {
        line-height: 25px;
        position: relative;
        padding: 0 0 0 50px;
        margin-bottom: 90px;
        z-index: 1000;
        color: #ffffff;
        background-color: transparent;
    }
    .home .featured-slider .slider-arrows-container .list-inline-item:not(:last-child), .ind-home-slider .slider-arrows-container .list-inline-item:not(:last-child) {
        margin-right: -2px;
    }
    .home .featured-slider .slider-arrow, .ind-home-slider .slider-arrow {
        display: inline-block;
        height: 90px;
        width: 90px;
        text-align: center;
        line-height: 90px;
        background-color: rgb(235, 235, 235, 0.6);
        transition: 0.4s background-color ease;
        -moz-transition: 0.4s background-color ease;
        -webkit-transition: 0.4s background-color ease;
    }
    .home .featured-slider .slide .text-container .blurb:before {
        top: 0;
    }
}

.home .featured-slider .slider-arrows, .ind-home-slider .slider-arrows {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.home .featured-slider .slider-arrow:hover, .ind-home-slider .slider-arrow:hover {
    background-color: #f07222;
}

.home .featured-slider .slider-arrow svg, .ind-home-slider .slider-arrow svg {
    height: 20px;
    width: 12px;
    fill: #777777;
    transition: 0.4s fill ease;
    -moz-transition: 0.4s fill ease;
    -webkit-transition: 0.4s fill ease;
}

.home .featured-slider .slider-arrow:hover svg, .ind-home-slider .slider-arrow:hover svg {
    fill: #fff;
}

.mailing-list form ul li input[type=text] {
    width: 100%;
    height: 56px;
    border: 1px solid #d9d9d9;
    padding: 0 13px;
    margin-bottom: 10px;
}

.mailing-list {
    margin-bottom: 45px;
}

.mailing-list form .gform_footer {
    text-align: left;
}

div.mailing-list span.join-cta {
    display: block;
    margin-bottom: 10px;
}

.mailing-list form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mailing-list form ul li .gfield_label {
    display: none;
}

.mailing-list form ul li input[type=email] {
    width: 100%;
    height: 56px;
    border: 1px solid #d9d9d9;
    padding: 0 13px;
}

.mailing-list form .validation_error {
    margin-bottom: 1rem;
    color: #f07222;
    font-weight: 700;
}

div#gform_confirmation_message_1 {
    font-family: 'Barlow Condensed', sans-serif;
    color: #f07222;
    font-size: 40px;
    font-weight: 300;
}

.home .mailing-list form .validation_message {
    display: none;
}

.mailing-list form ul li.gfield_error input[type=text], .home .mailing-list form ul li.gfield_error input[type=email] {
    border: 1px solid #f07222;
}

.mailing-list form button {
    background-color: transparent;
    border: none;
    position: relative;
    margin-right: 53px;
    padding: 0;
    margin-left: 10px;
}

.mailing-list form button svg {
    position: absolute;
    right: -53px;
    top: 4px;
    height: 10px;
    width: 43px;
    fill: currentColor;
}

.home .callouts {
    margin-bottom: 8px;
}

.home .callouts .callout {
    height: 462px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow-y: hidden;
}

.home .callouts .callout:after {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #3e8cb1;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: 0.4s top ease;
    -moz-transition: 0.4s top ease;
    -webkit-transition: 0.4s top ease;
}

.home .callouts .callout {
    display: table;
}

.home .callouts .callout .text-block {
    display: table-cell;
    vertical-align: middle;
    justify-content: center;
    position: relative;
    top: 0;
    text-shadow: 1px 1px black;
}

.home .callouts .callout .text {
    opacity: 1;
    transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
}

.home .callouts .callout .text {
    padding: 0 50px;
    position: relative;
    width: 100%;
    z-index: 100;
    opacity: 1;
    transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    -webkit-transition: 0.4s opacity ease;
}

@media(min-width: 576px) {
    .home .callouts .callout {
        display: block;
    }
    .home .callouts .callout:after {
        top: 100%;
    }
    .home .callouts .callout:hover:after {
        top: 0;
    }
    .home .callouts .callout .text-block {
        position: absolute;
        top: 380px;
        transition: 0.4s top ease;
        -moz-transition: 0.4s top ease;
        -webkit-transition: 0.4s top ease;
        left: 0;
        width: 100%;
        text-shadow: 2px 2px black;
    }
    .home .callouts .callout:hover {
        display: table;
    }
    .home .callouts .callout:hover .text-block {
        position: absolute;
        display: block;
        top: 35%;
        transition-delay: .4s;
        -moz-transition-delay: .4s;
        -webkit-transition-delay: .4s;
    }
    .home .callouts .callout:hover .text {
        opacity: 1;
        transition-delay: .8s;
        -moz-transition-delay: .8s;
        -webkit-transition-delay: .8s;
    }
    .home .callouts .callout .text {
        padding: 0 50px;
        position: relative;
        width: 100%;
        z-index: 100;
        opacity: 0;
        transition: 0.4s opacity ease;
        -moz-transition: 0.4s opacity ease;
        -webkit-transition: 0.4s opacity ease;
    }
}

.home .callouts .callout .square {
    position: relative;
    z-index: 100;
    padding-left: 50px;
    transition: 0.4s bottom ease;
    -moz-transition: 0.4s bottom ease;
    -webkit-transition: 0.4s bottom ease;
}

.home .callouts .callout:hover .square {
    transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.home .callouts .callout .square:before {
    content: '';
    height: 30px;
    width: 30px;
    background-color: #f07222;
    position: absolute;
    left: 0;
    top: 10px;
    transition: 0.4s opacity ease;
    -moz-transition: 0.4s opacity ease;
    -webkit-transition: 0.4s opacity ease;
}

.home .callouts .callout:hover .square:before {
    opacity: 0;
    transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
}

.home .pub-slider {
    margin-bottom: 45px;
}

.home .pub-slider.slick-initialized .slick-slide {
    display: flex;
}

.home .pub-slider .slide {
    height: 462px;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    text-shadow: 2px 2px black;
}

.home .pub-slider .slide .blurb {
    padding-left: 50px;
    position: relative;
    margin-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
}

@media(min-width: 992px) {
    .home .pub-slider .slide .blurb {
        background-color: transparent;
        border-radius: 0;
    }
}

.home .pub-slider .slide .blurb:before {
    content: '';
    height: 30px;
    width: 30px;
    background-color: #f07222;
    position: absolute;
    left: 0;
    top: 30px;
}

.home .pub-slider .pub-tracker-dots {
    position: absolute;
    left: 55%;
    bottom: 0px;
}

.home .pub-slider .pub-tracker-dots li {
    height: 10px;
    width: 10px;
    background-color: #fff;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    transition: 0.4s background-color ease;
    -moz-transition: 0.4s background-color ease;
    -webkit-transition: 0.4s background-color ease;
}

.home .pub-slider .pub-tracker-dots li:hover {
    background-color: #3e8cb1;
}

.home .pub-slider .pub-tracker-dots li.active {
    background-color: #3e8cb1;
    cursor: default;
}

.home .pub-slider .pub-tracker-dots .list-inline-item:not(:last-child) {
    margin-right: 10px;
}

@media(min-width: 576px) {
    .home .pub-slider .pub-tracker-dots {
        bottom: 30px;
    }
    .home .pub-slider .pub-tracker-dots .list-inline-item:not(:last-child) {
        margin-right: 0px;
    }
}

.home .mom {
    margin-bottom: 45px;
}

.home .mom .mom-text {
    position: relative;
    padding-left: 50px !important;
    margin: 35px 0 70px;
    padding-right: 15px;
    text-shadow: 1px 1px black;
}

.home .news .section-header a {
    position: absolute;
    bottom: 1.5rem;
    right: 1.1rem;
}

.home .news .news-post a.link-arrow {
    position: absolute;
    bottom: 0;
}

.home .news {
    margin-bottom: 60px;
}

.home .news .bg-orange {
    text-shadow: 1px 1px black;
}

.home .mission {
    margin-bottom: 60px;
}

.home .mom .mom-image {
    height: 205px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

@media(min-width: 576px) {
    .arbitrary-line:after {
        content: '';
        height: 1px;
        width: 175px;
        background-color: #f07222;
        position: absolute;
        right: 0;
        top: 50%;
    }
    .home .mom .mom-text {
        padding-right: 0;
        text-shadow: 2px 2px black;
    }
    .home .mom .mom-image {
        height: 387px;
    }

    .home .news .bg-orange {
        text-shadow: 2px 2px black;
    }
}

.home .mom .mom-text:before {
    content: '';
    height: 30px;
    width: 30px;
    background-color: #f07222;
    position: absolute;
    left: 0;
    top: 10px;
}

.home .news .section-header a:hover {
    color: #fff;
}

@media(min-width: 768px) {
    .home .mom .mom-image {
        height: 654px;
    }
    .main-navigation {
        display: block;
    }
}

@media(min-width: 992px) {
    header.container {
        max-width: 960px;
    }
    .home .featured-slider {
        margin-bottom: 90px;
    }
    /* .home .featured-slider .slide:before {
    height: 140px;
    width: 140px;
    top: 70px;
    right: 70px;
    } */
    .mailing-list form ul li {
        display: inline-block;
        margin-right: 5px;
    }
    .mailing-list form ul li input[type=text] {
        width: 230px;
        margin-bottom: 0;
    }
    .mailing-list form ul li input[type=email] {
        width: 318px;
    }
    .mailing-list form .gform_body, .mailing-list form .gform_footer {
        display: inline-block;
    }
    .mailing-list {
        margin-bottom: 65px;
    }
    .mailing-list form .gform_footer {
        text-align: center;
    }
    div.mailing-list span.join-cta {
        display: inline;
        margin-bottom: 0;
    }
    .home .callouts .white-border-right {
        border-right: 4px solid #fff;
    }
    .home .callouts .white-border-left {
        border-left: 4px solid #fff;
    }
    .home .pub-slider {
        margin-bottom: 90px;
        z-index: 10;
    }
    .home .pub-slider .slide {
        background-position: center center;
    }
    .home .pub-slider .slide .blurb {
        padding-left: 50px;
        position: relative;
        margin-bottom: 30px;
    }
    .home .pub-slider .slide .blurb:before {
        top: 10px;
    }
    .home .mom {
        margin-bottom: 90px;
    }
    .home .mom .mom-text {
        position: relative;
        padding-left: 50px !important;
        margin-bottom: 70px;
        flex: auto;
        -ms-flex: auto;
    }
    .home .news .section-header {
        min-height: 450px;
    }
    .home .news .section-header a {
        bottom: 1rem;
        left: 1rem;
        width: 40px;
    }
    .home .news .news-post a.link-arrow {
        position: absolute;
        bottom: 1rem;
    }
    .home .news {
        margin-bottom: 130px;
    }
    .home .mission {
        margin-bottom: 130px;
    }
    .footer-padding-top {
        padding-top: 160px;
    }
}

@media(min-width:1200px) {
    header.container {
        max-width: 1140px;
    }
    .mailing-list form button {
        margin-left: 20px;
    }
    .home .callouts .callout:hover .text-block {
        top: 220px;
    }
    .home .pub-slider .pub-tracker-dots {
        left: 621px;
    }
    .home .news .section-header {
        min-height: 355px;
    }
}

/* Footer */

.site-footer {
    background-color: #ebebeb;
}

#footer-logo {
    width: 100%;
    height: 137px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#footer-logo a {
    width: 100%;
    height: 137px;
    display: block;
    background-image: url('assets/images/global/HoustonMod_Logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Pages */

div.line-container {
    min-height: 45px;
}

li.sponsors {
    padding: 0 40px;
}

.mt-60 {
    margin-top: 108px;
}

.hero-img {
    width: 100%;
    height: 175px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

p.caption {
    font-style: italic;
    font-size: 1rem;
}

/* Awards */

div#accordion {
    border-bottom: 1px solid #ccc;
}

.award-title {
    padding: 20px 0;
    border-top: 1px solid #ccc;
}

span.plus-minus:after {
    position: absolute;
    right: 20px;
}

.award-title span.plus-minus:after {
    content: '+';
}

.award-title.opened span.plus-minus:after {
    content: '-';
}

img#award-icon {
    width: 26px;
    height: 36px;
    margin-right: 10px;
}

/* Membership */

h4.membership-title {
    width: 70%;
}

div.membership-level {
    min-height: 314px;
    padding: 20px 25px 0px 15px
}

div.membership-level table {
    width: 100%;
    border-top: 2px solid #fff;
}

div.membership-level table tr {
    border-bottom: 1px solid #fff;
}

div.membership-level table tr:last-child {
    border-bottom: none;
}

div.membership-level table td {
    display: table-cell;
    padding: 16px 0 16px 5px;
}

div.membership-level table td.tablecell-name {
    width: 175px;
}

div.docomomo-join {
    padding: 5px 25px 5px 15px
}

div.docomomo-join p {
    max-width: 670px;
}

div.docomomo-join ul {
    width: 100%;
    border-top: 2px solid #fff;
    padding: 20px 0;
}

/*  Mod Squad */
.header-content {
    padding-right: 45px;
}
.modsquad-tile {
	position: relative;
    background-color: #ebebeb;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 280px;
    width: 280px;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
}
.modsquad-bio .bio-card .gray-bx .modsquad-img {
  vertical-align: middle;
  border-style: none;
  display: block;
  width: 100%;
  height: auto;
  align-self: center;
}
@media(min-width: 576px) {
    .modsquad-tile {
        width: 170px;
        height: 170px;
  	    background-position: center center;
  	    background-repeat: no-repeat;
    }
}

@media(min-width: 768px) {
    .modsquad-tile {
        width: 230px;
        height: 230px;
    }
    .hero-img {
        height: 400px;
    }
}

@media(min-width: 992px) {
    .modsquad-tile {
        width: 280px;
        height: 280px;
    }
}

.tile-content {
    position: absolute;
    top: 78%;
    padding-left: 15px;
    z-index: 10;
    transition: 0.4s top ease;
    -moz-transition: 0.4s top ease;
    -webkit-transition: 0.4s top ease;
}
.modsquad-tile .orange-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ed7133;
	opacity: .8;
	z-index: 1;
	top: 76%;
	transition: 0.4s top ease;
	-moz-transition: 0.4s top ease;
	-webkit-transition: 0.4s top ease;
}
.modsquad-tile .learn-more {
	opacity: 0;
	font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 14px;
    left: 32px;
    z-index: 10;
	transition: 0.3s opacity ease;
	-moz-transition: 0.3s opacity ease;
	-webkit-transition: 0.3s opacity ease;
}

.modsquad-tile:hover {
    color: #fff;
}

.modsquad-tile:hover .tile-content {
/*     position: relative; */
    top: 15px;
/*     left: 17px; */
}

.modsquad-tile:hover .learn-more {
    opacity: 1;
}
.modsquad-tile:hover .orange-mask {
	top: 0;
}

.modsquad-bio {
    display: none;
}

div.modsquad-bio.active {
    display: block;
    position: fixed;
    background-color: rgba(51, 51, 51, 0.8);
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
}

.modsquad-bio .bio-card {
    height: 100vh;
    align-items: none;
    justify-content: none;
}

.modsquad-bio .gray-bx {
    background-color: #ccc;
    min-height: 700px;
}

.modsquad-bio .bio {
    background-color: #fcfcfc;
    min-height: 450px;
}

.modsquad-bio .bio-content {
    position: absolute;
    bottom: 30px;
    overflow-y: scroll;
    max-height: 400px;
}

@media(min-width: 768px) {
    .modsquad-bio .bio-card {
        height: 100vh;
        align-items: center;
        justify-content: center;
    }
    .modsquad-bio .bio {
        min-height: 700px;
    }
    .modsquad-bio .bio-content {
        overflow-y: auto;
        max-height: none;
    }
}

.close-bio {
    position: absolute;
    right: 30px;
    top: 22px;
    font-weight: 500;
}

p.close-bio:hover {
    text-decoration: underline;
}

/* History Page */

div.svg-icon img#events {
    width: 65px;
    height: 73px;
    margin-top: 10px;
}

div.svg-icon img#publications {
    width: 92px;
    height: 92px;
}

div.svg-icon img#archives {
    width: 63px;
    height: 77px;
    margin-top: 10px;
}

div.svg-icon {
    height: 91px;
    float: left;
    width: 100px;
    margin-right: 10px;
}

div.color-block div#org-img {
    height: 538px;
}

@media(min-width: 768px) {
    div.svg-icon {
        height: 80px;
        margin-bottom: 32px;
        width: auto;
        margin-right: 0;
        float: none;
    }
    div.color-block div {
        height: 538px;
    }
}

div.color-block div.bg-orange {
    padding: 50px;
}

@media(min-width: 992px) {
    div.color-block div.bg-orange {
        padding: 180px 32px 150px 50px;
    }
}

/* Breadcrumbs */

div.crumbs {
    margin: 20px 0 20px;
    font-size: 14px;
}

ul.breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.breadcrumbs li {
    display: inline;
}

ul.breadcrumbs li.item-parent {
    color: #f07222;
    font-weight: 700;
}

/* News Feed */

.news-row {
    margin-bottom: 5rem;
}

@media(min-width: 768px) {
    .news-row {
        max-height: 265px;
        overflow: hidden;
        margin-bottom: 5rem;
    }
}

.news-row img {
    max-height: 250px;
    width: auto;
}

.news-img:after {
    content: '';
    height: 250px;
    width: 350px;
    background-color: #f07222;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 15px;
    transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -webkit-transition: 0.8s all ease;
}

.news-row:hover .news-img:after {
    opacity: .9;
}

.news-cat-date {
    font-size: 14px;
}

#secondary a {
    text-decoration: none;
}

a.img-link {
    height: 250px;
    width: 350px;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 15px;
}

nav.navigation.pagination div.nav-links {
    margin: 0 auto;
}

nav.navigation.pagination div.nav-links a, nav.navigation.pagination div.nav-links span {
    margin: 0 5px;
    padding: 0 17.5px;
}

nav.navigation.pagination div.nav-links a:hover {
    text-decoration: none;
}

nav.navigation.pagination div.nav-links .page-numbers {
    font-size: 14px;
    vertical-align: middle;
}

nav.navigation.pagination div.nav-links .current, nav.navigation.pagination div.nav-links a.next {
    color: #f07222;
    font-weight: 700;
}

nav.navigation.pagination div.nav-links a.prev, nav.navigation.pagination div.nav-links a.next {
    font-size: 30px;
}

/* MOM Archives Page */

.mompg-img {
    width: 255px;
    height: 255px;
    margin-bottom: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mompg-img:after {
    content: '';
    height: 255px;
    width: 255px;
    background-color: #f07222;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 15px;
    transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -webkit-transition: 0.8s all ease;
}

.mom-div:hover .mompg-img:after {
    opacity: 0.9;
}

div.mom-div {
    /* -ms-flex-preferred-size: 0;
    flex-basis: 0; */
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media(min-width: 510px) and (max-width: 768px) {
    div.mom-div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .mompg-img {
        width: 210px;
        height: 210px;
    }
    .mompg-img:after {
        height: 210px;
        width: 210px;
    }
}

@media(min-width: 1200px) {
    div.mom-div {
        max-width: 33.333333%;
    }
}

div.mom-content {
    border-bottom: 4px solid transparent;
    height: 144px;
}

div.mom-content a.link-arrow {
    position: absolute;
    bottom: 0px;
}

div.mom-content a.link-arrowold {
    position: absolute;
    bottom: 55px;
}

.mom-div:hover div.mom-content {
    border-bottom: 4px solid #f07222;
}

.archives-btn {
    display: block;
    font-size: 30px;
    margin-right: 0;
}

.archives-btn svg {
    color: #fff;
    position: relative;
    margin-left: 15px;
    right: 0;
    top: -2px;
}

.sidebar {
    display: none;
}

.sidebar.active {
    display: block;
    -webkit-animation: fadeInFromNone 0.75s ease-out;
    -moz-animation: fadeInFromNone 0.75s ease-out;
    -o-animation: fadeInFromNone 0.75s ease-out;
    animation: fadeInFromNone 0.75s ease-out;
}

.sidebar .archives-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.sidebar .archives-list li {
    width: 175px;
    padding: 0 15px;
}

@media(min-width: 1200px) {
    .sidebar {
        background-color: transparent;
        display: block;
    }
    .sidebar .archives-list {
        display: block;
        flex-wrap: nowrap;
        margin-bottom: 1rem;
    }
    .sidebar .archives-list li {
        width: auto;
        padding: 0;
    }
    .sidebar .archives-list li a {
        color: #000;
    }
}

.touch-enabled {
    display: none;
}

@media (pointer: coarse) {
    .touch-enabled {
        display: block;
    }
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

/* Add to cart button background */

/* .single_add_to_cart_button.button.alt {
background-color: #ed7133 !important;
} */

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #ed7133 !important;
    color: white;
    font-weight: 400;
}

a.button.product_type_variable.add_to_cart_button {
    background-color: #ed7133 !important;
    color: white;
    font-weight: 400;
}

.checkout-button.button.alt.wc-forward, #place_order, {
    background-color: #ed7133 !important;
    color: white;
}

/* price color */

.price, .woocommerce-Price-amount.amount {
    color: #ed7133 !important;
}

/* Related products */

.related.products h2 {
    width: 340px;
    padding-bottom: 10px;
}

/* Footer content */

.mod-supported {
    border-top: 2px solid #000;
    font-size: 18px;
    max-width: 95%;
}

.mod-supported a {
    color: #ed7133;
    text-decoration: underline;
}
.woocommerce-MyAccount-content fieldset {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}
#user-info li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


/* Ind Home Slider */
.ind-home-slider.slick-initialized .slick-slide {
    display: flex;
}

blockquote {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #f07222;
}
.motm-sidebar-term-list li.active a {
	text-decoration: underline !important;
}


/* WooCommerce Styles */
.woocommerce-checkout-payment label {
	min-width: 400px;
}
.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}
form.woocommerce-ordering {
	display: none;
}
.post-type-archive-architect #home-toggle-display {
	display: none;
}
.post-type-archive-architect .app-wrap h1.entry-title {
	text-align: left;
}
.product:after {
	content: '.';
	clear: both;
    display: table;
    visibility: hidden;
}
#ywcnp_form_name_your_price {
	display: none;
}
#account_display_name, #account_display_name + span, label[for=account_display_name] {
	display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	float: none !important;
	width: 100% !important;
}
@media(min-width: 768px){
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		float: left !important;
		width: 22.05% !important;
	}
}