:root{
--primary-color: #003057; /*brands blue*/
--primary-color-op90: rgba(0,48,87,0.9); /*brands blue*/
--primary-color-t20:#335979; /*brand blue with tint 20*/
--secondary-color:#A7A8AA; /*brands grey*/
--secondary-color-op60:rgba(167,168,170,0.6); /*brands grey*/
--secondary-color-op80:rgba(167,168,170,0.8); /*brands grey*/
}
body{
font-size:16px;
}
p {
letter-spacing: .5px;
}
section[class*="basic"]:not(.theme1) :is(h4){
color:var(--primary-color);
}
section[class*="basic"] :is(h4){
font-style: italic;
}
.theme2 h1, .theme3 h1{
color:var(--primary-color);
}
/*-------mass padding override-------------*/
section[class*="basic"][class*="theme"] div[id*="divInnerWrap"]{
padding:30px 0;
}
section[class*="basic"].theme1 div[id*="divInnerWrap"]{
padding:60px 0;
}
section[id*="ImageAndTextQuickLinks"].theme1 div[id*="divInnerWrap"]{
padding:50px 0 20px;
min-height: 80vh;
margin:auto 0;
}
section[id*="ImageAndTextQuickLinks"].theme1 div[id*="divInnerWrap"] .container{
padding:60px 0 60px;
}
/*-----------------------------------------ADDING CHEVRONS---------------------------------------------------*/
/*----- WE WANT THE CHEVRON'S OR ANY INDICATOR TO START FROM WHERE THE HAMBURGER MENU STOPS WHICH IS 1025PX----*/
@media(hover:hover)and (pointer:fine)and (min-width:1025px),
screen and (-ms-high-contrast:none)and (min-width:1025px) {
/*--------- WE APPLY THE ICON AS A PSEUDO ELEMENT FOR ALL LINKS AS DEFAULT------*/
.master-layout-1 #main-menu li>a:before {
font-family: "FontAwesome";
font-weight: 100;
font-size:0.8em;
content: "\f078";
padding-left: 5px;
right:-6px;
position: absolute;
color:var( --primary-color-t20);
}
.master-layout-1 #main-menu li>a {
/* margin-left:10px; */
}
.master-layout-1 #divMainMenu nav #main-menu>li>a{
padding: 0 15px;
}
#main-menu li:has(ul){
padding:0 15px 0 5px;
}
#main-menu ul:has(ul) li{
padding:0 0px 0 0px;
}
/*------------------ WE THEN OVERRIDE IT WITH A RULE THAT SAYS, IF THE a ELEMENT DOES'NT HAVE ANY CHILDREN, WE REMOVE THE ICON ----------*/
.master-layout-1 #main-menu li>a:only-child:before {
content: '';
margin-left:0;
}
/*---------------- TO AVOID REPETITIVE CODE, WE JUST ROTATE THE CHEVRON ICON FOR THE CHILD NAV ---------------*/
.master-layout-1 #main-menu .child-nav a:before {
display: inline-block;
transform: rotate(270deg);
padding-left: 0;
color:var(--secondary-color);
right: 5px;
}
/*--------------------- IF CHEVRON IS NOT USED AS AN ICON, YOU CAN EITHE REMOVE THE CODE ABOVE THIS LINE OR REINSTATE A NEW ICON THAT ACCOMMODATES YOUR SITUATION ----*/
/*----------------- THIS JUST FIXES THE SPACING OF THE ICON AND THE SUBMENU JUST SO IT IS NOT RIGHT NEXT TO EACH OTHER WHIL MAKING SURE IT EXPANDS TO EITHER SIDES OF THE BOX ---------*/
.master-layout-1 #main-menu .child-nav a {
display: flex;
justify-content: space-between;
align-items: center;
}
}
/*-------------------------------------------------------buttons-------------------------------------*/
.theme2 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover, .theme2 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn:focus{
color:white;
}
.e3-button, .FormPanel .FormButton, .widget-bizform .FormButton.btn, a.btn, .btn, section[class*='theme'] a.btn, section[class*='theme'] .btn{
border: 2px ridge var(--secondary-color);
background-image:
linear-gradient(var(--secondary-color) 0 0),
linear-gradient(var(--secondary-color) 0 0);
background-repeat: no-repeat;
background-size: 50% .08em;
background-position:
-100% 100%,
200% 0;
transition: background-size .3s, background-position .3s .3s, color .6s;
}
.e3-button:hover, .FormPanel .FormButton:hover, .widget-bizform .FormButton.btn:hover, a.btn:hover, .btn:hover, section[class*='theme'] a.btn:hover, section[class*='theme'] .btn:hover{
background-size: 50% 100%;
background-position:
0 100%,
100% 0;
color:white;
transition: background-size .3s .3s, background-position .3s, color .6s;
}
.theme1 .theme-secondary a.btn, .theme1 .theme-secondary .e3-button, .theme1 .theme-secondary .FormButton.btn, .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name {
border: 2px ridge var(--secondary-color);
background-image:
linear-gradient(var(--primary-color) 0 0),
linear-gradient(var(--primary-color) 0 0);
background-repeat: no-repeat;
background-size: 50% .08em;
background-position:
-100% 100%,
200% 0;
transition: background-size .3s, background-position .3s .3s, color .6s;
}
.theme1 .theme-secondary a.btn:hover, .theme1 .theme-secondary .e3-button:hover, .theme1 .theme-secondary .FormButton.btn:hover, .master-layout-1 .MyProfile_Member .MyProfile_SignedOut:hover .MyProfile_Name{
/* background-color:var(--secondary-color); */
background-size: 50% 100%;
background-position:
0 100%,
100% 0;
color:white;
transition: background-size .3s .3s, background-position .3s, color .6s;
}
section.theme3 a.btn, section.theme3 .e3-button, section.theme3 .FormButton.btn{
background-image:
linear-gradient(var(--primary-color) 0 0),
linear-gradient(var(--primary-color) 0 0);
}
/*----------------------------------------------link adjusted theme ------------------------------------------*/
section.theme1 .expandable-container .row a{
color:var(--primary-color);
text-decoration: none;
}
section.theme1 .expandable-container .row a:hover{
color:var(--primary-color-op90);
text-decoration: underline;
/* font-weight: bold; */
}
/*---------------------------------------------------------------------navigation----------------------------------------------------*/
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
.master-layout-1 #divMainMenu nav #main-menu>li>a {
line-height: 140px;
}
.master-layout-1.scrolled-head #divMainMenu #main-menu>li>a, .master-layout-1.scrolled-head-temp #divMainMenu #main-menu>li>a{
line-height:100px
}
.master-layout-1.scrolled-head .logo, .master-layout-1.scrolled-head-temp .logo {
height: 90px;
}
.master-layout-1 .MyProfile_Member{
height:140px
}
.master-layout-1.scrolled-head .MyProfile_Member{
height:100px
}
.master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
height:60px;
margin-top:40px;
padding: 0 20px;
}
.master-layout-1.scrolled-head .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
margin-top:20px;
}
/*----------------------------------logo-----------------------*/
.master-layout-1 .logo {
background-color:white;
padding: 10px;
margin:10px;
clip-path: circle(49% at 50% 50%);
}
.master-layout-1.scrolled-head .logo {
margin:5px;
padding: 10px;
}
}
@media (max-width:1023px){
.master-layout-1 .logo img {
background-color:white;
clip-path: circle(49% at 50% 50%);
padding: 5px;
}
.master-layout-1 .logo, .master-layout-1 ,.master-layout-1 .container-fluid {
height: 90px;
}
.master-layout-1 .MyProfile_Member, .master-layout-1 .mobile-nav-btn {
margin:25px 0 0 ;
}
}
.master-layout-1 #divMainMenu nav #main-menu li, .master-layout-1 #divMainMenu nav #main-menu a {
font-size:18px;
text-transform:uppercase;
font-weight: 500;
}
.master-layout-1 #divMainMenu nav #main-menu>li>a:after{
content:'';
position:absolute;
bottom:0;
left:0;
width:0%;
height:0px;
background-color:var(--secondary-color);
transition:width 1s ease, height 1s ease;
}
.master-layout-1 #divMainMenu nav #main-menu>li>a.active-link:after{
height:5px;
}
.master-layout-1 #divMainMenu nav #main-menu>li>a:hover:after, .master-layout-1 #divMainMenu nav #main-menu>li>a.highlighted:after{
width:100%;
height: 5px;
}
/*-----------------------------------------------title underline---------------------------------------------------------*/
h1:has(u){
margin: 30px auto;
width: fit-content;
position: relative;
line-height: 1;
text-align: center;
padding:20px;
}
h1 u{
text-decoration: none;
}
h1:has(u)::after{
content:'';
height:4px;
bottom:0px;
left:0%;
padding: 0 40px;
margin: 0 3%;
position: absolute;
width: 94%;
animation-name: stretch;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
animation-direction: normal;
animation-play-state: running;
z-index:10;
}
[class*="theme"] h1:has(u)::after{
background: var(--primary-color);
}
.theme1 h1:has(u)::after{
background: var(--secondary-color);
}
@media(min-width:768px){
h1:has(u){
font-size:3.3em;
}
}
@keyframes stretch {
0% {
transform: scale(.2);
}
100% {
transform: scale(1);
}
}
/*---------------------------------------Image and Text Quick Links .theme1----------------------------------------------*/
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile {
box-shadow: 4px 4px 9px rgba(0,0,0,0.4);
}
section[id*="ImageAndTextQuickLinks"].theme1 .theme-primary-hover-in{
background:linear-gradient(to bottom, white 10%, transparent 40%);
}
section[id*="ImageAndTextQuickLinks"].theme1 .theme-primary-hover-in:hover{
background-color:rgba(250,250,250, .8);
}
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile:nth-child(even){
transform:translatey(-20px);
transition: all .5s ease-in;
}
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile:nth-child(odd){
transform:translatey(30px);
transition: all .5s ease-in;
}
section[id*="ImageAndTextQuickLinks"].theme1:hover .cho-quicklink-tile:nth-child(odd), section[id*="ImageAndTextQuickLinks"]:hover .cho-quicklink-tile:nth-child(even){
transform: translatey(0);
}
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper .image-background {
justify-content: flex-start;
}
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper .image-background:hover {
justify-content: center;
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background .cho-quicklink-para{
visibility: hidden;
transform:translatey(200px);
transition: all 1s ease-in;
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background:hover .cho-quicklink-para{
visibility: visible;
transform:translatey(0px);
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background .widget1-title{
border-bottom:3px solid var(--primary-color-t20);
transform: translatey(0px);
transition: all 1s cubic-bezier(.66,.39,.21,.67);
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background:hover .widget1-title{
transform: translatey(-10px);
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background h4{
font-size:1.8em;
}
/*--------------mobile adjustment for touch screens--------------*/
@media (max-width:1024px) {
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile:nth-child(even),section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile:nth-child(odd){
transform:translatey(0);
}
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile{
padding:0;
}
}
@media (hover:none){
section[id*="ImageAndTextQuickLinks"].theme1 .cho-quicklink-tile .cho-quicklink-basic-wrapper .image-background {
background:linear-gradient(to bottom,rgba(255,255,255,0.8) 80%, transparent 100%);
justify-content: center;
}
section[id*="ImageAndTextQuickLinks"].theme1 .image-background .cho-quicklink-para{
visibility: visible;
transform: translatey(0);
}
}
/*------------------------------------text quick links----------------------------*/
@media (min-width: 768px) {
.quicklink-text-bg .quicklink-text-bg-container{
min-height: 295px;
}
}
@media (max-width: 768px) {
.quicklink-text-bg .quicklink-text-tile {
max-width: 90%;
}
}
/*------------------------------------ TITLE AND SUMMARY SIDE BY SIDE ------------------------------*/
section[id*="TitleAndSummary"] p {
line-height: 1.8;
letter-spacing: .5px;
}
@media (min-width:768px) and (max-width: 1023px) {
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper {
flex-direction: column;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper>div {
left: 0 ;
right: 0 ;
width: 100%;
}
}
@media (max-width:1023px){
section[id*="TitleAndSummary"].theme1.basic-block:not(.background-image) .text-block-wrapper{
background:#001d34;
}
section[id*="TitleAndSummary"].theme2.basic-block:not(.background-image) .text-block-wrapper{
background:#e6eaee;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image) .text-block-wrapper{
background:#001d34;
padding: 30px 30px;
margin: 30px auto;
z-index: 10;
position:relative;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image) .text-block:before{
content: '';
position: absolute;
width: calc(75% - 1.25vw) ;
height: calc(100% - 90px );
left: 60px;
top: 2vw;
/* border: 2px solid var(--secondary-color) ; */
z-index: 0;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image) .text-block:after{
content: '';
position: absolute;
display: block;
width: calc(80% - 1.25vw) ;
height: calc(80% - 5vw);
right: 5vw;
z-index: 0 ;
bottom: 20px;
/* background-image: url("data:image/svg+xml,"); */
/* background: url('/getmedia/7b91b8d5-8be3-4f01-a788-434da0bdf100/pattern_diamonds-13_2_7_0-0_180_1_ffffff00_e5e5e6.aspx'); */
/* background-size: 100px; */
opacity: 0.6;
}
}
section[id*="TitleAndSummary"][class*="theme"].basic-block:not(.background-image) .text-block:before,
section[id*="TitleAndSummary"][class*="theme"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:after {
border: 3px ridge var(--primary-color-t20) ;
}
section[id*="TitleAndSummary"][class*="theme"].basic-block:not(.background-image) .text-block:after,
section[id*="TitleAndSummary"][class*="theme"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:before{
background-image: url("/getmedia/bb3e59f6-5d5f-47e9-b7c9-d476f8d8e564/pattern_diamonds_ffffff00_blue.aspx")
}
section[id*="TitleAndSummary"].theme1.basic-block:not(.background-image) .text-block:before,
section[id*="TitleAndSummary"].theme1.basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:after {
border: 3px ridge var(--secondary-color) ;
}
section[id*="TitleAndSummary"].theme1.basic-block:not(.background-image) .text-block:after,
section[id*="TitleAndSummary"].theme1.basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:before{
background-image: url("/getmedia/15c22dbc-0ec5-4f8f-854b-cf1d15f6e55a/pattern_diamonds_ffffff00_grey.aspx");
}
@media (max-width:767px) {
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper .img-block {
min-height: 30vh;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image) .text-block:before{
left: 10px;
width:90%;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image) .text-block:after{
right: 2vw;
width:90%;
}
}
@media (min-width:1024px) {
section[id*="TitleAndSummary"].basic-block:not(.background-image),
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div,
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div .basic-block-wrapper {
min-height: 70vh;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper>div {
height: 100%;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper {
padding: 2.5vw 0 2.5vw 2.5vw;
position: relative;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper.img-right {
padding-left: 0 ;
padding-right: 2.5vw;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) {
display: flex;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper {
align-items: stretch ;
position: relative ;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper.img-right:before {
right: 0.5vw ;
left: auto;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:after {
content: '';
position: absolute;
width: calc(50% - 1.25vw) ;
height: calc(100% - 5vw);
left: 4vw;
top: 1vw;
/* border: 2px solid var(--secondary-color) ; */
z-index: 0;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper.img-right:after {
left: auto ;
right: 4vw;
}
section[id*="TitleAndSummary"]>div:not(.inner-wrap) .basic-block-wrapper .text-block-wrapper {
width: 50vw;
margin: 20px;
padding: 30px;
min-height: 35vh;
display: block;
flex-direction: column;
justify-content: center;
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper .img-block {
z-index: 10;
/* min-height: 55vh ; */
}
section[id*="TitleAndSummary"].basic-block:not(.background-image)>div:not(.inner-wrap) .basic-block-wrapper:before {
content: '';
position: absolute;
display: block;
width: calc(50% - 4vw) ;
height: calc(100% - 5vw);
left: 0.5vw;
z-index: 0 ;
bottom: 0.5vw;
/* background-image: url("data:image/svg+xml,"); */
/* background: url('/getmedia/7b91b8d5-8be3-4f01-a788-434da0bdf100/pattern_diamonds-13_2_7_0-0_180_1_ffffff00_e5e5e6.aspx'); */
/* background-size: 100px; */
opacity: 0.6;
}
}
/*-------------------------------------------------------Title and Summary banner verison--------------------------------*/
section[id*="TitleAndSummary"].basic-block.background-image{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.basic-block.background-image .inner-wrap {
height: 80vh;
}
.basic-block.background-image .theme-secondary-op75 {
background-color: transparent;
}
.basic-block.background-image[class*="theme"] .theme-secondary-op75 .text-block-wrapper{
background-color: rgba(230,234,238,0.90);
padding:30px;
border: 2px ridge var(--secondary-color);
}
.basic-block.background-image.theme1 .theme-secondary-op75 .text-block-wrapper{
background-color: var(--primary-color-op90);
}
/*----------------------------------------------------------------------------------------------full width quick links----------------------------------------------*/
/*-------------------------------------------- theme 1 & Theme 2 full width quick links---------------------------------*/
section.full-width-quicklinks:is(.theme2, .theme1){
padding:70px 0;
}
:is(.theme2, .theme1) .full-width-quicklink-wrapper{
z-index: 10;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item {
margin: 30px;
overflow: visible;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:hover .fwql-img,
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:hover .full-width-quicklink-wrapper {
transform: scale(1.04);
transition: transform .4s ease-in-out;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:before,
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
transition: .3s ease-in-out;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:before {
top: 15px;
left: -15px;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:after {
bottom: 15px;
right: -15px;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:hover:before {
top: -20px;
left: -20px;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:hover:after {
bottom: -20px;
right: -20px;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item:hover h3{
padding-bottom:10px;
}
.full-width-quicklinks:is(.theme2, .theme1) .quicklink-flex-item h3{
transition: all .1s ease-in .2s;
}
/*----------------------------theme 1 ----------------*/
section.full-width-quicklinks.theme1 {
background-color: var(--primary-color);
}
section.full-width-quicklinks.theme1 .theme-primary-hover-in:hover{
background-color: rgba(77,110,137,0.85);
color:white;
}
section.full-width-quicklinks.theme1 a{
z-index: 10;
}
.full-width-quicklinks.theme1 .quicklink-flex-item:before {
border:2px ridge var(--secondary-color);
}
.full-width-quicklinks.theme1 .quicklink-flex-item:after {
background-color:var(--secondary-color);
}
.full-width-quicklinks.theme1 .quicklink-flex-item:hover:after {
background-color:var(--secondary-color);
}
.full-width-quicklinks.theme1 .quicklink-flex-item:hover h3{
border-bottom:4px solid var(--primary-color);
}
.theme1.full-width-quicklinks .quicklink-flex-item:hover .large-bkgd h3{
color:white;
}
/*-------------------------------theme 2 ----------------*/
.full-width-quicklinks.theme2 .quicklink-flex-item:before {
border:2px ridge var(--secondary-color);
}
.full-width-quicklinks.theme2 .quicklink-flex-item:after {
background-color:var(--primary-color);
}
.full-width-quicklinks.theme2 .quicklink-flex-item:hover:after {
background-color:var(--secondary-color);
}
.full-width-quicklinks.theme2 .quicklink-flex-item:hover h3{
border-bottom:4px solid var(--secondary-color);
}
/*----------------------------------------------forms---------------------------------------------*/
.FormPanel {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom:30px;
}
section[class*='theme'] .FormPanel .btn-icon.btn:has(i){
padding: 2px 3px 2px 3px;
margin-right: 4px;
border:none;
}
.FormPanel .btn i {
padding-right: 0px;
}
/*-------------------------------------video banner-------------------------------------------------------*/
.video-banner-new {
max-height: 82vh;
overflow: hidden;
}
@media (max-width: 1023px) {
#iframeVideo{
height: 200% ;
top: -50%;
transform: translate(-50%);
}
}
@media (min-width: 1024px) {
.video-container {
height: 82vh ;
}
}
/*-------------------------------------------------------contact cards adjust link----------------------------------------*/
@media (min-width: 1200px) {
.contact-card-widget.card-view .contact-card-wrapper .contact-card-item .card-details .card-details-inner a:hover {
color:var(--primary-color);
}
}
/*------------------------------------------------------------------contact cards custom class show-bio------------------------------*/
.contact-card-widget.card-view.show-bio .contact-card-wrapper .card-bio {
width: 100%;
padding:0;
text-align: center;
font-weight:bold;
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h3 {
font-size:2em;
color:var(--primary-color)
}
.contact-card-widget.card-view .contact-card-wrapper .card-details-inner h4{
font-size:1.8em;
}
/*----------------------------------------------------------------custom contact cards .contact-cards-expandable-custom---------------------------------------------*/
.contact-cards-expandable-custom .expandable-container .collapse .col-sm{
flex-basis: auto;
}
.contact-cards-expandable-custom .panel-collapse .row .expandable-content-wrapper:has(.contact-image) {
width: 250px;
background-position: center;
background-size:cover;
border-radius: 50%;
height:250px;
margin: 30px 30px 30px 20px;
}
.contact-cards-expandable-custom .panel-collapse .row.has-contact-image .expandable-content-wrapper:has(h3){
width: calc(100% - 250px - 60px);
padding-left:30px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
}
.contact-cards-expandable-custom .panel-collapse .row:not(.has-contact-image) .expandable-content-wrapper:has(h3):not(.contact-image){
width:100%;
}
.contact-cards-expandable-custom .panel-collapse .row .expandable-content-wrapper:last-of-type {
width:100%;
}
.contact-cards-expandable-custom a[href*="mailto:"]{
margin: 5px 0;
font-size:1.5em;
}
.contact-cards-expandable-custom a[href*="tel:"]{
text-decoration: none;
margin: 5px 0;
font-size:1.5em;
}
.contact-cards-expandable-custom .contact-links:last-of-type{
display: flex;
flex-direction: column;
width:100%;
margin:5px auto;
}
@media(max-width:767px){
.contact-cards-expandable-custom .contact-mail, .contact-cards-expandable-custom .contact-tel {
display: none;
}
.contact-cards-expandable-custom a:has(.contact-mail), .contact-cards-expandable-custom a:has(.contact-tel) {
float:left;
margin: 2px 5px;
}
.contact-cards-expandable-custom .contact-links:last-of-type{
display: flex;
flex-direction: row;
justify-content: space-evenly;
width:50%;
margin:5px auto;
}
.contact-cards-expandable-custom .panel-collapse .row .expandable-content-wrapper:has(.contact-image) {
width: 250px;
margin:20px auto;
}
.contact-cards-expandable-custom .panel-collapse .row.has-contact-image .expandable-content-wrapper:has(h3){
width: calc(100%);
text-align: center;
}
.contact-cards-expandable-custom .panel-collapse .row:not(.has-contact-image) .expandable-content-wrapper:has(h3){
text-align: center;
}
}
/*----------------------------------------------------.menu-QL-----------------------------------------------------*/
.menu-QL .cho-quicklink-tile .theme-primary-hover-in{
background:linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.75), black);
}
.menu-QL .cho-quicklink-tile .cho-quicklink-basic-wrapper .cho-quicklink-content-1b.image-background{
justify-content: flex-end;
}
/*----------------------------------------------------------------------footer------------------------------------------*/
footer .header-social i{
font-size:1.5em;
}
footer .header-social div[id*="SocialMediaIcons"]{
display: flex;
}
footer .header-social a{
width:25px;
margin:10px;
display: block;
}
footer .header-social {
margin: 0 20px;
}