/* Theme Name: Tavistock Development Company Description: Template Version: 1.0 Author: Maven Creative */ @font-face { font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Light.woff2') format('woff2'), url('fonts/AvenirLTStd-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir LT Std'; src: url('fonts/AvenirLTStd-Heavy.woff2') format('woff2'), url('fonts/AvenirLTStd-Heavy.woff') format('woff'); font-weight: 900; font-style: normal; } html {} body {position: relative; right: 0; background: #FAFAFA; font-family: 'Avenir LT Std'; font-size: 16px; color: #231F20; -webkit-font-smoothing: antialiased; line-height: 24px;} a {text-decoration: none; color: #D32E35; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } a:hover {text-decoration: none; color: #222} .clear {clear: both;} .alignleft {float: left; margin: 0 20px 20px 0;} .alignright {float: right; margin: 0 0 20px 20px;} .pos-static {position: static;} .valign {display: flex; display: flex; align-items: center; justify-content: left; width: 100%;} .valign-top {align-self: flex-start; } .valign-bottom {align-self: flex-end;} .valign-table {display: table; width: 100%; height: 100%;} .valign-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;} .iframe-container {position: relative; padding-top: 75%; width: 100%;} .iframe-container iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .row > div {padding-left: 16px; padding-right: 16px;} img {max-width: 100%;} .animate { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } .btn {border-radius: 0; font-weight: 900; letter-spacing: 2.9px; font-size: 14px; padding: 0 22px; line-height: 62px; outline: none !important; box-shadow: none !important; text-transform: uppercase;} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary {background: transparent; color: #231F20; border: 1px solid #D32E35;} .btn-primary:hover {background: #D32E35; color: #FFF; border-color: #D32E35;} .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle, .btn-white {background: #FFF; color: #C02A30; border: 1px solid #FFF;} .btn-white:hover {background: #FFF; color: #222; border-color: #FFF;} h1, h2, h3, h4, h5 {padding: 0; margin: 0; color: #D32E35} h2 {font-size: 48px; line-height: 72px; letter-spacing: 1px} h3 {font-size: 32px; line-height: 40px; letter-spacing: 2px} h4 {text-transform: uppercase; font-size: 16px; line-height: 24px; letter-spacing: 1.15px} h5 {font-weight: 900; font-size: 18px; line-height: 32px; letter-spacing: 0.8px} p {font-size: 16px; letter-spacing: 0.5px; line-height: 28px; margin-bottom: 32px;} .black {color: #231F20} .spacer-xxs {height: 8px} .spacer-xs {height: 24px} .spacer-gutter {height: 32px} .spacer-sm {height: 56px} .spacer-md {height: 72px} .spacer-lg {height: 104px} .spacer-xl {height: 216px} .h-spacer {width: 32px; display: inline-block;} #site-wrap {max-width: 2480px; margin: 0 auto; position: relative; right: 0; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #site-gutter {width: 88px; float: right; position: relative; height: calc(100vh - 140px);} #site-gutter .more-container {bottom: 64px; position: absolute; right: 0; left: 0; opacity: 0; cursor: pointer} .home #site-gutter .more-container {bottom: 16px;} #site-gutter .more-container.visible {opacity: 1;} #site-gutter .more {letter-spacing: 2.5px; font-size: 12px; white-space: nowrap; line-height: 104px; transform: rotate(-90deg);} #site-gutter .more img {margin-right: 32px;} #site-gutter .mark {bottom: 24px; position: fixed; opacity: 0; margin-left: 16px;} #site-gutter .mark.visible {opacity: 1; background: transparent;} #site-gutter .back-to-top {bottom: 124px; position: fixed; opacity: 1; cursor: pointer; opacity: 0; } #site-gutter .back-to-top.visible {opacity: 1;} #site-gutter .back-to-top .more img {transform: rotate(-180deg); margin-left: 16px;} #hamburger {width: 48px; height: 40px; position: fixed; top: 30px; display: block; cursor: pointer; margin-left: 20px; opacity: 0;} #hamburger.visible {opacity: 1;} #hamburger .top {height: 2px; background: #D32E35; top: 0; position: absolute; width: 100%;} #hamburger .middle {height: 2px; background: #D32E35; top: 16px; position: absolute; width: 100%;} #hamburger .bottom {height: 2px; background: #D32E35; top: 32px; position: absolute; width: 100%;} #header #hamburger {position: absolute; right: 0; z-index: 99; opacity: 1; right: 32px; top: 48px;} #site-content {background: #FFF; float: left; width: calc(100% - 88px); position: relative; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.07); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.07); box-shadow: 0 1px 16px 6px rgba(50, 50, 50, 0.07); } .container {position: relative; max-width: 1072px; padding-left: 16px; padding-right: 16px;} .container-fluid {padding-left: 16px; padding-right: 16px} .container-fluid.bg {position: absolute; padding: 0;} .row {margin-left: -16px; margin-right: -16px;} #header {background: #FFF; border-bottom: 8px solid #D32E35; z-index: 995; position: relative; padding: 0 16px;} #header .logo {margin: 32px 0;} #header .search {display: inline-block; padding: 0 20px;} .menu-main-container {display: inline-block;} #main-menu {display: inline-block; padding: 0; margin: 0;} #main-menu .menu-item {display: inline-block; margin: 0; padding: 0 20px;} #main-menu .menu-item a {font-size: 16px; line-height: 120px; background: url(images/underline-red.png) no-repeat; background-position: 100% 72px; background-size:0 3px; padding: 0 8px; color:#231F20; display: block; letter-spacing: 0.8px; margin: 0; position: relative; -webkit-transition: background-size .2s ease; -moz-transition: background-size .2s ease; transition: background-size .2s ease;} #main-menu .menu-item:hover a {color: #000; background-size: 100% 3px; background-position: 0 72px;} #main-menu > .menu-item.menu-item-has-children > a::after {width: 0; display: block; content: ""; bottom: -8px; left: 37%; height: 0; border-style: solid; border-width: 0 12.5px 11px 12.5px; border-color: transparent transparent #D32E35 transparent; position: absolute; opacity: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } #main-menu > .menu-item.menu-item-has-children:hover > a::after {opacity: 1; bottom: 0;} #main-menu .current-menu-item {} #main-menu .current-menu-item a {color: #000} .home #main-menu .menu-item .sub-menu::before {height: 8px; width: 100%; background:transparent; display: block; content: ""} #main-menu .menu-item .sub-menu::before {height: 42px; width: 100%; background:transparent; display: block; content: ""} .home #main-menu .menu-item .sub-menu {top: 100%;} #main-menu .menu-item .sub-menu {display: none; position: absolute; top: 95%; margin: 0; padding: 0; text-align: left;} #main-menu .menu-item .sub-menu li {float: none; display: block; padding: 0 40px; margin: 0; border: none; background: #D32E35;} #main-menu .menu-item .sub-menu li:first-child {background:#D32E35 url(images/box-shadow.png) repeat-x; background-size: auto 20px; padding-top: 32px} #main-menu .menu-item .sub-menu li a {line-height: 32px; color: #FFF; text-align: left; padding: 0; margin: 0; border: none; background: url(images/underline-white.png) no-repeat; background-position: 100% 100%; background-size:0 2px; display: inline-block; font-weight: 600; -webkit-transition: background-size .2s ease; -moz-transition: background-size .2s ease; transition: background-size .2s ease; } #main-menu .menu-item .sub-menu li:hover a {background-size: 100% 2px; background-position: 0 100%;} #main-menu .menu-item .sub-menu li:last-child {padding-bottom: 30px;} #main-menu .menu-item:hover .sub-menu {display: block;} #slide-out-mask {background: rgba(255,255,255,0); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -999;} #slide-out-mask.active {z-index: 999;} #slide-out {position: fixed; z-index: 1000; background: #FFF; right: -350px; padding: 24px; height: 100%; top: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.07); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.07); box-shadow: 0 1px 16px 6px rgba(50, 50, 50, 0.07); } #slide-out .x {width: 25px; height: 25px; display: block; margin-bottom: 24px; float: right; cursor: pointer} #slide-out.active {right: 0;} #slide-out .inside {width: 300px; display: none; margin-top: 8px;} #slide-out.attached {margin-right:-24px;} #slide-out.attached .inside {position: fixed; top: 24px; display: none; } #slide-out ul {padding: 16px 0 0; margin: 0; list-style: none;} #slide-out ul li {padding: 0; margin: 0 0 16px; list-style: none;} #slide-out ul li a {color: #000; font-size: 24px; display: inline-block; line-height: 32px; background: url(images/underline-red.png) no-repeat; background-position: 100% 100%; background-size:0 2px; -webkit-transition: background-size .2s ease; -moz-transition: background-size .2s ease; transition: background-size .2s ease; } #slide-out ul li:hover a {background-size: 100% 2px; background-position: 0 100%;} #slide-out ul li .sub-menu {display: none; padding-bottom: 16px;} #slide-out ul li .sub-menu a {font-size: 16px; line-height: 24px; margin-bottom: 16px; padding-left: 0px; display: block} #slide-out form {border: 1px solid #C02A30; padding: 8px; margin:4px 0 16px; display: block; clear: both} #slide-out form input[type="text"] {border: none; background: transparent; height: 24px; line-height: 24px; width: calc(100% - 32px); outline: none} #slide-out form input[type="submit"] {width: 24px; height: 24px; border: none; color: transparent; background: url(images/icon-search.svg) no-repeat center center; background-size: 100% auto;} #hero {height: 680px; background-size: cover; background-position: center center; background-color:#EEE;} #hero.video {height: auto; background: #000;} #headline {} #headline h1 {font-size: 56px; color: #D32E35; line-height: 80px; padding-bottom: 32px; margin: 0;} #headline p {margin-bottom: 0;} section .title {line-height: 96px; font-size: 24px; letter-spacing: 1.3px; margin-bottom: 48px;} section .title .tab {padding-left: 80px; color: #FFF; background: #D32E35; width: 140px; display: inline-block; margin-right: 40px; font-weight: 600;} section .title h3 {display: inline-block; color: #D32E35; letter-spacing: 1.3px; font-size: 24px;} section .title h2 {display: inline-block; color: #FFF} #section-1 {} #section-1 .image-container {height: 776px; margin-left: -16px;} #section-1 .image {background-size: cover; background-position: center center; background-color: #EEE; position: absolute; width: 100%; height: 100%; opacity: 0;} #section-1 .image.active {opacity: 1;} #section-1 ul {padding: 0; margin: 0;} #section-1 ul li {list-style: none; font-size: 40px; line-height: 56px; padding: 0px 0 12px; letter-spacing: 1px; cursor: pointer;} #section-1 ul li .inside {background: url(images/underline-red.png) no-repeat; background-position: 100% 100%; background-size:0 2px; display: inline-block; -webkit-transition: background-size .2s ease; -moz-transition: background-size .2s ease; transition: background-size .2s ease;} #section-1 ul li.active a {color: #D32E35; } #section-1 ul li.active .inside {display: inline-block; background-size: 100% 2px; background-position: 0 100%;} #section-1 ul li a {color: #222} #section-2 .image {background-size: cover; background-position: center center} #section-3 .stat {font-size: 72px; line-height: 88px; height: 88px; color: #D32E35; text-align: left; margin-bottom: 8px; letter-spacing: 2.8px;} #section-3 .description {text-align: left; font-size: 18px; color: #D32E35} #section-4 .projects-slider {padding: 0; margin: 0;} #section-4 .projects-slider .image {height: 720px; background-position: center center; background-size: cover;} #section-4 .projects-slider .valign-cell {height: 720px;} .custom-slider-controls .bx-next {display: inline-block; vertical-align: middle; height: 48px;} .custom-slider-controls .bx-prev {display: inline-block; vertical-align: middle; margin: 0; height: 48px;} .custom-slider-controls {display: inline-block; float: right;} .custom-slider-controls > div {display: inline-block;} .custom-slider-controls .btn-primary {line-height: 44px; border: 2px solid #FFF;} .custom-slider-controls .btn-primary:hover {border-color: #D32E35;} .photo-slider {padding: 0; margin: 0;} .photo-slider li {padding-bottom: 50px;} .photo-slider .slider-tab {width: 300px; } .photo-slider .image {background-position: center center; background-size: cover; padding-top: 37%;} .photo-slider .image.match-height {padding: 0} #news {background: #D32E35; color: #FFF} #news .news-item {border: 1px solid #FFF; padding: 0 32px 32px; display: block} #news .news-item .category {color: #FFF; font-weight: 600; padding-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; height: 64px;} #news .news-item:hover {background: #FFF;} #news .news-item:hover .title, #news .news-item:hover .link {color: #D32E35} #news .news-item:hover .category {color: #D32E35} #news .news-item h4 {color: #FFF;} #news .news-item .image {height: 192px; margin-left: -32px; margin-right: -32px; margin-bottom: 32px; background-size: cover; background-position: center center; background-color:#CB1534;} #news .btn {color: #FFF; border-color: #D32E35;} #news .btn:hover {border-color: #FFF;} #news .bx-next {background: #FFF url(images/icon-chevron-right-white.svg) no-repeat center center;} #news .bx-prev {background: #FFF url(images/icon-chevron-left-white.svg) no-repeat center center;} #news .news-item .title {color: #FFF; font-size: 24px; line-height: 36px; letter-spacing: 0.8px; height: 192px;} #news .news-item .title .more {font-size: 20px; margin-left: 10px; opacity: 0.8;} #news .news-item .link {font-weight: 900; color: #FFF; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; line-height: 20px;} #news .slider-container {max-width: 1104px} #news .slider-container li {padding-left: 16px; padding-right: 16px;} #resources {} #resources a.resource {display: block; border-top: 1px solid #D32E35; cursor: pointer} #resources a.resource .type {line-height: 24px; padding: 16px 0 8px; font-size: 12px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; color: #D32E35} #resources a.resource h6 {line-height: 32px; padding:0; margin: 0; font-size: 24px; color: #231F20} #resources a.resource .link {line-height: 32px; padding: 0 0 28px; color: #231F20; font-weight: 700; letter-spacing: 2px; font-size: 14px; text-transform: uppercase; top: -10px; position: relative; } #resources a.resource:hover h6, #resources a.resource:hover .type, #resources a.resource:hover .link {color: #D32E35;} #page-content h1 {font-size: 48px; letter-spacing: 0.05px; color: #231F20; padding: 0; margin-bottom: 32px;} #page-content h1.headline {margin: 0;} #page-content h2 {font-size: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 2.3px; line-height: 32px; padding: 0; margin: 0;} #page-content h3 {font-weight: 400; font-size: 18px; padding: 0 0 20px;} #page-content p {font-size: 24px; margin-bottom: 32px; line-height: 40px; letter-spacing: 0.35px} #page-content .body p {font-size: 16px; margin-bottom: 32px; line-height: 32px; letter-spacing: 0.35px} #page-content .body.two-column {column-count: 2; column-gap:64px;} #page-content li {font-size: 16px; line-height: 32px; margin-left: 0; list-style: disc;} #page-content ul {margin-bottom: 32px; margin-left: 32px; padding: 0;} #page-content.no-hero, #page-content.no-hero p {font-size: 16px; line-height: 32px;} #content {padding: 30px 0;} #page-upper {height: 28px; background: #D32E35; color: #FFF; padding-right: 104px; position: relative; z-index: 99; font-weight: 600;} #page-upper .simple-breadcrumb {padding: 2px 0 16px; text-transform: uppercase; font-size: 12px; line-height: 18px; letter-spacing: 1px;} #page-upper .simple-breadcrumb .divider {padding: 0 8px; display: inline-block;} #page-upper a {color: #FFF; border-bottom: 1px solid #FFF; display: inline-block;} #two-column h4 {font-weight: 900; letter-spacing: 2.4px; padding-bottom: 32px; margin: 0;} #two-column li {line-height: 28px;} .home #upper {margin-top: -50px; z-index: 99; position: relative;} #slider {background-size: cover; position: relative;} #slider ul {margin: 0; padding: 0;} #slider li {height: calc(100vh - 128px); z-index: 99; max-height: 888px;} #slider li .image {height: calc(100% - 48px); background-size: cover; background-position: center center; max-height: 888px;} #slider .bxslider {margin: 0; padding: 0; list-style: none;} #slider.internal li {height: auto; padding-bottom: 52px;} #slider.internal .image {height: 680px; background-color: #EEE} #slider.internal .slider-tab {} .bx-wrapper {position: relative;} .bx-controls {position: absolute; left: 0; bottom: 0; z-index: 99;} .slider-tab {background: #D32E35; width: 380px; position: absolute; left: 0; bottom:0; color: #FFF; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; height: 104px; padding-left: 72px; padding-right: 8px; font-weight: 500;} .bx-prev {height: 51px; width: 50px; display: block; background: #C02930 url(images/icon-chevron-left.svg) no-repeat center center; color: transparent; margin-bottom: 2px;} .bx-next {height: 51px; width: 50px; display: block; background: #C02930 url(images/icon-chevron-right.svg) no-repeat center center; color: transparent;} .bx-next:hover, .bx-prev:hover {background-color: #8E1D23; color: transparent;} .static-tab {background: #DF1539; height: 104px; width: 380px; position: absolute; bottom: 0;} .address-column {color: #D32E35} #contact {text-align: center; background: #C02A30;} #map {height: 530px;} #team-listing {} #team-listing .team-member .image {padding-top: 131%; background-size: cover; background-position: center center; background-color:#EEE; opacity: 0.9; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); } #team-listing .team-member:hover .image { -webkit-filter: grayscale(0); filter: none; } #team-listing .team-member h3 {font-size: 24px; color: #231F20; letter-spacing: 0.3px} #team-listing .team-member h4 {font-size: 12px; font-weight: 900; letter-spacing: 1px; line-height: 24px;} #team-listing .team-member .lower {height: 192px; border-bottom: 4px solid #D32E35; margin-bottom: 32px; position: relative;} #team-listing .team-member .more {position: absolute; bottom: 8px; right: 16px; font-size: 12px; line-height: 24px; color: #231F20; letter-spacing: 1px; text-transform: uppercase;} #team-listing .team-member:hover .more {color: #D32E35;} #team-listing .team-member > a {display: block} .profile-image {padding-right: 32px !important;} .profile-image .image {padding-top: 131%; background-size: cover; background-position: center center; background-color:#EEE; opacity: 0.9;} #project-list {} .item {height: 480px; display: block;} .item .image {padding-top: 60%; width: 100%; background-size: cover; background-position: center center; background-color:#EEE;} .item .category {padding: 16px 0 0; color: #D32E35; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; line-height: 32px;} .item h3 {color: #231F20; letter-spacing: 0; } .item .project:hover h3 {color: #D32E35;} .item .new-window-icon {position: relative; width: 16px; top: -4px; right:0;} .item .project {display: block; cursor: pointer} #related-news ul {list-style: none; padding: 0;} #related-news .item h3, #news-list .item h3 {font-size: 20px; line-height: 32px;} .item .project.new-window .category {padding-bottom: 0;} #related-news .item h4, #news-list .item h4 {font-size: 12px; line-height: 24px; color: #222; font-weight: 700; letter-spacing: 2px; padding-right: 64px; position: relative; padding-bottom: 16px} #project-gallery {} #project-gallery .card-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; position: relative;} #project-gallery .card-columns .card {margin-bottom: 32px; display: inline-block; border: none; border-radius: 0;} #project-gallery .caption {padding: 32px 8px 8px; position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } #project-gallery #featured {padding-top: 40%; background-size: cover; background-position: center center; position: relative;} #project-gallery img {width: 100%; height: auto} .section-title {position: relative;} .section-title .mask {position: absolute; left: 0; top: 0; bottom: 0; width: 220px; background: #D32E35; height: 48px;} .section-title > .container {position: static;} .section-title .tab {background: #D32E35; color: #FFF; line-height: 48px; font-size: 16px; text-transform: uppercase; letter-spacing: 1.25px; font-weight: 600; white-space: nowrap;} .section-title .auto-tab {background: #D32E35; color: #FFF; line-height: 48px; font-size: 16px; text-transform: uppercase; letter-spacing: 1.25px; display: inline-block; padding-right: 32px; margin-left: 0px; position: relative;} .section-title .bx-next, .section-title .bx-prev {height: 48px} #filter {position: relative; z-index: 10;} #filter > .container {position: static;} #filter .dropdown {background: #D32E35; color: #FFF; line-height: 48px; font-size: 16px; text-transform: uppercase; letter-spacing: 1.25px; cursor: pointer; position: relative; } #filter .dropdown img {float: right; vertical-align: middle; display: inline-block; margin: 18px 24px 0 0;} #filter .dropdown .sub {opacity: 0; position: absolute; height: auto; width: 100%; top: 100%; background: #D32E35; z-index: 99; pointer-events: none;} #filter .dropdown .sub > div {padding-left: 16px; margin-left: -16px; background: #D32E35;} #filter .dropdown .active {display: block} #filter .dropdown:hover .sub {display: block; opacity: 1; pointer-events: auto} #filter .dropdown .sub > div:hover {background: #B30E2D;} #filter .mask {position: absolute; left: 0; top: 0; bottom: 0; width: 270px; background: #D32E35;} #filter .filter-actions {font-size: 12px; text-transform: uppercase; letter-spacing: 2.5px; line-height: 48px; opacity: 0;} #filter .filter-actions.active {opacity: 1;} #filter .filter-actions span {display: inline-block;} #filter .filter-actions .results {padding-right: 32px;} #filter .filter-actions .clear-filter {color: #231F20} #filter .filter-actions .clear-filter img {position: relative; top: -2px} #openings {} #openings a.career {display: block; border-top: 1px solid #D32E35; line-height: 88px;} #openings a.career h6 {line-height: 32px; padding: 28px 0; margin: 0; font-size: 24px; color: #231F20} #openings a.career .link {line-height: 32px; padding: 28px 0; color: #231F20; font-weight: 700; letter-spacing: 2px; font-size: 14px; text-transform: uppercase;} #openings a.career:hover h6, #openings a.career:hover .link {color: #D32E35} .career-description h4 {padding-bottom: 16px; letter-spacing: 2px;} #search h1 {padding: 0 0 32px; margin: 0; font-size: 32px; line-height: 48px; color: #231F20} #search h1 span {color: #D32E35} #search .search-result h2 {font-size: 24px; color: #D32E35; line-height: 32px; padding-bottom: 16px;} #search .search-result h2 a {color: #231F20} #search .search-result h5 {text-transform: uppercase; font-size: 12px; letter-spacing: 2px; padding-bottom:8px;} #search .search-result p {} #search .search-result {padding: 24px 0 0; border-bottom: 1px solid #D32E35;} #footer {} #footer ul {margin: 0; padding: 0} #footer ul li {list-style: none; margin: 0; font-size: 18px; line-height: 32px; font-weight: 900; letter-spacing: 0.8px} #footer ul.industries li {font-size: 16px; font-weight: 300;} #footer .sub-menu {display: none} #colophon {background: #231F20; color: #C7C6C7; font-size: 12px; letter-spacing: 0.5px; line-height: 24px;} #colophon .container {} #colophon a {color: #C7C6C7} #colophon .social a {font-size: 28px; margin: 0 4px;} #colophon .social a:hover {color: #FFF} .hentry {padding: 0 0 15px; margin:0 0 30px; border-bottom: 1px solid #DDD;} .date {} .social {padding: 10px 0;} #gform_wrapper_1 label {display: none !important} #gform_wrapper_1 input[type="text"] {padding: 24px 16px !important; border: 1px solid #231F20; height: 16px; line-height: 16px;} #gform_wrapper_1 input[type="text"]:focus {border: 1px solid #D32E35; outline: none;} #gform_wrapper_1 textarea {padding: 16px 16px !important; border: 1px solid #231F20;} #gform_wrapper_1 textarea:focus {border: 1px solid #D32E35; outline: none;} #gform_wrapper_1 ::placeholder {color: #000; opacity: 0.4; letter-spacing: 2.5px; font-size: 11px; text-transform: uppercase !important; font-weight: 900 !important; font-family: 'Avenir LT Std' !important;} #gform_wrapper_1 ul, #gform_wrapper_1 li {padding: 0; margin: 0;} #gform_wrapper_1 .ginput_container {padding: 0; margin: 0 0 16px;} #gform_wrapper_1 :-ms-input-placeholder {color: #000; opacity: 0.4; letter-spacing: 2.5px; font-size: 11px; text-transform: uppercase !important; font-weight: 900 !important; font-family: 'Avenir LT Std' !important;} #gform_wrapper_1 ::-ms-input-placeholder {color: #000; opacity: 0.4; letter-spacing: 2.5px; font-size: 11px; text-transform: uppercase !important; font-weight: 900 !important; font-family: 'Avenir LT Std' !important;} #gform_wrapper_1 .gform_body, #gform_wrapper_1 .gform_footer {padding: 0 0 8px; margin: 0;} #gform_wrapper_1 select {background: transparent; line-height: 48px; height: 48px; display: block; padding: 0 16px; border:1px solid #231F20; color: #999999; letter-spacing: 2.5px; font-size: 11px; font-weight: 900; text-transform: uppercase; cursor: pointer; border-radius: 0; width: 100%; -webkit-appearance: none; background: transparent url(images/icon-chevron-down.png) no-repeat center right; background-size: 25px auto;} #gform_wrapper_1 select:focus {border: 1px solid #D32E35; outline: none;} #gform_wrapper_1 input[type="submit"] {background: transparent; line-height: 48px; padding: 0 32px; border:1px solid #D32E35; font-size: 14px; letter-spacing: 2.3px; color: #231F20; font-weight: 900; text-transform: uppercase; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } #gform_wrapper_1 input[type="submit"]:hover {background: #D32E35; color: #FFF} /* GRAVITY FORMS ERROR STYLING */ .gform_wrapper .validation_error {color: #FFF;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin: 0 !important; padding: 0 !important; border: none; background: transparent;} .gfield_label {margin: 4px 0 !important;} .gform_wrapper .ginput_container + .gfield_description.validation_message {margin: 3px 0 !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0 !important;} /* END GRAVITY FORMS ERROR STYLING */ .modal-xl {width: 900px; max-width: 900px;} .modal-content {background: transparent; border: none;} .modal-body {padding: 0; border-radius: 0; background: #000;} .modal-body .close {position: absolute; opacity: 1; z-index: 99; color: #FFF; right: -30px; float: none; font-size: 20px; text-shadow: none; font-size: 30px;} .modal .btn {background: #D32E35; border: none; color: #FFF; line-height: 40px;} .bg-video-container {height:auto; padding-top: 50%; overflow: hidden; position: relative; pointer-events: none;} .bg-video-container > div {top:0%; position: absolute; left: 0; width: 100%; }