/* Theme Name: Master's Landscape Design Author: Proof Author URI: https://proofbranding.com Description: Custom WP theme for Master's Landscape Design Text Domain: thm */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace,monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace,monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /*! * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ /*------------------------------------------------- # Slick Slider CSS -------------------------------------------------*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("img/ajax-loader.gif") center center no-repeat; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 175px; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; opacity: .9; z-index: 1; transition: all .15s ease-in-out; min-width: 10px; background-color: #3F694F; background-size: 20px 15px; background-position: center; background-repeat: no-repeat; } .slick-prev { left: -15px; background-image: url(img/arrow-left.svg); transform: rotate(180deg); margin-top: -10px; } @media (min-width: 768px) { .slick-prev { width: 50px; height: 50px; background-size: 30px 20px; top: 50%; margin-top: -25px; } } @media (min-width: 1260px) { .slick-prev { left: -65px; } } .slick-slider:hover .slick-prev { background-color: #3F694F; opacity: 1; } .slick-next { right: -15px; background-image: url(img/arrow-right.svg); } @media (min-width: 768px) { .slick-next { width: 50px; height: 50px; background-size: 30px 20px; top: 50%; right: -25px; } } @media (min-width: 1260px) { .slick-next { right: -65px; } } .slick-slider:hover .slick-next { background-color: #3F694F; opacity: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; } .slick-dotted.slick-slider { margin: 0px; } .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; min-width: 1px; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { background-color: #000; } .slick-dots li button:before { background-color: #999; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border-radius: 15px; content: ''; text-align: center; opacity: 1; transition: all 0.15s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { background-color: #000; } /* Typography */ /* Colours & backgrounds */ /* @mixin font-size($sizeValue: 1.6) { font-size: ($sizeValue * 1) + px; font-size: ($sizeValue / 16) + rem; } @mixin line-height($sizeValue: 1.6) { line-height: ($sizeValue * 1) + px; line-height: ($sizeValue / 16) + rem; } */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background: #fff; } img, iframe { max-width: 100%; height: auto; } .container { max-width: 1200px; padding: 0 35px; } /*-------------------------------------------------------------- Accessibility --------------------------------------------------------------*/ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- Galleries --------------------------------------------------------------*/ .gallery { margin: 0 -15px 1.5em; flex-wrap: wrap; display: flex; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 15px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.333333%; flex: 0 0 33.333333%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .gallery-item img { display: block; width: 100%; object-fit: cover; } /*-------------------------------------------------------------- MISC --------------------------------------------------------------*/ .block-latest-articles { padding: 80px 0; position: relative; z-index: 3; } .block-latest-articles .post-teaser + .post-teaser { display: none; } @media (min-width: 768px) { .block-latest-articles { padding: 120px 0; } .block-latest-articles .post-teaser + .post-teaser { display: block; } } /*-------------------------------------------------------------- MISC --------------------------------------------------------------*/ .index-content { position: relative; z-index: 3; } .post-teaser { transition: all .15s ease; position: relative; max-width: 400px; margin: 0 auto 30px; } @media (min-width: 768px) { .post-teaser { margin: 0 0 50px; } } .post-teaser-inner { background: #fff; border-radius: 16px 16px; position: relative; height: 100%; padding-bottom: 70px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); } .post-teaser-thumb { height: 290px; width: 100%; overflow: hidden; position: relative; margin-bottom: 0px; transition: all .15s ease; border-radius: 16px 16px 0 0; overflow: hidden; } .post-teaser-thumb-inner { background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .post-teaser:hover .post-teaser-thumb-inner { opacity: 0.8; transform: scale(1.1); } .post-teaser .post-details { padding: 30px 15px 0; } @media (min-width: 768px) { .post-teaser .post-details { padding: 30px 25px 0px; } } .post-teaser .post-details a.post-read-more { position: absolute; bottom: 30px; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; color: #bb6e30; text-decoration: none; background: url(img/link-arrow-right-copper.svg) no-repeat right 5px center/10px auto; padding: 0 25px 0 0; transition: all 0.15s ease-in-out; } .post-teaser .post-details a.post-read-more:hover { background-position: right 0 center; } #page .post-teaser h3 a { text-decoration: none; color: #bb6e30; } #page .post-teaser h3 a:hover { color: #3F694F; } .post-teaser:hover h3 a { color: #3F694F; } .post-teaser .excerpt { color: #113727; transition: all 0.15s ease; text-align: left; } .post-teaser .excerpt p { margin-bottom: 0; } .view-all-articles { text-align: center; padding-top: 30px; } body.single-post .content-area { padding-top: 150px; padding-bottom: 150px; max-width: 900px; } body.single-post .wp-post-image { display: block; width: 100%; height: auto; margin-bottom: 50px; } .posts-nav { padding: 30px 0 0px; text-align: center; font-size: 20px; font-size: 1.25rem; line-height: 34px; line-height: 2.125rem; color: #fff; font-weight: 600; } .posts-nav .navigation.pagination { display: block; } .posts-nav .navigation.pagination .nav-links { display: flex; } .posts-nav .page-numbers { color: #fff; cursor: pointer; padding: 0 4px; text-decoration: none; background: #bb6e30; border-radius: 4px; border: 3px solid #bb6e30; width: 40px; display: inline-block; height: 40px; margin: 0 5px; transition: all .15s ease-in-out; } .posts-nav .current, .posts-nav .page-numbers:hover { color: #bb6e30; background: #fff; } .posts-nav .nav-links a.prev, .posts-nav .nav-links a.next { width: 80px; } @media only screen and (min-width: 768px) { .posts-nav span.pagination-title { display: inline-block; line-height: 1; margin-bottom: 0; } .posts-nav .navigation.pagination { display: inline-block; margin-left: 20px; } } body { font-family: "Montserrat", sans-serif; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; -webkit-font-smoothing: antialiased; color: #113727; } h1, h2, h3, h4, h5, h6, p, ol, ul, blockquote { margin: 0 0 24px; } h1 { font-family: "Bebas Neue", sans-serif; font-size: 47px; font-size: 2.9375rem; line-height: 47px; line-height: 2.9375rem; font-weight: 400; } @media (min-width: 768px) { h1 { font-size: 55px; font-size: 3.4375rem; line-height: 55px; line-height: 3.4375rem; } } @media (min-width: 1200px) { h1 { font-size: 88px; font-size: 5.5rem; line-height: 88px; line-height: 5.5rem; } } .hero h1 { color: #fff; width: 100%; margin-left: auto; margin-right: auto; } .home .hero h1 { font-size: 78px; font-size: 4.875rem; line-height: 78px; line-height: 4.875rem; } @media (min-width: 1024px) { .home .hero h1 { font-size: 128px; font-size: 8rem; line-height: 128px; line-height: 8rem; } } .single-post h1.entry-title { margin-bottom: 50px; } h2 { font-family: "Bebas Neue", sans-serif; font-size: 37px; font-size: 2.3125rem; line-height: 37px; line-height: 2.3125rem; font-weight: 400; color: #113727; } @media (min-width: 768px) { h2 { font-size: 47px; font-size: 2.9375rem; line-height: 47px; line-height: 2.9375rem; } } .page-single-project h2 { color: #113727; } .text-image .section-heading h2 { font-size: 37px; font-size: 2.3125rem; line-height: 37px; line-height: 2.3125rem; } .text-image-content h2, .text-image-content h3 { color: #fff; } .editor-gallery .container-editor h2:last-child { margin-bottom: 40px; text-align: center; } .post-teaser h2 { margin-bottom: 0; padding-top: 10px; text-align: center; } @media (min-width: 768px) { .post-teaser h2 { text-align: left; } } .single-post .entry-content h2 { font-size: 37px; font-size: 2.3125rem; line-height: 37px; line-height: 2.3125rem; padding-top: 30px; margin-bottom: 18px; } .image-fullwidth h2 + p { margin-top: -10px; } .block.editor h3 + P { margin-top: -15px; } h3 { font-family: "Bebas Neue", sans-serif; font-size: 28px; font-size: 1.75rem; line-height: 32px; line-height: 2rem; font-weight: 400; color: #113727; } @media (min-width: 768px) { h3 { font-size: 37px; font-size: 2.3125rem; line-height: 41px; line-height: 2.5625rem; } } .block-latest-articles .section-heading h3 { text-align: center; } .block .post-teaser .post-details h3 { color: #bb6e30; font-size: 28px; font-size: 1.75rem; line-height: 30px; line-height: 1.875rem; text-align: left; } .service-content h3 { color: #fff; background: #3F694F; padding: 10px 20px 7px 20px; max-width: 280px; margin: 0 0 15px -20px; display: block; } @media (min-width: 768px) { .service-content h3 { padding: 13px 50px 10px 50px; border-radius: 0 16px 16px 0; margin: 0 0 20px -50px; max-width: unset; width: calc(100% + 180px); position: relative; z-index: 1; } } .project-content h3 { color: #fff; margin-bottom: 16px; } body.error404 h1.page-title { text-align: center; letter-spacing: 5px; } body.error404 h2 { text-align: center; } .hero p { font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 32px; line-height: 2rem; } .hero h1 + p { margin-top: 0; margin-bottom: 32px; } @media (min-width: 768px) { .hero h1 + p { margin-top: -15px; } } .has-numbered-list ul { padding: 0; margin: 0 0 24px; list-style: none; } .has-numbered-list ul li { counter-increment: step-counter; padding: 10px 0 10px 90px; position: relative; margin-bottom: 20px; } .has-numbered-list ul li:before { content: counter(step-counter); display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: 4px solid #bb6e30; border-radius: 50%; color: #bb6e30; position: absolute; left: 0; top: 50%; margin-top: -30px; font-size: 37px; font-size: 2.3125rem; line-height: 37px; line-height: 2.3125rem; font-family: "Bebas Neue", sans-serif; padding-top: 4px; } .block-columns-asymmetrical .columns-two--two ul { padding: 0; list-style: none; } .block-columns-asymmetrical .columns-two--two ul li { margin-bottom: 10px; } .block-columns-asymmetrical .columns-two--two ul li .text-medium { line-height: 1; } .has-list-2-columns ul { display: flex; flex-wrap: wrap; padding: 0 0 0 15px; } .has-list-2-columns ul li { flex: 0 0 100%; } @media (min-width: 376px) { .has-list-2-columns ul li { flex: 0 0 50%; } } .has-list-3-columns ul { display: flex; flex-wrap: wrap; padding: 0 0 0 15px; } .has-list-3-columns ul li { flex: 0 0 100%; } @media (min-width: 376px) { .has-list-3-columns ul li { flex: 0 0 50%; } } @media (min-width: 640px) { .has-list-3-columns ul li { flex: 0 0 33.333333%; } } b, strong { font-weight: 600; } .text-medium { font-size: 20px; font-size: 1.25rem; line-height: 32px; line-height: 2rem; } .block.job-listings h3 a:first-child { color: #3F694F; text-decoration: none; } .block.job-listings h3 a:first-child:hover { color: #bb6e30; } .block.job-listings h3 a.learn-more-arrow { position: relative; top: -15px; } /*-------------------------------------------------------------- Links --------------------------------------------------------------*/ a { color: #bb6e30; transition: all 0.15s ease-in-out; } a:visited { color: #bb6e30; } a:hover, a:focus, a:active { color: #3F694F; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } .single-post .entry-content a { font-weight: 600; } .learn-more-arrow { font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; font-family: "Montserrat", sans-serif; color: #bb6e30; text-decoration: none; background: url(img/link-arrow-right-copper.svg) no-repeat right 5px center/10px auto; padding: 0 25px 0 0; transition: all 0.15s ease-in-out; } .learn-more-arrow:hover { background-position: right 0 center; } .block.bg-green a { color: #fff; } .block.bg-green a:hover { color: #bb6e30; } /*-------------------------------------------------------------- Social Links --------------------------------------------------------------*/ ul.social-links { margin: 0; padding: 0; list-style: none; clear: both; } ul.social-links.post-share { text-align: center; } ul.social-links.post-share li { float: none; display: inline-block; margin: 0 5px; } ul.social-links li { display: block; float: left; margin-right: 10px; } ul.social-links.post-share li:last-child { margin-right: 0; } ul.social-links a { color: #fff; display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; border: 2px solid #fff; border-radius: 42px; line-height: 42px; text-align: center; text-decoration: none; transition: all 0.25s ease; } ul.social-links a:hover { background: #fff; color: #000; } ul.social-links a svg { display: block; max-width: 22px; width: 100%; margin: 0 auto; } ul.social-links a svg path { fill: #fff; transition: all 0.25s ease; } ul.social-links a:hover svg path { fill: #bb6e30; } ul.social-links.post-share a { color: #3F694F; border-color: #3F694F; display: block; width: 40px; height: 40px; background-color: transparent; border-radius: 40px; text-align: center; } ul.social-links.post-share a:hover { color: #fff; background: #3F694F; border-color: #3F694F; } .social-wrapper > span { font-size: 24px; font-size: 1.5rem; line-height: 40px; line-height: 2.5rem; font-weight: 700; color: #000; display: block; margin: 0; text-align: center; position: relative; } ul.social-links a span { display: none; } #nav .social-links { margin-top: 30px; } .site-footer ul.social-links { margin: 0; padding: 0; display: inline-block; list-style: none; clear: none; text-align: center; float: none; } .site-footer ul.social-links li { display: inline-block; margin: 0 5px; float: none; } .site-footer ul.social-links a { color: #fff; border: 0px solid #fff; width: 40px; height: 40px; border-radius: 0px; } .site-footer ul.social-links a:hover { background: transparent; color: #bb6e30; } .site-footer ul.social-links a svg { max-width: 30px; max-height: 28px; } .site-footer ul.social-links a span { display: none; } .site-footer ul.social-links li a.fb-link { width: 30px; } @media screen and (min-width: 768px) { .site-footer ul.social-links { position: relative; top: auto; left: auto; margin: 0; width: 40%; float: left; } .site-footer ul.social-links li { float: left; margin: 0 0 0 10px; } .site-footer ul.social-links li:first-child { margin-left: 0; } .social-wrapper ul.social-links { clear: none; float: left; } .social-wrapper > span { display: inline-block; margin-right: 15px; float: left; } } @media screen and (min-width: 1025px) { #nav .social-links { display: none; } } .phone-no a { text-decoration: none !important; } .phone-no span { display: none; } @media screen and (min-width: 992px) { .phone-no a { display: none; } .phone-no span { display: inline-block; } } /*-------------------------------------------------------------- Forms --------------------------------------------------------------*/ .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { border: 3px solid #bb6e30; background: #bb6e30; border-radius: 5px; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; padding: 10px 20px 10px; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; outline: 0; transition: all .15s ease-in-out; width: 100%; margin-top: 10px; } @media (min-width: 415px) { .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { width: auto; margin-top: 0; } } a.btn:visited { color: #fff; background: #bb6e30; } a.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: transparent; color: #bb6e30; outline: 0; } a.btn:active, a.btn:focus, button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { background-color: transparent; color: #bb6e30; outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #3F694F; border: 1px solid #95989A; background-color: #fff; border-radius: 3px; padding: 15px 15px 11px; width: 100%; margin-bottom: 5px; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; display: block; width: 100%; cursor: pointer; transition: all 0.15s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="range"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="time"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="color"]:hover, textarea:hover { border-color: #113727; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color: #113727; outline: 0; } select { color: #95989A !important; border: 1px solid #95989A; background-color: #fff; border-radius: 3px; padding: 15px 15px 11px; width: 100%; margin-bottom: 5px; @include font(16,20); display: block; width: 100%; cursor: pointer; transition: all 0.15s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } textarea { width: 100%; } .gform_wrapper textarea { max-height: 125px; } ::-webkit-input-placeholder { opacity: 1; color: rgba(34, 34, 34, 0.5); } :-moz-placeholder { opacity: 1; color: rgba(34, 34, 34, 0.5); } ::-moz-placeholder { opacity: 1; color: rgba(34, 34, 34, 0.5); } :-ms-input-placeholder { opacity: 1; color: rgba(34, 34, 34, 0.5); } .site-footer ::-webkit-input-placeholder { opacity: 1; color: #000; } .site-footer :-moz-placeholder { opacity: 1; color: #000; } .site-footer ::-moz-placeholder { opacity: 1; color: #000; } .site-footer :-ms-input-placeholder { opacity: 1; color: #000; } .gform_fields { list-style: none; margin-left: 0; padding: 0; text-align: left; } .gform_fields > .gfield { margin-bottom: 15px; clear: both; } .site-footer .gform_fields > .gfield { margin-bottom: 10px; } @media screen and (min-width: 480px) { .gform_fields > .gfield.one-half { width: 49%; float: left; clear: none; } } .gform_fields > .gfield.one-half.last { clear: none; } @media screen and (min-width: 480px) { .gform_fields > .gfield.one-half.last { margin-left: 2%; } } .gform_fields > .gfield label { font-weight: bold; } .gform_fields > .gfield.nolabel > label { display: none; } .gform_fields > .gfield.gfield_error input, .gform_fields > .gfield.gfield_error textarea { border-color: #bb6e30; } .gform_fields > .gfield .gfield_description { font-size: 12.8px; font-size: 0.8rem; line-height: 1; padding-top: 5px; padding-bottom: 5px; } .gform_wrapper .gform_footer { text-align: left; } .gform_fields > .gfield .gfield_description.validation_message { color: #bb6e30; } .gform_fields .ginput_container_select + .validation_message { margin-top: 5px; } .gform_fields .gfield_error .selectric { border-color: #bb6e30; } .gform_fields ul.gfield_radio li input[type="radio"] { display: none; } .gform_fields ul.gfield_radio li label { position: relative; padding-left: 18px; cursor: pointer; } .gform_fields ul.gfield_radio li label:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; border: 1px solid #ccc; border-radius: 30px; } .gform_fields ul.gfield_radio li :checked + label:before { border-color: #0B2D4E; background: #0B2D4E; } .gform_fields ul.gfield_checkbox li { position: relative; } .gform_fields ul.gfield_checkbox li input[type="checkbox"] { opacity: 0; position: absolute; } .gform_fields ul.gfield_checkbox li input[type="checkbox"], .gform_fields ul.gfield_checkbox li label { display: inline-block; vertical-align: middle; cursor: pointer; } .gform_fields ul.gfield_checkbox li label { position: relative; padding-left: 18px; } .gform_fields ul.gfield_checkbox li input[type="checkbox"] + label:before { content: ""; background: #fff; border: 1px solid #ccc; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -6px; vertical-align: middle; width: 12px; height: 12px; padding: 2px; margin-right: 10px; text-align: center; } .gform_fields ul.gfield_checkbox li input[type="checkbox"]:checked + label:before { border-color: #0B2D4E; color: #0B2D4E; } .gform_fields ul.gfield_checkbox li input[type="checkbox"]:checked + label:after { content: "\f00c"; font-family: "Font Awesome\ 5 Free"; display: block; font-size: 18px; line-height: 18px; position: absolute; left: -1px; top: 50%; margin-top: -11px; color: #0B2D4E; font-weight: 900; } .gform_fields .radio-custom:focus + .radio-custom-label { outline: 1px solid #ddd; /* focus style */ } .gform_wrapper .gform_validation_errors h2 { color: #bb6e30; font-family: "Montserrat", sans-serif; text-align: left; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 30px !important; } .site-footer .gform_wrapper .gform_validation_errors h2 { font-size: 18px; font-size: 1.125rem; line-height: 20px; line-height: 1.25rem; margin: 0 0 10px !important; } .gform_confirmation_message { text-align: left; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; margin-bottom: 30px; color: #3F694F; } .site-footer .gform_confirmation_message { color: #fff; } .block.editor .gform_description p:last-child { margin-bottom: 38px; } .site-footer .gform_wrapper { margin: 0 auto 50px; width: 100%; max-width: 400px; } .site-footer .gform_wrapper .gform_fields { margin: 0 0 10px; } .site-footer .gform_wrapper .gform_footer { text-align: right; } .site-footer .gform_body input { color: #3F694F; border: 1px solid #fff; background-color: #fff; border-radius: 3px; padding: 15px 15px 11px; width: 100%; margin-bottom: 5px; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; display: block; width: 100%; cursor: pointer; transition: all 0.15s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .site-footer .gform_body input:hover, .site-footer .gform_body input:focus { border-color: #bb6e30; } .site-footer .gform_button { color: #fff; min-width: 100px; padding: 10px 20px 10px; width: 100%; } @media (min-width: 768px) { .site-footer .gform_button { width: auto; } } .site-footer .gform_wrapper form > .validation_error { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; text-align: center; margin-bottom: 10px; } @media screen and (min-width: 480px) { .hero-video .btn-wrapper .btn { display: inline-block; } .btn + .btn { margin-left: 10px; } .hero-video .btn:last-child { margin-bottom: 0px; } } @media screen and (min-width: 768px) { .site-footer .gform_wrapper { margin: 0 0 50px; } .site-footer .gform_wrapper .gform_fields { margin: 0; } } body.error404 .search-form, body.search-no-results .search-form, body.archive .not-found .search-form { width: 100%; max-width: 600px; margin: 0; } body.error404 .search-form > label, body.search-no-results .search-form > label, body.archive .not-found .search-form > label { width: 100%; } body.error404 .search-form > label .search-field, body.search-no-results .search-form > label .search-field, body.archive .not-found .search-form > label .search-field { border-radius: 0; padding: 24px 20px 18px; margin-bottom: 0; border-color: #ccc; } body.error404 .search-form > label .search-field:hover, body.search-no-results .search-form > label .search-field:hover, body.archive .not-found .search-form > label .search-field:hover, body.error404 .search-form > label .search-field:focus, body.search-no-results .search-form > label .search-field:focus, body.archive .not-found .search-form > label .search-field:focus { border-color: #000; } body.error404 .search-form .search-submit, body.search-no-results .search-form .search-submit, body.archive .not-found .search-form .search-submit { border-radius: 0 0px 0px 0; width: 100px; min-width: 10px; } /*-------------------------------------------------------------- Search Forms --------------------------------------------------------------*/ .search-form { position: relative; width: 100%; } body.error404 .search-form { max-width: 600px; } .search-form input[type=search] { background: #edf2f5; max-width: 1200px; border: 2px solid #edf2f5; padding: 10px 23px; border-radius: 0px; outline: 0; } .search-form input[type=search]:focus { border-color: #00b8bc; } .blog-sidebar .search-form input[type="search"] { background: #edf2f5; padding: 12px 10px 7px; } .blog-sidebar .search-form input[type="search"]:focus { background: #edf2f5; } .search-form .search-submit { border: 0; position: absolute; right: 0; top: 0; display: block; height: 100%; border-radius: 0 0px 0px 0; padding: 0; min-width: 10px; width: 100px; } .gform_wrapper .hidden_label .gfield_label, .gform_wrapper label.hidden_sub_label, .gform_wrapper label.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .gform_wrapper li.hidden_label input { margin-top: 12px; } .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select { margin-bottom: 12px; } .gform_wrapper .left_label li.hidden_label input, .gform_wrapper .right_label li.hidden_label input { margin-left: 3.7%; } .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large { width: 100%; } /*-------------------------------------------------------------- SELECTRIC --------------------------------------------------------------*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 2px solid #edf2f5; background: #edf2f5; position: relative; border-radius: 30px; padding: 19px 20px 16px; font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; font-family: muli, sans-serif; } .selectric:focus, .selectric:hover { border-color: #00b8bc; } .selectric .label { color: #00334d; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 100%; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #00334d; border-bottom: none; } .selectric-focus .selectric { /* border-color: $color__border-input-focus; */ } .selectric-hover .selectric { /*border-color: #c4c4c4; */ } .selectric-hover .selectric .button { color: #00334d; } .selectric-hover .selectric .button:after { border-top-color: #00334d; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #00b8bc; border-radius: 30px 30px 0 0; border-bottom: 0; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; border: 2px solid #00b8bc; border-top: 0; border-radius: 0 0 30px 30px; background: #edf2f5; overflow: hidden; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; } .selectric-items li { display: block; padding: 17px 20px 18px; color: #666; cursor: pointer; font-size: 14px; font-size: .875rem; line-height: 16px; line-height: 1rem; font-family: muli, sans-serif; } .selectric-items li.selected { background: #00b8bc; color: #00334d; } .selectric-items li.highlighted { background: #00b8bc; color: #fff; } .selectric-items li:hover { background: #00b8bc; color: #00334d; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .site-header { position: fixed; top: 0; left: 0; width: 100%; padding-top: 20px; padding-bottom: 20px; z-index: 999; transition: background ease-in-out 0.25s; background-color: rgba(17, 55, 39, 0.85); } .admin-bar .site-header { top: 32px; } .site-header .container { max-width: 1360px; } .site-header .container .row { padding-left: 15px; padding-right: 15px; } .sticky-header .site-header, .nav-toggle.site-header { background-color: rgba(17, 55, 39, 0.95); } .site-branding { width: 150px; } .site-branding a { display: block; } .site-branding img { display: block; width: 100%; height: auto; } @media screen and (min-width: 1025px) { .site-header .container .row { display: flex; align-items: center; position: relative; } .site-header .site-branding { width: 200px; } .site-header #nav { width: calc(100% - 200px); } } /*-------------------------------------------------------------- # Main Menu --------------------------------------------------------------*/ #nav { display: block; } #nav ul { list-style: none; margin: 0; padding: 0; } #nav .menu { clear: both; float: right; width: auto; } #nav .menu a { color: #fff; display: block; } /* Top Level Menu Items */ #nav .menu > li > a { padding: 15px 35px; font-size: 33px; font-size: 1rem; line-height: 36px; line-height: 2.25rem; font-weight: 600; margin: 0; width: auto; text-decoration: none; } #nav .menu > li.menu-btn > a { border: 4px solid #bb6e30; background: #bb6e30; border-radius: 8px; color: #fff; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; padding: 16px 20px 14px; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; outline: 0; width: calc(100% - 70px); max-width: 400px; margin: 20px 0 0 35px; } #nav .menu > li.menu-btn > a span { display: none; } #nav .menu li .sub-menu li a { font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; font-weight: 600; color: #fff; } #nav > .menu > li.menu-item > a:hover, #nav > .menu > li.current-menu-item > a { color: #fff; background-color: #bb6e30; } #nav .menu > li.menu-btn > a:hover { background-color: transparent; color: #bb6e30; outline: 0; } #nav > .menu > li.menu-item > .sub-menu a:hover, #nav > .menu > li.menu-item > .sub-menu li.current-menu-item a { color: #113727; } #nav .menu > li.menu-item-has-children > a { position: relative; padding-right: 15px; padding-right: 0; } #nav .menu > li.menu-item-has-children.menu-btn > a:after { display: none; } /* Sub-menu Menu Items */ #nav .sub-menu { opacity: 1; position: relative; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; padding: 15px 0; background: #bb6e30; border-top: 1px solid rgba(255, 255, 255, 0.25); } #nav ul.sub-menu li { margin: 0; padding: 0; } #nav .sub-menu a { position: relative; width: 100%; padding: 10px 35px 10px 55px; background-color: transparent; text-decoration: none; } #nav .menu-item:hover > .sub-menu { left: auto; opacity: 1; } #nav .menu > .menu-item > .sub-menu, #nav .menu > .menu-item > .sub-menu .sub-menu, #nav .menu { display: none; float: none; width: 100%; } #nav .menu { height: calc(100vh - 79px); overflow-y: scroll; position: absolute; left: 0; top: 79px; background: rgba(17, 55, 39, 0.95); padding: 20px 0px; } #nav .menu li { margin-left: 0; margin-bottom: 0; display: block; float: none; } #nav .menu li.menu-item-has-children { cursor: pointer; position: relative; padding-right: 12px; padding: 0; } #nav .menu > li.menu-item-has-children > a span.arrow { right: -14px; top: -4px; position: relative; display: inline-block; line-height: 1; text-align: center; z-index: 999; height: 18px; width: 18px; border-style: solid; border-color: inherit; border-width: 0px 4px 4px 0px; transform: rotate(45deg); transition: transform .15s ease-in-out; } #nav .menu > li.menu-open.menu-item-has-children > a span.arrow, #nav .menu > li.menu-open.menu-item-has-children > .sub-menu > li.menu-open.menu-item-has-children > a span.arrow { transform: rotate(-135deg); top: 2px; } #nav .menu .sub-menu li a, #nav .menu .sub-menu li a:hover { position: relative; text-transform: none; width: 100%; display: block; } #nav .sub-menu a:after { display: none; } .responsive-menu-icon { display: block; width: 36px; height: 18px; position: absolute; z-index: 1; text-align: center; top: 50%; margin-top: -9px; right: 35px; } .menu-toggle { width: 36px; height: 18px; margin: 0 auto; cursor: pointer; } .menu-bar { display: block; width: 100%; height: 2px; background-color: #fff; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; position: relative; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .menu-bar + .menu-bar { margin-top: 6px; } #nav.openwide .menu-toggle .menu-bar:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 3px; top: -5px; } #nav.openwide .menu-toggle .menu-bar:nth-child(2) { opacity: 0; } #nav.openwide .menu-toggle .menu-bar:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; left: 3px; } @media screen and (min-width: 1025px) { .responsive-menu-icon { display: none; } #nav .menu { display: block !important; height: auto; overflow-y: unset; padding: 0; float: right; width: auto; position: relative; top: auto; background: transparent; } #nav .menu-item:hover > .sub-menu { left: auto; } #nav > .menu > li { display: inline-block; float: left; margin: 0 0 0 15px; } #nav > .menu > li:first-child { margin-left: 0; } #nav .menu > li.menu-item-has-children > a { padding-right: 12px; } #nav .menu > li.menu-item-has-children > a span.arrow { right: 0px; width: 8px; height: 8px; border-width: 0 2px 2px 0; top: 26px; position: absolute; } #nav .menu > li > a { display: block; padding: 19px 0; position: relative; text-decoration: none; font-size: 20px; font-size: 1.25rem; line-height: 22px; line-height: 1.375rem; } #nav .menu > li.menu-btn > a { margin: 0; width: auto; max-width: 100%; } #nav > .menu > li.menu-item > a:hover, #nav > .menu > li.current-menu-item > a { background: transparent; color: #bb6e30; } #nav .menu .sub-menu { display: block !important; width: 230px; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 230px !important; z-index: 99; } #nav .sub-menu a { background: #bb6e30; color: #fff; } #nav > .menu > li:last-child:hover .sub-menu { left: auto; right: 0; } #nav .menu li.menu-item .sub-menu a { color: #fff; margin: 0; padding: 10px 12px; font-size: 16px; font-size: 1rem; line-height: 20px; line-height: 1.25rem; } #nav > .menu > li.menu-item > .sub-menu a:hover, #nav > .menu > li.menu-item > .sub-menu li.current-menu-item a { background: #3F694F; color: #fff; } /* 2nd level and below Menu Items */ #nav .sub-menu .sub-menu { margin: -56px 0 0 230px; } } @media screen and (min-width: 1160px) { #nav > .menu > li { margin: 0 0 0 35px; } } @media screen and (min-width: 1280px) { #nav .menu > li.menu-btn > a span { display: inline; } } /*-------------------------------------------------------------- # Main Content Area --------------------------------------------------------------*/ body.page-template-default, body.search-results, body.search-no-results { padding-top: 50px; } body.page-template-default #content, body.search-results #content, body.search-no-results #content { padding: 100px 0 150px; } @media (min-width: 768px) { body.page-template-default #content, body.search-results #content, body.search-no-results #content { padding: 150px 0 200px; } } body.error404 #content { text-align: center; padding: 150px 0 150px; } @media (min-width: 768px) { body.error404 #content { padding: 200px 0 150px; } } /*-------------------------------------------------------------- # Blog Archive --------------------------------------------------------------*/ .blog-posts { margin-top: 4rem; margin-bottom: 6rem; } .blog-posts .teaser { padding-top: 3rem; padding-bottom: 3rem; } .blog-posts .teaser h2 { margin: 0; } .blog-posts .teaser h2 a { color: red; text-decoration: none; } .blog-posts .teaser h2 a:hover { color: blue; text-decoration: none; } .teaser .meta { font-size: 16px; font-size: 1rem; line-height: 26px; line-height: 1.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } .teaser .meta a { text-decoration: none; } .teaser .meta a:hover { text-decoration: none; } .teaser .meta time { display: none; } .teaser .meta time.entry-date { display: inline-block; } .blog-categories { margin-top: 4rem; margin-bottom: 6rem; } .blog-categories h3 { font-size: 24px; font-size: 1.5rem; line-height: 36px; line-height: 2.25rem; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; } .blog-categories ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .blog-categories ul li { display: inline-block; margin: 0 15px 15px 0; } .blog-categories ul li a { display: block; padding: 7px 15px; border: 2px solid blue; font-size: 16px; font-size: 1rem; line-height: 36px; line-height: 2.25rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: red; } .blog-categories ul li a:hover { color: blue; text-decoration: none; } .blog-pagination { margin-bottom: 3rem; } /*-------------------------------------------------------------- # Single Post --------------------------------------------------------------*/ @media (min-width: 768px) { .single-post #content { margin-top: 100px; } } .post .entry-header h1 { font-family: "Bebas Neue", sans-serif; font-size: 32px; font-size: 2rem; line-height: 36px; line-height: 2.25rem; color: #113727; border: none; } @media (min-width: 768px) { .post .entry-header h1 { font-size: 47px; font-size: 2.9375rem; line-height: 48px; line-height: 3rem; } } .single-post hr { background: red; } .single-post .entry-content { padding-bottom: 3rem; } .site-footer { background-color: #113727; color: #fff; min-height: 300px; padding: 80px 0 50px; } @media (min-width: 768px) { .site-footer { padding: 60px 0 50px; } } .site-footer a { color: #bb6e30; text-decoration: none; } .site-footer a:hover { color: #fff; text-decoration: none; } .site-footer h3, .site-footer .widget-title { color: #fff; font-size: 37px; font-size: 2.3125rem; line-height: 39px; line-height: 2.4375rem; text-transform: uppercase; font-weight: 400; margin: 0; } @media (min-width: 768px) { .site-footer h3, .site-footer .widget-title { font-size: 37px; font-size: 2.3125rem; line-height: 39px; line-height: 2.4375rem; } } .site-footer ul.menu { padding: 0; margin: 0; list-style: none; } .site-footer ul.menu a { color: #bb6e30; font-weight: 600; font-size: 20px; font-size: 1.25rem; line-height: 34px; line-height: 2.125rem; } .site-footer p { margin: 0; } .site-footer .footer-utility { border-top: 1px solid rgba(255, 255, 255, 0.4); background-color: #113727; color: #fff; font-size: 12px; font-size: 0.75rem; line-height: 14px; line-height: 0.875rem; font-weight: 600; text-align: center; padding-top: 50px; margin-top: 50px; } .site-footer .footer-utility a { color: #fff; text-decoration: none; } .site-footer .footer-utility a:hover { color: #bb6e30; text-decoration: none; } .site-footer .footer-utility .footer-copy { margin-top: 30px; } .site-footer .footer-utility .footer-copy span { display: block; } .site-footer .footer-utility .footer-copy span.footer-sep { display: none; } @media (min-width: 768px) { .site-footer .footer-utility { text-align: left; display: flex; flex-wrap: wrap; align-items: center; padding-top: 50px; margin-top: 50px; } .site-footer .footer-utility .footer-copy { text-align: right; width: 60%; float: right; margin-top: 0; } .site-footer .footer-utility .footer-copy span { display: inline-block; } .site-footer .footer-utility .footer-copy span.footer-sep { display: inline-block; } } .logo-footer { max-width: 260px; width: 100%; margin: 0 auto 50px; display: block; } @media (min-width: 768px) { .logo-footer { max-width: 100%; margin: 0; } } .footer-nav-wrapper { text-align: center; margin-bottom: 30px; } @media (min-width: 768px) { .footer-nav-wrapper { text-align: left; margin-bottom: 0; padding-left: 8%; } } p.footer-newsletter-desc { margin: 0 auto 15px; text-align: center; display: block; max-width: 400px; width: 100%; } @media (min-width: 768px) { p.footer-newsletter-desc { text-align: left; max-width: 700px; margin: 0 0 15px; } } .footer-note { text-align: center; font-weight: 600; } .footer-note > span { display: block; } @media (min-width: 768px) { .footer-note { text-align: center; margin: 20px 0 0 0; } .footer-note > span { display: block; width: 100%; } } /*-------------------------------------------------------------- # Hero --------------------------------------------------------------*/ .hero { position: relative; color: #fff; } .hero .container { max-width: 1260px; position: relative; z-index: 2; } .hero .row { padding-top: 180px; padding-bottom: 150px; } @media (min-width: 768px) { .hero .row { padding-top: 150px; padding-bottom: 200px; } } @media (min-width: 1024px) { .hero .row { padding-top: 230px; padding-bottom: 300px; } } @media (min-width: 480px) { .hero { text-align: center; } } @media (min-width: 768px) { .hero .row { height: 800px; } } @media (min-width: 1200px) { .hero .row { height: 850px; } } @media (min-width: 1200px) { .home .hero .row { height: 1100px; } } .hero-media { position: absolute; top: 0; bottom: 0; width: 100%; background-color: #3F694F; } .hero-img { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 100%; } .hero-img.hero .row { height: 500px; } .hero-overlay { background: rgba(0, 0, 0, 0.29); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } /*-------------------------------------------------------------- # Text Editor --------------------------------------------------------------*/ .block.editor { padding-top: 70px; padding-bottom: 70px; } @media (min-width: 992px) { .block.editor { padding-top: 120px; padding-bottom: 120px; } } .bg-intro { display: none; } @media (min-width: 768px) { .editor.block-intro .col-md-12, .editor.block-intro-about .col-md-12 { max-width: 58.333333%; } } .return-link-wrapper { position: relative; max-width: 1150px; padding: 0 35px; margin: 0 auto 60px; } .return-link-wrapper a { color: #3F694F; font-weight: 600; text-decoration: none; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; padding: 0 0 0 25px; background: url(img/link-arrow-left-green.svg) no-repeat left 5px center/12px auto; } .return-link-wrapper a:hover { background-position: left 0px center; } .page-single-project .editor .container { max-width: 900px; } .page-single-project .editor .container p + h2, .page-single-project .editor-gallery .container p + h2 { margin-top: 50px; } .page-single-project .editor .container-gallery { max-width: 1360px; padding-top: 50px; } .container-gallery .row .col-md-12 { /* flex-wrap: wrap; display: flex; */ } .container-gallery .editor-gallery-outer { /* min-height: 360px; flex: 1 1 100%; flex-wrap: wrap; */ } @media (min-width: 768px) { .editor-gallery-wrapper { display: grid; height: 100%; grid-template-rows: repeat(5, 1fr); grid-template-columns: repeat(4, 1fr); grid-gap: 20px; height: 600px; } } @media (min-width: 768px) { .editor-gallery-wrapper + .editor-gallery-wrapper { padding-top: 20px; } } .editor-gallery-item { color: #c4c4c4; display: flex; justify-content: center; align-items: center; background-position: top left; transition: all ease-in-out 300ms; position: relative; z-index: 10; } .editor-gallery-item a { position: relative; height: 400px; display: block; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 30px; /* display: flex; justify-content: center; align-items: center; */ } @media (min-width: 768px) { .editor-gallery-item a { height: 100%; margin-bottom: 0; } } .editor-gallery-item.small { grid-row: span 1; grid-column: span 1; } .editor-gallery-item.medium { grid-row: span 2; grid-column: span 1; } .editor-gallery-item.editor-gallery-item-1, .editor-gallery-item.editor-gallery-item-9 { grid-row: 1 / span 3; grid-column: 1 / span 1; } .editor-gallery-item.editor-gallery-item-2, .editor-gallery-item.editor-gallery-item-10 { grid-row: 4 / span 2; grid-column: 1 / span 1; } .editor-gallery-item.editor-gallery-item-3, .editor-gallery-item.editor-gallery-item-11 { grid-row: 1 / span 2; grid-column: 2 / span 1; } .editor-gallery-item.editor-gallery-item-4, .editor-gallery-item.editor-gallery-item-12 { grid-row: 3 / span 3; grid-column: 2 / span 1; } .editor-gallery-item.editor-gallery-item-5, .editor-gallery-item.editor-gallery-item-13 { grid-row: 1 / span 3; grid-column: 3 / span 1; } .editor-gallery-item.editor-gallery-item-6, .editor-gallery-item.editor-gallery-item-14 { grid-row: 4 / span 2; grid-column: 3 / span 1; } .editor-gallery-item.editor-gallery-item-7, .editor-gallery-item.editor-gallery-item-15 { grid-row: 1 / span 2; grid-column: 4 / span 1; } .editor-gallery-item.editor-gallery-item-8, .editor-gallery-item.editor-gallery-item-16 { grid-row: 3 / span 3; grid-column: 4 / span 1; } .editor-gallery-item img { object-fit: cover; height: 100%; margin: 0 auto 30px; } @media (min-width: 768px) { .editor-gallery-item img { margin: 0; } } .page-single-project img[class*=" wp-image-"] { margin-bottom: 36px; } /*-------------------------------------------------------------- # Block Services ( + projects) --------------------------------------------------------------*/ .block-services { padding-top: 70px; padding-bottom: 70px; position: relative; } @media (min-width: 768px) { .block-services { padding-top: 120px; padding-bottom: 120px; } } .block-services .section-heading { text-align: center; } @media (min-width: 768px) { .block-services .section-heading { text-align: left; } } .services-wrapper { margin-bottom: 0px; position: relative; z-index: 2; } @media (min-width: 768px) { .services-wrapper { margin-bottom: 0px; } } .services-item { background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); border-radius: 16px; margin: 0px; position: relative; } .services-item + .services-item { margin-top: 50px; } .service-image { border-radius: 16px 16px 0 0; width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0 0 15px; } @media (min-width: 768px) { .service-image { position: absolute; right: 0; top: 0; height: 100%; width: 50%; border-radius: 0 16px 16px 0; margin: 0; } } @media (min-width: 1024px) { .service-image { width: 57%; } } .service-content { padding: 0 20px 25px; } @media (min-width: 768px) { .service-content { float: left; width: 50%; padding: 50px 50px 35px; } } @media (min-width: 1024px) { .service-content { width: 43%; } } .service-content h3 img { display: inline-block; vertical-align: middle; height: 32px; width: auto; margin-right: 10px; max-width: 50px; } @media (min-width: 768px) { .service-content h3 img { height: 40px; max-width: 60px; } } .block .service-description p { margin-bottom: 24px; } .block-services .projects-wrapper { margin-bottom: 100px; position: relative; z-index: 2; } @media (min-width: 768px) { .block-services .projects-wrapper { margin-bottom: 0px; } } /*-------------------------------------------------------------- # Block Projects ( Case Studies ) --------------------------------------------------------------*/ .block-projects { padding-top: 70px; padding-bottom: 70px; position: relative; } @media (min-width: 768px) { .block-projects { padding-top: 120px; padding-bottom: 120px; } } .block-projects .section-heading { text-align: center; } @media (min-width: 768px) { .block-projects .section-heading { text-align: left; } } .projects-wrapper { margin-bottom: 0px; position: relative; z-index: 2; } @media (min-width: 768px) { .projects-wrapper { margin-bottom: 50px; } } .projects-item { margin: 0px; position: relative; } .projects-item + .projects-item { margin-top: 60px; } @media (min-width: 768px) { .projects-item + .projects-item { margin-top: 120px; } } @media (min-width: 768px) { .projects-item { padding: 80px 0; } } .project-image { border-radius: 16px 16px 0 0; width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0px; } @media (min-width: 768px) { .project-image { position: absolute; left: 0; top: 0; height: 100%; width: 60%; border-radius: 0; margin: 0; z-index: -1; } } @media (min-width: 1024px) { .project-image { width: 71%; } } .project-content { padding: 30px 20px 35px; background: #113727; color: #fff; border-radius: 0 0 16px 16px; } @media (min-width: 768px) { .project-content { float: right; width: 60%; padding: 30px 40px 25px; border-radius: 16px; } } @media (min-width: 1024px) { .project-content { width: calc(28% + 160px); } } .project-content a.btn { margin-top: 25px; } @media (min-width: 768px) { .project-content a.btn { position: absolute; right: 0; bottom: 0; } } @media (min-width: 768px) { .projects-item:nth-child(2n+2) .project-image { left: auto; right: 0; } .projects-item:nth-child(2n+2) .project-content { float: left; } .projects-item:nth-child(2n+2) .project-content a.btn { right: auto; left: 0; } } /* For the projects section included in the Services block on homepage */ .block-services .projects-item + .projects-item { margin-top: 0; } @media (min-width: 768px) { .block-services .projects-item:nth-child(2n+2) .project-image { left: 0; right: auto; } .block-services .projects-item:nth-child(2n+2) .project-content { float: right; } .block-services .projects-item:nth-child(2n+2) .project-content a.btn { right: 0; left: auto; } } /*-------------------------------------------------------------- # Two Columns --------------------------------------------------------------*/ .columns-two { padding-top: 50px; padding-bottom: 25px; } @media (min-width: 768px) { .columns-two { padding-top: 100px; padding-bottom: 50px; } } .columns-two .columns-two--two { margin-top: 50px; } .columns-two .columns-two--one, .columns-two .columns-two--two { margin-bottom: 25px; } @media (min-width: 768px) { .columns-two .columns-two--one, .columns-two .columns-two--two { margin-top: 0; margin-bottom: 50px; } } .columns-two.job-listings .columns-two--two { margin-top: 0; } @media (min-width: 768px) { .padding-bottom-curve.columns-two .columns-two--one, .padding-bottom-curve.columns-two .columns-two--two { margin-bottom: 0px; } } .block-columns-asymmetrical .columns-two-one { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } @media (min-width: 768px) { .block-columns-asymmetrical .columns-two--one { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .block-columns-asymmetrical .columns-two--two { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; align-self: center; } } /*-------------------------------------------------------------- # Three Columns --------------------------------------------------------------*/ .columns-three { padding-top: 50px; padding-bottom: 25px; } @media (min-width: 768px) { .columns-three { padding-top: 100px; padding-bottom: 50px; } } .columns-three .columns-three--one, .columns-three .columns-three--two, .columns-three .columns-three--three { margin-bottom: 25px; } @media (min-width: 768px) { .columns-three .columns-three--one, .columns-three .columns-three--two, .columns-three .columns-three--three { margin-bottom: 50px; } } .columns-three .columns-three--one, .columns-three .columns-three--two, .columns-three .columns-three--three { margin-top: 35px; } @media (min-width: 768px) { .columns-three .columns-three--one, .columns-three .columns-three--two, .columns-three .columns-three--three { margin-top: 0px; } } .services-hardscaping h2, .services-hardscaping h3 { margin-bottom: 0; } /*-------------------------------------------------------------- # Four Columns --------------------------------------------------------------*/ .columns-four { padding-top: 50px; padding-bottom: 25px; } @media (min-width: 768px) { .columns-four { padding-top: 100px; padding-bottom: 50px; } } .columns-four .columns-four--one, .columns-four .columns-four--two, .columns-four .columns-four--three, .columns-four .columns-four--four { margin-bottom: 25px; } @media (min-width: 768px) { .columns-four .columns-four--one, .columns-four .columns-four--two, .columns-four .columns-four--three, .columns-four .columns-four--four { margin-bottom: 50px; } } /*-------------------------------------------------------------- # Six Columns --------------------------------------------------------------*/ .columns-six { padding-top: 50px; padding-bottom: 25px; } @media (min-width: 768px) { .columns-six { padding-top: 100px; padding-bottom: 50px; } } .columns-six .columns-six--one, .columns-six .columns-six--two, .columns-six .columns-six--three, .columns-six .columns-six--four, .columns-six .columns-six--five, .columns-six .columns-six--six { margin-bottom: 25px; } @media (min-width: 768px) { .columns-six .columns-six--one, .columns-six .columns-six--two, .columns-six .columns-six--three, .columns-six .columns-six--four, .columns-six .columns-six--five, .columns-six .columns-six--six { margin-bottom: 50px; } } /*-------------------------------------------------------------- # Text Image Block --------------------------------------------------------------*/ .text-image { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) { .text-image { padding-top: 120px; padding-bottom: 120px; } } .text-image .row { position: relative; } @media (min-width: 768px) { .text-image .row { padding-top: 60px; padding-bottom: 60px; } } .text-image .section-heading .row { padding-top: 0; padding-bottom: 0; } @media (min-width: 768px) { .block-map.text-image .row { padding-top: 150px; padding-bottom: 150px; } } .text-image-img { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 100%; display: inline-block; } @media (min-width: 768px) { .text-image-img { position: absolute; top: 0; left: 15px; } .reverse .text-image-img { left: auto; right: 15px; } } .text-image-content { padding: 30px 15px; background: #113727; color: #fff; border-radius: 0 0 16px 16px; } .block-map .text-image-content { background: #bb6e30; } @media (min-width: 768px) { .text-image-content { padding: 40px 60px 50px; left: -8.333333%; border-radius: 16px; } .block-map .text-image-content { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .reverse .text-image-content { left: auto; right: -15px; } } @media (max-width: 767px) { .text-image-img { min-height: 400px; } .text-image .container:last-of-type .row { margin-left: 0; margin-right: 0; } } /*-------------------------------------------------------------- # ACCORDION --------------------------------------------------------------*/ .block-accordion { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .block-accordion { padding-top: 100px; padding-bottom: 100px; } } .block-accordion .item { background: #ddd; margin-bottom: 15px; } .block-accordion .item .item-content { display: none; padding: 0px 25px 30px 25px; } @media (min-width: 768px) { .block-accordion .item .item-content { padding: 0px 60px 50px 45px; } } .block-accordion .item .item-title h3 { color: #454545; margin: 0; padding: 20px 50px 20px 25px; cursor: pointer; position: relative; } @media (min-width: 768px) { .block-accordion .item .item-title h3 { padding: 30px 60px 30px 45px; } } .block-accordion .accordion-toggle { display: block; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; margin-top: -10px; } @media (min-width: 768px) { .block-accordion .accordion-toggle { right: 30px; } } .block-accordion .accordion-toggle::before, .block-accordion .accordion-toggle::after { display: block; content: ""; position: absolute; background: #454545; border-radius: 3px; transition: opacity 0.15s ease-in-out; } .block-accordion .accordion-toggle::before { width: 100%; height: 4px; top: 50%; margin-top: -2px; } .block-accordion .accordion-toggle::after { width: 4px; height: 100%; left: 50%; margin-left: -2px; } .block-accordion .active .accordion-toggle:after { opacity: 0; } /*------------------------------------------------- # Image Fullwidth -------------------------------------------------*/ .image-fullwidth { position: relative; } .image-fullwidth .image-fullwidth-img, .image-fullwidth .image-fullwidth-img-mobile { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .image-fullwidth .row { min-height: 300px; padding-top: 80px; padding-bottom: 70px; } @media (min-width: 768px) { .image-fullwidth .row { padding-top: 200px; padding-bottom: 100px; min-height: 840px; } } .image-fullwidth p:last-of-type { margin-bottom: 36px; } /*-------------------------------------------------------------- # CTA --------------------------------------------------------------*/ .block-cta { background-color: #eee; padding: 50px 0; } @media (min-width: 768px) { .block-cta { padding: 100px 0; } } .block-cta h2, .block-cta h3 { margin: 0 0 24px; } .block-cta h2:last-child, .block-cta h3:last-child { margin-bottom: 0; } .block-cta .col-lg-9 h2:last-child, .block-cta .col-lg-9 h3:last-child { margin: 0 0 24px; } .block-cta p { margin: 0 0 20px; } .block-cta p:last-child { margin-bottom: 0; } .block-cta + .block-cta { background-color: #fff; } /*-------------------------------------------------------------- # Hero - Slider --------------------------------------------------------------*/ .hero-slider { background-color: #3F694F; position: relative; color: #fff; } .hero-slider .hero-slider-content { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .hero-slider .container { max-width: 1260px; position: relative; z-index: 2; } .hero-slider .row { padding-top: 180px; padding-bottom: 150px; min-height: 500px; } @media (min-width: 768px) { .hero-slider .row { padding-top: 150px; padding-bottom: 200px; } } @media (min-width: 1024px) { .hero-slider .row { padding-top: 230px; padding-bottom: 300px; } } @media (min-width: 480px) { .hero-slider { text-align: center; } } @media (min-width: 768px) { .hero-slider .row { height: 800px; } } @media (min-width: 1200px) { .hero-slider .row { height: 850px; } } .hero-slides-wrapper { overflow: hidden; } .hero-slide-item { background-repeat: no-repeat; background-position: center center; background-size: cover; display: block !important; } /*-------------------------------------------------------------- # Hero --------------------------------------------------------------*/ .hero-video { position: relative; overflow: hidden; } .hero-video .overlay { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.25); } .hero-video #hero-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; } .hero-video .row { height: 500px; } @media (min-width: 992px) { .hero-video .row { height: 700px; } } /*-------------------------------------------------------------- # Testimonial --------------------------------------------------------------*/ .testimonial { background-color: #eee; text-align: center; padding: 50px 0; } @media (min-width: 992px) { .testimonial { padding: 100px 0; } } .testimonial .testimonial-content { font-size: 20px; font-size: 1.25rem; line-height: 32px; line-height: 2rem; } .testimonial .testimonial-author { font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; font-weight: 700; padding-top: 24px; } /*-------------------------------------------------------------- # Testimonial Slider --------------------------------------------------------------*/ .testimonial-slider { text-align: center; padding: 50px 0; } @media (min-width: 992px) { .testimonial-slider { padding: 100px 0; } } .testimonial-slider .testimonial-content { font-size: 20px; font-size: 1.25rem; line-height: 32px; line-height: 2rem; } .testimonial-slider .testimonial-author { font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; font-weight: 700; padding-top: 24px; } .testimonial-slider .testimonial-slides-wrapper { padding: 0 0 40px; } /*-------------------------------------------------------------- # Team (simple without bios) --------------------------------------------------------------*/ .block-team { background-color: #eee; padding: 50px 0 0; } @media (min-width: 768px) { .block-team { padding: 100px 0 50px; } } .block-team .team-member { margin: 0 0 50px; } .block-team .team-member .member-thumb img { display: block; margin: 0 auto 0px; } .block-team .member-info h3 { margin: 0 0 0px; } /*-------------------------------------------------------------- # Team with bios --------------------------------------------------------------*/ .block-team-bios { padding: 50px 0 0; } @media (min-width: 768px) { .block-team-bios { padding: 100px 0 50px; } } .block-team-bios .team-grid { display: none; } @media (min-width: 768px) { .block-team-bios .team-grid { display: block; } } .block-team-bios .team-row { padding-top: 30px; } .block-team-bios .team-member { cursor: pointer; margin-bottom: 40px; } .block-team-bios .post-thumb { overflow: hidden; margin: 0 auto 20px; } .block-team-bios .post-thumb img { display: block; margin: 0 auto 0px; transition: all .3s ease; transform-style: preserve-3d; width: 100%; display: block; height: auto; } .block-team-bios .team-member:hover img { opacity: 0.8; } .block-team-bios .member-bio-full { display: none; } .block-team-bios .member-bio-text { padding-top: 0px; } .block-team-bios h3.member-name { font-size: 32px; font-size: 2rem; line-height: 40px; line-height: 2.5rem; margin-bottom: 0; } .block-team-bios .member-bio > h3.member-name { color: #00334d; font-size: 24px; font-size: 1.5rem; line-height: 32px; line-height: 2rem; } .block-team-bios .member-position { margin-bottom: 0px; } .block-team-bios .member-bio-full-inner .member-position { font-weight: 700; margin-bottom: 24px; } .block-team-bios .summary { display: none; background: #edf2f5; } .block-team-bios .summary .container .row { position: relative; } .block-team-bios .summary a.close { position: absolute; display: block; width: 30px; height: 30px; top: 0; right: 15px; background: url(img/icon-close.svg) no-repeat 0 0/30px auto; } .block-team-bios .summary .container { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 768px) { .team-grid-mobile { display: none; } } .team-grid-mobile .mobile-team-member { margin-bottom: 50px; } .team-grid-mobile .mobile-member-bio { text-align: center; } .team-grid-mobile .mobile-member-bio-full { display: none; position: relative; } .team-grid-mobile .mobile-team-member .post-thumb { max-width: 400px; width: 100%; } .team-grid-mobile .mobile-team-member .member-bio-text { padding-top: 25px; } .team-grid-mobile .mobile-team-member a.close { position: absolute; display: block; width: 20px; height: 20px; top: 0px; right: 0px; background: url(img/icon-close.svg) no-repeat 0 0/20px auto; } .team-grid-mobile .mobile-member-bio h3 { margin: 0 0 5px; } .team-grid-mobile .member-position { margin-bottom: 24px; } /* Margins */ .block.margin-0 { margin-top: 0; margin-bottom: 0; } .block.margin-top-0 { margin-top: 0; } .block.margin-bottom-0 { margin-bottom: 0; } .block.margin-20 { margin-top: 20px; margin-bottom: 20px; } .block.margin-top-20 { margin-top: 20px; } .block.margin-bottom-20 { margin-bottom: 20px; } .block.margin-50 { margin-top: 50px; margin-bottom: 50px; } .block.margin-top-50 { margin-top: 50px; } .block.margin-bottom-50 { margin-bottom: 50px; } .block.margin-80 { margin-top: 80px; margin-bottom: 80px; } .block.margin-top-80 { margin-top: 80px; } .block.margin-bottom-80 { margin-bottom: 80px; } /* Padding */ .block.padding-0 { padding-top: 0; padding-bottom: 0; } body .block.padding-0-strict { padding-top: 0; padding-bottom: 0; } .block.padding-top-0 { padding-top: 70px; } @media (min-width: 768px) { .block.padding-top-0 { padding-top: 0; } } body .block.padding-top-0-strict { padding-top: 0; } .block.padding-bottom-0 { padding-bottom: 0; } body .block.padding-bottom-0-strict { padding-bottom: 0; } .block.padding-20 { padding-top: 20px; padding-bottom: 20px; } .block.padding-top-20 { padding-top: 20px; } .block.padding-bottom-20 { padding-bottom: 20px; } .block.padding-30 { padding-top: 30px; padding-bottom: 30px; } .block.padding-top-30 { padding-top: 30px; } .block.padding-bottom-30 { padding-bottom: 30px; } @media (max-width: 767px) { .boxes-blue.padding-top-30 { padding-top: 0; } } .block.padding-50 { padding-top: 50px; padding-bottom: 50px; } .block.padding-top-50 { padding-top: 50px; } .block.padding-bottom-50 { padding-bottom: 50px; } .block.padding-70 { padding-top: 70px; padding-bottom: 70px; } .block.padding-top-70 { padding-top: 70px; } .block.padding-bottom-70 { padding-bottom: 70px; } .block.padding-100 { padding-top: 100px; padding-bottom: 100px; } .block.padding-top-100 { padding-top: 100px; } .block.padding-bottom-100 { padding-bottom: 100px; } .block.padding-bottom-curve { padding-bottom: 150px; } .block.padding-bottom-curve.text-image { padding-bottom: 200px; } @media (min-width: 768px) { .block.padding-bottom-curve { padding-bottom: 300px; } .block.padding-bottom-curve.text-image { padding-bottom: 300px; } } .hide-block { display: none; } .hide-mobile { display: none; } @media (min-width: 768px) { .hide-mobile { display: block; } } .hide-desktop { display: block; } @media (min-width: 768px) { .hide-desktop { display: none; } } .clearfix::after { content: ""; clear: both; display: table; } div[class*=" columns-"] p:last-child, div[class*=" col-"] p:last-child, div[class*=" col-"] h2:last-child, div[class*=" col-"] h3:last-child, div[class*=" col-"] ul:last-child, .entry-content p:last-child { margin-bottom: 0; } .block.bg-white { background-color: #fff; } .block.bg-gray { background-color: #F6F6F8; } .block.bg-green { background-color: #3F694F; color: #fff; } .block.bg-green h2, .block.bg-green h3 { color: #fff; } .block.bg-copper { background-color: #bb6e30; color: #fff; } .block.bg-copper h2, .block.bg-copper h3 { color: #fff; } .block.has-box-copper .container { padding: 0 50px; } @media (min-width: 768px) { .block.has-box-copper .container { padding: 0 35px; } } .block.has-box-copper .col-md-12 { background-color: #bb6e30; border-radius: 16px; color: #fff; padding: 30px 15px; } @media (min-width: 768px) { .block.has-box-copper .col-md-12 { padding: 50px 60px; } } .block.has-box-copper .col-md-12 h2, .block.has-box-copper .col-md-12 h3 { color: #fff; } .color-green { color: #3F694F; } .color-green-dark { color: #113727; } .color-white { color: #fff; } .color-tan { color: #bf9372; } .text-center, .block.text-center, .block.text-right, .block.text-left { text-align: center; } @media screen and (min-width: 768px) { .block.text-right { text-align: right; } .block.text-left { text-align: left; } } .block-width-1000 .container { max-width: 1030px; } .block-width-900 .container { max-width: 930px; } .block-width-800 .container { max-width: 830px; } .block-width-600 .container { max-width: 630px; } .container.section-heading { margin-bottom: 36px; } .container.section-heading.services-projects-heading { padding-top: 90px; margin-bottom: 24px; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 50px; } .video-container:last-child { margin-bottom: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block.has-curve-top-gray, .block.has-curve-top-gray-alt { position: relative; /* background: #f00; */ } @media (min-width: 768px) { .block.has-curve-top-gray, .block.has-curve-top-gray-alt { padding-top: 50px; } } .block.has-curve-top-gray::before, .block.has-curve-top-gray-alt::before { background: url(img/bg-curve-top-gray2.svg) no-repeat top center/auto 198px; content: ""; display: none; width: 100%; height: 285px; position: absolute; top: -195px; left: 0px; } @media (min-width: 768px) { .block.has-curve-top-gray::before, .block.has-curve-top-gray-alt::before { display: block; } } .block.has-curve-top-gray-alt::before { background-image: url(img/bg-curve-top-gray-alt2.svg); } @media (min-width: 768px) { .block.has-curve-top-gray-alt { padding-top: 0px; } } .block.has-curve-top-white { position: relative; padding-top: 30px; } @media (min-width: 768px) { .block.has-curve-top-white { padding-top: 0px; /* &.block-services { padding-top: 50px; } */ } } .block.has-curve-top-white::before { background: url(img/bg-curve-top-white2.svg) no-repeat top center/auto 198px; content: ""; width: 100%; height: 198px; position: absolute; top: -115px; left: 0px; display: block; } @media (min-width: 768px) { .block.has-curve-top-white::before { top: -195px; } } @media (min-width: 2560px) { .block.has-curve-top-white::before { /* top: -175px; */ } } .block.has-curve-bottom-white { padding-bottom: 30px; } @media (min-width: 768px) { .block.has-curve-bottom-white { padding-bottom: 0px; } } .block.has-curve-bottom-white::after { background: url(img/bg-curve-bottom-white2.svg) no-repeat bottom center/auto 100%; content: ""; width: 100%; height: 198px; position: absolute; bottom: -115px; left: 0px; display: block; z-index: 1; } @media (min-width: 768px) { .block.has-curve-bottom-white::after { bottom: -195px; } } @media (min-width: 2560px) { .block.has-curve-bottom-white::after { /* bottom: -175px; */ } } .block.has-curve-bottom-white + .block { padding-top: 70px; } @media (min-width: 768px) { .block.has-curve-bottom-white + .block { padding-top: 120px; } } .block.has-curve-top-green { position: relative; padding-top: 30px; } @media (min-width: 768px) { .block.has-curve-top-green { padding-top: 0px; /* &.block-services { padding-top: 50px; } */ } } .block.has-curve-top-green::before { background: url(img/bg-curve-top-green2.svg) no-repeat top center/auto 198px; content: ""; width: 100%; height: 198px; position: absolute; top: -135px; left: 0px; display: block; } @media (min-width: 768px) { .block.has-curve-top-green::before { top: -195px; } } @media (min-width: 2560px) { .block.has-curve-top-green::before { /* top: -175px; */ } } .block.has-curve-bottom-green { position: relative; padding-bottom: 30px; } @media (min-width: 768px) { .block.has-curve-bottom-green { padding-bottom: 50px; } } .block.has-curve-bottom-green::after { background: url(img/bg-curve-bottom-green2.svg) no-repeat bottom center/auto 100%; content: ""; width: 100%; height: 198px; position: absolute; bottom: -115px; left: 0px; display: block; z-index: 1; } @media (min-width: 768px) { .block.has-curve-bottom-green::after { bottom: -195px; } } @media (min-width: 2560px) { .block.has-curve-bottom-green::after { /* bottom: -175px; */ } } .block.has-curve-bottom-green + .block { padding-top: 70px; } @media (min-width: 768px) { .block.has-curve-bottom-green + .block { padding-top: 120px; } } .block.has-curve-bottom-green .container { position: relative; z-index: 2; } .block.block-intro, .block.block-intro-about { padding-bottom: 480px; overflow: hidden; } @media (min-width: 768px) { .block.block-intro, .block.block-intro-about { padding-bottom: 350px; overflow: visible; } } .block-intro .bg-intro { display: block; position: absolute; bottom: 0; right: 0%; width: 100%; height: 556px; background-image: url(img/bg-intro-mobile.png); background-repeat: no-repeat; background-size: 605px; background-position: right -220px bottom -70px; /* overflow: hidden; */ } @media (min-width: 768px) { .block-intro .bg-intro { bottom: auto; right: 5%; top: -50px; width: calc(50% + 150px); height: calc(100% + 20px); background-image: url(img/bg-intro.png); background-size: auto 800px; background-position: right top; right: 5%; opacity: 0.5; } } @media (min-width: 1024px) { .block-intro .bg-intro { opacity: 1; } } @media (min-width: 1200px) { .block-intro .bg-intro { right: 10%; background-size: auto 960px; } } @media (min-width: 1440px) { .block-intro .bg-intro { right: 20%; } } @media (min-width: 1600px) { .block-intro .bg-intro { right: calc(20% + 100px); } } @media (min-width: 1920px) { .block-intro .bg-intro { right: calc(17% + 80px); } } @media (min-width: 1921px) { .block-intro .bg-intro { right: calc(25% + 80px); } } @media (min-width: 3840px) { .block-intro .bg-intro { right: calc(30% + 350px); } } .block-intro-about .bg-intro { display: block; position: absolute; bottom: 0; right: 0%; width: 100%; height: 556px; background-image: url(img/bg-intro-mobile.png); background-repeat: no-repeat; background-size: 605px; background-position: right -220px bottom -70px; /* overflow: hidden; */ } @media (min-width: 768px) { .block-intro-about .bg-intro { bottom: auto; top: -20px; width: calc(50% + 150px); height: calc(100% + 20px); background-image: url(img/bg-intro.png); background-size: auto 800px; background-position: right bottom; right: 0%; opacity: 0.5; top: auto; bottom: -80px; } } @media (min-width: 1024px) { .block-intro-about .bg-intro { opacity: 1; bottom: -20px; } } @media (min-width: 1200px) { .block-intro-about .bg-intro { right: 1%; background-size: auto 900px; } } @media (min-width: 1440px) { .block-intro-about .bg-intro { right: 6%; } } @media (min-width: 1600px) { .block-intro-about .bg-intro { right: calc(5% + 80px); } } @media (min-width: 1920px) { .block-intro-about .bg-intro { right: calc(10% + 80px); top: auto; bottom: -20px; } } @media (min-width: 1921px) { .block-intro-about .bg-intro { right: calc(10% + 80px); } } @media (min-width: 2560px) { .block-intro-about .bg-intro { right: calc(20% + 80px); } } @media (min-width: 3840px) { .block-intro-about .bg-intro { right: calc(25% + 350px); } } .block.has-watermark-gray .watermark-gray { background-image: url(img/watermark-gray.svg); background-repeat: no-repeat; background-size: auto 1300px; background-position: center left -475px; position: relative; z-index: 2; } @media (min-width: 768px) { .block.has-watermark-gray .watermark-gray { background-size: auto 1960px; background-position: center left -718px; } } @media (min-width: 768px) { .block.has-watermark-gray.block-short .watermark-gray { background-size: auto 1300px; background-position: center left -475px; } } .block.has-watermark-green .watermark-green { background-image: url(img/watermark-green-dark.svg); background-repeat: no-repeat; background-size: auto 1200px; background-position: center right -435px; position: relative; z-index: 2; } @media (min-width: 768px) { .block.has-watermark-green .watermark-green { background-size: auto 1660px; background-position: center right -600px; } } @media (min-width: 768px) { .block.has-watermark-green.block-short .watermark-green { background-size: auto 1300px; background-position: center right -475px; } .block.block-cta { padding: 50px 0 !important; } } .block.start-group .block.editor-gallery .watermark-green { background-image: none; } .area-map-outer { width: 100%; height: 100%; min-height: 400px; } .google-map { width: 100%; height: 100%; min-height: 250px; } .block-logos .container { max-width: 1440px; } .block-logos .container .row > div { padding: 20px; } .block-logos img { height: auto !important; } /*------------------------------------------------- # ANIMATION WOW -------------------------------------------------*/ .animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* The popup form - hidden by default */ .form-popup { display: none; position: fixed; bottom: 0; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; margin: auto;align-items: center; justify-content: center; } .back-shadow { display: block; width: 100vw; height: 100vh; background: #000000a1; position: absolute; } /* Add styles to the form container */ .form-container { max-width: 600px; padding: 20px; background-color: white; width: 100%;position: relative;border-radius: 8px; } /* Add a red background color to the cancel button */ .form-container .cancel { position: absolute; right: 5px; top: 5px; font-size: 42px; font-weight: 400; padding: 6px; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } .popup-body { margin-top: 1.5rem; } div#wpcf7-f1604-o1 { text-align: left; } input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { margin: 10px 0; } label { font-weight: bold; } /*# sourceMappingURL=style.css.map */