.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}#custom-cursor {
position: fixed;
top: 0;
left: 0;
width: 10px;
height: 10px;
background-color: white; border-radius: 50%;
pointer-events: none;
z-index: 999999 !important;
transform: translate(-50%, -50%);
transition: transform 0.2s ease;
will-change: transform;
mix-blend-mode: difference;
opacity: 0.9;
}
@media (max-width: 767px) {
#custom-cursor {
display: none !important;
}
}@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css) :root {
--BottomOffset: 20px;
--LineHeight: 3px;
--LineColor: black;
}
.menu-style ul.et-menu>li>a {
position: relative;
z-index: 1;
}
.menu-style ul.et-menu>li>a:before {
position: absolute;
content: '';
display: block;
z-index: -1;
background: var(--LineColor);
width: 0;
height: var(--LineHeight);
bottom: var(--BottomOffset);
left: calc(var(--LineHeight) / -2);
transition: 0.3s cubic-bezier(.03,.3,.4,.96);
transform: skew(-10deg);
}
.menu-style ul.et-menu>li>a:hover:before {
width: calc(100% + var(--LineHeight));
} .menu-style ul.et-menu > li.hover-glide > a:before {
display: none !important;
}
li.hover-glide {
position: relative;
overflow: hidden;
padding-left: 0 !important;
padding-right: 0 !important;
}
li.hover-glide::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: #859579;
transition: left 1.5s ease;
z-index: 1;
}
li.hover-glide > a {
position: relative;
z-index: 2;
display: inline-block;
padding: 10px 18px !important;
color: white;
text-decoration: none;
border: 1px solid #13292A;
}
li.hover-glide:hover::before {
left: 110%;
} a.more-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto !important;
max-width: max-content;
border: 1px solid #13292A;
margin-top: 10px;
padding: 10px 18px;
color: #13291B;
text-decoration: none;
overflow: hidden;
background-color: transparent;
position: relative;
z-index: 1;
}
a.more-link::before {
content: "";
position: absolute;
top: 0;
left: -110%;
width: 100%;
height: 100%;
background-color: #859579;
transition: left 1.5s ease;
z-index: 0;
}
a.more-link::after {
content: attr(data-text);
position: relative;
z-index: 2;
color: inherit;
pointer-events: none;
}
a.more-link:hover::before {
left: 110%;
} .wp-pagenavi a,
.wp-pagenavi span {
color: #13292A;
background: transparent !important;
font-size: 15px !important;
line-height: 1em;
padding: 0.45em 0.8em !important;
border-radius: 100px;
border: solid #13292A 1px;
transition: all .5s;
}
.wp-pagenavi span.current {
color: #ffffff !important;
background: #859579 !important;
border: solid #859579 1px;
}
.wp-pagenavi a:hover {
color: #ffffff!important;
background: #859579!important;
}
.wp-pagenavi .pages {
background: none;
display: none;
}
.wp-pagenavi {
border-top: none;
}
.pagination .alignleft a:hover,
.pagination .alignright a:hover {
background: transparent;
color: #b85b24;
border: 2px solid #13292A;
transition: all 0.3s ease-in-out;
} .custom-mobile-menu-toggle {
position: relative;
width: 30px;
height: 20px;
cursor: pointer;
z-index: 10001;
}
.custom-mobile-menu-toggle span {
display: block;
height: 3px;
background: #13292A;
margin: 5px 0;
transition: all 0.3s ease;
}
.custom-mobile-menu-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.custom-mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.custom-mobile-menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
.custom-mobile-menu-toggle.active span {
background: #EFEEE9;
} .custom-mobile-menu {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #13292A;
display: none;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 10000;
}
.custom-mobile-menu.open {
display: flex;
}
.custom-mobile-menu ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.custom-mobile-menu li {
margin: 20px 0;
}
.custom-mobile-menu li a {
font-size: 36px;
text-decoration: none;
color: #EFEEE9;
transition: transform 0.2s ease, color 0.2s ease;
}
.custom-mobile-menu li a:hover {
transform: scale(1.1);
color: #BFBBAA;
}
.custom-mobile-menu li.hover-glide > a {
border: 1px solid #EFEEE9 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.custom-mobile-menu li.hover-glide > a:hover {
padding-top: 15px;
padding-bottom: 15px;
} .custom-mobile-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background: transparent;
z-index: 10001;
position: relative;
}
.custom-mobile-header .mobile-logo img {
height: 40px;
width: auto;
display: block;
}
.logo-default {
display: block !important;
}
.logo-white {
display: none !important;
}
body.menu-open .logo-default {
display: none !important;
}
body.menu-open .logo-white {
display: block !important;
} .forminator-button-submit {
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
padding: 15px 25px!important;
}
.forminator-button-submit::before {
content: "\f1d8"!important;
font-family: "Font Awesome 5 Free"!important;
font-weight: 900!important;
display: inline-block!important;
margin-right: 8px!important;
} .left-col {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.left-col .team-blurb {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
cursor: pointer;
text-align: center;
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 0.8;
}
.left-col .team-blurb img {
width: 80%;
height: auto;
border-radius: 50%;
margin: 0 auto;
}
.left-col .team-blurb .et_pb_blurb_title,
.left-col .team-blurb .et_pb_blurb_description {
display: none;
}
.left-col .team-blurb.active {
transform: scale(1.1);
opacity: 1;
}
.left-col .team-blurb.active .et_pb_blurb_title {
display: block;
margin-top: 10px;
font-weight: bold;
}
.team-pagination {
display: flex;
justify-content: center;
text-align: center;
margin-top: 20px;
flex-basis: 100%;
}
.team-pagination span {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid #ccc;
border-radius: 50%;
margin: 0 5px;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}
.team-pagination span .et-pb-icon {
display: block;
background: none !important;
border: none !important;
border-radius: 0 !important;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 20px;
}
.team-pagination span.arrow {
color: #13292a;
border-color: #13292a;
}
.team-pagination span.disabled {
color: #aaa;
border-color: #aaa;
pointer-events: none;
}
.hidden-blurb {
display: none !important;
} .my-custom-row {
display: flex;
flex-wrap: wrap;
}
.my-custom-row .left-column {
width: 40%;
padding-right: 20px;
box-sizing: border-box;
}
.my-custom-row .right-column {
width: 60%;
box-sizing: border-box;
} .card-meta {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13px !important;
color: #fff !important;
position: relative !important;
}
.card-meta::before {
content: "";
width: 30px!important;
height: 2px!important;
background-color: #fff!important;
margin-right: 10px!important;
display: inline-block !important;
}
.card-meta .meta-terms::after {
content: "\2022" !important;
margin: 0 6px !important;
display: inline-block !important;
opacity: 0.7 !important;
}
@media (max-width: 400px) {
.card-meta {
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
}
.card-meta .meta-terms::after {
content: "" !important;
}
}
@keyframes slideIn {
from { transform: translateX(-20px); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes slideArrow {
from { transform: translateX(0); }
to { transform: translateX(65px); }
}
.wpgb-card:hover .read-text {
animation: slideIn 1.2s cubic-bezier(0.25, 1, 0.3, 1) forwards;
}
.readmore-slide {
display: inline-flex;
align-items: center;
position: relative;
width: auto;
}
.read-text {
position: absolute;
left: 0;
opacity: 0;
transform: translateX(-100%);
transition: transform 3s ease, opacity 3s ease;
white-space: nowrap;
}
.arrow-icon {
position: relative;
display: inline-block;
z-index: 2;
}
.wpgb-card:hover .read-text {
opacity: 1;
transform: translateX(0);
}
.wpgb-card:hover .arrow-icon {
animation: slideArrow 1.2s cubic-bezier(0.25, 1, 0.3, 1) forwards;
} .et_pb_menu__menu .nav li:not(:first-child) {
margin-left: 50px;
}