/* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Type Ref :: Shared Styles :: Grid :: Header :: Header - Mobile :: Footer :: Home :: Main :: Page-Specific :: Template-Specific :: Blog :: Careers :: Locations :: Featured Work :: Gravity Forms :: Search Results :: Gallery :: Classes :: Admin */ /* ----------------------------------------- :: Type Ref ----------------------------------------- */ /* Brothers Regular font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; FreightText Pro Book Italic font-family: "freight-text-pro", serif; font-weight: 400; font-style: italic; NOT Medium Italic font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic; Semibold Italic font-family: "freight-text-pro", serif; font-weight: 600; font-style: italic; Freight Sans Pro Book font-family: "freight-sans-pro", sans-serif; font-weight: 400; font-style: normal; Medium font-family: "freight-sans-pro", sans-serif; font-weight: 500; font-style: normal; Semi Bold font-family: "freight-sans-pro", sans-serif; font-weight: 600; font-style: normal; */ /* ----------------------------------------- :: Shared Styles ----------------------------------------- */ @media screen and (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } } body {font-family: "freight-sans-pro", sans-serif; font-weight: 400; font-style: normal; font-size: 1.125rem;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "freight-sans-pro", sans-serif; font-weight: 500; font-style: normal; line-height: 1.1; color: #000; margin-bottom: 1rem; } h1, .h1 {font-size: 1.5rem;} /* 24 */ h2, .h2 {font-size: 1.4375rem;} /* 23 */ h3, .h3 {font-size: 1.375rem;} /* 22 */ h4, .h4 {font-size: 1.3125rem;} /* 21 */ h5, .h5, .gsection_title {font-size: 1.25rem;} /* 20 */ h6, .h6 {font-size: 1.1875rem;} /* 19 */ @media print, screen and (min-width: 40em) { /* Medium and Up */ h1, .h1 {font-size: 2.125rem;} /* 34 */ h2, .h2 {font-size: 1.9375rem;} /* 31 */ h3, .h3 {font-size: 1.8125rem;} /* 29 */ h4, .h4 {font-size: 1.625rem;} /* 26 */ h5, .h5, .gsection_title {font-size: 1.375rem;} /* 22 */ h6, .h6 {font-size: 1.25rem;} /* 20 */ } @media print, screen and (min-width: 64em) { /* Large and Up */ h1, .h1 {font-size: 2.75rem;} /* 44 */ h2, .h2 {font-size: 2.5rem;} /* 40 */ h3, .h3 {font-size: 2.25rem;} /* 36 */ h4, .h4 {font-size: 2rem;} /* 32 */ h5, .h5, .gsection_title {font-size: 1.5rem;} /* 24 */ h6, .h6 {font-size: 1.3125rem;} /* 21 */ } /* * Link Colors */ a {color: #d72329;} a:hover, a:focus {color: #c82126;} .button {background: #d72329; font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase;} .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { font-size: 1rem; padding: 1em 1.5em; } .button:hover, .button:focus {background: #c82126} .button.hollow {border-color: #d72329; color: #d72329;} .button.hollow:hover, .button.hollow:focus {border-color: #c82126; color: #c82126;} hr {max-width: none;} @media print, screen and (min-width: 64em) { /* Large and Up */ .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { padding: 1em 2em; } } /* * Font Classes */ .brothers-upper { font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase;} /* * Tables */ thead { background-color: rgb(232, 232, 232); } tbody tr:nth-child(even) { border-bottom:0; background-color:rgba(232, 232, 232,.5); } /* ----------------------------------------- :: Grid ----------------------------------------- */ .grid-container {max-width: 93.75rem; /* 1500px */} .grid-x.narrow-margin-xy { margin-right: -0.3125rem; margin-left: -0.3125rem; } .grid-x.narrow-margin-xy > .cell { padding: 0.3125rem; } /* ----------------------------------------- :: Header ----------------------------------------- */ .header-announcement { padding: 10px 30px; position: relative; text-align: center; background: #313234; color: #fff; font-size: 1rem; font-family: "freight-sans-pro", sans-serif; font-weight: 500; font-style: normal;} .header-announcement a {text-decoration: underline; color: #fff} .header-announcement .close-button-announcement { margin: 0 0 0 0; display:inline-block; width: 24px; height: 24px; text-indent:-9999px; background: url("../img/iconfinder_Close_1031533-white.svg") no-repeat center center; background-size: 16px 16px; cursor: pointer; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); opacity: .5; transition: all 0.25s ease-out; } .header-announcement .close-button-announcement:hover {opacity: 1;} .site-header {background: #fff; padding:0; font-size: 1rem; } .site-header .site-header-top {text-align: right; background: #fff;} .site-header .secondary-navigation ul {margin:0; list-style: none; line-height: 1.1; font-family: "freight-text-pro", serif; font-weight: 600; font-style: italic;} .site-header .secondary-navigation ul li {display: inline-block; margin: 0; text-transform: none;} .site-header .secondary-navigation ul li a {display: inline-block; color: #211d1a; padding: 11px 13px 13px 13px; } .site-header .secondary-navigation ul li.current-menu-item a {text-decoration: underline;} .site-header .secondary-navigation ul li.red-link a {color: #d72329} .site-header .secondary-navigation ul li a:hover {} .site-header .site-header-top .country-selector { background: #fff; color: rgb(33, 29, 26); z-index: 999;} .site-header .site-header-top .country-selector label {color: rgb(33, 29, 26); border-color: #fff} .site-header .site-header-top .country-selector.weglot-dropdown a, .site-header .site-header-top .country-selector.weglot-dropdown span {font-size:1rem;} .site-header .site-header-top .country-selector.weglot-dropdown .wgcurrent:after {} .site-header .site-header-bottom {background: #d72329; padding: 20px 0; } .site-header #primary-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; } .site-header .dropdown.menu > li > a {color: #fff; text-transform: uppercase; letter-spacing: .5px;} .site-header .dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 2rem; /* 32px, was 24px */} .site-header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {right: 15px; margin-top: -5px; border-color: #eb9194 transparent transparent;} .site-header .is-dropdown-submenu { min-width:250px; padding: 10px 0;} .site-header .is-dropdown-submenu.menu a {color: #313234; line-height: 1.1875;} .site-header .is-dropdown-submenu.menu a:hover {color: #d72329} .site-header .is-dropdown-submenu.menu li.current-menu-item > a {text-decoration:underline;} .site-header .is-dropdown-submenu.menu li.door-child > a {padding-left: 2.25rem; font-family: "freight-sans-pro", sans-serif; font-weight: 500; font-style: normal; letter-spacing: 0; text-transform: none; font-size: 18px; padding-top: 4px; padding-bottom: 9px;} .site-header .menu-item-19092 .is-dropdown-submenu {min-width:300px; } /* wider for Products menu */ #search-toggle {display: inline-block; margin: 0 15px 0 0;} #search-toggle span { display:inline-block; height:23px; width:23px; background:url(../img/icon-search-white.svg) no-repeat center center; background-size: contain; text-indent:-9999px; text-align:left; opacity:1; cursor:pointer; margin-bottom: 5px; } #search-toggle:focus {outline: none;} #searchModal {background: rgba(49,54,56,.9); padding-top: 76px;} #searchModal .reveal-close-button {margin: 0 15px 0 0; background-image: url("../img/iconfinder_Close_1031533-white.svg")} #searchModal .search-form-wrap {max-width: 1200px; margin: 0 auto;} #searchModal .search-form {padding: 100px 0 5px 0;} #searchModal .close-button:focus, #searchModal .close-button:hover {color: #fff;} .search-form .search-field, .search-form [type=search] {border-color: #fff; box-shadow: none; margin-bottom: 0;} .search-form .search-field:focus, .search-form [type=search]:focus {border-color:#fff; background: #fff; box-shadow: none;} .search-form .button { font-size: 0.9rem; padding: 0.85em 1em; margin: 0;} #primary .search-form {background: #efefef; margin: 50px 0;} #primary .search-form .search-field {background: none; border: none;} /* ----------------------------------------- :: Header - Mobile ----------------------------------------- */ .off-canvas {background:#fff;} .off-canvas.is-transition-overlap.is-open {-webkit-box-shadow: none; box-shadow: none;} .js-off-canvas-overlay {background: rgba(0, 0, 0, .85);} .off-canvas-content.is-open-left {position: fixed;} .site-header-mobile { padding: 18px 5px; background: #d72329; line-height: 1;} #menu-mobile-toggle { margin: 0; padding: 10px; cursor:pointer; display:inline-block; } #menu-mobile-toggle span { display:inline-block; height:28px; width:28px; background: url("../img/icon-menu.svg") no-repeat center center; background-size: contain; text-indent:-9999px; text-align:left; opacity:1; cursor:pointer; } #search-toggle-mobile:focus, #menu-mobile-toggle:focus {outline: none;} #search-toggle-mobile {display: inline-block; margin: 0; padding: 10px;} #search-toggle-mobile span { display:inline-block; height:23px; width:23px; background: url(../img/icon-search-white.svg) no-repeat center center; text-indent:-9999px; text-align:left; opacity:1; cursor:pointer; } #site-navigation-mobile {padding: 15px 0; } #site-navigation-mobile li a:focus {outline: none;} #primary-menu-mobile { margin: 0 0 15px 0; list-style: none;} #primary-menu-mobile li { margin: 0; line-height: 1.2; font-size: 1rem;} #primary-menu-mobile li a {color: #fff; padding:.75rem 1rem} #primary-menu-mobile li.current-menu-item > a {text-decoration: underline;} #primary-menu-mobile > li > a {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: .5px; } #primary-menu-mobile > li > .submenu a {font-family: "freight-sans-pro", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; color: #cbcccc;} #secondary-menu-mobile {margin: 0 0 15px 0; padding: 15px 0; font-family: "freight-text-pro", serif; font-weight: 600; font-style: italic; line-height: 1.2; border-top: solid 1px #5a5b5d; border-bottom: solid 1px #5a5b5d; list-style: none;} #secondary-menu-mobile li { margin: 0; line-height: 1.2; } #secondary-menu-mobile li a {color: #cbcccc; display:block; padding:.7rem 1rem} #secondary-menu-mobile li.current-menu-item > a {text-decoration: underline;} #secondary-menu-mobile li.red-link a {color: #d72329} #mobileNav {padding: 20px 0 15px 0; background: #313234} #mobileNav .top {padding: 0 15px 15px 15px; line-height: 1;} #mobileNav .reveal-close-button {margin: 0; background-image:url("../img/iconfinder_Close_1031533-white.svg"); opacity: .5;} #mobileNav .mobile-language {padding: 0 15px 15px 15px;} #mobileNav .country-selector, #mobileNav .country-selector ul { background: rgb(233, 234, 234); } #mobileNav .country-selector label { border-color: rgb(233, 234, 234)} #mobileNav .country-selector.weglot-dropdown a, #mobileNav .country-selector.weglot-dropdown span {font-size:1rem;} #searchMobileModal {padding: 20px 0 15px 0; background: #313234} #searchMobileModal .top {padding: 0 15px 15px 15px; line-height: 1;} #searchMobileModal .reveal-close-button {margin: 0; background-image:url("../img/iconfinder_Close_1031533-white.svg"); opacity: .5;} #searchMobileModal .search-form-wrap {padding: 30px 15px 0 15px;} #searchMobileModal .search-form-wrap .search-form {background: #fff;} #searchMobileModal .search-form-wrap .search-field {margin-bottom: 0;} #searchMobileModal .search-form-wrap .button { font-size: 0.9rem; padding: 0.85em 1em; margin: 0;} #searchMobileModal .search-form-wrap [type=search] {box-shadow: none; border-color: #fff;} #searchMobileModal .search-form-wrap [type=search]:focus {border-color:#fff; background: #fff; box-shadow: none;} .reveal-close-button { margin: 0 0 0 15px; display:inline-block; width: 28px; height: 28px; text-indent:-9999px; background: url("../img/iconfinder_Close_1031533.svg") no-repeat center center; background-size: 22px 22px; cursor: pointer; } /* ----------------------------------------- :: Footer ----------------------------------------- */ .site-footer {background: #313234; padding: 0; color: #adadae; font-size: 1.125rem;} .site-footer-top p, .site-footer-top ul, .site-footer-top ul li {line-height: 1.444444;} .site-footer-top ul li {margin-bottom: 10px;} .site-footer-top {padding: 3rem 0 0 0; } .site-footer-top a {color: #fff;} .site-footer-top .footer-menu a {color: #adadae;} .site-footer-top .title {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; color: #fff; text-transform: uppercase;} @media print, screen and (max-width: 39.99875em) { /* Small Only */ .site-footer-top .top-border-sm {border-top: solid 1px #5a5b5d; padding-top: 1.25rem;} } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */ .site-footer .left-border-med {border-left: solid 1px #5a5b5d;} } @media print, screen and (min-width: 64em) { /* Large and Up */ .site-footer .left-border-lg {border-left: solid 1px #5a5b5d;} .site-footer-top {padding: 5rem 0 4rem 0;} } .site-footer-top .location {line-height: 1.6;} .site-footer-top .location a {font-weight: 500;} .footer-social-wrap ul {margin: 0;} .footer-social-wrap ul li {display: inline-block; margin-bottom: 0;} .footer-social-wrap ul li a {display: inline-block; margin: 0 20px 20px 0; } .footer-social-wrap ul li a:hover {} .site-footer-bottom {padding: 2rem 0; border-top: solid 1px #5a5b5d; text-align: center; font-family: "freight-text-pro", serif; font-weight: 400; font-style: italic; color: #adadae} .site-footer-bottom ul {margin: 0; } .site-footer-bottom ul li {line-height: 1.2; margin: 0 0 5px 0;} .site-footer-bottom a {color: #adadae;} .site-footer-bottom a:hover {text-decoration: underline;} @media print, screen and (min-width: 64em) { /* Large and Up */ .site-footer-bottom { text-align: left;} .site-footer-bottom ul li {display: inline-block; margin: 0 30px 0 0;} .site-footer-bottom ul li:last-child {margin-right: 0;} } a.back-to-top { position: fixed; bottom: 10px; right: 10px; width: 50px; height: 50px; display:none; background: #313234 url("../img/icon-top.svg") no-repeat center center; background-size: 20px; color: #313234; text-indent: -9999px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px } a.back-to-top:hover {} /* ----------------------------------------- :: Home ----------------------------------------- */ .home-video-hero {background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;} .home-video-hero h1 {position: absolute; bottom: 30px; left: 20px; margin: 0; color:#fff; font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; letter-spacing:.5px; line-height: 1.2; } .home-video-hero h1 em {letter-spacing: 0; text-transform: none; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .home-video-hero h1 span { background:#313234; display: inline; padding: .2em .3em; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1em!important } @media print, screen and (min-width: 64em) { /* Large and Up */ .home-video-hero h1 {bottom: 35px; left: 25px; } } .hero-overlay img {width: 100%;} .hero-overlay .text {padding: 30px 10px 30px 10px; text-align: center;} .hero-overlay .text p {line-height: 1.4; font-weight: 500;} @media screen and (max-width: 63.99875em) { /* Small and Medium */ .hero-overlay {background-image: none !important;} } .hero-overlay .text .title {line-height: 1.2; margin-bottom: .5rem;} .hero-overlay .text .buttons {margin-top: 2rem;} .hero-overlay .text .button {margin: 0 10px 10px 0;} @media print, screen and (min-width: 64em) { /* Large and Up */ .hero-overlay {background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;} .hero-overlay .grid-x {min-height: 800px;} .hero-overlay .text {text-align: left; color: #fff; z-index: 2; position: relative;} .hero-overlay .text p {font-size: 1.3125rem;} .hero-overlay .text .title {color: #fff;} .hero-overlay::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0) 100%); z-index: 1; } } .home-blocks-two-up { padding: 0.3125rem 0;} .home-blocks-two-up .block {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center;} .home-blocks-two-up .block a {display: block; cursor: pointer;} .home-blocks-two-up .block .text {padding: 20px; position: relative; z-index: 2;} .home-blocks-two-up .block .text .title {display: inline-block; margin: 0 0 .5rem 0; padding: 0.4em 0.54em; background: #d72329; color: #fff; line-height: 1;} .home-blocks-two-up .block .text .sub-title {margin: 0; color: #fff; font-family: "freight-text-pro", serif; font-weight: 600; font-style: italic;} .home-blocks-two-up .block::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); z-index: 1; } .home-blocks-two-up .block .grid-y {min-height: 200px;} @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */ .home-blocks-two-up .block .grid-y {min-height: 300px;} } @media print, screen and (min-width: 64em) { /* Large and Up */ .home-blocks-two-up .block .grid-y {min-height: 678px;} .home-blocks-two-up .block .text {padding: 25px 25px 30px 25px;} .home-blocks-two-up .block .text .title {margin: 0 0 .75rem 0; } .home-blocks-two-up .block::before {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);} } .home-icon-blocks {padding: 40px 0;} .home-icon-blocks .icon {display: inline-block; margin: 0 auto 1rem auto; width: 70px; height: 50px;} .home-icon-blocks p {font-weight: 500;} .home-icon-blocks .title {font-weight: 600; margin-bottom: 10px;} .home-icon-blocks .icon img { max-width:100%; max-height:100%; height: auto; width:auto; } .home-icon-blocks a {text-decoration: underline; font-size: 1rem;} @media screen and (max-width: 63.99875em) { /* Small and Medium */ .home-icon-blocks .block {padding-bottom: 20px;} .home-icon-blocks .grid-x > .cell:last-of-type .block {padding-bottom: 0;} } @media print, screen and (min-width: 64em) { /* Large and Up */ .home-icon-blocks {padding: 75px 0;} } .home-collage { padding: 40px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+51,ffffff+100 */ background: linear-gradient(to bottom, rgba(232,232,232,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .home-collage .title em {letter-spacing: 0; text-transform: none; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .home-collage .text p {font-weight: 500; color: #050505;} .home-collage .arrow-links {margin: 1.25rem 0 0 0; list-style: none;} .home-collage .arrow-links li {border-top: solid 1px rgba(204,204,204,.75); margin: 0;} .home-collage .arrow-links li a {display: block; padding: 15px 47px 15px 0; background: url("../img/arrow-right.svg") no-repeat right center; background-size: 40px 20px;} @media print, screen and (min-width: 64em) { /* Large and Up */ .home-collage {padding: 70px 0; } .home-collage .text p {font-size: 1.3125rem;} .home-collage .arrow-links li {font-size: 1.25rem;} } #html .home-collage .arve {margin-bottom: 0;} .home-featured-2-3 {margin: 50px 0;} .home-featured-2-3 .buttons {margin-top: 2rem;} .home-featured-2-3 .text p {font-weight: 500;} @media print, screen and (min-width: 64em) { /* Large and Up */ .home-featured-2-3 {margin: 100px 0;} .home-featured-2-3 .text p {font-size: 1.3125rem;} } /* ----------------------------------------- :: Main ----------------------------------------- */ /* * Page Banner */ .page-banner-bg {background-repeat: no-repeat; background-size: cover; background-position: center center; } .page-banner-bg .grid-x {min-height: 300px;} .page-banner-bg .text {padding:2rem 0; line-height: 1;} .page-banner-bg .text h1 {margin: 0; color:#fff; font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; letter-spacing:.5px; line-height: 1; } .page-banner-bg .text h1 em {letter-spacing: 0; text-transform: none; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .page-title-brothers {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform:uppercase; letter-spacing:.5px;} @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */ .page-banner-bg .grid-x {min-height: 400px;} } @media print, screen and (min-width: 64em) { /* Large and Up */ .page-banner-bg .grid-x {min-height: 580px;} .page-banner-bg .text {padding:2.5rem 0; } } .page-banner-bg .text h1 {line-height: 1.2;} .page-banner-bg .text h1 span { background:#313234; display: inline; padding: .2em .3em; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1em!important } #primary {margin:40px 0 40px 0;} #primary.no-mt {margin-top: 0;} #primary.no-mb {margin-bottom: 0;} #primary.no-mtb {margin-top: 0; margin-bottom: 0;} .breadcrumbs {margin: 0; padding: 12px 0; font-size: 0.875rem;} .breadcrumbs a, .breadcrumbs span {color: #000;} @media print, screen and (min-width: 64em) { /* Large and Up */ #primary {margin:80px 0 80px 0;} } /* * Intro */ .page-top { margin: 40px 0;} .intro-text { font-size: 1.125rem /* 18px */; line-height: 1.41666; color: #242424;} .intro-text p {font-size: 1.125rem /* 18px */; line-height: 1.41666;} .intro-text h2 {font-weight: 400;} .intro-text h2 em {color: #d72329; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .intro-links {margin-top: 2rem;} .intro-links a {margin-right: 5px; } .intro-links a:last-child {margin-right: 0;} .page-top .intro-pics {position: relative; margin: 30px 0 30px 0;} .page-top .intro-pics .lg-img {max-width: 72%;} .page-top .intro-pics .sm-img {max-width: 38%; position: absolute; right: 0; bottom: -55px; border-left: solid 10px #fff; border-top: solid 10px #fff;} p.lead { font-size: 1.125rem /* 18px */; line-height: 1.33333;} @media print, screen and (min-width: 64em) { /* Large and Up */ .page-top { margin: 80px 0;} .intro-text { font-size: 1.5rem; } .intro-text p {font-size: 1.5rem; } p.lead { font-size: 1.5rem; } .page-top .intro-pics {margin: 0 25px 55px 40px;} } .intro-text.no-bp {padding-bottom: 0;} /* ----------------------------------------- :: Page-Specific ----------------------------------------- */ /* * History Timeline */ .history-timeline-wrap {margin: 80px 0;} .history-timeline-wrap .section-title em {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic; } .history-timeline {margin: 30px 0;} .history-timeline .year {line-height: 1.2; margin-bottom: .125rem; } .history-timeline .text {color: #444;} .history-timeline img {margin-top: 1.25rem;} @media screen and (max-width: 63.99875em) { /* Small and Medium */ .history-timeline { background-image: linear-gradient(#b6b8ba, #b6b8ba); background-size: 1px 100%; background-repeat: no-repeat; background-position: left center; } .history-timeline .grid-padding-x > .cell { padding-right:.9375rem; padding-left:.9375rem } .history-timeline .wrap {position: relative; } .history-timeline .wrap::before { position: absolute; left: -22px; top: 12px; background: #fff; border: solid 1px #b6b8ba; border-radius: 50%; width: 14px; height: 14px; content: ''; } } @media screen and (min-width: 64em) { /* Large and Up */ .history-timeline { background-image: linear-gradient(#b6b8ba, #b6b8ba); background-size: 1px 100%; background-repeat: no-repeat; background-position: center center; } .history-timeline .wrap {position: relative; padding: 0 15px;} .history-timeline .odd .wrap {text-align: right;} .history-timeline .even .wrap::before { position: absolute; left: -22px; top: 12px; background: #fff; border: solid 1px #b6b8ba; border-radius: 50%; width: 14px; height: 14px; content: ''; } .history-timeline .odd .wrap::after { position: absolute; right: -22px; top: 12px; background: #fff; border: solid 1px #b6b8ba; border-radius: 50%; width: 14px; height: 14px; content: ''; } .history-timeline .align-right-on-large { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } /* * 404 */ .nav-404 {color: #666;} .nav-404 > li {margin-bottom: 10px; line-height: 1.2; } .nav-404 > li > a {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; display: inline-block; padding-bottom: 5px; letter-spacing: .5px; font-size: 1rem;} .nav-404 ul {list-style: none;} /* * Terms & Conditions */ .toc-ul li {margin-bottom: 1rem;} /* ----------------------------------------- :: Template-Specific ----------------------------------------- */ /* * Sub-Pages */ .sub-pages {margin: 40px 0;} .sub-pages .sub-page a {display: block; cursor: pointer; position: relative;} .sub-pages .sub-page a img {width: 100%;} .sub-pages .sub-page .sub-page-text {position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px;} .sub-pages .sub-page .sub-page-text .title { margin: 0; padding-right: 30px; color: #fff; background: url("../img/arrow-right-short.svg") no-repeat right center; background-size: 22px 18px; } .sub-pages .sub-page a:hover .sub-page-text .title {} .sub-pages .sub-page a::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%) } @media print, screen and (min-width: 64em) { /* Large and Up */ .sub-pages {margin: 80px 0;} .sub-pages .sub-page .sub-page-text .title {background-size: 25px 20px; padding-right: 33px;} } @media print, screen and (min-width: 100em) { /* X-Large and Up */ .sub-pages .sub-page .sub-page-text .title { font-size: 1.6875rem;} /*27px*/ } /* * Product Vendors */ body.page-template-template_ProductVendor #primary {padding: 0;} .product-vendors .cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15); } .product-vendors .product_vendor .vendor-img-wrap {position:relative; margin:0;} .product-vendors .product_vendor .vendor-img-wrap .vendor-logo {position:absolute; bottom:20px; right:20px;} .product-vendors .product_vendor .vendor-text-wrap {padding: 20px 18px 20px 20px;} .product-vendors .product_vendor .vendor_name {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1em; margin: 0 0 .625rem 0;} .product-vendors .product_vendor p {line-height: 1.5;} .product-vendors .product_vendor .website {} .product-vendors .product_vendor a {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .vendor-section-title {margin-bottom: 3rem; text-align: center; color: #313234;} .vendor-section-title em {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic; color: #d72329;} .vendor-section {padding: 60px 0;} .vendor-section-odd {background: #e8e8e8;} .product-vendors-secondary .secondary-logo {max-width: 150px; margin: 0 auto; display: inline-block;} @media print, screen and (min-width: 64em) { /* Large and Up */ .vendor-section {padding: 100px 0;} } .vendor-section-custom {padding-top: 80px;} /* * Associations */ .associations {background: #e8e8e8; padding: 100px 0; margin: 80px 0 0 0;} .associations .association-cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15); } .associations .association .img-wrap {padding: 20px 0 0 0;} .associations .association .name {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1em; margin: 0 0 .625rem 0;} .associations .association .text-wrap {padding: 20px;} .associations .association .text-wrap p {line-height: 1.5;} .associations .association a, .associations .association .website a {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} /* * Contact Sidebar */ body.page-template-template_Contact .page-top {margin-top: 0; margin-bottom: 30px;} .contact-sidebar {padding-top: 50px;} .contact-sidebar .location {color: #242424;} .contact-sidebar .location a {color: #242424;} .contact-sidebar .location a:hover {text-decoration: underline;} .contact-sidebar .location .location-name {font-weight: 600;} .contact-sidebar .location .see-details {color: #d72329; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} @media print, screen and (min-width: 64em) { /* Large and Up */ .contact-sidebar {} } /* * Product Charts */ .product_chart {margin-bottom: 50px;} /* * Narrow */ body.page-template-template_Narrow .page-top {margin-bottom: 30px;} /* * Landing Page */ body.page-template-template_LandingPage .page-top:empty {display: none;} .multifamily-logo-callout {max-width: 250px; margin: 0 auto;} .lp-blocks-two-up { padding: 0.3125rem 0;} .lp-blocks-two-up .block {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center;} .lp-blocks-two-up .block a {display: block; cursor: pointer;} .lp-blocks-two-up .block .text {padding: 25px 25px 30px 25px; position: relative; z-index: 2;} .lp-blocks-two-up .block .text .title {display: inline-block; margin: 0 0 .75rem 0; padding: 0.4em 0.54em; background: #d72329; color: #fff; line-height: 1;} .lp-blocks-two-up .block .text .sub-title {margin: 0; color: #fff; font-family: "freight-text-pro", serif; font-weight: 600; font-style: italic;} .lp-blocks-two-up .block::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); z-index: 1; } .lp-blocks-two-up .block .grid-y {min-height: 200px;} @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */ .lp-blocks-two-up .block .grid-y {min-height: 300px;} } @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-blocks-two-up .block .grid-y {min-height: 678px;} } .lp-icon-blocks {margin: 45px 0;} .lp-icon-blocks .title-section {margin-bottom: 2rem;} .lp-icon-blocks .title-section em {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .lp-icon-blocks .icon {display: inline-block; margin: 0 auto 1rem auto; width: 70px; height: 50px;} .lp-icon-blocks p {font-weight: 500;} .lp-icon-blocks .title {font-weight: 600; margin-bottom: 10px;} .lp-icon-blocks .icon img { max-width:100%; max-height:100%; height: auto; width:auto;} .lp-icon-blocks a {text-decoration: underline; font-size: 1rem;} .lp-icon-blocks.divisions .title-section {margin-bottom: 1rem;} .lp-icon-blocks.divisions .title .maintitle {font-size: 1rem; font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: .5px;} .lp-icon-blocks.divisions .title .subtitle {display: block; padding: 4px 0 0 0;} .lp-icon-blocks.divisions .top {margin-bottom: 1rem;} .lp-icon-blocks.divisions .bottom {margin-top: 2rem;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-icon-blocks {margin: 75px 0;} .lp-icon-blocks.divisions .top {margin-bottom: 3rem;} } .lp-collage {padding: 40px 0; } .lp-collage.lp-row-1 {padding-top: 0;} .lp-collage .text .title em {/*color: #d72329;*/ font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .lp-collage .text p {font-weight: 500; color: #050505;} .lp-collage .arrow-links {margin: 1.25rem 0 0 0; list-style: none;} .lp-collage .arrow-links li {border-top: solid 1px rgba(204,204,204,.75); margin: 0;} .lp-collage .arrow-links li a {display: block; padding: 15px 47px 15px 0; background: url("../img/arrow-right.svg") no-repeat right center; background-size: 40px 20px;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-collage {padding: 70px 0; } .lp-collage .text p {font-size: 1.3125rem;} .lp-collage .arrow-links li {font-size: 1.25rem;} } .lp-collage .collage-pics {text-align: right; position: relative; margin: 0 0 55px 0;} .lp-collage .collage-pics .lg-img {max-width: 72%; width: 100%;} .lp-collage .collage-pics .sm-img {max-width: 38%; width: 100%; position: absolute; left: 0; bottom: -55px; border-right: solid 10px #fff; border-top: solid 10px #fff;} .lp-featured-2-3 {margin: 50px 0;} .lp-featured-2-3 .buttons {margin-top: 2rem;} .lp-featured-2-3 .text p {font-weight: 500;} /* Spacing Adjustments */ .lp-featured-2-3.lp-row-1 {margin-top: 0;} /* collapse if first*/ .lp-featured-2-3-video {margin: 45px 0;} .lp-featured-2-3-video .title em {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .lp-featured-2-3-video .buttons {margin-top: 2rem;} .lp-featured-2-3-video .text p {font-weight: 500;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-featured-2-3-video {margin: 100px 0;} } .lp-visit-us {padding: 40px 0; background: #e8e8e8;} .lp-visit-us .title {margin-bottom: 2rem;} .lp-visit-us .lp-location-teaser img {margin-bottom: 1rem;} .lp-visit-us .lp-location-teaser ul {line-height: 1.4; font-weight: 500;} .lp-visit-us .lp-location-teaser .location-name {font-weight: 600; margin-bottom: .5rem;} .lp-visit-us .lp-location-teaser .plain-link {color: inherit;} .lp-visit-us .lp-location-teaser .see-details {text-decoration: underline; font-size: 1rem;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-visit-us {padding: 70px 0; } } .lp-cta {margin: 10px 0; padding: 120px 0; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;} .lp-cta.has-bg {color: #e7e7e7;} .lp-cta.no-bg {background: #e8e8e8;} .lp-cta.has-bg .title {color: #fff;} .lp-cta .title {margin-bottom: .75rem;} .lp-cta .lead {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .lp-cta .buttons {margin-top: 2rem;} .lp-cta .buttons .button {margin: 0 5px 10px 5px;} .lp-specialties { padding: 50px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+51,ffffff+100 */ background: linear-gradient(to bottom, rgba(232,232,232,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .lp-specialties .title {margin-bottom: 3rem;} .lp-specialties .top {margin: 0 0 1rem 0;} .lp-specialties .heading {margin: 0 0 .25rem 0; } .lp-specialties .subheading {margin: 0; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} .lp-specialties .listing {} .lp-specialties .listing .single {margin: 0 0 30px 0;} .lp-specialties .listing .single:last-of-type {margin-bottom: 0;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-specialties {padding: 100px 0; } .lp-specialties .title {margin-bottom: 4rem;} .lp-specialties .listing .single {margin: 0 0 50px 0;} } .lp-testimonial {background: #313234; padding: 60px 0; color: #fff;} .lp-testimonial .title {color: #fff;} .lp-testimonial .quote {margin-bottom: 1.5rem;} .lp-testimonial .quote p {font-size: 1.25rem;} .lp-testimonial .name {font-family: "freight-sans-pro", sans-serif; font-weight: 600; font-style: normal; line-height: 1.2; margin-bottom: .25rem;} .lp-testimonial .company {font-size: 1rem; color: #d6d6d6;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-testimonial {padding: 100px 0; } } .lp-blocks-three-up {padding: 50px 0; background: #e8e8e8;} .lp-blocks-three-up .title {margin-bottom: 2rem;} .lp-blocks-three-up .single-cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15); } .lp-blocks-three-up .single-cell .text-wrap {padding: 20px 18px 20px 20px;} .lp-blocks-three-up .single-cell .name {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1em; margin: 0 0 .625rem 0;} .lp-blocks-three-up .single-cell p {line-height: 1.5;} .lp-blocks-three-up .single-cell a {text-decoration: underline; font-size: 1rem;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-blocks-three-up {padding: 100px 0; } .lp-blocks-three-up .title {margin-bottom: 3rem;} } .lp-personnel {padding: 50px 0; /*background: #e8e8e8;*/} .lp-personnel .top {margin-bottom: 2rem;} .lp-personnel .single-cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15); } .lp-personnel .single-cell .text-wrap {padding: 20px 18px 20px 20px;} .lp-personnel .single-cell .name {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1em; margin: 0 0 .625rem 0;} .lp-personnel .single-cell p {line-height: 1.5;} .lp-personnel .single-cell a {text-decoration: underline; font-size: 1rem;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-personnel {padding: 100px 0; } .lp-personnel .top {margin-bottom: 3rem;} } .lp-blocks-four-up { padding: 50px 30px 0 30px; margin-bottom: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+51,ffffff+100 */ background: linear-gradient(to bottom, rgba(232,232,232,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .lp-blocks-four-up .title {margin-bottom: 2rem;} .lp-blocks-four-up .single-cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15);} .lp-blocks-four-up .single-cell .text-wrap {padding: 20px 18px 20px 20px;} .lp-blocks-four-up .single-cell .name {font-family: "brothers", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1em; margin: 0 0 .625rem 0;} .lp-blocks-four-up .single-cell p {line-height: 1.5;} .lp-blocks-four-up .single-cell a {text-decoration: underline; font-size: 1rem;} @media print, screen and (min-width: 64em) { /* Large and Up */ .lp-blocks-four-up { padding-top: 100px; margin-bottom: 100px;} .lp-blocks-four-up .title {margin-bottom: 3rem;} } /* ----------------------------------------- :: Blog ----------------------------------------- */ /* * Teaser */ .post-teaser .attachment-blog-thumb, .post-teaser .thumb {margin: 0 0 12px 0;} .post-teaser .entry-title {margin-bottom: .5rem;} .post-teaser a .entry-meta {color: #666;} .post-teaser a:hover .entry-title {text-decoration: underline;} /* * Single Post */ body.single-post #primary .entry-header {padding-bottom: 1rem;} body.single-post #primary .entry-header .updated, body.single-post #primary .entry-header .byline {display: none;} body.single-post #primary .entry-content {padding: 0 0 2rem 0;} body.single-post #primary .entry-content .wp-block-image {margin-bottom: 1rem;} body.single-post #primary .entry-footer {border-top: solid 1px #ddd; padding-top: 1rem; clear: both;} body.single-post #primary .entry-footer .edit-link {display: none;} body.single-post #primary .entry-footer .tags-links {display: block;} @media print, screen and (min-width: 40em) { /* Medium and Up */ .text-right-on-medium-up {text-align: right;} } body.single-post .related-blog-posts { margin-top: 50px; padding: 40px 0 0 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e8e8+51,ffffff+100 */ background: linear-gradient(to bottom, rgba(232,232,232,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } @media print, screen and (min-width: 64em) { /* Large and Up */ body.single-post .related-blog-posts {padding: 75px 0 0 0; } } /* * Sidebar */ #blog-sidebar .widget_block {padding: 0 0 32px 0;} #blog-sidebar .widget_block:nth-last-of-type(1) {padding-bottom: 0;} #blog-sidebar .wp-block-group h2 {line-height: 1.2; font-size: 1.25rem; margin: 0 0 1rem 0;} #blog-sidebar .wp-block-latest-posts__list {margin: 0;} #blog-sidebar .wp-block-latest-posts__list li {line-height: 1.2; margin: 0 0 20px 0;} #blog-sidebar .wp-block-latest-posts__list li:last-child {margin-bottom: 0;} #blog-sidebar .wp-block-latest-posts__list li a {} #blog-sidebar .wp-block-latest-posts__list li time {font-size: 14px;} /* ----------------------------------------- :: Careers ----------------------------------------- */ /* * Archive */ .career-teasers {margin: 0px 0;} .career-teaser-cell { background: #fff; -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,.15); box-shadow: 0 0 7px 0 rgba(0,0,0,.15); } /*.career-teaser-cell {border: solid 2px rgba(0, 0, 0,.15); } .career-teaser-cell:hover {border-color: rgba(0, 0, 0,.3);}*/ .career-teaser a {color: #666; display: block; padding: 20px 20px 30px 20px;} .career-teaser a h2 { margin: 0 0 .75rem 0; } .career-teaser .entry-content {line-height: 1.5;} .career-teaser .link {text-decoration: underline; display: block; padding: 10px 0 0 0; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic; color: #d72329;} /* * Single */ body.single-yhd_careers .career-attributes {} body.single-yhd_careers .career-attributes li {display: inline-block; border-left:solid 1px rgba(0,0,0,.15); margin-left: 10px; padding-left: 10px;} body.single-yhd_careers .career-attributes li:first-child {border-left: none; margin-left: 0; padding-left: 0;} body.single-yhd_careers .intro-text {padding-bottom: 0;} body.single-yhd_careers #career_block-disclaimer {padding-top:30px;} body.single-yhd_careers #career_block-disclaimer p {line-height: 1.3; font-size: 14px;} /* ----------------------------------------- :: Locations ----------------------------------------- */ /* * Archive */ .location-teaser {padding: 80px 0;} .location-teaser:nth-child(odd) {margin: 80px 0; padding: 0;} .location-teaser:nth-child(even) {background: #e8e8e8; } .location-teaser .sub-page-text {padding: 1rem 0;} .location-teaser .sub-page-text p {margin-bottom: 1.25rem;} .location-teaser .title {margin-bottom: .75rem;} .location-teaser .button {margin: 0;} @media print, screen and (min-width: 64em) { /* Large and Up */ } /* * Single */ body.single-yhd_location .contact-info {list-style: none; margin: 0 0 1rem 0;} body.single-yhd_location .contact-info li {line-height: 1.4; margin: 0 0 5px 0;} body.single-yhd_location .location-galleries {} body.single-yhd_location .location-gallery { margin: 100px 0;} body.single-yhd_location .location-gallery .gallery-title {margin-bottom: 2rem;} body.single-yhd_location .location-galleries .location-gallery:last-child {margin-bottom: 20px;} /* ----------------------------------------- :: Featured Work ----------------------------------------- */ /* * Teaser */ .teaser.yh-featured-work {margin: 10px 0 50px 0;} .teaser.yh-featured-work img {border: solid 1px rgba(255,255,255,0); width: 100%;} .teaser.yh-featured-work .entry-title {margin-bottom: 1rem; line-height: 1.2;} .teaser.yh-featured-work a:hover .entry-title {} .teaser.yh-featured-work .button.hollow {margin-bottom: 0;} .teaser.yh-featured-work a:hover .button.hollow {} /* * Single */ body.single-yh-featured-work #primary .logo-by-row {padding-bottom: 30px; } body.single-yh-featured-work #primary .logo-by {width: 200px;} body.single-yh-featured-work #primary .featured-gallery {margin: 20px 0;} body.single-yh-featured-work #primary .breadcrumb-and-title.has-logo {padding-bottom: 15px;} body.single-yh-featured-work #primary .breadcrumb-and-title.has-logo h1 {} body.single-yh-featured-work #primary .gallery-single {margin: 25px 0 75px 0;} body.single-yh-featured-work #primary .gallery-single > h2 {margin-bottom: 2rem;} body.single-yh-featured-work #primary .gallery-single .gallery-single-imgs {} /* ----------------------------------------- :: Gravity Forms ----------------------------------------- */ #content .gform_wrapper .gsection { /*background:rgb(238, 238, 238);*/ border-bottom: solid 1px #ddd; padding: 10px 0; line-height:1; margin:2rem 0 1rem 0; } #content .gform_wrapper .gsection .gsection_title { margin: 0; } .gfield.gfield--type-fileupload.gfield--has-description.field_description_above .gfield_description {margin-top: 0; padding-top: 0;} /* * Apply for a Career * no top margin for first section */ #content .gform_wrapper .gsection#field_6_8 {margin-top: 0;} #content .gform_wrapper.gf_browser_gecko select {padding-right:1.5rem;} #content .gform_wrapper .gfield_required {font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic; margin-left:2px; font-size: 0.875rem;} #content .gform_wrapper .gfield_label {color: #000;} /* #content .gform_wrapper .gfield_checkbox li, #content .gform_wrapper .gfield_radio li { margin: 0 0 .5rem 0; line-height: 1.2; } #content .gform_wrapper .gfield_checkbox li label, #content .gform_wrapper .gfield_radio li label { display:inline; } #content .gform_wrapper input[type="checkbox"], #content .gform_wrapper input[type="radio"] { margin:0 0 0 1px; } #content .gform_wrapper .gfield_checkbox li label, #content .gform_wrapper .gfield_radio li label { line-height: 1.5; font-size: 1rem; } */ input::placeholder {color: #666;} ::-webkit-input-placeholder {color: #666;} :-ms-input-placeholder {color: #666;} ::-ms-input-placeholder {color: #666;} ::placeholder {color: #666;} /* File Upload */ #content .gform_legacy_markup_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area {width: 100%; margin-left: 0;} .gform_drop_area .button {margin: 0; border-color: #d72329; color: #d72329; background: none;} .gform_drop_area .button:hover {/*border-color: #e1d148; color: #e1d148;*/} /* Hide Max Upload */ #content .ginput_container_fileupload .gform_fileupload_rules {display:none;} /* ----------------------------------------- :: Search Results ----------------------------------------- */ body.search-results #primary .page-header {margin-bottom: 30px;} body.search-results #primary .page-header .search-term {letter-spacing: 0; text-transform: none; font-family: "freight-text-pro", serif; font-weight: 500; font-style: italic;} body.search-results #primary .page-header .search-term::before {content: open-quote;} body.search-results #primary .page-header .search-term::after {content: close-quote;} /* Pagination */ .pagination { padding:60px 0 0 0; text-align:center; font-size: 16px; line-height: 1.2; font-family: "freight-sans-pro", sans-serif; font-weight: 600; font-style: normal; } .pagination .page-numbers {display:inline-block;} .pagination .current {background: #d72329; color: #fff; border: solid 1px rgba(0,0,0,.15);} .pagination a, .pagination .current {padding: 0.625rem 0.75rem;} .pagination a {color:#000;} .pagination a.prev, .pagination a.next {background: #eee;} .search-result {padding:1rem 0; border-top: solid 1px #ddd;} .search-result:first-of-type {border-top: none;} .search-result a {} .search-result a:hover {text-decoration: underline;} .search-result .entry-title { margin-bottom: .5rem;} .search-result .search-permalink { line-height: 1.2; display: block; margin:0 0 3px 0; font-size: 1rem; color: #666; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .search-result p {margin:0; line-height:1.5;} .search-result .posted-on {color:#888;} /* ----------------------------------------- :: Gallery ----------------------------------------- */ .gallery { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -0.625rem; margin-right: -0.625rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery .gallery-item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; margin: 0 0.625rem 1.25rem 0.625rem; } .gallery.gallery-columns-1 > .gallery-item {width: calc(100% - 1.25rem);} .gallery.gallery-columns-2 > .gallery-item {width: calc(50% - 1.25rem);} .gallery.gallery-columns-3 > .gallery-item {width: calc(33.33333% - 1.25rem);} .gallery.gallery-columns-4 > .gallery-item {width: calc(25% - 1.25rem);} .gallery.gallery-columns-5 > .gallery-item {width: calc(20% - 1.25rem);} .gallery.gallery-columns-6 > .gallery-item {width: calc(16.66666% - 1.25rem);} .gallery.gallery-columns-7 > .gallery-item {width: calc(14.285714% - 1.25rem);} .gallery.gallery-columns-8 > .gallery-item {width: calc(12.5% - 1.25rem);} .gallery.gallery-columns-9 > .gallery-item {width: calc(11.11111% - 1.25rem);} @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */ .gallery.gallery-columns-6 > .gallery-item {width: calc(25% - 1.25rem);} } @media print, screen and (max-width: 39.99875em) {/* Small Only */ .gallery.gallery-columns-6 > .gallery-item {width: calc(33.33333% - 1.25rem);} } .gallery .gallery-item .wp-caption-text {display: none; } /* ----------------------------------------- :: Classes ----------------------------------------- */ @media print, screen and (min-width: 64em) { .large-up-9 > .cell {width: 11.11111%; } .grid-margin-x.large-up-9 > .cell {width: calc(11.11111% - 1.875rem); } .large-up-10 > .cell {width: 10%; } .grid-margin-x.large-up-10 > .cell {width: calc(10% - 1.875rem); } } /* Captions */ .wp-caption {max-width:100%; height:auto; } .wp-caption img {margin-bottom:7px;} .wp-caption-text { padding-bottom:10px; line-height:1.3; font-style: italic; color:#666;} /* Nicolas Gallagher's micro clearfix */ .cf { *zoom: 1; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden, .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .sep {color:rgba(0,0,0,.3); display:inline-block; margin:0 5px;} img.left, p img.left, .alignleft { margin: 0 15px 15px 0; float: left; } img.right, p img.right, .alignright { margin: 0 0 15px 15px; float: right; } .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} .upper {text-transform:uppercase;} table.unstriped.lumber-chart {margin-bottom: 60px; } table.unstriped.lumber-chart thead {background-color:#eee; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color:#d72329 transparent transparent; } html:lang(es) .hide-for-spanish {display:none;} /* ----------------------------------------- :: Admin ----------------------------------------- */ /*#wpadminbar {position: sticky;}*/