/* https://fonts.google.com/share?selection.family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500 */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap'); /* Magnific Popups */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transform:translateY(50px); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { transform:translateY(0); opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .mfp-iframe-holder .mfp-content {max-width:1440px;} /* Basic Reset */ * { margin:0; padding:0; line-height:1; font-size:100%; border:0 none; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:0; min-width:0; font-weight:500; } ::-webkit-input-placeholder {color:inherit; opacity:0.85;} :-ms-input-placeholder {color:inherit; opacity:0.85;} ::-ms-input-placeholder {color:inherit; opacity:0.85;} ::placeholder {color:inherit; opacity:0.85;} a {color:inherit;} strong {font-weight:bold;} input, textarea, button {font-family:inherit;} button {cursor:pointer; background:none; color:inherit;} img {max-width:100%; height:auto;} /* Custom Properties */ :root { --color-blue : #06428B; --color-red : #A21B26; --color-text-blue : #214063; --color-blue-gray : #51667E; --color-light-gray : #E7E7E7; --color-dark-gray : #383838; } /* Default Typography */ html {scroll-behavior:smooth; background:var(--color-dark-gray); color:#fff;} body { font-family:'Montserrat', sans-serif; font-size:14px; font-weight:500; color:var(--color-dark-gray); background:#fff; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } main {overflow:auto;} /* Layout Utilities */ .inner {max-width:1090px; margin:0 auto;} @media (max-width:1120px) { .inner {padding:0 20px;} } /* Buttons */ .btn { display:inline-block; padding:8px 50px; text-decoration:none; background:var(--color-red); color:#fff; font-size:14px; font-weight:800; text-transform:uppercase; } /* Spinner */ html.p7-spinner-active {position:relative;} html.p7-spinner-active .p7-spinner { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.85) url('https://s2.svgbox.net/loaders.svg?ic=elastic-spinner&color=A21B26') no-repeat center; background-size:50px; background-attachment:fixed; } /* Header */ .main-header {} /* Social Bar */ .main-header .social-bar { background: #06428b; padding: 8px 0; } .main-header .social-bar .social-icons { list-style: none; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; } .main-header .social-bar .social-icons li { margin: 0 8px; } .main-header .social-bar .social-icons li a { display: block; width: 24px; height: 24px; opacity: 0.8; transition: opacity 0.3s ease; } .main-header .social-bar .social-icons li a:hover { opacity: 1; } .main-header .social-bar .social-icons li a img { width: 100%; height: 100%; filter: brightness(0) invert(1); /* Makes icons white */ } .main-header .top {display:flex; align-items:center;} .main-header .top .logo {margin-right:auto; display:block; margin-left:16px;} .main-header .top .top-icons {list-style:none; display:flex; text-align:center; margin-right:16px;} .main-header .top .top-icons li {margin:0 10px;} .main-header .top .top-icons li a {display:block; text-decoration:none;} .main-header .top .top-icons li a .icon {display:block; margin-bottom:8px;} .main-header .top .top-icons li a .icon img {display:block; width:100%; height:16px; object-fit:contain;} .main-header .top .top-icons li a .label {display:block; font-weight:600; color:var(--color-blue-gray); font-size:11px; text-transform:uppercase; white-space:nowrap;} .main-header .top .search-buttons {list-style:none; display:flex; background:var(--color-red); color:#fff; text-align:center;} .main-header .top .search-buttons li {margin:16px 0;} .main-header .top .search-buttons li a {display:block; text-decoration:none; border-right:1px solid #fff; padding:0 16px;} .main-header .top .search-buttons li:last-child a {border-right:0 none;} .main-header .top .search-buttons li a .icon {display:block; margin-bottom:8px;} .main-header .top .search-buttons li a .icon img {display:block; width:100%; height:26px; object-fit:contain;} .main-header .top .search-buttons li a .label {display:block; font-size:14px; font-weight:900; text-transform:uppercase;} .main-header .top .mobile-nav-switcher {display:none;} .main-header .main-nav {border:1px solid #707070; border-width:1px 0;} .main-header .main-nav ul {display:flex; flex-direction:row; justify-content:flex-end; list-style:none;} .main-header .main-nav li a { display:block; padding:11px 20px; font-weight:600; font-size:14px; color:var(--color-text-blue); text-decoration:none; text-transform:uppercase; } .main-header .main-nav li a:hover, .main-header .main-nav li a.active {background:var(--color-blue); color:#fff;} .main-header .mega-menu-wrapper {margin-top:-1px;} .main-header .mega-menu {display:none;} .main-header .mega-menu .columns {background:var(--color-blue); color:#fff; padding:30px; display:flex; justify-content:flex-end;} .main-header .mega-menu .columns .column {margin:0 15px;} .main-header .mega-menu .columns .column.links-ungrouped {border-left:1px solid #71B1FF;} .main-header .mega-menu .columns .column.links-ungrouped ul {list-style:none;} .main-header .mega-menu .columns .column.links-ungrouped ul li a {font-size:12px; font-weight:600; padding:10px; text-decoration:none; display:block;} .main-header .mega-menu .columns .column.links-grouped ul {border-left:1px solid #71B1FF; margin-bottom:30px; list-style:none;} .main-header .mega-menu .columns .column.links-grouped ul li a {font-size:12px; font-weight:600; padding:10px; text-decoration:none; display:block; margin-left:10px;} .main-header .mega-menu .columns .column.links-grouped ul li:first-child a {font-size:14px; font-weight:800; margin-left:0;} .main-header .mega-menu .columns .column.image-links {border-left:1px solid #71B1FF; padding:0 15px; flex:0 0 530px;} .main-header .mega-menu .columns .column.image-links .title {font-size:26px; font-weight:800; margin-bottom:20px;} .main-header .mega-menu .columns .column.image-links ul {list-style:none;} .main-header .mega-menu .columns .column.image-links ul li {display:flex; margin-bottom:20px;} .main-header .mega-menu .columns .column.image-links ul li a.image {flex:0 0 190px; margin-right:15px; position:relative; min-height:100px;} .main-header .mega-menu .columns .column.image-links ul li a.image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} .main-header .mega-menu .columns .column.image-links ul li .content {flex:0 0 320px;} .main-header .mega-menu .columns .column.image-links ul li .content .headline {color:#A7CFFF; font-size:14px; line-height:20px; font-weight:800;} .main-header .mega-menu .columns .column.image-links ul li .content .copy p {font-size:12px; line-height:18px; font-weight:600;} .main-header .mega-menu .columns .column.image-links ul li .content .copy p a {font-size:10px; font-weight:600; color:#A7CFFF; text-transform:uppercase;} .main-header .mega-menu .columns .column.image-links a.bottom-link {font-size:12px; font-weight:600; text-transform:uppercase; text-decoration:none; display:inline-block; margin-top:30px;} .main-header .mobile-nav {display:none;} @media (max-width:1080px) { .main-header .social-bar {display:none;} /* Hide social bar on mobile, show in mobile nav instead */ .main-header .top .top-icons {display:none;} .main-header .main-nav {display:none;} .main-header .top .search-buttons {margin-left:16px;} .main-header .top .search-buttons li {margin:0 4px;} .main-header .top .search-buttons li a {padding:10px;} .main-header .top .search-buttons li a .icon {margin-bottom:4px;} .main-header .top .search-buttons li a .icon img {height:16px;} .main-header .top .search-buttons li a .label {font-size:12px;} .main-header .mobile-nav .search-buttons {display:none;} .main-header .top .mobile-nav-switcher {display:block; background:var(--color-light-gray);} .main-header .top .mobile-nav-switcher button {display:block; height:100%; padding:18px;} .main-header .top .mobile-nav-switcher button span {display:inline-block;} .main-header .top .mobile-nav-switcher button span:before {content:url('../img/menu.svg'); display:inline-block; margin-right:4px;} .main-header .mobile-nav {padding:30px; background:var(--color-light-gray);} .main-header .mobile-nav .top-icons {list-style:none; display:flex; flex-wrap:wrap; justify-content:center; text-align:center;} .main-header .mobile-nav .top-icons li {margin:16px;} .main-header .mobile-nav .top-icons li a {display:block; text-decoration:none;} .main-header .mobile-nav .top-icons li a .icon {display:block; margin-bottom:8px;} .main-header .mobile-nav .top-icons li a .icon img {display:block; width:100%; height:16px; object-fit:contain;} .main-header .mobile-nav .top-icons li a .label {display:block; font-weight:600; color:var(--color-blue-gray); font-size:14px; text-transform:uppercase;} .main-header .mobile-nav .social-icons.mobile-social {list-style:none; display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin-bottom:20px;} .main-header .mobile-nav .social-icons.mobile-social li {margin:8px;} .main-header .mobile-nav .social-icons.mobile-social li a {display:block; text-decoration:none;} .main-header .mobile-nav .social-icons.mobile-social li a .icon {display:block; margin-bottom:8px;} .main-header .mobile-nav .social-icons.mobile-social li a .icon img {display:block; width:100%; height:16px; object-fit:contain;} .main-header .mobile-nav .social-icons.mobile-social li a .label {display:block; font-weight:600; color:var(--color-blue-gray); font-size:12px; text-transform:uppercase;} .main-header .mobile-nav .mobile-main-nav {list-style:none; text-align:center;} .main-header .mobile-nav .mobile-main-nav > li > a {font-size:18px; font-weight:800; text-transform:uppercase; color:var(--color-text-blue); text-decoration:none; padding:16px; display:block;} .main-header .mobile-nav .mobile-main-nav > li > ul {list-style:none; display:flex; justify-content:center; flex-wrap:wrap;} .main-header .mobile-nav .mobile-main-nav > li > ul > li > a {display:block; padding:8px; color:var(--color-blue); text-decoration:none;} } @media (max-width:700px) { .main-header .top .search-buttons {display:none;} .main-header .top .mobile-nav-switcher {background:var(--color-red); color:#fff;} .main-header .top .mobile-nav-switcher button span:before {content:url('../img/menu-white.svg');} .main-header .mobile-nav {padding:0;} .main-header .mobile-nav .search-buttons {list-style:none; display:flex; flex-wrap:wrap; justify-content:center; background:var(--color-red); color:#fff; text-align:center; margin-bottom:30px;} .main-header .mobile-nav .search-buttons li {margin:16px 0;} .main-header .mobile-nav .search-buttons li a {display:block; text-decoration:none; padding:16px;} .main-header .mobile-nav .search-buttons li a .icon {display:block; margin-bottom:8px;} .main-header .mobile-nav .search-buttons li a .icon img {display:block; width:100%; height:26px; object-fit:contain;} .main-header .mobile-nav .search-buttons li a .label {display:block; font-size:14px; font-weight:900; text-transform:uppercase;} } /* Footer */ .main-footer {background:var(--color-dark-gray); color:#fff; border-top:1px solid #fff; padding:50px; display:flex; justify-content:center;} .main-footer .column {margin:0 25px;} .main-footer .column h2 {font-size:24px; font-weight:800; padding-bottom:24px; border-bottom:1px solid #707070; margin-bottom:30px; text-transform:uppercase;} .main-footer .column.logo-menu {display:flex; flex-direction:column;} .main-footer .column.logo-menu .logo {display:block; margin-bottom:50px;} .main-footer .column.logo-menu .footer-menu {list-style:none; margin-bottom:50px;} .main-footer .column.logo-menu .footer-menu li a {text-decoration:none; font-size:14px; text-transform:uppercase; padding:6px 0; display:block;} .main-footer .column.logo-menu .footer-content {margin-top:auto;} .main-footer .column.logo-menu .footer-content p {font-size:12px; line-height:2em;} .main-footer .column.contact-form form label {display:block; margin:24px 0 4px; font-weight:700;} .main-footer .column.contact-form form label.error {margin:2px 0 0; color:yellow; font-weight:400; text-transform:uppercase; font-size:12px;} .main-footer .column.contact-form form input, .main-footer .column.contact-form form textarea { font-size:16px; background:var(--color-dark-gray); color:#fff; border:1px solid #fff; display:block; padding:8px; width:100%; } .main-footer .column.contact-form form input.error, .main-footer .column.contact-form form textarea.error {color:yellow;} .main-footer .column.contact-form form .button {text-align:right; margin-top:24px;} @media (max-width:810px) { .main-footer {display:block;} .main-footer .column {margin:0 0 50px;} } /* Juicer Feed */ .juicer-feed.modern li.feed-item.j-twitter .j-image { display: none; } .juicer-feed.loaded {visibility: visible;opacity: 1;max-width: 330px;} .juicer-feed.white li.feed-item, .juicer-feed.user li.feed-item, .juicer-feed.juicer-widget li.feed-item, .juicer-feed.colors li.feed-item, .juicer-feed.gray li.feed-item, .juicer-feed.modern li.feed-item, .juicer-feed.polaroid li.feed-item {background: #333;color: #fff;border-width: 0;line-height: 28px;} .juicer-feed a {transition: color 0.2s ease-in-out;color: #fff;} .juicer-feed.white li.feed-item.j-twitter .j-message, .juicer-feed.user li.feed-item.j-twitter .j-message, .juicer-feed.juicer-widget li.feed-item.j-twitter .j-message, .juicer-feed.colors li.feed-item.j-twitter .j-message, .juicer-feed.gray li.feed-item.j-twitter .j-message, .juicer-feed.modern li.feed-item.j-twitter .j-message, .juicer-feed.polaroid li.feed-item.j-twitter .j-message {color: #fff;font-weight: normal;font-size: 14px;} .j-message p{line-height: 18px;font-size: 13px!important;color: #fff;} .juicer-feed.modern .j-text {font-size: 14px;padding: 20px 15px 15px 20px;} .juicer-feed.modern .j-poster {padding: 14px 10px 5px;height: auto;margin: 0;} .juicer-feed .j-meta{margin: 0;} /* Form Thank You Message */ .thankyou-message {background:#fff; padding:50px; margin:auto; position:relative; max-width:500px; text-align:center;} .thankyou-message .wysiwyg {margin-bottom:50px;} /* WYSIWYG */ .wysiwyg > * {margin:2em 0 0; line-height:2em;} .wysiwyg > *:first-child {margin-top:0;} .wysiwyg strong {font-weight:800;} .wysiwyg > p, .wysiwyg li {font-size:14px; line-height:2em;} .wysiwyg h1, .wysiwyg h2 {font-size:26px; font-weight:800; color:var(--color-blue); line-height:1.1em; text-transform:uppercase;} .wysiwyg h3 {font-size:24px; font-weight:800; color:var(--color-blue); line-height:1.1em;} .wysiwyg h4 {font-size:20px; font-weight:800; color:var(--color-blue); line-height:1.1em;} .wysiwyg blockquote p {font-size:24px; color:var(--color-red);} .wysiwyg ul {padding-left:20px; list-style:disc outside; font-size:10px;} .wysiwyg ol {padding-left:20px; font-size:10px;} .wysiwyg iframe {width:100%;} .wysiwyg iframe[src*="youtube"] {width:100%; height:40vw;} .wysiwyg iframe[src*="soundcloud"] {width:100%; height:11vw;} .wysiwyg .alignleft {float:left; margin-right:15px;} .wysiwyg .alignright {float:right; margin-left:15px;} .wysiwyg .aligncenter {margin:0 auto; display:block;} .wysiwyg .wp-caption .wp-caption-text {font-size:14px;} .wysiwyg .gallery {margin:2em 0 .5em !important;} .wysiwyg .gallery .gallery-item .gallery-icon a {display:block; padding:5px;} .wysiwyg .gallery .gallery-item .gallery-icon a img {border:0 none !important;} .wysiwyg .gallery .gallery-item .wp-caption-text {font-size:14px;} .wysiwyg.split-columns-2 ul {column-count:2; column-gap:50px;} .wysiwyg.split-columns-3 ul {column-count:3; column-gap:50px;} @media (max-width:810px) { .wysiwyg.split-columns-2 ul {column-count:1;} .wysiwyg.split-columns-3 ul {column-count:1;} } /* Block Shared CSS */ .p7-block {padding:50px 0;} @media (max-width:810px) { .p7-block {padding:30px 0;} } /* Block Pairings */ .p7-block.bg-white + .p7-block.bg-white ,.p7-block.bg-light-gray + .p7-block.bg-light-gray ,.p7-block.bg-dark-gray + .p7-block.bg-dark-gray ,.p7-block.bg-blue + .p7-block.bg-blue ,.p7-block.bg-red + .p7-block.bg-red { padding-top:0; } /* Block Backgrounds */ .p7-block.bg-light-gray {background:var(--color-light-gray);} .p7-block.bg-dark-gray {background:var(--color-dark-gray);} .p7-block.bg-blue {background:var(--color-text-blue);} .p7-block.bg-red {background:var(--color-red);} /* Fix Text Color for Dark Backgrounds */ .p7-white-text ,.p7-white-text .wysiwyg h1 ,.p7-white-text .wysiwyg h2 ,.p7-white-text .wysiwyg h3 ,.p7-white-text .wysiwyg h4 ,.p7-white-text .wysiwyg blockquote p { color:#fff; } /* Searches - Splash */ .search-intro {background:var(--color-red); color:#fff;} .search-intro .form-image {display:flex;} .search-intro .form-image form {padding:60px;} .search-intro .form-image form h1 {font-size:60px; font-weight:800; text-transform:uppercase; margin-bottom:30px;} .search-intro .form-image form .field {margin:15px 0;} .search-intro .form-image form .field-group {display:flex; justify-content:space-between; margin:-15px 0;} .search-intro .form-image form .field-group .field {flex:0 0 calc(50% - 15px);} .search-intro .form-image form .field-group .field label {margin-top:7px;} .search-intro .form-image form .field label {font-size:12px; font-weight:500; display:block; margin:15px 0 8px; text-transform:uppercase;} .search-intro .form-image form .field select {font-size:16px; padding:5px; color:#fff; border:1px solid #fff; width:100%; background:none;} .search-intro .form-image form .field .select2-container--default .select2-selection--single {background:none; border:1px solid #fff; height:33px; padding-top:2px;} .search-intro .form-image form .field .select2-container--default .select2-selection--single .select2-selection__rendered {color:#fff;} .search-intro .form-image form .field .select2-container--default .select2-selection--single .select2-selection__arrow {height:33px;} .search-intro .form-image form .field .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color:#fff transparent transparent transparent;} .search-intro .form-image form .field input {font-size:16px; padding:5px; border-radius:4px; border:1px solid #fff; color:#fff; width:100%; background:none;} .search-intro .form-image form .field.text-field .field-btn {display:flex;} .search-intro .form-image form .field.text-field .field-btn {flex:1 1 100%;} .search-intro .form-image form .field.text-field .field-btn button {flex:0 0 auto; text-transform:uppercase; padding:0 5px; border-radius:4px; margin-left:2px; background:var(--color-blue);} .search-intro .form-image form .btn {background:var(--color-blue); margin:30px 0; padding:15px 50px;} .search-intro .form-image .image {margin-left:auto; padding-top:60px; display:flex; flex-direction:column; justify-content:flex-end;} @media (max-width:810px) { .search-intro .form-image {display:block;} } @media (max-width:700px) { .search-intro .form-image form {padding:15px;} .search-intro .form-image form h1 {font-size:32px;} .search-intro .form-image form .field-group {display:block; margin:0;} } /* Searches - Initial State */ .search-wrapper .filters {background:var(--color-blue); color:#fff; padding:50px;} .search-wrapper .filters .headline {font-size:18px; font-weight:800; text-transform:uppercase; margin-bottom:30px; text-align:center;} .search-wrapper .filters form {display:flex; flex-wrap:wrap; margin:-15px; justify-content:center;} .search-wrapper .filters form .field {margin:15px;} .search-wrapper .filters form .field label {font-size:12px; font-weight:500; display:block; margin-bottom:8px;} .search-wrapper .filters form .field select {font-size:16px; padding:5px;} .search-wrapper .filters form .field input {font-size:16px; padding:3px; border-radius:4px; border:1px solid #aaa;} .search-wrapper .filters form .field label.checkbox {font-size:14px; text-transform:uppercase;} .search-wrapper .filters form .field label.checkbox input {display:inline-block; width:auto;} .search-wrapper .filters form .field.text-field .field-btn {display:flex;} .search-wrapper .filters form .field.text-field .field-btn {flex:1 1 100%;} .search-wrapper .filters form .field.text-field .field-btn button {flex:0 0 auto; text-transform:uppercase; padding:0 5px; border-radius:4px; margin-left:2px; background:var(--color-red);} /* Searches - with Results */ .search-wrapper.show-results {display:flex;} .search-wrapper.show-results .filters {flex:0 0 400px;} .search-wrapper.show-results .filters .headline {text-align:left;} .search-wrapper.show-results .filters form {display:block;} .search-wrapper.show-results .filters form .field select, .search-wrapper.show-results .filters form .field input {display:block; width:100%;} .search-wrapper.show-results .results {flex:0 0 calc(100% - 400px); padding:50px;} .search-wrapper.show-results .results h1 {font-size:26px; font-weight:800; color:var(--color-text-blue); text-transform:uppercase; margin-bottom:10px;} .search-wrapper.show-results .results .results-bar {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px;} .search-wrapper.show-results .results .results-bar p {font-size:14px; font-weight:bold; font-style:italic; color:var(--color-text-blue);} .search-empty-state-notice {background:#fff3cd; border:1px solid #ffc107; border-radius:4px; color:#664d03; font-size:16px; line-height:1.5; margin-bottom:30px; padding:16px 20px;} .search-intro .search-empty-state-notice {margin-top:15px;} .search-wrapper.show-results .results .results-bar form label {font-size:12px;} .search-wrapper.show-results .results .results-bar form select {background:#fff; border:1px solid var(--color-blue); font-size:12px; padding:2px;} @media (max-width:1080px) { .search-wrapper.show-results .filters {flex-basis:200px; padding:15px;} .search-wrapper.show-results .results {flex-basis:calc(100% - 200px);} } @media (max-width:700px) { .search-wrapper.show-results {display:block;} .search-wrapper.show-results .results {padding:15px;} } /* Google Maps Infowindows */ .p7-pin {padding:5px; text-align:center;} .p7-pin .firm-name {text-transform:uppercase; font-weight:bold; color:var(--color-blue); font-size:16px; margin-bottom:5px;} /* Global Search */ .site-search-wrapper {padding:50px 0;} .site-search-wrapper .search-form h1 { font-size:30px; font-weight:800; color:var(--color-blue); text-align:center; text-transform:uppercase; margin-bottom:30px; } .site-search-wrapper .search-form form {display:flex; margin-bottom:50px;} .site-search-wrapper .search-form form input {flex:0 0 75%; padding:10px; font-size:16px; border:1px solid;} .site-search-wrapper .search-form form button {flex:0 0 25%;} .site-search-wrapper .search-results .result {margin-bottom:15px;} .site-search-wrapper .search-results .result h2 {font-size:18px; color:var(--color-blue); margin-bottom:5px;} .site-search-wrapper .search-results .result h2 a {font-weight:700;} @media (max-width:700px) { .site-search-wrapper .search-form form {display:block;} .site-search-wrapper .search-form form input, .site-search-wrapper .search-form form button {display:block; width:100%;} } /* Credits */ .p7-credits {padding:50px; background:var(--color-dark-gray); color:rgba(255,255,255,.5); text-align:center;} .p7-credits p {font-size:11px;} /* Add this to your existing CSS file or in a