@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
<link href="https://fonts.googleapis.com/css2?family=" rel="stylesheet">
@font-face {
font-family: 'FontAwesome';
src: url(//cirlaw.com/wp-content/themes/CameronIngersollRoche/fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0);
src: url(//cirlaw.com/wp-content/themes/CameronIngersollRoche/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0) format("embedded-opentype"), url(//cirlaw.com/wp-content/themes/CameronIngersollRoche/fonts/fontawesome-webfont.woff?v=4.2.0) format("woff"), url(//cirlaw.com/wp-content/themes/CameronIngersollRoche/fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0) format("truetype"), url(//cirlaw.com/wp-content/themes/CameronIngersollRoche/fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format("svg"); } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:bottom}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:60%;line-height: initial;}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body.logged-in > header { margin-top: 32px; }  
@media screen and (max-width: 1040px) {
body.logged-in > header {
margin-top: revert;
}
} html { font-size: 62.5%; overflow-x: hidden; scroll-behavior: smooth;}
body {
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
background: #eeeeee;
color: #000000;
font-family: 'Raleway', sans-serif;
-webkit-font-smoothing: antialiased;
width: 100%;
overflow-x: hidden;
font-weight: 300;}
::selection,
::-moz-selection {
background: #000;
color: #fff;
}
.row {
max-width: 1440px;
width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
*zoom: 1;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.row:before { 
content: normal; 
display: table; 
}
.row:after { 
content: normal; 
display: table; 
clear: both; 
}
.row.full { 
max-width: 100% !important; 
padding: 0;
}
.row.full.inset {
padding: 0 40px;
}
@media screen and (max-width: 1040px) {
.row.full.inset {
padding: 0 15px;
}
}
img {
width: 100%;
height: auto;
}
.middle {
align-self: center;
}
.padding-top {
padding-top: 0px;
}
.padding-top-small {
padding-top: 20px !important;
}
.padding-top-medium {
padding-top: 60px !important;
}
.padding-top-large {
padding-top: 80px !important;
}
.padding-bottom {
padding-bottom: 0px;
}
.padding-bottom-small {
padding-bottom: 20px !important;
}
.padding-bottom-medium {
padding-bottom: 60px !important;
}
.padding-bottom-large {
padding-bottom: 80px !important;
}
.mobile {
display: none;
visibility: hidden;
}
@media screen and (max-width: 880px) {
.desktop {
display: none;
visibility: hidden;
}
.mobile {
display: revert;
visibility: revert;
}
} h1 {
font-size: 52px;
font-size: 5.2rem;
line-height: 53px;
color: #106786;
font-family: "Raleway", sans-serif;
font-weight: 400;
margin: 10px 0;
word-break: keep-all;
letter-spacing: -1px;
}
h2 {
font-size: 38px;
font-size: 3.8rem;
line-height: 40px;
font-weight: 300;
color: #106786;
font-family: "Raleway", sans-serif;
margin: 10px 0;
word-break: keep-all;
}
h3 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
font-weight: 400;
color: #106786;
font-family: "Raleway", sans-serif;
margin: 10px 0;
}
h4 {
font-size: 26px;
font-size: 2.6rem;
line-height: 28px;
color: #106786;
font-family: "Raleway", sans-serif;
font-weight: 600;
margin-bottom: 10px;
}
h5 {
font-size: 20px;
font-size: 2.0rem;
line-height: 24px;
color: #106786;
font-family: "Raleway", sans-serif;
}
p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin-bottom: 20px;
}
p:last-of-type {
margin-bottom: 0;
}
a {
color: #106786;
text-decoration: none;
}
a:hover {
color: #106786;
text-decoration: underline;
}
em, i {
font-weight: 300;
font-style: italic;
}
strong, b {
font-weight: 600;
}
@media screen and (max-width: 840px) {
h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 42px;
}
} @keyframes fade-in {
from {
background-color: rgba(4, 59, 92, 1);
opacity: 0;
transform: translateY(10vh);
}
to {
background-color: rgba(4, 59, 92, 0);
opacity: 1;     
transform: translateY(0);
}
}
@keyframes slideright {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
} header#site-header {
position: fixed;
top: 0;
left: 0;
z-index: 2;
transition: all .5s;
min-height: 90px;
background-color: #ffffff;
}
.alert-panel {
background-color: #00a7b1;
z-index: 1111;
padding: 40px;
color: #ffffff;
}
.alert-panel > .row {
flex-direction: column;
text-align: center;
margin: 10px;
}
.alert-panel > .row p {
margin: 0;
color: #ffffff;
}
.alert-panel > .row a {
color: #ffffff;
text-decoration: underline;
} 
header#site-header .nav-wrap {
padding: 0 40px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
justify-content: left;
}
#logo-container {
display: flex;
}
header#site-header #logo {
width: 420px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
header#site-header.scroll {
background-color: #fff;
box-shadow: 0 0px 20px rgba(0,0,0,.8);
min-height: 70px;
}
header#site-header.scroll img#logo {
width: 300px;
}
#ghost-header {
height: 80px;
position: relative;
z-index: -1;
width: 100%;
}
@media screen and (max-width: 1200px) {
header#site-header #logo {
max-width: 300px;
}
}
@media screen and (max-width: 1040px) {
header#site-header {
position: relative!important;
background-color: #ffffff;
min-height: unset;
}
header#site-header #logo {
max-width: 250px;
position: relative;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
#ghost-header {
display: none;
}
header#site-header .nav-wrap {
padding: 0 20px;
height: 60px;
}
} #main-nav {
display: flex;
position: absolute;
right: 40px;
top: 38px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
#main-nav a {
font-size: 15px;
font-size: 1.5rem;
font-family: 'Raleway', sans-serif;
font-weight: 600;
display: inline-block;
text-decoration: none;
padding: 0 13px;
text-transform: uppercase;
position: relative;
color: #05414F;
margin-bottom: 25px;
}
#main-nav ul {
display: flex;
white-space: nowrap;
}
header#site-header.scroll #main-nav   {
top: 26px;
-webkit-transition: linear .3s;
-moz-transition: linear .3s;
-ms-transition: linear .3s;
-o-transition: linear .3s;
transition: linear .3s;
}
nav#main-nav ul > li:hover::after {
margin-left: -20px;
width: 40px;
}
#main-nav .footer-only { display: none!important;}
#main-nav a::after {
content: "";
height: 2px;
width: calc(100% - 50px);
margin-left: 25px;
background-color: #2E9CA7;
opacity: 0;
position: absolute;
bottom: -8px;
left: 0;
transition: opacity .5s;
}
#main-nav a:hover::after,
#main-nav .current-menu-item a:after { opacity: 1;}
nav#main-nav ul.sub-menu {
background-color: #eeeeee;
position: absolute;
display: none;
width: auto;
min-width: 200px;
text-align: left;
white-space: nowrap;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
z-index: 10;
}
nav#main-nav ul > li:hover > ul {
display: block;
}
#main-nav a:hover::after,
#main-nav .current-menu-item a:after { opacity: 1;}
header#site-header.scroll #main-nav a {
color: #333333;
}
header#site-header.scroll #main-nav a:hover {
color: #000000;
}
nav#main-nav ul.sub-menu li {
padding: 8px 20px;
transition: all .5s;
}
nav#main-nav ul.sub-menu li:hover {
background-color: #ffffff;
}
nav#main-nav ul.sub-menu li a,
header#site-header.scroll nav#main-nav ul.sub-menu li a {
padding: 15px 5px;
text-transform: revert;
color: #004a5b;
}
nav#main-nav ul.sub-menu a,
header#site-header.scroll nav#main-nav ul.sub-menu li a {
margin-bottom: 0;
}
nav#main-nav ul.sub-menu a::after {
content: none;
}
@media screen and (max-width: 1240px) {	
#main-nav a {
font-size: 14px;
font-size: 1.4rem;
padding: 0 10px;
}
} #nav-trigger {
display: none;
position: absolute;
cursor: pointer;
padding: 0;
width: 28px;
height: 20px;
z-index: 9999;
top: 20px;
right: 20px;
}
#nav-trigger #hamburger-top {
height: 2px;
background-color: #004a5b;
width: 28px;
display: block;
position: absolute;
border-radius: 3px;
left: 0;
transition: all .3s;
}
#nav-trigger #hamburger-mid {
height: 2px;
background-color: #004a5b;
width: 28px;
display: block;
position: absolute;
border-radius: 3px;
left: 0;
transition: all .3s;
}
#nav-trigger #hamburger-btm {
height: 2px;
background-color: #004a5b;
width: 28px;
display: block;
position: absolute;
border-radius: 3px;
left: 0;
transition: all .3s;
}
#nav-trigger #hamburger-top { top: 0;}
#nav-trigger #hamburger-mid { top: 8px;}
#nav-trigger #hamburger-btm { top: 16px;}
#nav-trigger.triggered #hamburger-top,
#nav-trigger.triggered #hamburger-mid,
#nav-trigger.triggered #hamburger-btm {
background-color: #004a5b;
}
html.csstransforms #nav-trigger.triggered #hamburger-top {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
top: 8px;
}
html.csstransforms #nav-trigger.triggered #hamburger-btm {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
top: 8px;
}
html.csstransforms #nav-trigger.triggered #hamburger-mid { opacity: 0;}
#mobile-nav {
display: none;
width: 100%;
position: relative;
background-color: #004a5b;
}
#mobile-nav nav { 
display: none;
}
#mobile-nav nav .sub-menu {
display: none;
overflow: hidden!important;
}
#mobile-nav ul.sub-menu {
background-color: #081524;
}
li.mnav-trigger > a::after  {
content: url(https://cirlaw.com/wp-content/themes/CameronIngersollRoche/images/icon_menu-arrow-down.svg);
display: inline-block;
text-decoration: inherit;
width: 30px;
height: 30px;
margin-top: -10px;
position: absolute;
right: 48px;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
li.mnav-trigger.open > a::after {
transform: rotate(180deg);
right: 28px;
}
#mobile-nav a {
font-size: 16px;
font-size: 1.6rem;
font-family: 'Raleway', sans-serif;
font-weight: 600;
display: block;
color: #ffffff;
padding: 25px 40px;
transition: background-color .5s;
text-decoration: none;
text-transform: uppercase;
position: relative;
margin-bottom: 0;
}
#mobile-nav a:hover {
background-color: #081524;
}
#mobile-nav li.btn.sm a {
letter-spacing: normal;
border-radius: 0;
line-height: normal;
border: none;
margin: 0;
}
#mobile-nav ul, #mobile-nav ol {
margin: 0;
}
@media screen and (max-width: 1040px) {	
#main-nav { display: none;}
#mobile-nav,
#nav-trigger { display: block; z-index: 100;
}
main {
padding-top: 40px;
}
} .narrow {
max-width: 1140px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
text-align: center;
}
.narrower {
max-width: 1040px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.row.full.trim-top {
padding-top: 20px !important;
}
.row.full.trim-bottom {
padding-bottom: 20px !important;
}
.row.full.bgcolor-white {
background-color: #ffffff;
}
.row.full.bgcolor-gray {
background-color: #eeeeee;
} .hero-panel.row.full {
background-color: #05414F;
padding: 80px 40px;
position: relative;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 400px;
overflow: hidden;
}
.row.hero-text-wrap {
flex-direction: column;
padding: 60px 0;
}
.hero-text-wrap h1 {
font-size: 52px;
font-size: 5.2rem;
line-height: 53px;
color: #ffffff;
margin-bottom: 20px;
}
.hero-pre {
font-size: 24px;
font-size: 2.4rem;
line-height: 25px;
color: #2E9CA7;
font-weight: 600;
text-transform: uppercase;
text-align: left;
}
.hero-text {
max-width: 80%;
text-align: left;
}
.hero-text p {
font-size: 22px;
font-size: 2.2rem;
line-height: 28px;
color: #ffffff;
}
.hero-img {
z-index: 1;
position: absolute; 
top: 0; 
right: 0; 
margin: auto; 
overflow: hidden;
}
@media screen and (max-width: 1040px) {
.hero-panel.row.full {
padding: 30px 30px;
}
.hero-text {
max-width: 100%;
}
.hero-pre {
font-size: 22px;
font-size: 2.2rem;
line-height: 22px;
}
.hero-text-wrap h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 46px;
}
.hero-text p {
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
}
}
@media screen and (max-width: 760px) {
.hero-panel.row.full {
padding: 20px 20px;
min-height: unset;
}
.row.hero-text-wrap {
padding: 40px 0;
}
.hero-pre {
font-size: 18px;
font-size: 1.8rem;
line-height: 20px;
}
.hero-text-wrap h1 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
margin-bottom: 10px;
}
} section.row.full.video-embed-panel {
padding: 0 40px;
}
.video-embed-panel h3 {
margin: 30px 0;
}
.video-wrap {
position: relative;
width: 100%;
max-width: 1100px;
margin: 0 0 30px 0;
}
.video-embed {
width: 100%;
height: auto;
display: block;
}
.video-play-btn {
position: absolute;
inset: 0;
margin: auto;
width: 120px;
height: 120px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.4);
color: #fff;
font-size: 54px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease;
}
.video-play-btn:hover {
background: rgba(255,255,255,0.6);
}
button.video-play-btn .fa-solid {
margin-left: 12px;
}
@media screen and (max-width: 760px) {
section.row.full.video-embed-panel {
padding: 0 20px;
}
.video-play-btn {
position: absolute;
inset: 0;
margin: auto;
width: 60px;
height: 60px;
border-radius: 50%;
border: none;
background: rgba(255,255,255,0.4);
color: #fff;
font-size: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease;
}
button.video-play-btn .fa-solid {
margin-left: 6px;
}
} .hero-video-panel.row.full {
background-color: #333;
height: 600px;
padding: 0 40px;
overflow: hidden;
}
.row.hero-video.middle {
justify-content: left;
max-width: 1360px;
}
.hero-video-container {
background-color: rgba(255,255,255,0.95);
z-index: 1;
padding: 30px 50px;
max-width: 50%;
border-left: 4px solid #B1B632;
}
.hero-video h1 {
font-size: 55px;
font-size: 5.5rem;
line-height: 57px;
color: #106786;
margin-bottom: 10px;
}
.hero-video h2 {
font-size: 22px;
font-size: 2.2rem;
line-height: 25px;
font-weight: 300;
color: #333;
margin-bottom: 20px;
}
.hero-video-panel video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
opacity: 1;
}
.hero-video-fallback {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero-video-fallback img {
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.controls {
z-index: 1;
}
.hero-video-panel .controls {
position: absolute;
z-index: 1;
bottom: 1em;
right: 1em; }
.hero-video-panel .controls .playpause {
padding: 1rem;
border: none;
background: rgba(0, 0, 0, 0.15);
color: white;
font-size: .65em;
min-width: inherit;
width: auto; }
.feature-banner-intro-copy {
font-weight: 300;
font-size: 1.25em; }
@media screen and (max-width: 1040px) {
.hero-video-panel.row.full {
height: 400px;
padding: 30px 30px;
}
.hero-video-container {
max-width: unset;
}
.hero-video-panel h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 46px;
}
}
@media screen and (max-width: 760px) {
.hero-video-panel.row.full {
height: 350px;
padding: 20px 20px;
}
.hero-video-container {
padding: 10px 20px;
max-width: unset;
}
.hero-video-panel h1 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
}
.hero-video h2 {
font-size: 18px;
font-size: 1.8rem;
line-height: 20px;
}
.hero-video-panel .controls {
bottom: 2rem;
left: 2rem;
right: auto; 
}
.hero-video-panel .controls .playpause {
padding: .75rem;
font-size: .5em; } 
} .row.twocol-text-wrap {
padding: 60px 40px;
display: grid;
grid-template-columns: 1fr minmax(0, 30%);
gap: 40px;
}
.twocol-text-left h2,
.twocol-text-services h2 {
font-size: 25px;
font-size: 2.5rem;
line-height: 27px;
font-weight: 400;
color: #106786;
margin-top: 0;
}   
.twocol-text-services {
margin-top: 20px;
} 
.twocol-text-services ul {
margin-top: 20px;
margin-left: 20px;
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
.twocol-text-services ul li {
list-style-type: square;
line-height: 22px;
font-weight: 300;
color: #2F2F2F;
margin-bottom: 10px;
}
.twocol-text-right {
border-left: 1px solid #b0b0b0;
padding-left: 30px;
}
.twocol-text-right h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 22px;
color: #2F2F2F;
font-weight: 500;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.twocol-text-right ul {
margin-left: 20px;
}
.twocol-text-right ul li {
list-style-type: square;
font-weight: 300;
line-height: 32px;
}
@media screen and (max-width: 1040px) {
.row.twocol-text-wrap {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
padding: 30px;
}
.twocol-text-right {
border-left: none;
padding-left: 0;
}
.twocol-text-services ul {
-moz-column-count: 1;
-moz-column-gap: 0;
-webkit-column-count: 1;
-webkit-column-gap: 0;
column-count: 1;
column-gap: 0;
}
}
@media screen and (max-width: 760px) {
.row.twocol-text-wrap {
padding: 20px;
}
} .twocol-content.row.full {
padding: 80px 40px;
}
.twocol-content.bg-white {
background-color:#ffffff;
}
.twocol-content.bg-gray {
background-color:#eeeeee;
}
.twocol-content-wrap {
margin-bottom: 50px;
display: flex;
flex-direction: row;
gap: 50px;
}
.align-left {
flex-direction: row-reverse;
}
.twocol-content {
flex: 1;
}
.twocol-content-img {
flex: 1;
position: relative;
}
.twocol-content-img img.align-left {
right: unset;
}
.twocol-content p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-weight: 300;
margin-bottom: 20px;
}
.twocol-content ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
margin-left: 20px;
margin-bottom: 20px;
}
.twocol-content li {
text-align: left;
margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
.twocol-content.row.full {
padding: 30px 30px;
}
.twocol-content-wrap.align-left,
.twocol-content-wrap.align-right  {
display: revert;
}
.twocol-content {
max-width: 100%;
}	
.twocol-content-img {
max-width: 100%;
margin-top: 20px;
}	
}
@media screen and (max-width: 760px) {
.twocol-content.row.full {
padding: 20px 20px;
}
} .full-width-panel.row.full {
padding: 100px 40px;
background-color: #05414F;
}
.background-img {
position: absolute;
background-size: cover;
min-width: 100%;
height: 100%;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.photo-cta {
text-align: center;
position: relative;
z-index: 1;
padding: 80px 40px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.photo-cta h2 {
font-size: 42px;
font-size: 4.2rem;
line-height: 44px;
color: #ffffff;
font-family: "Raleway", sans-serif;
font-weight: 200;
margin: 0 auto;
padding-bottom: 30px;
}
.photo-cta p {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #ffffff;
font-family: 'Raleway', sans-serif;
font-weight: 300;
}
.photo-cta img {
max-width: 280px;
margin-bottom: 30px;
}
@media screen and (max-width: 1040px) {
.photo-cta {
padding: 80px 30px;
}
.full-width-panel.row.full {
padding: 20px 15px;
}
.photo-cta h2 {
font-size: 34px;
font-size: 3.4rem;
line-height: 36px;
color: #ffffff;
font-family: "Raleway", sans-serif;
font-weight: 200;
margin: 0 auto;
padding-bottom: 30px;
}
}
@media screen and (max-width: 760px) {
.photo-cta {
padding: 40px 20px;
}
.photo-cta h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
} .spacer-panel.row.full {
background-color: #eeeeee;
z-index: -1;
}
.spacer-panel.row.full.bg_color {
background-color:#ECF9FC
}
.spacer-panel.row.full .row.small {
padding: 20px 40px;
}
.spacer-panel.row.full .row.medium {
padding: 40px 40px;
}
.spacer-panel.row.full .row.large {
padding: 60px 40px;
}
.spacer-panel.row.full .row.xlarge {
padding: 80px 40px;
}
@media screen and (max-width: 1040px) {
.spacer-panel.row.full {
padding: 20px 15px;
}
} .multicolumn-panel.row.full {
text-align: center;
padding: 80px 40px;
}
.row.multicolumn-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
margin: 40px 0;
}
article.multicolumn-item {
background-color: #fff;
padding: 40px;
border-top: 4px solid #2E9CA7;
display: grid;
grid-template-columns: 1fr;
}
article.multicolumn-item h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 32px;
font-family: "Raleway", sans-serif;
font-weight: 800;
color: #106786;
text-transform: uppercase;
margin: 0 0 10px 0;
}
article.multicolumn-item > div {
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
color: #2F2F2F;
font-family: 'Raleway', sans-serif;
font-weight: 300;
margin-bottom: 20px;
}
.multicolumn-link {
}
@media screen and (max-width: 1040px) {
.multicolumn-panel.row.full {
padding: 30px 30px;
}
.row.multicolumn-wrap {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
@media screen and (max-width: 760px) {
.multicolumn-panel.row.full {
padding: 20px 20px;
}
.row.multicolumn-wrap {
grid-template-columns: 1fr;
gap: 20px;
}
} .card-panel.row.full {
text-align: center;
padding: 80px 40px;
background-color: #006686;
}
.card-intro h1 {
color: #fff;
}
.row.card-wrap {
display: flex;
gap: 50px;
margin: 50px;
padding: 60px 40px;
background-color: #ffffff;
box-shadow: 0px 0px 13px rgba(0,0,0,0.36);
}
article.card-item {
flex: 1;
position: relative;
}
.card-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 30px;
}
.card-container > div:last-child {
margin-top: auto; 
}
article.card-item::after {
content: "";
position: absolute;
top: 0;
right: -25px;
width: 1px;
height: 100%;
background-color: #e2e2e2;
}
article.card-item:last-child::after {
display: none; 
}
.card-container h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 32px;
font-family: "Raleway", sans-serif;
font-weight: 600;
color: #2E9CA7;	
text-transform: uppercase;
margin: 0 0 10px 0;
}
.card-container p {
margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
.card-panel.row.full {
padding: 30px 30px;
}
.row.card-wrap {
margin: 50px 0;
}
}
@media screen and (max-width: 760px) {
.card-panel.row.full {
padding: 20px 20px;
}
.row.card-wrap {
margin: 20px 0;
padding: 30px 20px;
flex-direction: column;
}
.card-container {
padding: 10px;
}
article.card-item::after {
content: "";
position: absolute;
top: auto;
right: auto;
bottom: -25px; 
left: 0;
width: 100%;
height: 1px;
background-color: #e2e2e2;
}
article.card-item:last-child::after {
display: none; 
}
} .careers-panel.row.full {
background-color: #eeeeee;
padding: 80px 40px;
}
.row.positions-intro {
justify-content: left;
}
.positions-intro h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 32px;
font-family: "Raleway", sans-serif;
font-weight: 800;
color: #106786;	
text-transform: uppercase;
margin: 0 0 40px 0;
}
.row.positions-wrap {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
article.positions-item {
flex: 1;
position: relative;
background-color: #ffffff;
border-left: 4px solid #2E9CA7;
}
.positions-container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 30px;
}
.positions-container h3 {
font-size: 20px;
font-size: 2.0rem;
line-height: 22px;
font-family: "Raleway", sans-serif;
font-weight: 600;
color: #004a5b;	
text-transform: uppercase;
margin: 0 0 6px 0;
}
.positions-container em {
font-size: 15px;
font-size: 1.5rem;
line-height: 17px;
color: #004a5b;	
font-weight: 300;
margin-bottom: 10px;
}
.row.positions-outro {
padding: 40px 0;
text-align: center;
}
@media screen and (max-width: 1040px) {
.careers-panel.row.full {
padding: 40px 30px;
}
}
@media screen and (max-width: 760px) {
.careers-panel.row.full {
padding: 20px 20px;
}
.positions-intro h2 {
margin-bottom: 10px;
}
} .team-panel.row.full {
text-align: center;
background-color: #eeeeee;
padding: 80px 40px;
}
.team-grid {
display: grid;
gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
margin: 20px 0;
}
.team-tile {
text-align: left;
background-color: #ffffff;
}
.team-tile a {
opacity: 1;
transition: 0.3s;
}
.team-tile a:hover {
opacity: .7;
transition: 0.3s;
}
@media screen and (max-width: 1040px) {
.team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
}
.row.team-head {
margin: 40px 25px 0 25px;
}
}
@media screen and (max-width: 660px) {
.team-grid {
display: grid;
grid-template-columns: 1fr;
}
.row.team-head {
margin: 20px 0 0 0;
}
}
.team-tile-wrap {
padding: 15px 25px 25px 25px;
background-color: #fff;
min-height: 120px;
position: relative;
}
.team-arrow {
font-size: 35px;
color: #2E9CA7;
position: absolute;
right: 25px;
bottom: 25px;
transition: all .5s;
}
.team-arrow:hover {
color: #2E9CA7;
bottom: 35px;
}
.team-tile-wrap h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 26px;
font-weight: 300;
margin-bottom: 5px;
}
.team-title {
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
font-weight: 300;
font-style: italic;
color: #2F2F2F;
margin-bottom: 10px;
}
@media screen and (max-width: 1040px) {
.team-panel.row.full {
padding: 30px 30px;
}
}
@media screen and (max-width: 760px) {
.team-panel.row.full {
padding: 20px 20px;
}
} .team-single-hero {
min-height: 500px;
}
.team-single-wrap {
display: grid;
grid-template-columns: 1fr minmax(0, 50%);
padding: 0 40px;
}
.bio-image {
position: relative;
}
.bio-image img {
position: absolute;
bottom: 0;
left: -40px;
max-height: 550px;
width: auto;
}
.team-single-card {
background-color: rgba(255, 255, 255, 0.75);
border-left: 4px solid #B1B632;
z-index: 1;
padding: 20px 40px;
margin-right: 40px;
}
.team-single-card h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 42px;
font-weight: 500;
margin: 0;
}
.team-email a, 
.team-phone a {
font-size: 16px;
font-size: 1.6rem;
line-height: 20px;
font-weight: 300;
text-decoration: none;
color: #004a5b;
}
.team-email a:hover, 
.team-phone a:hover {
color: #2E9CA7;
}
.team-icons a {
color: #106786;
margin: 10px 12px 10px 0;
font-size: 19px;
font-size: 1.9rem;
text-decoration: none;
}
.team-icons a:hover {
color: #004a5b;
}
.team-single-content-wrap {
padding: 30px 30px;
display: grid;
grid-template-columns: 1fr minmax(0, 340px);
gap: 80px;
}
.team-single-content-wrap h2 {
font-size: 25px;
font-size: 2.5rem;
line-height: 27px;
font-weight: 400;
color: #004a5b;
margin: 0 0 10px 0;
}
.row.full.tab-links-wrap {
background-color: #E3E3E3;
}
.tab-links {
justify-content: left;
padding: 20px 20px;
}
.tab-content {
display: none;
opacity: 0;
transition: opacity 0.5s ease-in-out; 
}
.tab-content.active {
display: block;
opacity: 1;
}
.tab-links a {
font-size: 15px;
font-size: 1.5rem;
line-height: 16px;
cursor: pointer;
padding: 10px;
margin: 0 20px 0 0;
display: inline-block;
text-decoration: none;
color: #9E9E9E;
font-weight: 600;
text-transform: uppercase;
position: relative; 
}
.tab-links a.active {
color: #000000;
}
.tab-links a.active::after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #eeeeee; 
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.team-text ul {
list-style-type: disc;
color: #2F2F2F;
font-weight: 300;
margin-left: 20px;
margin-bottom: 20px;
}
.team-text li {
font-size: 15px;
font-size: 1.5rem;
line-height: 24px;
}
.team-text ul li ul {
margin-bottom: 0;
}
.team-wrap-right-container {
background-color: #fff;
padding: 20px;
}
.team-wrap-right h3 {
font-size: 16px;
font-size: 1.6rem;
line-height: 19px;
font-weight: 600;
text-transform: uppercase;
}
.badge img {
max-width: 200px;
margin-bottom: 10px;
}
@media screen and (max-width: 1040px) {
.team-single-hero {
min-height: 350px;
}
.bio-image img {
max-height: 450px;
}
.team-single-card h1 {
font-size: 30px;
font-size: 3.0rem;
line-height: 32px;
}
.team-single-content-wrap {
grid-template-columns: 1fr minmax(0, 240px);
gap: 40px;
}
}
@media screen and (max-width: 860px) {
.team-single-wrap {
grid-template-columns: 1fr;
padding: 0;
}
.team-single-card {
background-color: #fff;
margin-right: 0;
align-self: unset;
border-left:none;
padding: 20px;
}
.bio-image {
text-align: center;
}
.bio-image img {
position: unset;
max-height: unset;
max-width: 100%;
}
.tab-content {
display: unset !important;
opacity: 1;
}
.team-text {
margin-bottom: 20px;
}
.row.full.tab-links-wrap {
display: none;
}
.tab-links a {
margin: 0;
padding: 10px 0;
}
.tab-links a.active::after {
display: none;
}
.team-single-content-wrap {
padding: 20px;
grid-template-columns: 1fr;
gap: 0;
}
} .quicklinks-panel.row.full {
background-color: #05414F;
text-align: center;
padding: 80px 40px;
}
.quicklinks-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 80px;
}
.quicklinks-header {
padding: 50px 50px;
position: relative;
text-align: center
}
.quicklinks-header h2 {
color: #fff;
font-size: 44px;
font-size: 4.4rem;
line-height: 52px;
font-weight: 200;
z-index: 1;
}
.quicklinks-container {
margin-top: 20px;
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
max-width: 550px;
}
.quicklinks-container a {
font-size: 22px;
font-size: 2.2rem;
line-height: 26px;
font-weight: 500;
color: #fff;
text-decoration: none;
text-transform: uppercase;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between; 
padding: 10px 40px;
background-color: #042c35;
transition: background-color 0.5s;
border-left: 4px solid #B1B632;
}
.quicklinks-container a:hover {
background-color: #022c36;
color: #eee;
}
.quicklinks-container a i {
margin-left: 20px;
font-size: 40px;
font-size: 4.0rem;
transition: all .5s;
color: #fff;
}
.quicklinks-container a:hover i {
transform: translateX(5px);
}
@media screen and (max-width: 1040px) {
.quicklinks-panel.row.full {
padding: 30px 30px;
}
.quicklinks-header {
padding: 30px 30px;
}
.quicklinks-wrap {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
padding-bottom: 40px;
}
.quicklinks-header h2 {
color: #fff;
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
.quicklinks-container {
max-width: 90%;
}
}
@media screen and (max-width: 760px) {
.quicklinks-panel.row.full {
padding: 20px 20px;
}
} .contact-panel.row.full {
text-align: center;
padding: 80px 40px;
}
.contact-header {
flex-direction: column;
margin-bottom: 40px;
}
.contact-wrap {
display: grid;
grid-template-columns: 1fr minmax(0, 340px);
gap: 50px;
}
.contact-form {
flex: 1;
min-width: 60%;
text-align: left;
}
.contacts {
display: flex;
flex: 1;
text-align: left;
background-color: #fff;
padding: 30px;
flex-direction: column;
gap: 20px;
max-height: fit-content;
}
.contact-details {
color: #0B1C2F;
flex: 1;
margin-left: 10px;
line-height: 22px;
}
.fa-envelope,
.fa-phone,
.fa-location-dot,
.fa-circle-parking {
color: #106786;
margin-top: 4px;
}
@media screen and (max-width: 1040px) {
.contact-panel.row.full {
padding: 30px 30px;
}
.gfield_radio {
display: unset;
}
.contact-wrap {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
grid-template-areas:
"contacts"
"contact-form";
}
.contacts {
grid-area: contacts;
}
.contact-form {
grid-area: contact-form;
}
}
@media screen and (max-width: 760px) {
.contact-panel.row.full {
padding: 20px 20px;
}
} .gfield_radio {
display: flex;
}
.gchoice {
flex: 1;
color: #444;
}
p.gform_required_legend {
display: none;
}
.gform_wrapper.gravity-theme .gfield_required {
color: #444 !important;
font-size: 12px !important;
font-size: 1.2rem !important;
font-weight: 300;
}
.gform_wrapper.gravity-theme input[type=color], 
.gform_wrapper.gravity-theme input[type=date], 
.gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], 
.gform_wrapper.gravity-theme input[type=email], 
.gform_wrapper.gravity-theme input[type=month], 
.gform_wrapper.gravity-theme input[type=number], 
.gform_wrapper.gravity-theme input[type=password], 
.gform_wrapper.gravity-theme input[type=search], 
.gform_wrapper.gravity-theme input[type=tel], 
.gform_wrapper.gravity-theme input[type=text], 
.gform_wrapper.gravity-theme input[type=time], 
.gform_wrapper.gravity-theme input[type=url], 
.gform_wrapper.gravity-theme input[type=week], 
.gform_wrapper.gravity-theme select, 
.gform_wrapper.gravity-theme textarea {
border: 0;
background-color: #fff;
font-family: "Raleway", sans-serif;
min-height: 50px;
margin-bottom: 15px !important;
font-size: 17px !important;
font-size: 1.7rem !important;
line-height: 19px !important;
}
.gform_wrapper.gravity-theme .gfield_label {
color: #444444;
}
.gform_validation_errors,
.gfield_validation_message {
display: none;
} .blog-feed-panel.row.full {
background-color: #eeeeee;
padding: 80px 40px 90px 40px;
}
.blog-feed-panel-container {
color: #eeeeee;
justify-content: left;
}
.blog-feed-panel-container h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
color: #106786;
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 600;
}
.blog-feed-panel-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
padding: 0;
}
.blog-feed-panel-item {
text-align: left;
padding: 30px 30px 40px 30px;
background-color: #ffffff;
border-top: 4px solid #b1b632;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blog-feed-panel-item h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 26px;
font-weight: 400;
}
.blog-feed-panel-item h3 a {
color: #004a5b;
text-decoration: none;
transition: all .5s;
}
.blog-feed-panel-item h3 a:hover {
color: #2E9CA7;
text-decoration: none;
}
.blog-feed-panel-item excerpt p {
text-decoration: none;
color: #333333;
margin-bottom: 10px;
flex-grow: 1;
}
.blog-feed-panel-item .details {
display: flex;
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
color: #11748a;
}
.blog-feed-panel-item .details date {
flex: 1;
color: #333;
}
.blog-feed-panel-arrow {
color: #05414f;
transition: all .5s;
font-size: 15px;
margin-top: 10px;
}
.blog-feed-panel-arrow:hover {
color: #05414f;
text-decoration: none;
}
a.blog-feed-panel-arrow i {
transition: transform .5s;
margin-left: 3px;
line-height: 16px;
}
a.blog-feed-panel-arrow:hover i {
transform: translateX(10px);
}
@media screen and (max-width: 1040px) {
.blog-feed-panel.row.full {
padding: 30px 30px;
}
.blog-feed-panel-container {
flex-direction: column;
}
.blog-feed-panel-wrap {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 760px) {
.blog-feed-panel.row.full {
padding: 20px 20px;
}
.blog-feed-panel-item {
padding: 20px 20px 25px 20px;
}	
} .content.row.full {
background-color: #ffffff;
text-align: left;
padding: 80px 40px;
}
.content-wrap {
flex-direction: column;
}
.content-wrap ul {
list-style-type: disc;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
.content-wrap ol {
list-style-type: revert;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
.content.row.full {
padding: 20px 15px;
}
} .news-header-wrap {
flex-direction: column;
text-align: center;
margin-top: 50px;
margin-bottom: 25px;
}
.row.full.news-archive {
background-color: #eeeeee;
text-align: left;
padding: 40px 40px 80px 40px;
}
.news-wrapper {
display: grid; 
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
padding: 0;
}
.news-item {
text-align: left;
padding: 30px;
background-color: #ffffff;
border-top: 4px solid #b1b632;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news-item h2,
.news-item h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 26px;
font-weight: 400;
}
.news-item h2 a,
.news-item h3 a {
color: #004a5b;
text-decoration: none;
transition: all .5s;
text-decoration: none;
}
.news-item h2 a:hover,
.news-item h3 a:hover {
color: #2E9CA7;
text-decoration: none;
}
.news-item excerpt p {
text-decoration: none;
}
.news-item .details {
display: flex;
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
}
.news-item .details date {
flex: 1;
color: #333;
}
a.news-arrow {
font-size: 15px;
font-size: 1.5rem;
color: #05414f;
left: 30px;
bottom: 25px;
transition: all .5s;
text-decoration: none;
margin-top: 10px;
}
a.news-arrow:hover {
color: #05414f;
}
a.news-arrow i {
transition: transform .5s;
line-height: 16px;
margin-left: 3px;
}
a.news-arrow:hover i {
transform: translateX(10px);
}
@media screen and (max-width: 1040px) {
.row.full.news-archive {
padding: 30px 30px;
}
.news-wrapper {	
grid-template-columns: 1fr 1fr; 
}
.news-article {	
max-width: 100%;
}
}
@media screen and (max-width: 760px) {
.row.full.news-archive {
padding: 20px 20px;
}
.news-wrapper {	
grid-template-columns: 1fr; 
}
} #news-pagination.row.narrow {
margin: 0px auto;
padding: 60px;
text-align: center;
}
#news-pagination.row.narrow a,
#news-pagination.row.narrow span {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
margin: 0px 6px;
padding: 10px 5px;
background: #004a5b;
text-decoration: none;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 18px;
-webkit-transition: color .25s ease-in-out, background .25s ease-in-out;
-o-transition: color .25s ease-in-out, background .25s ease-in-out;
transition: color .25s ease-in-out, background .25s ease-in-out;
}
#news-pagination.row.narrow a:hover,
#news-pagination.row.narrow a.next:hover {
background: #444;
color: #fff;
}
#news-pagination.row.narrow a.next {
background: #004a5b;
color: #fff;
}
#news-pagination.row.narrow span.current {
color: #004a5b;
background: #fff;
} .news-single {
padding: 80px 40px;
display: block;
}
.news-single pre {
font-size: 20px;
font-size: 2.0rem;
line-height: 24px;
font-weight: 600;
color: #888;
text-transform: uppercase;
margin-bottom: 10px;
}
.news-single h1 {
font-size: 45px;
font-size: 4.5rem;
line-height: 47px;
padding-bottom: 20px;
margin: auto;
max-width: 90%;
}
.news-single date {
display: block;
margin-bottom: 20px;
}
.news-single .social-share {
margin-bottom: 20px;
}
.news-single img {
margin: 40px 0;
max-width: fit-content;
}
.news-single-container {
text-align: left;
margin: 20px 0;
}
.news-single-container p {
margin-bottom: 20px;
}
.news-single-container a {
text-decoration: underline;
}
.news-single-container blockquote {
border-top: 1px solid #004a5b;
border-bottom: 1px solid #004a5b;
margin: 30px 0;
}
.news-single-container blockquote p {
font-size: 25px;
font-size: 2.5rem;
line-height: 28px;
color: #106786;
margin: 30px 0;
}
.news-single-container ul {
list-style-type: disc;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
.news-single-container ol {
list-style-type: revert;
color: #2F2F2F;
line-height: 24px;
font-weight: 300;
margin-left: 50px;
margin-bottom: 20px;
}
.news-single-container table {
border: 1px solid #e3e3e2; 
width: 100%;
margin: 10px 0 20px 0;
}
.news-single-container td, 
.news-single-container th {
border: 1px solid #e3e3e2; 
}
.news-single-container tr:first-child {
background-color: #004a5b;
color: #ffffff;
}
.news-single-container tr:nth-child(even) {
background-color: #eeeeee;
}
.news-single-container table td, 
.news-single-container table th {
padding: 10px 10px;
}
.news-single-container iframe {
width: 100% !important;
min-height: 500px;
margin: 20px 0;
}
@media screen and (max-width: 1040px) {
.news-single {
padding: 20px 30px;
}
.news-single h1 {
font-size: 40px;
font-size: 4.0rem;
line-height: 42px;
}
}
@media screen and (max-width: 760px) {
.news-single {
padding: 20px 20px;
}
.news-single h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 37px;
}
} .row.full.news-single-feed-panel {
background-color: #E9E9E9;
padding: 60px 40px 80px 40px;
}
.news-single-feed h2 {
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 600;
}
@media screen and (max-width: 1040px) {
.row.full.news-single-feed-panel {
padding: 30px 30px 50px 30px;
}
}
@media screen and (max-width: 760px) {
.row.full.news-single-feed-panel {
padding: 20px 20px 40px 20px;
}
} .full-panel.row.full {
background-color: #006686;
padding: 80px 40px;
position: relative;
background-position: right bottom;
background-repeat: no-repeat;
background-size: 400px;
overflow: hidden;
min-height: 550px;
}
.error h1 {
color: #ffffff;
max-width: 70%;
margin-bottom: 20px;
}
.error h2 {
color: #ffffff;
max-width: 70%;
margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
.full-panel.row.full {
text-align: center;
padding: 30px;
min-height: 450px;
}
.error h1 {
max-width: 100%;
}
.error h2 {
max-width: 100%;
font-size: 28px;
font-size: 2.8rem;
line-height: 30px;
}
} #site-footer {
background-color: #05414F;
}
.row.full.footer-topper {
background-color: #03373f;
padding: 20px;	
}
.footer-topper a {
font-size: 22px;
font-size: 2.2rem;
line-height: 24px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
}
.footer-topper a:hover {
text-decoration: none;
}
.row.full.site-footer {
padding: 50px 40px 40px 40px;
}
.footer  {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
color: #ffffff;
font-family: 'Raleway', sans-serif;
font-weight: 300;
}
.footer a {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 300;
color: #fff;
text-decoration: none;
}
.footer a:hover {
color: ##2E9CA7;
}
.ftr-top {
display: grid;
grid-template-columns: minmax(0, 350px) 1fr;
gap: 50px;
padding-bottom: 20px;
}
.footer-logo img  {
max-width: 350px;
}
.row.footer-nav {
justify-content: right;
}
.footer-nav #menu-main-menu-2 {
display: flex;
}
.footer-nav #menu-main-menu-2 li {
margin: 20px 0 0 20px;
}
.footer-nav #menu-main-menu-2 li a {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
font-weight: 500;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
transition: all .5s;
}
.footer-nav #menu-main-menu-2 li a:hover {
color: #2E9CA7;
text-decoration: none;
}
.ftr-mid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
padding-bottom: 30px;
}
.copyright {
text-align: right;
width: 100%;
}
.social-list {
display: flex;
width: 100%;
justify-content: left;
margin: 10px 0;
}
.li.social-link,
.tw.social-link,
.ig.social-link,
.yt.social-link,
.fb.social-link,
.x.social-link {
display: block;
position: relative;
margin: 0 10px 0 0;
width: 34px;
height: 34px;
padding: 3px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
background-color: #05414f;
border: 1px solid #ffffff;
border-radius: 50%;
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out;
transition: transform .25s ease-in-out, opacity .3s ease-in-out, -webkit-transform .25s ease-in-out;
}
.social-link:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
opacity: .8;
}
.social-link .icon {
display: block;
position: relative;
width: 100%;
height: 100%;
filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(260%) hue-rotate(36deg) brightness(120%) contrast(100%);
}
.ftr-lower {
display: flex;
flex-direction: row;
gap: 50px;
border-top: 1px solid #fff;
padding-top: 30px;
}
.footer-disclaimer {
font-size: 10px;
font-size: 1.0rem;
flex: 1;
}
.footer-best-lawyer-badges {
display: flex;
flex: 1;
flex-direction: row;
justify-content: right;
max-width: fit-content;
}
.footer-badge img {
max-width: 240px;
margin-bottom: 10px;
margin-left: 20px;
}
@media screen and (max-width: 1040px) {
.ftr-top {
grid-template-columns: 1fr;
text-align: center;
gap: 0;
padding: 0;
}
.footer-logo {
margin: auto;
}
.row.footer-nav {
justify-content: center;
}
.footer-nav #menu-main-menu-2 li {
margin: 20px 10px;
}
.ftr-mid {
grid-template-columns: 1fr;
gap: 0;
padding-bottom: 20px;
text-align: center;
}
.copyright {
text-align: center;
}
.social-list {
padding: 10px 0 10px 0;
}
#social-nav {
position: revert;
width: 100%;
display: block;
margin-top: 15px;
}
.social-list {
right: revert;
left: 0;
margin: auto;
justify-content: center;
}
.fb.social-link,
.tw.social-link,
.li.social-link,
.ig.social-link {
margin: 0 10px;
}
.footer-nav #menu-main-menu-2 li a {
font-size: 14px;
font-size: 1.4rem;
line-height: 18px;
}
.ftr-lower {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.footer-disclaimer {
text-align: center;
}
.footer-badge img {
margin: 0 10px 20px  10px;
}
}
@media screen and (max-width: 800px) {
.row.footer-nav {
padding: 20px;
}
.footer-nav #menu-main-menu-2 {
display: flex;
flex-direction: column;
}
.footer-nav #menu-main-menu-2 li {
margin: 3px;
}
.footer-best-lawyer-badges {
flex-direction: column;
}
} .btn a,
.btn {
text-transform: uppercase;
font-size: 16px;
font-size: 1.6rem;
font-family: "Raleway", sans-serif;
font-weight: 600;
padding: 15px 40px;
display: inline-block;
color: #ffffff;
background-color: #004a5b;
text-decoration: none;
display: inline-block;
transition: all .5s;
line-height: 18px;
border-radius: 30px;
border: none;
margin: 0;
}
.btn a:hover,
a.btn:hover {
color: #ffffff;
background-color: #3ebbfb;
border: none;
text-decoration: none;
}
a.btn.ghost,
input[type='submit'] {
text-transform: uppercase;
font-size: 16px;
font-size: 1.6rem;
font-family: "Raleway", sans-serif;
font-weight: 600;
padding: 10px 30px;
display: inline-block;
color: #05414F;
background-color: #fff;
text-decoration: none;
display: inline-block;
transition: all .5s;
line-height: 18px;
border-radius: 30px;
border: 1px solid #05414F;
margin: 0;
}
a.btn.ghost:hover,
input[type='submit']:hover {
color: #fff;
background-color: #05414F;
border: 1px solid #05414F;
text-decoration: none;
} .print-only, .hide, .hidden { display: none !important; visibility: hidden; }
body img.gform_ajax_spinner { display: none !important; } @media print {
#site-header {display: none;}
.print-only { display: block!important; visibility: visible;}
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}