/*------------------------------------------------font imports------------------------------*/
/*@import url('https://fonts.googleapis.com/css2?family=Palanquin:wght@100;200;300;400;500;600;700&display=swap');for testimonial quote*/
/* Trust 3C Medium */
@font-face {
font-family: 'Trust 3C Medium';
src: url('/Site_Data/fonts/Trust3C-Medium') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trust 3C Medium Italic';
src: url('/Site_Data/fonts/Trust3C-MediumItalic') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Trust 1A Medium */
@font-face {
font-family: 'Trust 1A Medium';
src: url('/Site_Data/fonts/Trust1A-Medium') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trust 1A Medium Italic';
src: url('/Site_Data/fonts/Trust1A-MediumItalic') format('truetype');
font-weight: normal;
font-style: normal;
}
/* Trust 1A Regular */
@font-face {
font-family: 'Trust 1A Regular';
src: url('/Site_Data/fonts/Trust1A-Regular') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trust 1A Regular Italic';
src: url('/Site_Data/fonts/Trust1A-RegularItalic') format('truetype');
font-weight: normal;
font-style: normal;
}
:root {
--primary-color:#86868A; /*Skibo Mist*/
--primary-color-hover:#86868a;
--primary-color-op80:rgba(134,134,138, 0.8); /**/
--primary-color-op90:rgba(134,134,138, 0.9); /**/
--primary-color-dark: #68686C; /*dark grey*/
--primary-color-dark-op80: rgba(104,104,108,0.8); /*dark grey*/
--primary-color-darkest: #4b4b4E; /*Nearly Black*/
--primary-color-light:#f3f3f3; /*light grey*/
--primary-color-lighter:#c3c3c3; /*light grey*/
--accent-color: #D3B799; /*Skibo Stone*/
--accent-color-op80: rgba(211,183,153,0.8); /*Skibo Stone*/
--accent-color-hover:#94806b;
--body-color:#f5f0eb;
--backdrop:#ffffff;
--backdrop-2:#f3f3f3;
--backdrop-3:#f9f9f9;
--backdrop-op90:rgba(243,243,243,0.90);
--overlay-45:rgba(75, 75 ,78, 0.45);
/*box shadows*/
--bs-v1:#86868A 0px 0px 3px;
--bs-v2:1px 1px 8px #4b4b4e inset;
--bs-v3:1px 1px 2px #86868A inset;
--bs-v4:rgba(170,170,171,0.45) 1px 1px 14px 0px;
/*fonts*/
--title-font-color:#68686C; /*dark grey*/
--title-font-color-2: #B28D65;
/* scrollbar-color: var(--primary-color) var(--secondary-color); */
}
body {
overflow-x: hidden;
}
body,h1, h2, h3, h4,h5,h6, p {
line-height:1.5;
}
form.button-transparent {
border-width:0;
}
hr{
border-color:var(--accent-color);
}
/*------------------------------------------------font imports------------------------------*/
h1{
font-family:'Trust 3C Medium', serif;
color:var(--title-font-color);
}
h2{
font-family:'Trust 1A Medium', sans-serif;
color:var(--title-font-color);
}
h3{
font-family:'Trust 1A Medium', sans-serif;
color:var(--title-font-color);
}
h4{
font-family:'Trust 1A Medium', sans-serif;
color:var(--primary-color-darkest);
}
h5{
font-family:'Trust 1A Medium', sans-serif;
text-transform: uppercase;
color:var(--primary-color-darkest);
}
p, body {
font-family:'Trust 1A Regular', sans-serif;
color:var(--primary-color-darkest);
}
blockquote{
font-family:'Trust 3C Medium italic', serif;
color:var(--title-font-color);
}
/* .basic-block h2 {
font-family:'Trust 3C Medium', serif;
font-size:2.5em;
}
@media(min-width:1200px){
.basic-block h2 {
font-family:'Trust 3C Medium', serif;
font-size:3em;
}
} */
.basic-block h2 {
font-family: 'Trust 3C Medium', serif;
font-weight:500;
font-size: 2em;
}
.basic-block:not(.background-image) h2 {
color:var(--title-font-color-2)
}
@media(min-width: 1200px) {
.basic-block h2 {
font-family:'Trust 3C Medium', serif;
font-size: 2em;
}
}
/*-------------------------------------------------------------header----------------------------------*/
/*--------------------header logo---------------------------*/
header.master-layout-3 .logo img {
transition: opacity .5s ease;
}
header.master-layout-3:not(.scrolled-head) .logo {
margin-top:10px;
}
header.master-layout-3:not(.scrolled-head) .logo img {
opacity: 1;
}
header.master-layout-3.scrolled-head .logo img {
opacity: 0;
}
header.master-layout-3.scrolled-head .logo .static-img{
background-image:url('/getmedia/5e77649d-6cd6-4f1a-9554-d07f9f550906/Skibo-Logo-Color-noText.aspx');
height:55px;
margin-top:5px;
width:130px;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
@media(hover:none) or (max-width:1024px){
header.master-layout-3:not(.scrolled-head) .logo {
margin-top:0px;
}
header.master-layout-3 .logo img,
header.master-layout-3:not(.scrolled-head) .logo img {
opacity: 0;
}
header.master-layout-3 .logo .static-img,
header.master-layout-3.scrolled-head .logo .static-img{
background-image:url('/getmedia/5e77649d-6cd6-4f1a-9554-d07f9f550906/Skibo-Logo-Color-noText.aspx');
height:50px;
margin:auto;
padding:5px;
width:130px;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
}
/*---------------------------fleur de lis header--------------------*/
@media(hover: hover)and (pointer:fine)and (min-width:1025px),screen and (-ms-high-contrast:none)and (min-width:1025px) {
header.master-layout-3 .MyProfile_Member:before {
content:"";
/* background-image:url('/getmedia/4cb5a0fa-43ed-43f9-9fdb-40cdb096b953/fleur_de_lis-_light-grey.aspx'); */
background-image:url('/getmedia/7ab08145-2517-4697-9f72-74e021000559/Fleur_de_lis-_skibo-stone.aspx');
width:25px;
height:25px;
left:0px;
top:30px;
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
header.master-layout-3.scrolled-head .MyProfile_Member:before {
top:14px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedIn,
header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut{
padding-left:30px;
}
header.master-layout-3 div#divMainMenu:has(:not(.showMobile)){
position: absolute;
width:34vw;
max-width:500px;
top:22px;
}
header.master-layout-3 #main-menu:has(:not(.showMobile)){
margin-right:auto;
margin-left:0;
}
header.master-layout-3.scrolled-head div#divMainMenu:has(:not(.showMobile)){
top:13px;
}
header.master-layout-3 #main-menu:has(:not(.showMobile)) .more-link > .child-nav{
right:0;
left:auto;
}
header.master-layout-3 .MyProfile_Member {
height: 130px;
}
header.master-layout-3 .MyProfile_Member:before{
top:48px
}
header.master-layout-3.scrolled-head .MyProfile_Member,
header.master-layout-3.scrolled-head-temp .MyProfile_Member{
margin-top:10px;
}
}
@media(max-width:1024px) or (hover:none){
header.master-layout-3 .MyProfile_Member{
width:fit-content;
position: absolute;
/* right:5px; */
right:14px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedIn{
width:130px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut{
width:115px
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Svg:before,
header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Svg:before{
left:0;
top:8px;
margin-left:6px;
color:var(--primary-color-dark);
font-size:15px;
position: absolute;
font-family:'Trust 1A Regular', sans-serif;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Svg:before{
content:'My Profile';
left:28px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Svg:before{
content:'Members';
left:16px;
}
header.master-layout-3 .mobile-nav-btn{
margin:18px 0 0;
}
header.master-layout-3 .MyProfile_Member .MyProfile_Svg svg{
display: none;
}
header.master-layout-3 .MyProfile_Member .MyProfile_Svg{
width:35px;
margin-top:6px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_Svg{
content:"";
background-image:url('/getmedia/7ab08145-2517-4697-9f72-74e021000559/Fleur_de_lis-_skibo-stone.aspx');
width:35px;
height:22px;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
body:has(:not(header:not(.no-banner))) .header-space {
display: none;
}
body:has(header:is(.no-banner, .module-page)) .header-space {
display: block;
}
header.master-layout-3:not(.scrolled-head):not(.no-banner) .MyProfile_SignedIn .MyProfile_Svg:before,
header.master-layout-3:not(.scrolled-head):not(.no-banner) .MyProfile_SignedOut .MyProfile_Svg:before,
header.master-layout-3:not(.scrolled-head):not(.no-banner) #menu-button i.fa-bars:after{
color:white;
}
}
@media(max-width:350px){
header.master-layout-3 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Svg:before{
content:'';
left:0px;
}
header.master-layout-3 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Svg:before{
content:'';
}
}
/*----------------------------------------------------------transparent navigation---------------------------------*/
header:not(.no-banner):not(.scrolled-head) ul.child-nav li a{
/* color: white; /* YOU COLOR HERE FOR THE DROP DOWN MENU LINKS */
}
header.master-layout-3 .MyProfile_Member .fullView {
/* background: var(--primary-color-dark-op80); */
background:white;
top: 100px;
}
@media(hover:none) or (max-width:1024px){
header.master-layout-3 .MyProfile_Member .fullView {
top: 60px;
}
}
header.master-layout-3 .MyProfile_Member .fullView a{
color:var(--primary-color-dark);
}
header.master-layout-3 .MyProfile_Member .fullView a:hover,
header.master-layout-3 .MyProfile_Member .fullView a:focus {
/* text-decoration: underline; */
/* color: white; */
color:var(--primary-color-dark);
background: var(--primary-color-light)
}
/* header:not(.no-banner):not(.scrolled-head) #main-menu ul.child-nav:not(.showMobile){
background:var(--primary-color-dark-op80);
} */
header:not(.no-banner):not(.scrolled-head) #main-menu ul:not(.showMobile) a {
/* background-color:transparent;
color:white; */
background-color: white;
}
header:not(.no-banner):not(.scrolled-head) #main-menu ul:not(.showMobile) a:hover {
/* background-color:var(--primary-color-op80); */
background-color: var(--primary-color-light);
}
header:not(.scrolled-head):not(.no-banner) {
/* To make the header transparent */
/* background: linear-gradient(to bottom, rgba(0,0,0,1) 0% , rgba(0,0,0,.2) 50%);*/
background:transparent;
border-bottom:1px solid var(--primary-color-light);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */
}
header.scrolled-head, header.no-banner {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */
}
@media (min-width:1024px) and (hover:hover){
header.master-layout-3 .header-top{
background: transparent;
}
header:not(.scrolled-head):not(.no-banner) .logo img {
opacity: 0;
}
header:not(.scrolled-head):not(.no-banner) .logo img {
transition: opacity .5s ease;
}
header:not(.scrolled-head):not(.no-banner) .logo .static-img{
background-image:url('/getmedia/0df7da71-78b6-40a5-b1ba-f77e55a25c0e/Skibo-Logo-Color-White-Text.aspx');
height:85px;
margin:auto;
padding:5px;
width:190px;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
body:not(.module-page) .header-space {
display: none ; /* Conditionally Removes the header space */
}
header:not(.no-banner):not(.scrolled-head).master-layout-3 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
header:not(.no-banner):not(.scrolled-head) span,
header.master-layout-3:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
color: #fff ; /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/
}
header.master-layout-3:not(.no-banner):not(.scrolled-head) .MyProfile_Member:focus .MyProfile_Name{
color:var(--primary-color-dark)
}
/* .master-layout-3 #divMainMenu nav #main-menu>li>a {
color:white;
text-transform: uppercase;
} */
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
.master-layout-3 #divMainMenu nav #main-menu>li a{
/* padding-left: 25px;
padding-right: 25px; */
padding-left: 15px;
padding-right: 15px;
}
}
/*-----------------------------------------------------mobile nav ----------------------------------------*/
/*-------------mobile---------------------------*/
header.master-layout-3 .MyProfile_Member .MyProfile_Svg svg {
fill:var(--accent-color)
}
.master-layout-3 #menu-button i.fa-bars {
color:var(--accent-color);
}
.icon-m.close-nav {
/* margin:28px 14px; */
float:left;
left: 0;
right: auto;
margin: 18px 14px;
}
.icon-m.close-nav:after{
content:'Close';
left:18px;
top:4px;
margin-left:5px;
color:var(--primary-color-dark);
position: absolute;
font-family:'Trust 1A Regular', sans-serif;
}
.master-layout-3 .showMobile .fa-times {
color:var(--accent-color);
height:30px;
/* color:white; */
}
.master-layout-3 .showMobile i.fa-plus:before {
content:'\f105';
}
.master-layout-3 .showMobile i.fa-minus:before {
content:'\f107';
}
.master-layout-3 .showMobile i.fa-plus:before,
.master-layout-3 .showMobile i.fa-minus:before {
font-size:1.7em;
font-weight:400;
color:var(--accent-color);
}
/* .master-layout-3 .showMobile i.fa-minus:before {
color:white;
} */
.master-layout-3 .showMobile i.fa-plus,
.master-layout-3 .showMobile i.fa-minus {
border-radius: 5px;
/* background:var(--primary-color); */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.master-layout-3 .showMobile i.fa-plus {
/* padding: 18px 24px; */
padding: 18px 24px 18px 0;
}
.master-layout-3 .showMobile i.fa-minus {
/* padding: 18px 22px; */
padding: 18px 22px 18px 0;
/* background:var(--accent-color);
box-shadow:var(--bs-v2);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px; */
}
.master-layout-3 nav.showMobile #main-menu {
background:transparent;
}
.master-layout-3 nav.showMobile:before {
content:'';
background-image:url('/getmedia/43f765a4-1094-4c35-9518-0e79650af1ac/Skibo-Logo-Color.aspx');
background-size:contain;
background-repeat: no-repeat;
background-position: center bottom;
/* max-width:320px; */
height: 80px;
position: relative;
margin: 20px auto 30px;
display: block;
}
header.wgt-header nav.showMobile{
/* background:var(--primary-color-light); */
background:white;
}
/* .master-layout-3 nav.showMobile #main-menu ul{
background:var(--primary-color-light);
padding-left:16px;
} */
.fullmenu nav.showMobile .top-nav
{
width: calc(100% - 0px);
}
header.wgt-header nav.showMobile #main-menu {
/* background-color:var(--primary-color-light); */
background:white;
border-top:1px solid var(--primary-color-light)
}
header.wgt-header nav.showMobile #main-menu li ul {
background-color:var(--primary-color-light);
padding-left:10px;
padding-right:10px;
}
.master-layout-3 #divMainMenu nav.showMobile #main-menu ul li a {
/* color:white; */
color:var(--primary-color-dark)
}
.master-layout-3 #divMainMenu nav.showMobile #main-menu li ul a {
border:none;
/* border-bottom:1px solid var(--accent-color); */
}
.master-layout-3 #divMainMenu nav.showMobile #main-menu a.active-link,
.master-layout-3 #divMainMenu nav.showMobile #main-menu a.current {
background:transparent;
text-decoration:underline;
/* color:var(--primary-color); */
color:var(--primary-color-dark);
font-weight:400;
/* border-left:2px solid var(--accent-color); */
}
header.master-layout-3 nav.showMobile #main-menu ul a {
background:transparent;
color:var(--primary-color-dark);
}
header.master-layout-3 nav.showMobile #main-menu a {
color:var(--primary-color-dark);
line-height:35px;
text-align: center;
width: fit-content;
display: block;
flex-grow: unset;
}
header.master-layout-3 .showMobile #main-menu li{
border-bottom:1px solid var(--primary-color-light);
justify-content: center;
}
header.master-layout-3 .showMobile #main-menu ul li{
border-color: white;
}
header.master-layout-3 .showMobile #main-menu ul li:last-child{
border:none;
}
header:not(.no-banner):not(.scrolled-head) #main-menu ul.showMobile a:hover {
background-color:var(--primary-color-lighter)
}
.master-layout-3 i.fa-times:before {
content:'';
height: 16px;
width: 18px;
display: block;
transform: translateY(8px);
/* background-image: url('data:image/svg+xml,'); */
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size:contain;
background-position: center;
}
header.master-layout-3:has(.showMobile) .MyProfile_Member .MyProfile_SignedIn,
header.master-layout-3:has(.showMobile) .MyProfile_Member .MyProfile_SignedOut{
z-index: 100000;
position: absolute;
right: 0;
top: 0;
}
header.master-layout-3:not(.scrolled-head):not(.no-banner):has(.showMobile) .MyProfile_SignedIn .MyProfile_Svg:before,
header.master-layout-3:not(.scrolled-head):not(.no-banner):has(.showMobile) .MyProfile_SignedOut .MyProfile_Svg:before{
color:var(--primary-color-dark)
}
header.master-layout-3:has(.showMobile) .MyProfile_Member .fullView {
z-index: 100000;
top:116px;
/* width:97vw;
left:-95vw; */
width:101vw;
left:-99vw;
right:0;
padding-top:0;
min-height:100vh;
/* outline:10px solid red; */
}
@media(max-width:767px){
header.master-layout-3:has(.showMobile) .MyProfile_Member .fullView {
width:101vw;
left:-98vw;
}
}
header.master-layout-3:has(.showMobile) .MyProfile_Member .fullView a{
line-height: 2;
text-align: center;
border-bottom:1px solid var(--primary-color-light);
}
/*------------------------menu text----------------*/
.master-layout-3 #menu-button i.fa-bars{
position: relative;
}
.master-layout-3 #menu-button i.fa-bars:before {
content:'';
height:16px;
width:18px;
display:block;
transform: translateY(5px);
/* background-image: url('data:image/svg+xml,'); */
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size:contain;
background-position: center;
}
@media(min-width:350px){
.master-layout-3 #menu-button i.fa-bars:after{
content:'Menu';
/* font-size:.5em; */
font-size:15px;
margin-left:22px;
bottom:-5px;
color:var(--primary-color-dark);
position: absolute;
font-family:'Trust 1A Regular', sans-serif;
}
}
nav:has(.showMobile) .mobile-logo-redirect{
position: absolute;
left:calc(50% - 100px);
width:200px;
top:0;
height:100px;
}
/*---------------------------stick bar scroll effect (js required)----------------------*/
header.scroll-down {
top: -100px; /* hide the bar when scrolling down */
}
header.scroll-up {
top: 0; /* show the bar when scrolling up */
}
/*---------------------------------------------system spacing overrides--------------------------------------*/
.basic-text-area .col-sm, .basic-text-area .col-sm-1, .basic-text-area .col-sm-10, .basic-text-area .col-sm-11, .basic-text-area .col-sm-12, .basic-text-area .col-sm-2, .basic-text-area .col-sm-3, .basic-text-area .col-sm-4, .basic-text-area .col-sm-5, .basic-text-area .col-sm-6, .basic-text-area .col-sm-7, .basic-text-area .col-sm-8, .basic-text-area .col-sm-9, .basic-text-area .col-sm-auto{
padding-left:16px;
padding-right:16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left:16px;
padding-right:16px;
}
/*-----------------------------max width adjustments-------*/
.master-layout-3 .container-fluid {
max-width:1440px;
}
/*---------------------------body max-width-------------------------------------------------*/
/*max width adjustments*/
section .inner-wrap .container,
section .theme-secondary:not(.inner-wrap) > div
{
max-width:1440px;
width:100%;
margin:auto;
float:none;
}
.container:has(div[class*="col-70"],div[class*="col-30"]){
width:100%;
max-width:1440px;
}
.col-fw .container {
width:100%;
}
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .inner-wrap .container,
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) section .theme-secondary:not(.inner-wrap) > div{
max-width:100%;
}
.contact-card-widget .inner-wrap{
max-width:1440px;
margin:auto;
width:100%;
float:unset;
}
/*-------------------------------.max-width-1170------------------------------------*/
.max-width-1170 .inner-wrap > div {
max-width:1170px;
}
/*custom class max-width-900*/
.max-width-900 .inner-wrap .container {
max-width:900px
}
/*--------------------------------------------max-w-420---------------------------------*/
.max-w-420 .text-block-wrapper.text-center{
max-width:420px;
margin:auto;
}
/*--------------------------------------------buttons-------------------------------------*/
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) a.btn:focus,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) .btn:focus,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) a.btn:hover,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) .btn:hover
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) a.e3-button:focus,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) .e3-button:focus,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) a.e3-button:hover,
.theme1:is(.basic-block, .basic-text-area):not(.background-image,.arrow-btn-accent) .e3-button:hover{
color:white;
background:var(--primary-color-dark);
}
.basic-block.background-image.boxed-block:not(.theme3) :is(a.e3-button):hover,
.basic-block.background-image.boxed-block:not(.theme3) :is(a.btn):hover,
.basic-block.background-image.boxed-block:not(.theme3) :is(a.btn):focus,
.basic-block.background-image.boxed-block:not(.theme3) :is(a.e3-button):focus{
color:white;
background:var(--primary-color-dark);
}
.basic-block.background-image.boxed-block.theme3 :is(.btn,.e3-button){
border:1px solid var(--primary-color);
}
.basic-block.background-image.boxed-block.theme3 :is(.btn,.e3-button):hover,
.basic-block.background-image.boxed-block.theme3 :is(.btn,.e3-button):focus{
background-color:var(--primary-color-dark);
color:white;
}
.basic-block.background-image.center.theme3.boxed-block :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a){
color:var(--primary-color-darkest);
}
.banner-overlay-text.theme1.basic-text-area .e3-button{
/* color:var(--primary-color-dark) */
color:white;
border-color:white;
}
.banner-overlay-text.theme1.basic-text-area .col-sm .e3-button:hover {
/* background-color:var(--primary-color-dark); */
background-color:white;
color:var(--primary-color-dark);
}
.banner-overlay-text :is(h1,h2,h3,h4,h5,h6){
font-family:'Trust 3C Medium', serif;
}
/* @media(min-width:768px){
.banner-overlay-text.theme1.basic-text-area .e3-button {
color:var(--primary-color-light);
border-color:var(--primary-color-light);
background-color:rgba(0,0,0,0.25);
}
.banner-overlay-text.theme1.basic-text-area .col-sm .e3-button:hover {
color:var(--primary-color-dark);
background:var(--primary-color-light);
border-color:var(--primary-color);
}
} */
.button-transparent .e3-button,
.button-transparent .FormPanel .FormButton,
.button-transparent .widget-bizform .FormButton.btn,
.button-transparent a.btn,
.button-transparent .btn{
text-transform: uppercase;
letter-spacing:0.5px;
}
.button-transparent .theme2 a.btn:hover,
.button-transparent .theme2 .theme-secondary .e3-button:hover,
.theme1 .theme-secondary .FormButton.btn:focus,
.theme1 .theme-secondary .FormButton.btn:hover{
background:var(--primary-color-dark);
color:white;
}
.button-transparent .theme3 .e3-button:hover,
.button-transparent .theme3 .FormPanel .FormButton:hover,
.button-transparent .theme3 .widget-bizform .FormButton.btn:hover,
.button-transparent .theme3 a.btn:hover,
.button-transparent .theme3 .btn:hover{
background:var(--accent-color);
color:var(--primary-color-darkest);
}
/*------------------arrow-btn-accent----------*/
/* ---------------------------------------- arrow-btn-accent & custom script view-post-button------------------------------- */
/* Base button */
.button-transparent .arrow-btn-accent a.btn,
.button-transparent .arrow-btn-accent a.e3-button,
.button-transparent .arrow-btn-accent .btn,
.view-post-button {
position: relative;
border: none;
background: none;
overflow: hidden;
/* padding-right: 70px; */
color: var(--primary-color-dark);
transition: color 0.5s ease, border 0.5s ease;
}
/* Text span added via jQuery for visual hide */
.button-transparent .arrow-btn-accent a.btn .text-wrap, .button-transparent .arrow-btn-accent a.e3-button .text-wrap, .button-transparent .arrow-btn-accent .btn .text-wrap, .view-post-button .text-wrap {
opacity: 0;
/* hidden initially */
transition: opacity 0.7s ease;
display: inline-block;
vertical-align: middle;
color: var(--primary-color-dark)
}
.button-transparent .arrow-btn-accent a.btn:focus .text-wrap,
.button-transparent .arrow-btn-accent a.e3-button:focus .text-wrap,
.button-transparent .arrow-btn-accent .btn:focus .text-wrap,
.view-post-button .text-wrap {
color: white;
}
/* Arrow pseudo-element */
/* .button-transparent .arrow-btn-accent a.btn::before,
.button-transparent .arrow-btn-accent a.e3-button::before,
.button-transparent .arrow-btn-accent .btn::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 60px;
height: 40px;
background-image: url('/getmedia/196b7290-b3d1-4f6b-b603-e2e047590c06/right-arrow-stone.aspx');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.6s ease 0s, scale 0.3s ease 0.5s;
} */
/*-----------------updated verison--------------*/
/* Arrow pseudo-element */
.button-transparent .arrow-btn-accent a.btn::before,
.button-transparent .arrow-btn-accent a.e3-button::before,
.button-transparent .arrow-btn-accent .btn::before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(-20%, -50%);
width: 50px;
height: 40px;
background-image: url('/getmedia/196b7290-b3d1-4f6b-b603-e2e047590c06/right-arrow-stone.aspx');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.button-transparent .arrow-btn-accent a.btn:hover,
.button-transparent .arrow-btn-accent a.e3-button:hover,
.button-transparent .arrow-btn-accent .btn:hover,
.view-post-button:hover {
background: transparent;
}
/* .button-transparent .arrow-btn-accent a.btn:hover::before,
.button-transparent .arrow-btn-accent a.btn:focus::before,
.button-transparent .arrow-btn-accent a.e3-button:hover::before,
.button-transparent .arrow-btn-accent a.e3-button:focus::before,
.button-transparent .arrow-btn-accent .btn:hover::before,
.button-transparent .arrow-btn-accent .btn:focus::before{
left: 5px;
} */
/*-----------------updated verison--------------*/
.button-transparent .arrow-btn-accent a.btn:hover::before,
.button-transparent .arrow-btn-accent a.btn:focus::before,
.button-transparent .arrow-btn-accent a.e3-button:hover::before,
.button-transparent .arrow-btn-accent a.e3-button:focus::before,
.button-transparent .arrow-btn-accent .btn:hover::before,
.button-transparent .arrow-btn-accent .btn:focus::before {
left: 0px;
transform: translate(0%, -50%);
}
.view-post-button:hover::before,
.view-post-button:focus::before {
left:auto;
right: 0px;
}
.view-post-button:hover .text-wrap, .view-post-button:focus .text-wrap {
color: var(--primary-color-dark)
}
/* Base alignment adjustments */
.view-post-button {
position: relative;
padding-left: 40px;
padding-right: 90px;
float: right;
margin-top: 10px;
text-transform: uppercase;
}
/* Arrow stays flush right initially */
/* .view-post-button::before {
content: '';
position: absolute;
top: 43%;
right: 10px ;
left: auto ;
transform: translateY(-50%) scale(1);
width: 50px;
height: 40px;
background-image: url('/getmedia/196b7290-b3d1-4f6b-b603-e2e047590c06/right-arrow-stone.aspx');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.6s ease;
} */
/*-----------------updated verison--------------*/
/* view-post */
.view-post-button::before {
content: '';
position: absolute;
/* top: 50%; */
top: 43%;
right: 10px ;
left: auto ;
transform: translateY(-50%) scale(1);
/* width: 80px; */
width: 50px;
height: 40px;
background-image: url('/getmedia/196b7290-b3d1-4f6b-b603-e2e047590c06/right-arrow-stone.aspx');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.view-post-button:hover::before,
.view-post-button:focus::before {
left: auto;
right: 0px;
}
/* Arrow partially hidden block*/
.view-post-button::after {
content: '';
position: absolute;
top: 0%;
left: auto ;
width: 40px;
height: 40px;
background:var(--primary-color-light);
}
.theme1 .view-post-button::after {
background:var(--body-color);
}
.news-widget .view-post-button {
width: fit-content;
margin-left: auto;
}
/*-----------------------link animation----------------------------*/
section a:not(.e3-button, .btn, .flex-equal-height, .expandable-content-link,.view-post-button, .arrow-btn,.latest-news-link, .weatherwidget-io),
.contact-card-widget:is(.card-view,.full-card) .contact-card-wrapper .contact-card-item .card-details .card-details-inner a{
position: relative;
text-decoration: none;
}
a:is(#Login_hplMemberRegistration, [id*="ResetPassword"]){
border:none;
}
section a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.view-post-button, .arrow-btn,.latest-news-link, .weatherwidget-io):after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: var(--primary-color-dark);
transform-origin: right;
transform: scaleX(1);
transition: transform 0.3s ease;
}
section a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.view-post-button, .arrow-btn,.latest-news-link, .weatherwidget-io):hover:after{
transform: scaleX(0);
}
section.theme3 a:not(.e3-button, .btn, .flex-equal-height,.expandable-content-link,.view-post-button, .arrow-btn,.latest-news-link, .weatherwidget-io):after {
background-color: var(--body-color);
}
section .pagination-number a{
position:unset;
text-decoration: none;
}
section .pagination-number li a:after{
display: none;
}
section a.ancasty:after{
display: none;
}
/*----------------------------------clock-title--------------------*/
.clock-title h3 {
font-size:2.8em;
color:var(--title-font-color-2);
font-family:"Trust 3C Medium", serif;
margin-bottom:0;
}
.clock-title h4 {
font-size:1em;
color:var(--title-font-color-2);
margin-top:-10px;
}
@media(max-width:767px){
.clock-title h3 {
font-size:2.2em;
}
.clock-title h4 {
font-size:0.8em;
}
}
/*--------------------------------------vimeo-video-banner------------------------------------------*/
iframe {
background-size: cover;
background-position: center;
}
/*also requires, cho-hero-textwidget & height100----------------------------*/
.vimeo-video-banner {
position: relative;
width: 100%;
height:calc(100vh - 50px); /* full screen height */
overflow: hidden;
min-height:650px;
}
.vimeo-video-banner:before{
content:'';
display: block;
background:var(--overlay-45);
z-index: 1;
inset:0;
width:100%;
height:100%;
position: absolute;
}
.vimeo-video-banner iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 56.25vw; /* 16:9 ratio */
min-height: 100vh;
min-width: 177.78vh; /* maintains 16:9 */
transform: translate(-50%, -50%);
}
@media(max-height:700px) and (max-width:500px){
.vimeo-video-banner iframe {
min-height:100%;
height: auto;
min-width: 217.78vh;
}
}
/*--------------------.video-banner-full--------------------------*/
.video-banner-full {
position: relative;
width: 100%;
padding-top:60%;
height:100%;
overflow: hidden;
}
.video-banner-full iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border: 0;
}
@media(max-width:767px){
.video-banner-full {
min-height: auto;
padding-top:60%;
}
}
@media(min-width:1160px){
.video-banner-full {
padding-top:52.5%;
}
}
/*---------------------------------------hero banners-------------------------------*/
/* .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 200px;
background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
opacity: 0.65;
} */
body:has(.banner-overlay-text) .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
content:"";
background-color:var(--overlay-45);
width:100%;
height:100%;
left:0px;
top:0px;
position: absolute;
}
.cho-hero-textwidget {
text-shadow: none;
}
body:not(.EditMode) section.banner-overlay-text{
z-index: 2;
}
.cho-hero-textwidget.height100,
.cho-hero-textwidget.height100 .cho-hero-textwidget-bg{
min-height:450px;
}
@media(min-width:768px){
.cho-hero-textwidget.height100 {
height: calc(100vh - 30px);
}
body:has(.banner-overlay-text) .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
content:"";
background-color:var(--overlay-45);
width:100%;
height:100%;
left:0px;
top:0px;
position: absolute;
}
/* .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
content:"";
background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0, rgba(0,0,0,0.30) 150px, transparent 60%);
width:100%;
height:100%;
left:0px;
top:0px;
position: absolute;
} */
.cho-hero-textwidget.theme1 .cho-hero-textwidget-bg{
position: relative;
}
}
/* @media(hover:none) and (min-width:768px){
.cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
background:linear-gradient(to bottom,rgba(0,0,0,0.3) 0, transparent 60%);
}
} */
/*---------------------------------------intro-text-------------------------------*/
.intro-text h1,
.intro-text h2,
.intro-text h3,
.intro-text h4,
.intro-text h5,
.intro-text h6,
.intro-text p{
font-family:'Trust 3C Medium italic', serif;
color:var(--primary-color-dark);
}
@media(max-width:767px){
.intro-text h2{
font-size:1.3em;
}
}
/*-------------title-size-p---------------------*/
.title-size-p p{
font-size:1.8em;
}
/*---------------large-title---------------*/
.large-title h3{
font-size:3.9em;
font-family:'Trust 3C Medium italic', serif;
text-wrap-style:balance;
line-height:1.2em;
}
.page-title .inner-wrap .container {
margin-top:auto;
padding-top:40px;
margin-bottom:auto;
min-height:20vh;
}
.page-title h1 {
font-size:3.5em;
}
/* Only run on non-touch devices */
@media (hover: hover) and (pointer: fine) {
.page-title h1,
.banner-overlay-text .col-sm {
opacity: 0;
transform: translateY(20px);
animation: fadeUpOnce 2.5s ease forwards;
}
@keyframes fadeUpOnce {
to {
opacity: 1;
transform: translateY(0);
}
}
}
/*-----------------------------------------intro-text-v2-----------------------*/
/*-----------------------------------------sm-h2-----------------------*/
/*-----------------------------------------title-block-v2-----------------------*/
.intro-text-v2 h1,
.sm-h2 h2,
.title-block-v2 h2 {
font-size:1.1em;
font-weight: 500;
letter-spacing: 1px;
font-family:'Trust 1A Medium', sans-serif;
text-transform: uppercase;
}
.intro-text-v2 h2,
.sm-h2 h3,
.title-block-v2 h3 {
font-size:2em;
font-weight: 500;
font-family:'Trust 3C Medium', serif;
line-height: 1.2;
}
.title-block-v2 h2 {
color:var(--title-font-color-2);
}
.title-block-v2 .col-sm:has(h2,h3,h4,h5) {
max-width:400px;
margin:40px auto;
text-wrap-style: pretty;
}
.title-block-v2 .col-sm p {
text-wrap-style: balance;
}
.title-block-v2 .row{
align-items: center;
}
@media(min-width:768px){
.title-block-v2 .col-sm:has(img){
max-width:60%;
}
.title-block-v2.sticky-block .col-sm:has(h2,h3,h4,h5) {
margin:30% auto;
}
}
/*--------------------------------------------title and summary line height-------------------------*/
.basic-block h2{
line-height:1.2em;
}
/*----------------------------generalized theme color fix---------------------------*/
:is(.basic-block, .basic-text-area).theme3 :is(h1,h2,h3,h4,h5,h6,p, ul,ol),
.basic-block.background-image:not(.center, .testimonial-slider,.boxed-block) :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a),
.cho-hero-textwidget :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a),
.full-width-quicklinks :is(h3,h4,h5,h6,p),
.card-widget .image-background :is(h3,h4,h5,h6,p){
color:white;
}
.basic-text-area.info-cards.theme2 .col-sm :is(h1,h2,h3,h4,h5,h6, p, a, ul, ol){
color:white;
}
.basic-block.background-image:not(.center,.boxed-block) a.btn:hover{
background:white;
color:var(--primary-color-dark);
}
.basic-block.background-image.center:not(.theme3) :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a){
color:var(--primary-color-dark);
}
.theme1 .theme-secondary a,
.tab-content .tab-content-nav ul li{
color:var(--primary-color-dark);
}
.inner-wrap.dark-op75 {
text-shadow: none;
}
@media(max-width:1024px){
.cho-hero-textwidget :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a){
color:unset;
}
}
/*-------------------------------------title-banner-overlay--------------------------------*/
/* @media (min-width: 768px) { */
.page-content:has(.banner-overlay-text) .cho-hero-textwidget .scroll-chevron {
z-index: 10;
}
body:not(.EditMode) section.banner-overlay-text{
position:absolute;
/* z-index: 100; */
}
section.banner-overlay-text .inner-wrap {
background:transparent;
}
section.banner-overlay-text .inner-wrap .container {
max-width:100%;
max-width:900px;
text-wrap-style:pretty;
margin:auto;
}
.banner-overlay-text .col-sm {
max-width:700px;
text-wrap-style:pretty;
margin:auto;
}
.banner-overlay-text h2 {
margin-bottom:32px;
}
body:not(.EditMode) section.basic-text-area.banner-overlay-text.theme1 :is(h1,h2,h3,h4,h5,h6, p) {
color:var(--primary-color-light);
}
/* body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text{
top: calc(40vh);
} */
/* } */
/* @media(max-width:767px) and (min-height:401px){
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text{
top: 30vh;
}
}
@media(max-width:767px) and (max-height:400px){
.banner-overlay-text .row{
padding:40px 20px;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text{
top: 80px;
}
} */
body:not(.EditMode) .cho-hero-textwidget:first-of-type.trueheight100,
body:not(.EditMode) .cho-hero-textwidget:first-of-type.height100,
.cho-hero-textwidget:first-of-type.height100 .cho-hero-textwidget-bg,
.cho-hero-textwidget:first-of-type.trueheight100 .cho-hero-textwidget-bg
{
min-height:400px;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text .row,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text .row{
height:100%;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text{
top: 0;
height:100vh;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text .container,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text .container{
padding-top:0px;
height: 100vh;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100) .banner-overlay-text:not(:has(h1)) .container,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight100) .banner-overlay-text:not(:has(h1)) .container{
padding-top:50px;
}
/*-----------------------------------------fixed-bg-----------------------*/
.fixed-bg {
background-attachment: fixed;
background-position: bottom;
}
.fixed-bg .cho-hero-textwidget-bg {
background-attachment:fixed;
background-position: bottom;
}
.fixed-bg.basic-block.background-image,
.fixed-bg.basic-block.background-image .inner-wrap{
min-height:70vh;
}
@media(min-width:768px){
.fixed-bg {
min-height:550px;
}
}
@media(max-width:757px){
.fixed-bg {
background-attachment: initial;
background-position: center;
}
.fixed-bg .cho-hero-textwidget-bg {
background-attachment:initial;
background-position: center;
}
}
/*-----------------------------------------overlay-v2-----------------------*/
.overlay-v2 .theme-secondary-op75{
background-color:var(--overlay-45);
}
.overlay-v2.basic-block.background-image.center :is(h1,h2,h3,h4,h5,h6,p, ul,ol, a){
color:white;
}
.button-transparent .overlay-v2.theme1 a.btn {
border-color:white;
}
.button-transparent .overlay-v2.theme1 a.btn:hover{
background-color:white;
color:var(--primary-color);
}
/*---------------------------------------------remove-overlay----------------------------------------*/
body:has(.banner-overlay-text) .cho-hero-textwidget.theme1.remove-overlay .cho-hero-textwidget-bg:before,
.cho-hero-textwidget.theme.remove-overlay .cho-hero-textwidget-bg:before{
background-color:transparent;
}
/*-----------------------------------------------.accent-b-variant-----------------------------------------*/
body:has(.accent-b-variant ) .cho-hero-textwidget.theme1 .cho-hero-textwidget-bg:before {
content:"";
background:linear-gradient(to bottom,rgba(0,0,0,0.2) 0, transparent 60%);
width:100%;
height:100%;
left:0px;
top:0px;
position: absolute;
}
.accent-b-variant.banner-overlay-text.theme1.basic-text-area .e3-button {
background:transparent;
color:var(--primary-color-dark);
border:1px solid var(--primary-color-dark);
}
.accent-b-variant.banner-overlay-text.theme1.basic-text-area .e3-button:hover {
background:var(--primary-color-dark);
color:white;
border:1px solid var(--primary-color-darkest);
}
body:has(.accent-b-variant ) .cho-hero-textwidget.height100 .scroll-chevron:before{
color:var(--primary-color-dark);
text-shadow: none;
}
body:not(.EditMode) section.basic-text-area.banner-overlay-text.theme1.accent-b-variant :is(h1,h2,h3,h4,h5,h6, p) {
color:var(--primary-color-dark);
}
@media(min-width:768px){
/* body:has(.accent-b-variant ) .cho-hero-textwidget.height100 {
height: calc(60vh);
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100,.cho-hero-textwidget:first-of-type.height75) .accent-b-variant{
top: calc(15vh);
} */
section.banner-overlay-text.accent-b-variant .inner-wrap .container{
max-width:600px;
}
}
@media(min-width:1024px){
/* body:has(.accent-b-variant ) .cho-hero-textwidget.height100 {
height: calc(100vh);
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height100,.cho-hero-textwidget:first-of-type.height75) .accent-b-variant{
top: calc(27vh);
} */
section.banner-overlay-text.accent-b-variant .inner-wrap .container{
max-width:900px;
}
}
/* body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-overlay-text{
top: calc(20vh);
} */
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .accent-b-variant,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .accent-b-variant{
top: calc(20vh);
}
body:not(.EditMode) .cho-hero-textwidget:first-of-type.trueheight75,
body:not(.EditMode) .cho-hero-textwidget:first-of-type.height75,
.cho-hero-textwidget:first-of-type.height75 .cho-hero-textwidget-bg,
.cho-hero-textwidget:first-of-type.trueheight75 .cho-hero-textwidget-bg
{
min-height:400px;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-overlay-text .container,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-overlay-text .container{
padding-top:80px;
height:380px;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-overlay-text .row,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-overlay-text .row{
height:100%;
}
@media(min-width:1024px){
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-overlay-text,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-overlay-text{
top: 0;
height:75vh;
}
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.height75) .banner-overlay-text .container,
body:not(.EditMode) .page-content:has(.cho-hero-textwidget:first-of-type.trueheight75) .banner-overlay-text .container{
padding-top:150px;
height: 75vh;
}
}
/*--------------------video banner with title overlay banner more detail adjustmet------------------*/
/* .cho-hero-textwidget.video-widget.trueheight100 {
z-index:100;
}
*/
/*----------------------------------chevron animation------------------------------*/
@media (min-width: 768px) {
.cho-hero-textwidget.trueheight100 {
max-height: 100vh;
}
.cho-hero-textwidget .arrow-down:after{
content: "\f107";
position: absolute;
color:white;
bottom:-15px;
left:calc(50% - 13px);
animation-name: scrolldown ;
animation-duration: 3s;
animation-fill-mode: both;
animation-delay: 1.25s;
}
.cho-hero-textwidget .scroll-chevron {
position: absolute;
left: calc(50% - 31px);
/* transform: translate(-50%); */
bottom: 0;
top:calc(100vh - 100px);
animation-name: scrolldown ;
animation-duration: 3s;
animation-fill-mode: both;
animation-delay: 1s;
}
}
@media (min-width: 1200px) {
.video-widget .scroll-chevron.position-fixed {
bottom:unset;
}
}
.scroll-chevron {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.cho-hero-textwidget.trueheight100 .scroll-chevron:before,
.cho-hero-textwidget.height100 .scroll-chevron:before{
content: "Scroll";
color: white;
letter-spacing: 0.25rem;
animation-name: scrolldown ;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.5s;
}
.cho-hero-textwidget .scroll-chevron .fa {
margin: 0 auto;
}
.cho-hero-textwidget .scroll-chevron .fa {
border: none;
}
@keyframes scrolldown {
from {
transform: translateY(150%);
}
to {
transform: none;
}
}
/*--------------------------accent-banner-1 fluer de li pattern---------------------------*/
.accent-banner-1 {
position: relative;
/* background-color: var(--accent-color); */
overflow: hidden;
}
/* .accent-banner-1 .inner-wrap .container::before {
content: "";
position: absolute;
inset: -51px;
border-width: 50px;
border-style: solid;
border-color: var(--accent-color);
width: calc(100% + 104px);
height: calc(100% + 106px);
border-image-source: url('/getmedia/eeb549a6-b228-4184-b430-1fa1c8d4a51b/fluer_de_li_pattern_stone_hover_bg.aspx');
border-image-slice: 50;
border-image-repeat: space;
border-image-width: 50px;
z-index: 2;
opacity: 0.2;
display: block;
} */
.accent-banner-1 .inner-wrap .container::after {
content: "";
position: absolute;
inset: -58px;
background: var(--accent-color);
/* border-width: 61px; */
/* border-style: solid; */
/* border-color: var(--accent-color); */
width: calc(100% + 120px);
height: calc(100% + 120px);
z-index: 1;
opacity: 1;
display: block;
}
.accent-banner-1 .inner-wrap {
/* max-width:1440px; */
max-width:100%;
width:100%;
margin: auto ;
float:unset;
background:none;
}
.accent-banner-1 .inner-wrap .container {
/* max-width:1440px; */
max-width:100%;
margin: 50px;
position:relative;
width: calc(100% - 100px);
min-height:300px;
box-sizing: border-box;
z-index: 1;
}
.accent-banner-1 .inner-wrap .row {
position: relative;
background:var(--body-color);
padding:100px 20px;
/* max-width: 1340px; */
z-index: 2;
}
/* .accent-banner-1::before {
content: "";
position: absolute;
inset: 0;
background-image: url('/getmedia/999ef9ca-e6df-4b9c-bfe1-1efc7f539b30/Fleur_de_lis_pattern-Nearly-Black.aspx');
background-repeat: repeat;
background-size: auto 50px;
background-position: top center;
opacity: 0.1;
pointer-events: none;
}
.accent-banner-1 .inner-wrap {
max-width:1520px;
width:100%;
margin: auto ;
float:unset;
background:none;
}
.accent-banner-1 .inner-wrap .container {
max-width:1440px;
margin: 24px 50px;
width:calc(100% - 100px);
min-height:300px;
}
.accent-banner-1 .inner-wrap .row {
position: relative;
background:white;
padding:100px 20px;
} */
.accent-banner-1 .inner-wrap .row:before {
content:"";
background-image:url('/getmedia/7ab08145-2517-4697-9f72-74e021000559/Fleur_de_lis-_skibo-stone.aspx');
width:40px;
height:40px;
left:calc(50% - 20px);
top:80px;
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
display: block;
}
.accent-banner-1 .inner-wrap .col-sm{
width:80%;
max-width:800px;
margin:auto;
padding-top:20px;
}
@media(max-width:767px){
.accent-banner-1 .inner-wrap .container {
/* margin:20px;
width:calc(100% - 40px); */
margin:30px;
width:calc(100% - 60px);
}
.accent-banner-1 .inner-wrap .row {
padding: 90px 0 30px;
}
.accent-banner-1 .inner-wrap .col-sm{
width:94%;
}
/* .accent-banner-1 .inner-wrap .container::before {
inset: -35px;
border-width: 35px;
width: calc(100% + 67px);
height: calc(100% + 69px);
border-image-slice: 47;
border-image-width: 32px;
} */
}
/*---------------------------------padding-md , padding-lg--------------------------------*/
@media(min-width:768px){
.padding-md .container {
padding: 44px 15px;
}
.padding-lg .container {
padding: 72px 15px;
}
}
@media(min-width:1200px){
section.basic-block.padding-lg .basic-block-wrapper {
padding:96px 0;
}
section.basic-block.padding-md .basic-block-wrapper {
padding:44px 0;
}
}
/*---------------------------------------------------title and summary------------------------------------------*/
.basic-block .basic-block-wrapper .img-block img {
object-fit: cover;
object-position: center;
height:50vh;
max-height:400px;
}
.basic-block:not(.sm-img) .basic-block-wrapper .img-block {
height:80vh;
max-height:800px;
}
@media(min-width:900px){
.basic-block .text-block-wrapper.col-sm-10{
width: 80%;
}
.basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
margin-left:0%;
}
.basic-block:not(.background-image, .center, .testimonial-slider, .media-stacked, .media-offset ) .basic-block-wrapper .text-block {
width: 50%;
padding: 16px 0px;
}
.basic-block:not(.background-image, .testimonial-slider, .media-stacked, .media-offset) .basic-block-wrapper .text-block .text-block-wrapper{
padding: 0px 20px;
}
section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
padding-top: 28px;
padding-bottom: 28px;
padding-left:20px;
padding-right:20px;
}
}
@media(min-width:1440px){
section.basic-block .basic-block-wrapper {
padding:20px 0;
}
section.basic-block:not(.padding-lg, .padding-md) .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
padding-top: 44px;
padding-bottom:44px;
}
.basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
margin-left:0%;
}
.basic-block:not(.background-image, .testimonial-slider, .media-stacked, .media-offset) .basic-block-wrapper .text-block.col-sm-pull-6 .text-block-wrapper{
padding: 0px 50px 0 0;
}
.basic-block:not(.background-image, .testimonial-slider, .media-stacked, .media-offset) .basic-block-wrapper .text-block:not(.col-sm-pull-6) .text-block-wrapper{
padding: 0px 0px 0 50px;
}
}
@media(min-width:1440px) and (max-width:1524px){
section.basic-block .basic-block-wrapper:has(.img-block.col-sm-push-6, .img-block.col-sm-6) {
padding-left:16px;
padding-right:16px;
}
}
@media(max-width:899px){
.basic-block .basic-block-wrapper .img-block {
height:60vh;
max-height:450px;
}
.basic-block .basic-block-wrapper {
flex-direction: column;
justify-content: center;
}
section.basic-block:is(.theme1,.theme2, .theme3):not(.max-w-420, .media-stacked, .media-offset) .basic-block-wrapper{
margin: 0 20px;
width:calc(100% - 40px);
}
.basic-block:not(.background-image, .max-w-420, .media-stacked, .media-offset) .basic-block-wrapper .text-block{
padding:0;
}
.basic-block .basic-block-wrapper .img-block,
.basic-block .basic-block-wrapper .text-block {
width:100%;
right:0;
left:0;
}
.basic-block:not(.max-w-420, .media-stacked, .media-offset) .basic-block-wrapper .text-block-wrapper {
margin-left:0;
width: 100%;
padding: 30px 0px;
/* padding:30px 12px; */
}
}
@media(max-width:767px){
.basic-block .basic-block-wrapper .img-block img{
object-fit: cover;
max-height:400px;
}
.basic-block:not(.sm-img) .basic-block-wrapper .img-block {
height:auto;
max-height:400px;
}
}
/*-------------------------------reorder-img-last---------------------------*/
@media(max-width:899px){
.basic-block.reorder-img-last .basic-block-wrapper .img-block {
order:2;
}
}
/*----------------------basic-block background-image ----------------------------------*/
.basic-block.background-image.center{
text-wrap-style:balance;
}
/*------------------------------title and summmary image-contained--------------------*/
.image-contained.basic-block .img-block{
background-size:contain;
}
/*----------------------------------custom-video-ts-----------------------*/
.custom-video-ts .img-block {
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
/* .custom-video-ts .img-block iframe {
position: absolute;
padding:20px;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} */
.custom-video-ts .img-block iframe {
width: 190%;
height: 100%;
border: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
@media(max-width:1155px) and (min-width:900px){
.custom-video-ts .img-block iframe {
width:240%;
}
}
@media(max-width:899px){
.basic-block.custom-video-ts .basic-block-wrapper .img-block{
height:45vh;
order:2;
}
.custom-video-ts .img-block iframe {
padding:0 16px ;
}
.basic-block.custom-video-ts .basic-block-wrapper .text-block{
padding-bottom:0;
/* min-height: 300px; */
}
}
@media(max-width:767px){
.custom-video-ts .img-block iframe{
transform:translateX(-50%) scale(1.4);
height:45vh;
}
}
@media(max-width:600px){
.basic-block.custom-video-ts .basic-block-wrapper .img-block{
height:400px;
}
}
/*---------------------------------------media-offset-------------------------------*/
@media(min-width:767px){
.basic-block.media-offset .basic-block-wrapper .img-block {
margin:60px 0 0 0;
height:80vh;
width:45%;
max-height:800px;
}
.basic-block.media-offset .basic-block-wrapper .text-block {
max-height:800px;
height:70vh;
width:55%;
justify-content: center;
transform:translateY(-60px)
}
.basic-block.media-offset .basic-block-wrapper .text-block p {
overflow: hidden;
transform:translateY(-50px)
}
.basic-block.media-offset .basic-block-wrapper .text-block :is(iframe){
transform:translateX(-20%) scale(1.3);
width:200%;
min-height:500px;
height:60vh;
max-height:800px;
}
.basic-block.media-stacked {
padding:16px;
}
.media-offset.basic-block .basic-block-wrapper .text-block-wrapper {
padding: 0 ;
}
}
@media(min-width:768px) and (max-width:1024px){
.basic-block.media-offset .basic-block-wrapper .text-block p {
transform:translateY(-100px)
}
.basic-block.media-offset .basic-block-wrapper {
flex-direction: row-reverse;
justify-content: center;
/* padding: 0 16px; */
}
.basic-block.media-offset .basic-block-wrapper .text-block{
padding:0;
right:unset;
left:unset;
width:60%;
justify-content: flex-start;
}
.media-offset.basic-block .basic-block-wrapper .text-block-wrapper {
padding: 0 20px;
width:100%;
}
.basic-block.media-offset .basic-block-wrapper .img-block{
margin-left:16px;
margin-right:16px;
left:unset;
right:unset;
}
}
@media(max-width:767px){
.basic-block.media-offset .basic-block-wrapper {
flex-direction: column;
justify-content: center;
}
.basic-block.media-offset .basic-block-wrapper .text-block,
.basic-block.media-offset .basic-block-wrapper .img-block {
width:calc(100% - 40px);
margin:0 20px;
padding:0;
}
.basic-block.media-offset .basic-block-wrapper .text-block :is(iframe){
transform:translateX(-25%);
width:200%;
min-height:unset;
height:400px;
max-height:400px;
}
.basic-block.media-offset .basic-block-wrapper .text-block p {
overflow: hidden;
width:100%;
}
.media-offset.basic-block .basic-block-wrapper .text-block-wrapper {
padding: 0 0px;
width:100%;
}
}
@media(max-width:400px){
.basic-block.media-offset .basic-block-wrapper .text-block :is(iframe){
height:290px;
}
}
/*---------------------------------------media-stacked-------------------------------------*/
.media-stacked img {
max-width:100%;
object-fit: cover;
}
.media-stacked .basic-block-wrapper{
flex-direction: column;
align-items: center;
}
.media-stacked .col-sm-pull-6{
right:unset;
}
.media-stacked .col-sm-push-6{
left:unset;
}
.media-stacked.basic-block .basic-block-wrapper .text-block{
justify-content: start;
}
.media-stacked.basic-block[class*="-left"] .basic-block-wrapper .text-block{
justify-content: end;
}
.media-stacked iframe{
width:100%;
height:100%;
min-height:200px;
}
.media-stacked .text-block-wrapper:has(img, iframe){
margin-top:20px;
}
.basic-block.media-stacked .basic-block-wrapper .text-block p {
overflow:hidden;
}
@media(max-width:767px){
.basic-block.media-stacked .basic-block-wrapper .text-block,
.basic-block.media-stacked .basic-block-wrapper .img-block {
width:calc(100% - 40px);
margin:0 20px;
padding: 0;
}
.basic-block.media-stacked .basic-block-wrapper .text-block p,
.basic-block.media-stacked .basic-block-wrapper .text-block h2{
margin:0;
}
.media-stacked .text-block-wrapper:has(img, iframe){
padding:0;
}
.basic-block.media-stacked .basic-block-wrapper .text-block :is(iframe){
transform:translateX(-25%);
width:200%;
min-height:unset;
height:400px;
/* height: 260px; */
max-height:400px;
}
}
@media(max-width:400px){
.basic-block.media-stacked .basic-block-wrapper .text-block :is(iframe){
height:290px;
}
}
@media(min-width:768px){
.basic-block.media-stacked .basic-block-wrapper .img-block{
width:100%;
}
.basic-block.media-stacked .text-block-wrapper.col-sm-10{
width:100%;
}
.media-stacked .text-block :is(img, iframe){
width: 500px;
height: 290px;
}
.media-stacked .text-block{
width:100%;
}
/*------------------------------w-60-right and w-60-left------------------------------------*/
.media-stacked.w-60-left :is(img, iframe){
margin-left:auto;
margin-right:60px;
display: block;
}
.media-stacked.w-60-right :is(img, iframe){
margin-right:auto;
margin-left:60px;
display: block;
}
.media-stacked.w-60-right .text-block-wrapper:has(img, iframe){
padding-top:50px;
/* padding-left:20%; */
}
.media-stacked.w-60-left .text-block-wrapper:has(img, iframe){
padding-top:50px;
/* padding-right:20%; */
}
}
@media(min-wdith:900px){
.media-stacked.w-60-right :is(img, iframe){
margin-left: 60px;
}
}
/*------------------------w-60-left, w-60-right, w-40-left, w-40-right----------------------*/
@media(min-width:767px){
body:not(.EditMode) .w-60-left,
body:not(.EditMode) .w-60-right{
width:60%;
max-width:864px;
}
body:not(.EditMode) .w-40-left{
margin-left:auto !important; /*required for system inline*/
}
body:not(.EditMode) .w-60-right{
margin-right:auto !important;/*required for system inline*/
}
body:not(.EditMode) .w-40-right{
margin-right:auto !important;/*required for system inline*/
}
body:not(.EditMode) .w-60-left{
margin-left:auto !important;/*required for system inline*/
}
body:not(.EditMode) .w-40-left,
body:not(.EditMode) .w-40-right{
width:40%;
max-width:576px;
}
body:not(.EditMode) .w-40-right{
order:2;
}
}
/*-------------------sticky-block-----------------------------*/
/*has js to wrap---------------------------*/
@media(min-width:767px){
.sticky-block .inner-wrap{
position: sticky;
top: 120px;
align-items: center;
}
.sticky-row-wrapper {
display: flex;
align-items: stretch;
height:100%;
width:100%;
}
}
/*------------------------------------boxed-block---------------------------------------*/
.basic-block.background-image.boxed-block {
min-height:400px;
padding: 40px;
}
.basic-block.boxed-block h2 {
margin-bottom:28px;
}
.basic-block.background-image.boxed-block .inner-wrap {
background:transparent;
}
.basic-block.background-image.boxed-block .text-block {
max-width:1000px;
padding:60px 44px;
margin-top:20px;
margin-bottom:20px;
text-shadow: none;
/* outline:1px solid var(--primary-color); */
/* outline-offset: -18px; */
text-wrap-style:pretty;
}
.basic-block.background-image.boxed-block.theme3 .text-block {
/* outline:1px solid var(--accent-color); */
}
.basic-block.background-image.boxed-block .text-block{
background:var(--backdrop);
z-index: 1;
position: relative;
}
.basic-block.background-image.boxed-block.theme2 .text-block{
background:var(--backdrop-2);
}
/* .basic-block.background-image.boxed-block .text-block:before {
content:'';
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
background-image: url('/getmedia/7689986d-218a-45d3-97e6-4a0ff05434c2/pattern-2-skibo-mist.aspx');
z-index: -1;
opacity:0.05;
} */
/* .basic-block.background-image.boxed-block.theme3 .text-block:before {
background-image: url('/getmedia/5ce24f19-ccdc-47e4-98bf-4407ee940c64/pattern-2-lightgrey.aspx');
opacity:0.1;
} */
.basic-block.background-image.boxed-block.theme3 .text-block {
background:var(--accent-color);
/* outline:1px solid var(--primary-color-dark); */
color:var(--primary-color-darkest);
/* text-shadow: 0px 0px 5px var(--primary-color-dark); */
}
/* .basic-block.background-image.boxed-block.theme3 .text-block a {
text-shadow: 0px 0px 5px var(--primary-color-dark);
} */
.basic-block.background-image.boxed-block.leftfull .text-block {
margin-right:auto;
}
.basic-block.background-image.boxed-block.rightfull .text-block {
margin-left:auto;
}
.basic-block.background-image.boxed-block .container .text-block-wrapper{
width:100%;
}
.basic-block.center.background-image.boxed-block:not(.testimonial-slider) .text-block .text-block-wrapper {
width:100%;
margin:auto;
}
.basic-block.boxed-block p{
font-size:1.1em;
}
@media(max-width:1040px){
.basic-block.background-image.boxed-block .text-block {
margin:20px 36px;
width:calc(100% - 72px);
}
}
@media(max-width:767px){
.basic-block.background-image.boxed-block .text-block {
margin:20px 20px;
width:calc(100% - 40px);
padding:20px;
}
.basic-block.boxed-block p{
font-size:1em;
}
.basic-block.background-image.boxed-block {
padding:20px;
}
}
/*------------------------------------------col-slider----------------------------------*/
.col-slider h4{
color:var(--primary-color-dark);
font-family:'Trust 3C Medium', serif;
font-size:1.6em;
}
.col-slider .container .row{
margin-top:60px;
margin-bottom:40px;
}
.col-slider:is(.accent-border-bottom,.accent-border-bottom-alt, .accent-border-bottom-2, .accent-border-bottom-2-alt) .container .row {
margin-bottom:10px;
}
.col-slider.basic-text-area .col-sm{
-ms-flex-preferred-size: unset;
flex-basis: unset;
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
max-width: unset;
width: calc(25% - 40px);
margin: 20px;
padding: 0;
}
/* .col-slider .slider-wrapper {
width: 75%;
} */
.col-slider .slider-wrapper {
width: auto;
flex-basis: 0;
flex-grow: 1;
}
.col-slider.basic-text-area .slider-wrapper .slick-slide{
width:50%;
/* padding:0 30px; */
}
.col-slider.basic-text-area .slider-wrapper .slick-slide > :is(p,h4,a){
margin-left:20px;
margin-right:20px;
}
.col-slider.basic-text-area .slider-wrapper img {
width: 100%;
object-fit: cover;
height: 300px;
display: block;
}
.col-slider.basic-text-area .slide-item img{
margin-bottom:20px;
}
.col-slider.basic-text-area.theme2 .slider-wrapper .e3-button:hover{
background:var(--primary-color-dark);
color:white;
}
.col-slider .slider-wrapper {
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.col-slider .slide-item {
padding: 0 15px; /* gap between slides */
box-sizing: border-box;
}
/* adjusts Slick track to offset first/last slides */
@media(min-width:767px){
.col-slider .slider-wrapper .slick-track {
margin-left: -15px; /* same as slide padding */
margin-right: -15px;
}
}
.col-slider .slider-controls {
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
margin: 40px 0 50px 25%;
}
.col-slider .slider-fraction {
font-size: 1.2em;
color:var(--primary-color-dark);
font-family:'Trust 3C Medium', serif;
letter-spacing: 0.5px;
}
.col-slider .slider-controls button {
background: transparent;
border:none;
width: 55px !important; /*override systems important*/
border-radius: 0px;
cursor: pointer;
transition: all 0.2s ease;
}
.col-slider .slider-controls button:hover {
background-color:transparent !important;/*override systems important*/
width:60px !important;/*override systems important*/
}
@media(max-width:1024px){
.col-slider.basic-text-area .col-sm{
width:100%;
}
.col-slider .slider-wrapper {
width:100%;
padding:20px;
margin-bottom:0;
}
.col-slider .slider-controls {
margin:30px 0 30px 30px ;
}
}
/*---------------------append socials Id----------------*/
section:has(#append-socials) .header-social a {
margin:5px 10px;
font-size:1.6em;
}
section:has(#append-socials) .header-social{
margin-bottom: 16px;
}
section:has(#append-socials) .header-social a:after{
display: none;
}
section:has(#append-socials) .header-social a:first-of-type{
margin-left:0;
}
section:has(#append-socials) .header-social a:hover {
color:var(--accent-color);
}
/*----------------------------------contact-section----------------------------------*/
section.contact-section .col-sm:has(#append-socials){
min-width:260px;
}
.basic-text-area.contact-section table > tr > td{
vertical-align: top;
}
.contact-section address{
margin-bottom:16px;
}
section.contact-section .col-sm:has(#append-socials) a[href*="mailto"],
section.contact-section .col-sm:has(#append-socials) a[href*="tel"]{
padding-left:28px;
/* margin-left:20px; */
position: relative;
}
section.contact-section .col-sm:has(#append-socials) a[href*="mailto"]:before,
section.contact-section .col-sm:has(#append-socials) a[href*="tel"]:before{
content:"";
background-image:url('/getmedia/079496c3-7bbf-45e6-9bbd-524aaf424b70/phone-skibo-mist.aspx');
width:20px;
height:20px;
left:0;
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
section.contact-section .col-sm:has(#append-socials) a[href*="tel"]:before {
background-image:url('/getmedia/079496c3-7bbf-45e6-9bbd-524aaf424b70/phone-skibo-mist.aspx');
}
section.contact-section .col-sm:has(#append-socials ) a[href*="mailto"]:before {
background-image:url('/getmedia/594e13ca-e149-4e81-ae43-a1c791b65940/email-skibo-mist.aspx');
}
@media(min-width:1215px){
.contact-section table tr{
display: flex;
flex-direction: column;
}
}
@media(max-width:1214px){
section.contact-section .col-sm:first-of-type{
flex-basis: unset;
flex-grow:1;
width:100%;
}
section.contact-section.col-slider .slider-wrapper{
flex-basis: unset;
flex-grow:1;
width:100%;
/* margin-left:20px; */
}
}
@media(min-width:1024px) and (max-width:1214px){
section.contact-section.col-slider .slider-wrapper{
margin-left:20px;
}
}
@media(max-width:500px){
.contact-section table tr{
display: flex;
flex-direction: column;
}
}
/*------------------------------------------gallery-col----------------------------------*/
.gallery-col .container .row {
margin-top: 60px;
margin-bottom: 40px;
padding-left:16px;
padding-right:16px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr;
grid-auto-flow: dense;
justify-items: center;
gap: 0 20px;
}
.gallery-col .container .row:before,
.gallery-col .container .row:after{
display: none;
}
.gallery-col .container .col-sm:has(h3, h2) {
grid-column: span 1;
grid-row: span 2;
display: flex;
flex-direction: column;
/* justify-content: flex-start; */
justify-content: center;
padding: 0 16px;
}
.gallery-col .container .col-sm:has(img) {
grid-column: span 1;
/* aspect-ratio: 1 / 1; */
display: grid;
place-items: center;
}
.gallery-col .container .col-sm:has(img) img {
width: 100%;
height: 100%;
max-height:325px;
object-fit: contain;
}
.gallery-col h4 {
/* color: var(--primary-color-dark); */
color:white;
font-family: 'Trust 3C Medium', serif;
font-size: 1.2em;
padding-left:20px;
margin:0;
/* margin-top:-60px; */
margin-top:-77px;
width:100%;
/* height:56px; */
height:36px;
line-height: 2;
text-align: left;
font-style:italic;
background:var(--overlay-45);
}
.gallery-col:is(.accent-border-bottom,.accent-border-bottom-alt, .accent-border-bottom-2, .accent-border-bottom-2-alt) .container .row {
margin-bottom:10px;
}
.gallery-col.basic-text-area .col-sm{
margin: 0 20px 10px 20px;
padding: 0;
}
.gallery-col.basic-text-area img {
width: 100%;
object-fit: cover;
height: 300px;
display: block;
}
.gallery-col.basic-text-area img{
margin-bottom:20px;
}
.gallery-col.basic-text-area.theme2 .e3-button:hover{
background:var(--primary-color-dark);
color:white;
}
@media(max-width:1100px){
.gallery-col.basic-text-area .col-sm{
margin:0;
padding: 10px 0;
}
/* .gallery-col h4 {
margin-top:-70px;
height:56px;
} */
.gallery-col .container .row {
margin:40px 10px;
width: calc(100% - 20px);
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto 1fr;
}
.gallery-col .container .col-sm:has(h3, h2){
margin-bottom:20px;
}
.gallery-col .container .col-sm:has(h3, h2) {
grid-column: span 2;
grid-row: span 1;
}
}
@media(max-width:767px){
.gallery-col .container .row {
display: flex;
}
.gallery-col .container .col-sm:has(img) img {
width: 100%;
height: 100%;
max-height:250px;
/* object-fit: contain; */
object-fit:cover;
object-position: bottom;
}
}
/*---------------------------------accent-border-bottom and accent-border-top-----------------------------------------*/
section:is(.accent-border-bottom,.accent-border-bottom-alt, .accent-border-bottom-2, .accent-border-bottom-2-alt) .container{
padding-bottom:40px;
}
section:is(.accent-border-bottom,.accent-border-bottom-alt, .accent-border-bottom-2, .accent-border-bottom-2-alt) .inner-wrap{
padding-bottom:40px;
position:relative;
z-index: 1;
}
section:is(.accent-border-top,.accent-border-top-alt, .accent-border-top-2, .accent-border-top-2-alt ) .container{
padding-top:40px;
}
section:is(.accent-border-top,.accent-border-top-alt, .accent-border-top-2, .accent-border-top-2-alt ) .inner-wrap{
padding-top:40px;
position:relative;
z-index: 1;
}
section:is(.accent-border-bottom,.accent-border-bottom-alt, .accent-border-bottom-2, .accent-border-bottom-2-alt) .inner-wrap:after{
content:'';
height:50px;
width:100%;
/* background-image:url('/getmedia/2d0d4744-bfa2-4ca1-8a95-4054325b9670/pattern-border-trim-skibo-mist.aspx'); */
background-size:cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom:0;
left:0;
/* opacity:0.2; */
display: block;
z-index: 0;
}
section:is(.accent-border-top,.accent-border-top-alt, .accent-border-top-2, .accent-border-top-2-alt) .inner-wrap:before{
content:'';
height:50px;
width:100%;
/* background-image:url('/getmedia/2d0d4744-bfa2-4ca1-8a95-4054325b9670/pattern-border-trim-skibo-mist.aspx'); */
background-size:cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top:0;
left:0;
/* opacity:0.2; */
display: block;
z-index: 0;
}
section:is(.accent-border-bottom) .inner-wrap:after,
section:is(.accent-border-top) .inner-wrap:before{
background-image: url('data:image/svg+xml,');
opacity: 1;
}
section:is(.accent-border-bottom-alt) .inner-wrap:after,
section:is(.accent-border-top-alt) .inner-wrap:before{
background-image: url('data:image/svg+xml,');
opacity: 1;
}
section:is(.accent-border-bottom-2) .inner-wrap:after,
section:is(.accent-border-top-2) .inner-wrap:before{
background-image: url('data:image/svg+xml,');
opacity: 1;
}
section:is(.accent-border-bottom-2-alt) .inner-wrap:after,
section:is(.accent-border-top-2-alt) .inner-wrap:before{
background-image: url('data:image/svg+xml,');
opacity: 1;
}
/*-----------------------------------------testimonials slider----------------------------------------------*/
.testimonial-slider blockquote {
border:none;
background:transparent;
margin-top:40px;
font-family:'Trust 3C Medium', serif;
font-size: 1.2em;
margin-bottom:0;
}
.testimonial-slider blockquote p {
margin-bottom:0;
font-family:'Trust 3C Medium', serif;
color:var(--title-font-color);
}
.testimonial-slider .text-block-wrapper {
/* margin:60px auto 0px; */
margin: auto ;
text-wrap-style:balance;
}
/* .testimonial-slider .text-block-wrapper:before {
content:'"';
position:absolute;
font-size:15em;
line-height: 40px;
padding-top:40px;
color:var(--accent-color);
font-family: "Palanquin", sans-serif;
top:0px;
left: calc(50% - 30px);
width:60px;
} */
.testimonial-slider p strong {
color:var(--primary-color-dark);
font-size: 1.4em;
font-style:normal;
font-weight:500;
font-family:'Trust 3C Medium Italic', serif;
}
/* .testimonial-slider.theme1 {
box-shadow: 0 0 30px 25px var(--secondary-color) inset;
} */
.basic-block:is(.testimonial-slider) .basic-block-wrapper .text-block-wrapper{
width:100%;
}
.testimonial-slider.basic-block.background-image.theme2 :is(p, p strong),
.testimonial-slider.basic-block.theme2 .text-block-wrapper:before{
color:white;
}
.testimonial-slider.background-image .inner-wrap{
height:100%;
min-height:64vh;
}
.testimonial-slider.basic-block .basic-block-wrapper {
padding:30px 15px 15px;
}
.testimonial-slider.basic-block.background-image {
min-height: 64vh;
height:100%;
}
.testimonial-slider.basic-block {
min-height: 500px;
height:100%;
}
.slick-track:has(.testimonial-slider ) {
top:-1px;
}
.slider-container {
float: left;
width: 100%;
position: relative;
min-height: 1px;
display: block;
}
.slick-dots li:only-child {
display: none;
}
.slider-container:has(.testimonial-slider) .slick-dots li button {
background:var(--primary-color-dark);
margin:auto;
opacity:0.8;
}
.slider-container:has(.testimonial-slider) .slick-dots li.slick-active button {
background:var(--primary-color-dark);
}
.slider-container:has(.testimonial-slider) .slick-dots {
width:fit-content;
margin: 10px auto;
position: relative;
transform: translatey(-40px);
-webkit-transform: translatey(-40px);
-moz-transform: translatey(-40px);
-ms-transform: translatey(-40px);
-o-transform: translatey(-40px);
}
.slider-container.slick-dotted.slick-slider {
margin: 24px 0 48px;
}
.testimonial-slider.slick-dots li button {
margin: 0 auto;
}
@media(max-width:767px){
.slider-container.slick-dotted.slick-slider {
margin: 44px 0;
}
.testimonial-slider blockquote {
margin-top:20px;
padding:0;
font-size:1.1em;
}
.testimonial-slider .text-block-wrapper {
margin:20px auto 0px;
}
}
/*------------------------------------------------------.info-cards and first-card--------------------------------------*/
.basic-text-area.info-cards.first-card-fw .col-sm:first-of-type{
flex-basis: auto;
}
.basic-text-area.info-cards img {
object-fit: cover;
height:250px;
width:100%;
}
.basic-text-area.info-cards .col-sm {
/* box-shadow:2px 2px 8px #9f9f9f; */
padding:0 0 25px 0;
margin: 10px;
display: flex;
flex-direction: column;
text-wrap-style:pretty;
}
.basic-text-area.info-cards .e3-button {
margin: 15px 0;
}
.basic-text-area.info-cards .col-sm div:has(.e3-button) {
margin-top:auto;
}
.basic-text-area.info-cards .col-sm {
padding: 20px;
}
.info-cards p {
margin-bottom:6px;
}
.basic-text-area.info-cards .col-sm h3 {
margin-top:16px;
}
.basic-text-area.info-cards .col-sm:has(h3) h4 {
margin-top:6px;
}
.basic-text-area.info-cards .col-sm h4 {
margin-bottom:6px;
margin-top:16px;
color:var(--title-font-color);
}
.basic-text-area.info-cards .col-sm :is(h5) {
font-size:1.2em;
margin-bottom:5px;
text-wrap-style:pretty;
}
.basic-text-area.info-cards .col-sm:has(h3,h4,h5) p {
margin-top:0;
}
.basic-text-area.info-cards.theme1 .col-sm{
background:var(--backdrop-3);
color:#2a2a2a;
/* box-shadow:var(--bs-v1); */
}
.basic-text-area.info-cards.theme2 .theme-secondary {
background:transparent;
}
.basic-text-area.info-cards.theme2 .col-sm{
/* background:var(--primary-color-dark); */
background:var(--body-color);
color:var(--primary-color-dark);
border:1px solid var(--primary-color-lighter);
}
.basic-text-area.info-cards.theme2 .col-sm :is(h3,h4,h5, p, ul, ol, a){
color:var(--primary-color-dark);
}
.basic-text-area.info-cards.theme2 .col-sm h4 {
color:var(--primary-color-dark);
}
@media(max-width:767px){
.basic-text-area.info-cards .col-sm {
margin: 10px;
}
}
@media(min-width:768px){
.basic-text-area.info-cards:has(.col-sm:nth-child(4)) .col-sm {
min-width:calc(25% - 40px);
}
}
/*-----------------last-card-half---------------------*/
@media(min-width:768px){
.basic-text-area.info-cards.last-card-half .col-sm:last-of-type {
max-width:calc(50% - 20px);
}
}
/*---------------------------------------custom class fade-light and fade-dark & narrow-fade------------------------------*/
/*fade block is added by script*/
.faded-block{
content:'';
width:100%;
height:150px;
position: absolute;
top:-1px;
left:0;
z-index:-1;
}
.narrow-fade .faded-block{
height:50px;
}
.widget-bizform:has(.faded-block) .background-image {
z-index: 3;
}
section:not(.widget-bizform):has(.faded-block) .inner-wrap {
z-index:3;
position: relative;
}
.fade-light .faded-block{
background:linear-gradient(to bottom, var(--soft-white) 0%, transparent 100%);
}
.fade-dark .faded-block{
background:linear-gradient(to bottom, var(--primary-color) 0%, transparent 100%);
}
@media(min-width: 1024px ) {
section.widget-bizform:has(.faded-block) .inner-wrap .container {
margin:120px auto 90px;
}
section.narrow-fade:has(.faded-block) .inner-wrap .container {
margin:20px auto 30px;
}
}
/*-------------------------------has script to take text area and place into form as title---------------*/
body:not(.EditMode) .append-to-form {
display: none;
}
/*----------------------append-to-form styling------------*/
.widget-bizform .row :is(p,h2,h3,h4,h5,h6) {
max-width:1000px;
margin:auto;
text-wrap-style:balance;
}
.widget-bizform .row h2{
position: relative;
margin-bottom:20px;
}
.widget-bizform div[id*="TextArea"] {
margin-bottom:15px;
padding:5px 15px;
}
.widget-bizform div[id*="TextArea"] h3{
margin-bottom: 16px;
}
.widget-bizform div[id*="TextArea"] p:last-of-type{
margin-bottom: 16px;
}
/*-------------------------------------------------------------------biz form -----------------------------------------------------------*/
.widget-bizform .background-image .container{
background:var(--backdrop-op90);
padding: 44px 20px;
height:100%;
margin: 20px 20px;
width:calc(100% - 40px);
/* box-shadow: 1px 1px 3px 2px #d4d4d4; */
}
.widget-bizform.bg-repeat .background-image{
background-repeat: repeat;
background-size: contain;
}
.widget-bizform.theme3 .background-image .container{
background:var(--primary-color-op90);
}
@media(min-width:1024px){
.widget-bizform .background-image .container {
width:95%;
margin: 3% auto;
}
}
@media(min-width:1280px){
.widget-bizform .background-image .container {
width:95%;
margin: 5% auto;
}
}
@media(min-width:1441px){
.widget-bizform .background-image .container{
margin: 10% auto;
}
}
/* .widget-bizform.theme2:has(:not(.background-image)){
position: relative;
}
.widget-bizform.theme2:has(:not(.background-image)):before {
background:var(--primary-color);
content:'';
width:150vw;
left:-25vw;
height:100%;
position: absolute;
z-index: -1;
} */
/*-------------------------------------------------------------custom biz form------------------------------------------*/
.widget-bizform div[id*="divContainer"] {
padding: 20px;
max-width: 1170px;
}
.widget-bizform .container{
width:auto;
max-width: 990px;
}
.widget-bizform .FormPanel {
width: fit-content;
margin: auto;
}
.widget-bizform .FormPanel .form-control {
height:44px;
}
.widget-bizform .EditingFormTable {
display: block;
width:90%;
/* margin:0 auto; */
}
.widget-bizform:has(.full, .half, .third, .comments) tr {
display: flex;
flex-direction: column;
/* justify-content: space-between; */
padding-bottom: 10px;
/* margin-bottom: 10px; */
/* border-bottom: 1px solid #e0e0e0; */
}
/*-custom class- .input-row*/
.widget-bizform:has(.full, .half, .third, .comments) tr.input-row {
flex-direction:row;
/* align-items:center; */
}
.widget-bizform .FormPanel .FieldLabel,
.widget-bizform .FormPanel .EditingFormLabel {
text-align: left;
font-weight: 400;
white-space: normal;
color: var(--primary-color-dark);
}
.widget-bizform .EditingFormValueCell input,
.widget-bizform .EditingFormValueCell textarea,
.widget-bizform .EditingFormValueCell select {
border:none;
border-bottom: 1px solid var(--primary-color-lighter);
background:rgba(211,183,153, 0.13);
/* background:#ede4db; */
/* box-shadow: var( --bs-v1); */
}
.widget-bizform .FormPanel .form-control:focus {
border-bottom: 1px solid var(--accent-color);
background-color: var(--backdrop-3);
outline: 1px solid var(--primary-color-dark);
box-shadow: var(--bs-v3);
}
.FormPanel .EditingFormControlNestedControl .form-control-text,
.FormPanel .EditingFormValueCell .form-control-text {
margin-top:6px;
font-weight:bold;
color:var(--primary-color-dark);
}
.widget-bizform.theme2 .FormPanel .form-control,
.widget-bizform.theme2 .FormPanel .form-control-text {
color:var(--primary-color-dark);
}
.widget-bizform.theme2 .FormPanel .form-control option,
.widget-bizform.theme2 .FormPanel .form-control:focus {
color:var(--primary-color-dark);
}
.widget-bizform.theme2 .EditingFormValueCell input,
.widget-bizform.theme2 .EditingFormValueCell textarea,
.widget-bizform.theme2 .EditingFormValueCell select {
border: 1px solid var(--accent-color);
background: var(--backdrop);
/* box-shadow: var( --bs-v1); */
}
/* .theme2 .FormPanel .EditingFormControlNestedControl .form-control-text,
.theme2 .FormPanel .EditingFormValueCell .form-control-text{
color:white;
} */
/* .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
border:1px solid var(--primary-color);
border-radius: 3px;
min-height:44px;
margin-top:4px;
padding-top:6px;
padding-left: 12px;
margin-left: 3px;
width: calc(100% - 6px);
}
.widget-bizform .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
border:none;
height:30px;
border-bottom:1px solid var(--primary-color);
}
.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
background:var(--backdrop)
}
.widget-bizform.theme3 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]) input {
background:transparent;
} */
.widget-bizform.theme2 .EditingFormValueCell input,
.widget-bizform.theme2 .EditingFormValueCell textarea,
.widget-bizform.theme2 .EditingFormValueCell select,
.widget-bizform.theme2 .EditingFormValueCell:has(div[id*="phone"], div[id*="fax"]){
border: 1px solid var(--accent-color);
background: var(--backdrop);
}
.widget-bizform.theme3 .FormPanel .form-control:focus {
border-bottom: 1px solid var(--primary-color);
background-color: white;
outline: 1px solid var(--primary-color-dark);
}
.widget-bizform tr[id*="space_break"] {
margin-top:20px;
border-top:1px solid #c8c6c6;
}
.widget-bizform tr.label .EditingFormLabel{
/* font-family: var(--title-font-family); */
font-size:2.3em;
font-style:italic;
/* color:var(--title-font-color); */
margin:30px 0 0px;
}
.widget-bizform.theme3 tr.label .EditingFormLabel{
color:white;
}
.widget-bizform .radio {
margin-left: -9px;
display: flex;
flex-wrap: wrap;
}
.widget-bizform .radio input {
margin-bottom: 10px;
margin-right: 3px;
margin-left: 10px;
}
.widget-bizform .radio label {
flex-grow: 1;
min-width: -moz-max-content;
min-width: max-content;
}
.widget-bizform:has(.full, .half, .third, .comments, .two-third) tbody {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.widget-bizform .title {
font-size: 2rem;
}
.widget-bizform table.checkbox tr{
width: 50%;
}
.widget-bizform:has(.full, .half, .third, .comments, .two-third) tr.one-line {
flex-direction: row;
justify-content: flex-start;
}
.widget-bizform:has(.full, .half, .third, .comments, .two-third) tr.one-line input[id*="checkbox"]{
margin-top:6px;
}
.widget-bizform .two-third {
width: 66%;
}
.widget-bizform .two-third .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media(max-width:1024px){
.widget-bizform table.checkbox tr{
width: 100%;
}
.FormPanel .FieldLabel, .FormPanel .EditingFormLabel {
text-align: left;
}
}
.widget-bizform .full {
width: 100%;
}
.widget-bizform .full .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .full {
width: 100%;
}
}
.widget-bizform .half {
width: 50%;
}
.widget-bizform .half .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .half {
width: 100%;
}
}
.widget-bizform .comments {
width: 100%;
}
.widget-bizform .comments .EditingFormControlNestedControl .form-control{
max-width: 100%;
height: 8rem;
}
@media (max-width: 1024px) {
.widget-bizform .comments {
width: 100%;
}
}
.widget-bizform .third {
width: 33%;
}
.widget-bizform .third .EditingFormControlNestedControl .form-control {
max-width: 100%;
}
@media (max-width: 1024px) {
.widget-bizform .third {
width: 100%;
}
}
.widget-bizform tr:has(input[type*="submit"]){
display: flex;
justify-content: center;
align-items: center;
margin:20px;
width: 100%;
}
.widget-bizform input[type*="submit"]{
font-size:16px;
height:44px;
line-height:44px;
font-family: 'Trust 1A Medium';
font-weight:400;
/* text-transform: uppercase; */
}
.widget-bizform div[id*="viewBiz_pM_pMP"] {
text-align: center;
font-size:1.5em;
}
/*-------------------------------------speical dropdown, requires code---------------------*/
/* =========================
HIDE ORIGINAL SELECT
========================= */
.custom-select-native {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* =========================
WRAPPER
========================= */
.custom-select {
position: relative;
width: 100%;
font-family: inherit;
}
/* =========================
TRIGGER
========================= */
.custom-select-trigger {
border:none;
border-bottom: 1px solid var(--primary-color-lighter);
background:rgba(211,183,153, 0.13);
height: 44px;
padding: 10px 8px;
font-family: inherit;
font-size: 14px;
color: #262524;
border-radius: 3px;
cursor: pointer;
position: relative;
transition: all 0.2s ease;
display: flex;
align-items: center;
}
/* Arrow */
.custom-select-trigger::after {
content:"\f105";
font-family: FontAwesome;
color:var(--primary-color);
margin-left: 8px;
position: absolute;
right: 12px;
top: 50%;
font-size: 18px;
transform: translateY(-50%) rotate(90deg);
}
/* Hover */
.custom-select-trigger:hover {
border-bottom: 1px solid var(--accent-color);
background-color: var(--backdrop-3);
outline: 1px solid var(--primary-color-dark);
box-shadow: var(--bs-v3);
}
/* Focus */
.custom-select-trigger:focus {
border-bottom: 1px solid var(--accent-color);
background-color: var(--backdrop-3);
outline: 1px solid var(--primary-color-dark);
box-shadow: var(--bs-v3);
}
/* Open state */
.custom-select.open .custom-select-trigger {
border: 1px solid var(--primary-color);
}
.custom-select:focus-within .custom-select-trigger {
border-color: var(--primary-color-dark);
outline: 1px solid var(--primary-color-dark);
}
/* =========================
DROPDOWN PANEL
========================= */
.custom-options {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 4px);
background: #ffffff;
border: 1px solid #d6d2c4;
border-radius: 6px;
max-height: 240px;
overflow-y: auto;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
opacity: 0;
pointer-events: none;
transform: translateY(5px);
transition: all 0.2s ease;
z-index: 999;
}
/* Open */
.custom-select.open .custom-options {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
/* =========================
OPTIONS
========================= */
.custom-option {
padding: 10px 14px;
cursor: pointer;
transition: background 0.15s ease;
}
/* Hover */
.custom-option:hover {
background: var(--primary-color-light);
}
/* Selected */
.custom-option.selected {
background: var(--accent-color);
color: var(--primary-color-darkest);
}
/* Keyboard highlight */
.custom-option.highlighted {
background: var(--backdrop-2);
}
/* =========================
SCROLLBAR
========================= */
.custom-options::-webkit-scrollbar {
width: 8px;
}
.custom-options::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 4px;
}
/*------------------------------------------blog adjustments----------------------------------*/
.latest-news-content img {
object-fit: cover;
max-width:100%;
}
.latest-news-feature-widget.news-widget .latest-news-img-tile{
height: auto;
}
.blog-news-content-details:has(a.blog-news-link),
.latest-news-content-details:has(p[id*="WidgetBlogPostSummary"], div[id*="WidgetBlogPostSummary"], p[id*="LatestNewsWithFeatureArticle"]),
.blog-news-content-details:has(p[id*="WidgetBlogPostSummary"], div[id*="WidgetBlogPostSummary"], p[id*="LatestNewsWithFeatureArticle"]){
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.latest-news-content-feature{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.latest-news-content-details:has(p[id*="WidgetBlogPostSummary"], div[id*="WidgetBlogPostSummary"], p[id*="LatestNewsWithFeatureArticle"]){
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
}
.latest-news-content-details:has( p[id*="WidgetBlogPostSummary"], div[id*="WidgetBlogPostSummary"]) p:empty {
display: none;
}
@media (min-width: 768px) {
.latest-news-feature-widget .latest-news-content-right .latest-news-img-tile+.latest-news-content-details{
width: calc(55% - 20px);
}
.latest-news-feature-widget .latest-news-content-right .latest-news-img-tile {
width: 45%;
padding-top: 42.75%;
margin-right: 20px;
margin-bottom:20px;
}
}
@media(max-width:767px){
.latest-news-feature-widget .latest-news-img-tile{
padding-top:300px;
}
.latest-news-content:has(.latest-news-link:empty){
display: none;
}
}
.latest-news-content-feature p:empty {
display: none;
}
.latest-news-content-feature .view-post-button {
z-index: 1;
position: absolute;
bottom:0px;
right:0;
}
.latest-news-content-feature {
padding-bottom:30px;
}
.theme1 .latest-news-content-feature:after{
background-color:var(--body-color);
}
.theme2 .latest-news-content-feature:after{
background-color:var(--backdrop-2);
}
.theme3 .latest-news-content-feature:after{
background-color:var(--primary-color-darkest);
}
.latest-news-content-feature:after{
content:'';
height:30px;
width:100%;
bottom:0px;
position: absolute;
}
.news-widget.theme3 p {
color:white;
}
.news-widget .latest-news-date {
font-size:0.9em;
font-style:italic;
color:var(--primary-color-dark);
margin-bottom:6px;
display: none;
}
.news-widget:is(.theme1, .theme2) .latest-news-link {
color:var(--primary-color-dark);
text-decoration: none;
font-family: 'Trust 3C Medium';
font-size:1.15em;
}
.news-widget .blog-news-content-row .blog-news-img-tile {
height:100%;
max-height: 150px;
background-size:cover;
padding-top:250px;
/* width:40%; */
width:100%;
}
.news-widget .blog-news-date,
.news-widget .blog-news-time,
.news-widget .blog-news-author,
.news-widget .card-type{
font-size:0.9em;
font-style:italic;
color:var(--primary-color-dark);
margin-bottom:6px;
}
.theme1 a.blog-news-link {
color:var(--primary-color-dark);
text-decoration: none;
font-family: 'Trust 3C Medium';
font-size:1.05em;
}
.news-widget .blog-news-content-details {
width:60%;
}
@media(max-width:800px){
.news-widget .blog-news-row-widget .blog-news-content-row .blog-news-content{
display: flex;
flex-direction: column;
}
.news-widget .blog-news-row-widget .blog-news-content-row .blog-news-content .blog-news-content-details {
width:100%;
padding-left:0;
} .news-widget .view-post-button{
margin-top:20px;
width:fit-content;
margin-left:auto;
}
.news-widget .blog-news-content-row .blog-news-img-tile {
width:100%;
}
}
/*blog page banner*/
.news-widget .blog-news-img-tile img {
object-fit: cover;
object-position: center;
height:70vh;
max-height:550px;
position: relative;
top:unset;
width:100%;
}
/* @media(min-width:768px){
.blog-widget-zone.blog-side-column,
.blog-news-overall-info{
padding-right:0;
}
.blog-widget-zone{
padding-left:0;
}
} */
@media(max-width:767px){
.news-widget .blog-news-img-tile img {
height:50vh;
max-height:300px;
}
}
/*---------------------updated blog --------------*/
.blog-widget-zone.blog-side-column{
display: none;
}
.blog-widget-zone:not(.blog-side-column).col-sm-8{
width:100%;
}
.blog-news-date {
display: none;
}
.latest-news-row-widget .latest-news-content-row,
.blog-news-row-widget .blog-news-content-row{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.blog-news-row-widget .blog-news-content-row .blog-news-content,
.latest-news-row-widget .latest-news-content-row .latest-news-content{
width:calc(100% / 3 - 0px);
max-width: 340px;
padding: 10px;
margin-left: 10px;
/* margin-right: auto; */
margin-bottom: 20px;
display: flex;
flex-direction: column;
border: 1px solid var(--primary-color-lighter);
}
.blog-news-row-widget .blog-news-content-row .blog-news-content .blog-news-content-details,
.latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details{
padding-left:0;
padding-top:10px;
width:100%;
}
@media(max-width: 900px) {
.blog-news-row-widget .blog-news-content-row .blog-news-content, .latest-news-row-widget .latest-news-content-row .latest-news-content {
width: calc(100% / 2 - 16px);
max-width: 100%;
/* min-width: 320px; */
}
}
@media(max-width: 640px) {
.blog-news-row-widget .blog-news-content-row .blog-news-content, .latest-news-row-widget .latest-news-content-row .latest-news-content {
width:100%;
padding: 10px;
margin: 10px auto;
}
}
/*----------------------blog post --------------*/
.blog-news-summary img {
object-fit: contain;
height: 450px;
max-height: 60vh;
width: auto;
}
figure {
width:fit-content;
float:left;
margin: 10px 20px 10px 0;
border:1px solid var( --primary-color-lighter);
background:var(--backdrop-3);
}
figure.float-right{
margin:10px 0px 10px 20px
}
.img-caption-container .caption-container{
padding-top:6px;
}
section.blog-news-article-widget .inner-wrap .container:has(.blog-news-summary) {
max-width:1170px;
margin:auto;
float:unset;
}
.blog-news-article-widget .blog-news-article-info{
padding: 0 0 32px 0;
}
@media(max-width:767px){
.blog-news-summary img {
height: auto;
max-height: 50vh;
width: auto;
max-width:100%;
}
figure,
figure.float-right{
margin: 20px 0;
}
}
/*---------------------------------------------------------------Blog feed needs further refinement still------------------------------------------*/
.blog-news-article-widget .inner-wrap {
width: fit-content;
margin: auto;
display: block;
float: unset;
}
@media(max-width:1237px){
section:not(.blog-cards).latest-news-row-widget .latest-news-content-row,
section:not(.blog-cards).blog-news-row-widget .blog-news-content-row {
max-width:1050px;
}
}
@media(min-width:1238px){
section:not(.blog-cards).latest-news-row-widget .latest-news-content-row,
section:not(.blog-cards).blog-news-row-widget .blog-news-content-row {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: clamp(10px, 4vw, 28px);
max-width: 1174px;
margin: 0 auto;
}
section:not(.blog-cards).blog-news-row-widget .blog-news-content-row .blog-news-content,
section:not(.blog-cards).latest-news-row-widget .latest-news-content-row .latest-news-content {
/* flex: 0 0 calc((1148px - 68px) / 3); */
flex: 0 0 360px;
max-width: 360px;
/* max-width: calc((1148px - 68px) / 3); */
}
}
@media (min-width:901px) and (max-width:1125px) {
section:not(.blog-cards).blog-news-row-widget .blog-news-content-row .blog-news-content,
section:not(.blog-cards).latest-news-row-widget .latest-news-content-row .latest-news-content {
max-width: unset;
width:calc(100% / 3 - 20px)
}
}
@media(max-width:767px){
.blog-news-article-widget .inner-wrap {
padding:0;
}
}
/*---------------------------------------------------------blog-cards-------------------------------------------------*/
/* .news-widget.blog-cards .latest-news-content-row {
display: flex;
flex-wrap:wrap;
} */
.news-widget.blog-cards .latest-news-content-row .blog-slide-item{
/* width:calc(100% / 3 - 40px); */
/* min-width:300px; */
margin:20px;
/* box-shadow:2px 2px 8px #9f9f9f; */
/* display: flex;
flex-direction: column; */
/* background:white; */
padding:20px 20px 40px 20px;
border: 1px solid var(--primary-color-lighter);
}
body.EditMode .blog-cards .latest-news-content{
width:calc(100% / 3 - 40px);
min-width:300px;
margin:20px;
/* box-shadow:2px 2px 8px #9f9f9f; */
padding:20px 20px 40px 20px;
display: flex;
flex-direction: column;
}
.news-widget.blog-cards .latest-news-content-row .latest-news-img-tile {
width:100%;
height:250px;
background-size:cover;
padding-top:0;
}
.news-widget .latest-news-img-tile {
background-size:cover;
width: 100%;
height: 200px;
}
.news-widget.blog-cards .latest-news-content-row .latest-news-content .latest-news-content-details,
.news-widget.blog-cards .latest-news-content-row .latest-news-content-feature .latest-news-content-details{
padding-left:0;
width:100%;
}
.blog-cards .view-post-button {
margin-top:20px;
width:fit-content;
margin-left:auto;
}
.blog-cards .view-post-button::before {
width:50px;
}
@media(max-width:1200px){
.news-widget.blog-cards .latest-news-content-row .latest-news-img-tile {
height:150px;
}
}
@media(max-width:1065px){
.news-widget.blog-cards .latest-news-content-row .latest-news-img-tile {
height:250px
}
}
.blog-cards .blog-slider-wrapper {
width: 100%;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.blog-cards .blog-slider-wrapper .blog-slide-item .latest-news-content-details {
width:100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
padding:0;
}
.blog-cards .blog-slider-wrapper .slick-slide {
padding: 0 15px;
box-sizing: border-box;
}
.blog-cards .slider-wrapper {
overflow: hidden;
margin-bottom: 20px;
}
.blog-cards .slide-item {
padding: 0 10px; /* smaller gap between slides */
box-sizing: border-box;
}
/* offset Slick track to align first/last slides flush */
@media(min-width: 1066px){
.blog-cards .slider-wrapper .slick-track {
margin-left: -10px;
margin-right: -10px;
}
}
@media(max-width:1065px){
.blog-cards .slider-wrapper .slick-track {
margin-left: -10px;
margin-right: -10px;
}
}
@media(max-width:724px){
.blog-cards .slider-wrapper .slick-track {
margin-left: -10px;
margin-right: -10px;
}
}
.blog-cards .blog-slider-controls {
display: flex;
justify-content: center;
align-items: center;
gap: 18px;
margin: 40px 0 40px;
}
.blog-cards .slider-fraction {
font-size: 1.2em;
color:var(--primary-color-dark);
font-family:'Trust 3C Medium', serif;
letter-spacing: 0.5px;
}
.blog-cards .blog-slider-controls img {
object-fit: contain;
width:100%;
}
.blog-cards .blog-slider-controls button {
background: transparent;
border: none;
width: 55px !important; /*needed to override systems important*/
border-radius: 0;
cursor: pointer;
transition: all 0.2s ease;
}
.blog-cards .blog-slider-controls button:hover {
background: transparent !important;/*needed to override systems important*/
width: 60px !important;/*needed to override systems important*/
}
@media (max-width: 1024px) {
.blog-cards .blog-slider-wrapper {
width: 100%;
padding: 20px;
margin-bottom: 0;
}
.blog-cards .blog-slider-controls {
margin: 30px;
}
}
@media(max-width:767px){
.news-widget.blog-cards .latest-news-content-row .blog-slide-item{
margin:10px;
}
}
/*-----------------------------------tabbed content---------------------------------*/
.tab-content .tab-content-nav {
font-size:1.1em;
}
.theme1.tab-content .tab-content-nav ul li:hover,
.theme1.tab-content .tab-content-nav ul li.active-tab {
border-color: var(--accent-color);
background-color:var(--primary-color-light);
}
@media(max-width:767px){
.vertical-tab .tab-content-nav{
flex-basis:100%;
}
.vertical-tab .tab-content-content{
flex-basis:100%;
}
.vertical-tab .tab-content-content .tab-content-item{
padding:10px;
}
}
/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/
.expandable-content-widget .inner-wrap {
display: flex;
}
.expandable-content-widget .expandable-content-wrapper {
max-width: 1440px;
width:100%;
margin:0 auto;
}
.expandable-content-widget .expandable-content-heading {
padding: 0;
border-bottom:1px solid var(--accent-color);
font-size:1.2em;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link{
padding: 12px 16px;
}
.expandable-content-widget.theme1 .e3-button:hover{
color:white;
/* color:var(--primary-color-darkest); */
}
.expandable-content-widget.theme2 .expandable-content-heading .expandable-content-link{
border-bottom:1px ridge white;
/* color:white; */
color:var(--primary-color-darkest);
}
.expandable-content-widget.theme2 .expandable-content-heading .expandable-content-link:hover{
border-bottom:1px ridge white;
background-color:var(--primary-color-light);
color:var(--primary-color-darkest);
}
.expandable-content-widget.theme1 .expand-arrow{
background:transparent;
}
.expandable-content-widget.theme1 .expandable-content-link:hover,
.expandable-content-widget.theme1 .expandable-content-link:focus
{
background:var(--accent-color);
color:var(--primary-color-darkest);
}
.expandable-content-widget.theme2 .expandable-content-heading{
background:var(--accent-color);
}
.expandable-content-widget.theme2 .expand-arrow{
/* background-color:var(--accent-color);
*/background:transparent;
color:var(--primary-color-darkest);
}
.expandable-content-widget.theme2 a:hover .expand-arrow {
/* background-color:var(--primary-color-dark); */
background:transparent;
color:var(--primary-color-dark);
/* color:white; */
}
.expandable-content-widget.theme2 .row a:not(.e3-button):hover {
color:var(--primary-color-hover);
}
.expandable-content-widget a.e3-button{
background:var(--primary-color-dark);
color:white;
}
.expandable-content-widget a.e3-button:hover{
background:var(--primary-color-hover);
color:white;
}
@media(hover:none){
.expandable-container .expand-arrow {
width:32px;
height:30px;
}
.expandable-container .expand-arrow:before {
padding-left:10px;
line-height:30px;
}
}
/*--------------text quick links---*/
.quicklink-text-bg .quicklink-text-container a{
color:var(--primary-color-lighter);
border-width:1px;
}
@media(max-width:767px){
.quicklink-text-bg .quicklink-text-tile {
max-width: 100%;
}
}
/*------------------------------------image and text quick link-------------------------------------*/
.cho-quicklink-tile .cho-quicklink-tile-image img {
height:100%;
object-fit: cover;
}
/*-----------------background image var----*/
.card-widget.theme1 .image-background.theme-primary-hover-in {
background-color: rgba(0,0,0,0.46);
}
.card-widget.theme1 .image-background.theme-primary-hover-in:hover {
background-color: var(--primary-color-op90);
}
/*------------------------------------------------full-width-quicklinks----------------------------*/
.full-width-quicklinks .thin-bkgd h3 {
margin-bottom:0;
}
.full-width-quicklinks.theme1 .theme-primary-hover-in:hover,
.full-width-quicklinks.theme1 .theme-primary-hover-in:focus {
background-color:var(--primary-color-dark);
/* background-image:url('/getmedia/80563fa1-56dd-4a68-938c-a777fe735e95/Pattern-dark-grey.aspx'); */
background-size:200%;
transition: all 0.4s ease;
}
.theme1.full-width-quicklinks .quicklink-flex-item:hover .large-bkgd h3,
.theme1.full-width-quicklinks .quicklink-flex-item:hover .large-bkgd p,
.theme1.full-width-quicklinks .quicklink-flex-item:focus .large-bkgd h3,
.theme1.full-width-quicklinks .quicklink-flex-item:focus .large-bkgd p{
color:white;
}
/*---------------------------------quicklink menu----------------------------*/
/*--------------------------------quick links side menu icons------------------------------------------*/
.content-quicklink-menu.theme1 .content-quicklink-menu-list {
background:transparent;
}
.content-quicklink-menu.theme1 .content-quicklink-menu-list a{
color:var(--primary-color);
}
.content-quicklink-menu.theme1 .content-quicklink-menu-list a:hover{
color:var(--primary-color-dark);
/* background:var(--primary-color-light-2); */
background:var(--backdrop-v3);
border-bottom:1px solid var(--primary-color-lighter);
border-left:0;
}
/* ----------------------------------------------------------------------*/
/* ------ SET ICONS for quicklinks -----*/
/* ----------------------------------------------------------------------*/
/*important in root*/
/**/
.content-quicklink-menu-a {
align-items: center;
justify-content: start;
}
.content-quicklink-menu-a:before {
display: block ;
margin-left: 20px;
margin-top: -5px;
}
/*-------------- THIS IS YOUR FALLBACK ICON ----------------*/
a.content-quicklink-menu-a:before {
content: "\e86c";
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 1.5em; /* controls icon size */
display: inline-block;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-smoothing: antialiased;
}
/*------------ ICONS START HERE, ADD MORE IF NEEDED ------------*/
a[class*=hire].content-quicklink-menu-a:before {
content: "\ebcb";
}
a[class*=employee].content-quicklink-menu-a:before {
content: "\e7fd";
}
a[class*=portal].content-quicklink-menu-a:before,
a[class*=history].content-quicklink-menu-a:before{
content: "\eb85";
}
a[class*=board].content-quicklink-menu-a:before,
a[class*=governance].content-quicklink-menu-a:before,
a[class*=rules].content-quicklink-menu-a:before {
content: "\e90e";
}
a[class*=calendar].content-quicklink-menu-a:before {
content: "\ebcc";
}
a[class*=documents].content-quicklink-menu-a:before,
a[class*=quercus].content-quicklink-menu-a:before,
a[class*=laws].content-quicklink-menu-a:before{
content: "\f5a0";
}
a[class*=bookings].content-quicklink-menu-a:before {
content: "\ef85";
}
a[class*=dine].content-quicklink-menu-a:before,
a[class*=table].content-quicklink-menu-a:before{
content: "\f295";
}
a[class*=dining].content-quicklink-menu-a:before{
content: "\e56c";
}
a[class*=breakfast].content-quicklink-menu-a:before{
content: "\efef";
}
a[class*=lunch].content-quicklink-menu-a:before,
a[class*=dinner].content-quicklink-menu-a:before{
content: "\ef35";
}
a[class*=wine-list].content-quicklink-menu-a:before {
content: "\f1e8";
}
a[class*=management].content-quicklink-menu-a:before {
content: "\e7ef";
}
a[class*=golf].content-quicklink-menu-a:before ,
a[class*=tee].content-quicklink-menu-a:before {
content: "\eb45";
}
a[class*=order].content-quicklink-menu-a:before {
content: "\e854";
}
a[class*=directory].content-quicklink-menu-a:before,
a[class*=staff].content-quicklink-menu-a:before {
content: "\e653";
}
a[class*=profile].content-quicklink-menu-a:before,
a[class*=list].content-quicklink-menu-a:before,
a[class*=directory].content-quicklink-menu-a:before {
content: "\e896";
}
a[class*=roster].content-quicklink-menu-a:before{
content: "\f53d";
}
a[class*=minutes].content-quicklink-menu-a:before,
a[class*=documents].content-quicklink-menu-a:before,
a[class*=form].content-quicklink-menu-a:before,
a[class*=policies].content-quicklink-menu-a:before,
a[class*=postings].content-quicklink-menu-a:before{
content: "\f385";
}
a[class*=conduct].content-quicklink-menu-a:before {
content: "\ef56";
}
a[class*=committee].content-quicklink-menu-a:before {
content: "\f8d9";
}
a[class*=account].content-quicklink-menu-a:before,
a[class*=statement].content-quicklink-menu-a:before {
content: "\e70d";
}
a[class*=newsletter].content-quicklink-menu-a:before {
content: "\eb81 ";
}
a[class*=reciprocal].content-quicklink-menu-a:before {
content: "\ea09";
}
a[class*=accommodation].content-quicklink-menu-a:before,
a[class*=hotel].content-quicklink-menu-a:before{
content:"\e53a";
}
a[class*=aquatics].content-quicklink-menu-a:before,
a[class*=swimming].content-quicklink-menu-a:before{
content: "\eb48";
}
a[class*=tennis].content-quicklink-menu-a:before,
a[class*=court].content-quicklink-menu-a:before{
content: "\ea32";
}
a[class*=fitness].content-quicklink-menu-a:before{
content: "\eb43";
}
/*------------------------------------------------------------contact cards---------------------------------------*/
.contact-card-widget.theme1 .contact-card-wrapper .card-details-inner h3,
.contact-card-widget.theme2 .contact-card-wrapper .card-details-inner h3{
color:var(--primary-color-darkest);
font-family:'Trust 3C Medium', serif;
}
.contact-card-widget.theme1 .contact-card-wrapper .card-details-inner h4,
.contact-card-widget.theme2 .contact-card-wrapper .card-details-inner h4{
color:var(--primary-color-dark);
}
.contact-card-widget.theme3 .contact-card-wrapper .card-details-inner h3 {
color:var(--accent-color);
}
/* .contact-card-widget.theme2 {
background:var(--primary-color);
}*/
.contact-card-widget.theme2 a:hover {
color:var(--primary-color-dark)
}
.contact-card-widget.theme3 {
background:var(--back-drop-2);
}
.contact-card-widget .div-add-to-contact {
display: none;
}
.contact-card-widget.theme1 .contact-card-wrapper .contact-card-item {
background:var(--backdrop-3);
/* box-shadow:var(--bs-v4); */
border:0;
}
.contact-card-widget.full-card .contact-card-wrapper .card-photo,
.contact-card-widget.card-view .contact-card-wrapper .card-photo{
background:var(--accent-color);
background-repeat:no-repeat;
background-size:cover;
border-radius: 0;
margin-top: 20px;
}
.contact-card-widget .contact-card-wrapper .card-details-inner :is(h3,h4){
text-wrap-style:balance;
}
@media(min-width:768px){
.contact-card-widget.full-card.theme2 .contact-card-wrapper .contact-card-item {
margin-left:auto;
margin-right:auto;
max-width: 1170px;
}
.contact-card-widget.full-card.theme1 .contact-card-wrapper .contact-card-item {
margin-left:auto;
margin-right:auto;
max-width: 1170px;
}
}
.fa-phone, .fa-envelope{
position: relative;
}
.fa-phone:before,
.fa-envelope:before {
content:"";
width:24px;
height:24px;
left:calc(50% - 12px);
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
.fa-phone:before {
background-image: url('/getmedia/6ca131ad-2ea1-4526-a754-01b4fb55c413/phone-skibo-stone.aspx');
/* background-image:url('/getmedia/079496c3-7bbf-45e6-9bbd-524aaf424b70/phone-skibo-mist.aspx') */
}
.fa-envelope:before {
background-image: url('/getmedia/9413202c-7ea2-4c40-b125-92a5b65ee103/mail-skibo-stone.aspx');
/* background-image: url('/getmedia/594e13ca-e149-4e81-ae43-a1c791b65940/email-skibo-mist.aspx'); */
}
/*------------------pagination systems-------------*/
.widget-pagination .pagination-number{
width:fit-content;
max-width:500px;
margin-left:0;
}
.widget-pagination .pagination-number li{
width:50px;
}
.widget-pagination .pagination-arrows .pagination-arrow{
background: var(--primary-color);
}
/*-------------------------------------default table---------------------*/
.basic-text-area:not(.contact-section) table{
border-spacing: 0;
}
.basic-text-area:not(.contact-section) table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.basic-text-area:not(.contact-section) table >tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.basic-text-area:not(.contact-section) table > thead > tr > th,
.basic-text-area:not(.contact-section) table>tbody>tr>th,
.basic-text-area:not(.contact-section) table>tfoot>tr>th,
.basic-text-area:not(.contact-section) table > thead > tr > td,
.basic-text-area:not(.contact-section) table > tbody > tr > td,
.basic-text-area:not(.contact-section) table > tfoot > tr > td
{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
/*-----------------------------------------login page----------------------------------*/
.theme1 .login-widget-wrapper .fa {
color:var(--primary-color-dark);
}
.login-widget-bg {
background-color:var(--primary-color);
}
.theme1 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn,
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn{
color:var(--primary-color-dark);
border:1px solid var(--primary-color);
background:transparent;
}
.theme1 .login-widget-wrapper .login-form-wrapper .login-form-logon:after,
.login-widget-wrapper .login-form-wrapper .login-form-logon:after
{
content:'';
font-family:unset;
height:100%;
width:40px;
top:0;
/* background-image:url('/getmedia/911e7b9b-8f0f-421e-afc3-e424ff91845b/right-arrow-dark-grey.aspx'); */
background-image: url('/getmedia/196b7290-b3d1-4f6b-b603-e2e047590c06/right-arrow-stone.aspx');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.theme1 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover,
.theme1 .login-widget-wrapper .login-form-wrapper .login-form-logon .btn:focus,
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn:hover,
.login-widget-wrapper .login-form-wrapper .login-form-logon .btn:focus{
color:white;
background:var(--primary-color-dark);
}
.login-widget-wrapper .login-form-wrapper .login-form-logon:has(.btn:hover):after
{
color:white;
}
.login-widget-wrapper :is(h2,h3) {
font-family:'Trust 3C Medium', serif;
}
@media(max-width:1200px) and (min-width:767px){
.login-widget-wrapper {
width:80%;
max-width:800px;
}
}
.simple-login .login-text-wrapper {
display:none;
}
.simple-login .login-form-wrapper {
width:100%;
margin-bottom:30px
}
.simple-login .login-widget-wrapper {
max-width:550px;
position:relative;
z-index:3;
}
.simple-login .login-widget-wrapper h3{
text-align:center;
font-size:2.5em;
margin-top:50px
}
.simple-login .login-widget-wrapper h3:before{
content:"";
background-image:url('/getmedia/7ab08145-2517-4697-9f72-74e021000559/Fleur_de_lis-_skibo-stone.aspx');
width:40px;
height:40px;
left:calc(50% - 20px);
top:10px;
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
@media(max-width:767px){
.simple-login .login-widget-wrapper {
max-width:100%;
}
.simple-login .login-widget-wrapper h3{
font-size:2em;
}
.simple-login .login-form-wrapper {
margin-top:0;
margin-bottom:40px;
}
}
/*----------------------------------------------------------------footer------------------------------------------------*/
.simple-footer-widget .footer-content-padding .footer-top-line{
display: none;
}
footer .basic-text-area .col-sm img {
max-width:300px;
width:100%;
}
footer .footer-bg .container {
max-width:1440px;
width:100%;
margin:auto;
float:unset;
}
footer .basic-text-area .theme-secondary {
background:var(--primary-color-dark);
color:var(--primary-color-light);
}
footer .basic-text-area .theme-secondary a {
color:var(--primary-color-light);
}
.basic-footer-widget .footer-content-padding {
padding-top:20px;
}
footer .basic-text-area .container {
padding-top:32px;
padding-bottom:0px;
max-width:1440px;
width:100%;
}
footer .basic-text-area :is(h3,h4,h5,h6,blockquote, p){
color:var(--primary-color-light);
}
footer .basic-text-area address {
font-style:normal;
}
footer .basic-text-area h4 {
font-size:1.25em;
font-family:'Trust 1C Medium Italic', serif;
width:fit-content;
padding:0 5px;
/* margin-top:20px; */
margin-bottom:30px;
}
footer .basic-text-area a {
text-decoration: none;
}
footer .basic-text-area div[id*="Col2"] a {
margin: 8px 0;
}
footer .basic-text-area a[href*="/Log"],
footer .basic-text-area a[href*="/Member"],
footer .basic-text-area a[href*="/Download"]{
margin-bottom:18px;
}
footer .basic-text-area a[href*="/Log"],
footer .basic-text-area a[href*="/Member"],
footer .basic-text-area a[href*="/Download"],
footer .basic-text-area a[href*="mailto"],
footer .basic-text-area a[href*="tel"]{
padding-left:28px;
/* margin-left:20px; */
position: relative;
}
footer .basic-text-area a[href*="mailto"]:before,
footer .basic-text-area a[href*="tel"]:before,
footer .basic-text-area a[href*="/Log"]:before,
footer .basic-text-area a[href*="/Member"]:before,
footer .basic-text-area a[href*="/Download"]:before{
content:"";
background-image:url('/getmedia/4cb5a0fa-43ed-43f9-9fdb-40cdb096b953/fleur_de_lis-_light-grey.aspx');
width:20px;
height:20px;
left:0;
position: absolute;
background-size:contain;
background-position: center;
background-repeat: no-repeat;
}
footer .basic-text-area a[href*="tel"]:before {
background-image:url('/getmedia/c5841bf3-fd36-497e-a3b7-bf85e63ed915/phone-light-grey.aspx');
}
footer .basic-text-area a[href*="mailto"]:before {
background-image:url('/getmedia/62ee761c-9660-4e3d-a791-9395d089090c/mail-light-grey.aspx');
}
footer .basic-text-area a[href*="/Log"]:before,
footer .basic-text-area a[href*="/Member"]:before,
footer .basic-text-area a[href*="/Download"]:before{
background-image:url('/getmedia/4cb5a0fa-43ed-43f9-9fdb-40cdb096b953/fleur_de_lis-_light-grey.aspx');
}
footer .basic-text-area a[href*="mailto"] {
margin-top:8px;
display: block;
}
footer a:hover {
text-decoration: underline;
}
footer .club-terms-feed a:hover{
text-decoration: none;
}
footer .club-terms-feed a {
position: relative;
text-decoration: none;
}
footer .club-terms-feed a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background-color: white;
transform-origin: right;
transform: scaleX(1);
transition: transform 0.3s ease;
}
footer .club-terms-feed a:hover:after {
transform: scaleX(0);
}
footer .header-social a {
margin:5px 10px;
font-size:1.6em;
}
footer .header-social a:last-of-type{
margin-right:0;
}
footer .header-social a:hover {
color:var(--accent-color);
}
footer .basic-text-area .col-sm {
display: flex;
flex-direction: column;
/* align-items: center; */
justify-content: space-between;
padding: 20px;
}
footer .basic-text-area .col-sm > * {
width:fit-content;
}
footer .basic-text-area .col-sm:first-of-type {
max-width:33%;
}
footer .basic-text-area .col-sm:first-of-type p {
margin-bottom:0;
}
footer .basic-text-area .col-sm:nth-child(2) {
max-width:33%;
/* padding: 20px 0; */
align-items: center;
}
footer .basic-text-area .col-sm:nth-child(3) {
max-width:33%;
/* padding: 20px 0; */
align-items:flex-end;
}
footer .basic-text-area .row {
justify-content: space-between;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed > div,
.simple-footer-widget .footer-content-padding .footer-center .powered-by-wrapper {
z-index: 1;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:first-of-type{
order:5;
width:calc(100% );
position: absolute;
left:0;
right:0;
bottom:0;
z-index: 0;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:last-of-type{
order:-1;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:nth-of-type(4){
margin-right:auto;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed {
width:calc(100% - 200px);
padding-bottom:25px;
/* justify-content: flex-start; */
}
.simple-footer-widget .footer-content-padding .footer-center .powered-by-wrapper{
width:fit-content;
}
@media(max-width:1100px){
footer .basic-text-area .row {
flex-direction: row;
}
footer .basic-text-area .col-sm:nth-child(2){
order:-1;
-ms-flex-preferred-size: unset;
flex-basis: unset;
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
max-width: 100%;
padding:0;
}
footer .basic-text-area .col-sm:first-of-type,
footer .basic-text-area .col-sm:nth-child(3){
max-width:50%;
}
}
@media(max-width:1200px){
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:first-of-type{
bottom:0px;
}
}
@media(min-width:1201px){
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed {
padding-bottom:0;
}
}
@media(max-width:800px){
footer .basic-text-area .col-sm img {
max-width:260px;
}
footer .basic-text-area .row {
flex-direction: column;
align-content: center;
text-align: center;
}
footer .basic-text-area .col-sm:first-of-type,
footer .basic-text-area .col-sm:nth-child(2),
footer .basic-text-area .col-sm:nth-child(3){
display: flex;
align-items: center;
-ms-flex-preferred-size: unset;
flex-basis: unset;
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
max-width: 100%;
padding:0;
}
footer .basic-text-area .col-sm:first-of-type,
footer .basic-text-area .col-sm:nth-child(3){
margin-top:20px;
}
/* footer .header-social{
margin-top:20px;
} */
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:first-of-type{
width:100%;
position: relative;
padding-top:20px;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed{
justify-content: center;
margin:auto;
padding-bottom:5px;
width:100%;
}
.simple-footer-widget .footer-content-padding .footer-center .club-terms-feed div:nth-of-type(4){
margin-right:unset;
}
.simple-footer-widget .footer-content-padding .footer-center .powered-by-wrapper{
margin:auto;
}
footer .basic-text-area h4 {
margin-top: 15px;
margin-bottom:15px;
}
footer .basic-text-area p {
margin-top: 10px;
}
}