:root {
  --primary-color:#1A658F; /*primary blue*/
  /*--primary-color-light:#1A658F; primary blue*/
  --primary-color-op80:rgba(26,101,143,0.8); /*primary blue*/
  --primary-color-op90:rgba(26,101,143,0.9); /*primary blue*/
  --primary-color-dark: #154a68; 
  --primary-color-light:#1f83bd; /*primary blue*/

  --secondary-soft-color:#f2e9db;
 /* --light-font-c:#858585; light grey */
 --light-font-c:#505050; /* grey*/
 

 --bs-v1:#757575  0px 0px 3px;
     --bs-v2:1px 1px 8px #000 inset;
}
body {
  overflow-x: hidden;
}



/*--------------------------------------------header----------------------------------------*/
section:is(.basic-block , .basic-text-area):not(.theme2) h3 {
  color:var(--primary-color)
}


/*----------------------------------------------------------transparent navigation---------------------------------*/

header.master-layout-1 .header-top{
background: transparent;
} 
header:not(.scrolled-head):not(.no-banner) {

background:  linear-gradient(to bottom, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.35) 92%, transparent 100%);
/*        background:  linear-gradient(to bottom, rgba(54,26,18,0.9) 0%, rgba(79,37,26,.3) 92%, transparent 100%); */
box-shadow:0 0 5px 0 rgba(0, 0, 0, 0); /* To remove the box shadow */ 


}

body:not(.module-page):not(.no-banner) .header-space {
display: none ; /* Conditionally Removes the header space */
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{
background-image: url('/getmedia/0a2cde91-3153-4749-8293-e989ff9cfa98/Bella_Collina_Logo_No_Tagline_White.aspx'); 
background-size:contain;
background-repeat: no-repeat;
background-position: center;
}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img img {
display: none;
}


.master-layout-1 #divMainMenu nav #main-menu>li>a{
color:#2a2a2a; /*-----when your nav is not transparent*/
text-transform: uppercase;
/*           letter-spacing: 1px; */
}


.master-layout-1:not(.no-banner):not(.scrolled-head) svg, .master-layout-1:not(.no-banner):not(.scrolled-head) #menu-button i.fa-bars  {
fill:white;
color:white;
}


@media (min-width:1024px) and (hover:hover) {
header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a,
header:not(.no-banner):not(.scrolled-head) span
{

color: white ;  /* YOUR MAIN MENU COLOR HERE WHEN MENU IS TRANSPARENT*/


}
  
   .master-layout-1 #divMainMenu nav #main-menu>li>a:hover , 
  header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a:hover,
  .master-layout-1 #divMainMenu nav #main-menu>li>a.active-link , 
  header:not(.no-banner):not(.scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a.active-link {
   
      color:var(--secondary-soft-color) ; 
  }
   .master-layout-1 #divMainMenu nav #main-menu>li>a:hover , 
  header:is(.no-banner, .scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a:hover,
  .master-layout-1 #divMainMenu nav #main-menu>li>a.active-link , 
  header:is(.no-banner, .scrolled-head).master-layout-1 #divMainMenu nav ul#main-menu:not(.child-nav)>li>a.active-link{
      color:var(--primary-color) ; 
  }
  
 header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{

     width:250px;
     height:auto;
/*               margin-top:20px; */

}  
header.master-layout-1 .logo {
 padding-left:25px;
}
header.master-layout-1.scrolled-head .logo {
 padding:5px 0px 5px 25px;
}
}

@media (min-width: 1024px) {
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img{
height:85px;
margin-top:0px;
background-position: top;
}

}
@media(min-width:1024px) and (hover:none) {
header.master-layout-1:not(.no-banner):not(.scrolled-head) .static-img {
height:45px;
margin-top:0;

}
}
/*--------------------------------general header adjustments------------------------*/
header.master-layout-1{
height:auto;
z-index:999;
}



@media(hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px){
.master-layout-1 #divMainMenu nav #main-menu {
  margin:0 0 0 auto;
}
  .master-layout-1 #divMainMenu  {
      left:53%;
}
header.master-layout-1 .container-fluid {
padding:0;
}

header.master-layout-1:is(.no-banner, .scrolled-head) .MyProfile_Member .MyProfile_Name {
color:#2a2a2a;
 text-shadow: none;

}
header.master-layout-1:not(.no-banner):not(.scrolled-head) .MyProfile_Member .MyProfile_Name {
color:white;
 text-shadow:none;
}
.master-layout-1.scrolled-head .logo {
 padding:0px;
}

}

@media (hover:none) {
header:not(.scrolled-head):not(.no-banner) {

background:  linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.55) 92%, transparent 100%);

}
}
/*-----------------------------max width adjustments-------*/
.master-layout-1 .container-fluid {
max-width:1440px;
} 
@media (pointer: fine) and (min-width: 1440px) {
.master-layout-1 #divMainMenu {
   max-width: 1000px;
}

}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px) and (max-width:1439px) {
.master-layout-1 #divMainMenu {
   width: calc(100% - 500px);
}
}

/*---------------------nav adjustments-------------------------------*/ 

.master-layout-1 #divMainMenu nav #main-menu a{
font-weight:600;
font-size:16px;
text-transform: uppercase;
letter-spacing:.2em;
  
}


header.master-layout-1 #main-menu ul li a.active-link,
header.wgt-header nav.showMobile #main-menu li ul a.active-link{
color:var(--primary-color);
font-weight:bold;
text-decoration: underline;
}
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu ul a {
background-color:#fff;
}
.master-layout-1:not(.scrolled-head):not(.no-banner) #divMainMenu nav:not(.showMobile) #main-menu ul a:hover,
.master-layout-1 #divMainMenu nav:not(.showMobile) #main-menu ul a:hover {
background-color:var(--primary-color);
  color:white;
}

.master-layout-1 nav #main-menu:not(.showMobile) ul {
background-color: transparent;
}

@media (pointer: fine) and (min-width: 1440px) {
.master-layout-1 #divMainMenu {
    width: calc(100% - 500px);
}
}


@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
header.master-layout-1 #main-menu  {
padding-top:0;
}
.master-layout-1 #divMainMenu nav #main-menu>li a{
padding-left: 25px;
padding-right: 25px;
}

}


/*-------------mobile---------------------------*/
.master-layout-1 .showMobile i.fa-plus:before {
content:'\f105';
}
.master-layout-1 .showMobile i.fa-minus:before {
content:'\f107';
}
.master-layout-1 .showMobile i.fa-plus:before, 
.master-layout-1 .showMobile i.fa-minus:before {
font-size:1.7em;
font-weight:600;
color:white;

}

.master-layout-1 .showMobile i.fa-plus,
.master-layout-1 .showMobile i.fa-minus {

background:var(--primary-color-dark);

}

.master-layout-1 .showMobile i.fa-plus {
padding: 18px 25px;

}
.master-layout-1 .showMobile i.fa-minus {
padding: 18px 22px;
background:var(--primary-color-dark);
box-shadow:var(--bs-v2);

}
.master-layout-1 nav.showMobile #main-menu {
  background:var(--primary-color-op80);
}
header.wgt-header nav.showMobile{
background:var(--primary-color-op90);
}
.master-layout-1 nav.showMobile #main-menu ul{
background:var(--primary-color);
}

.master-layout-1 #divMainMenu nav.showMobile #main-menu li a {
color:white;
}

.master-layout-1 #divMainMenu nav.showMobile #main-menu a.active-link,
.master-layout-1 #divMainMenu nav.showMobile #main-menu a.current {
background:transparent;
border-bottom:6px solid var(--primary-color-light);
color:white;

}

p {
line-height:1.8;
}
h1, h2,h3,h4,h5,h6 {
line-height: 1.2;
}
/*----------------------------body max-width-------------------------------------------------*/
section:is(.basic-text-area, .basic-block) p {
max-width:1100px;

}
section:is(.basic-text-area, .basic-block) p.centered-text {
margin-left:auto;
margin-right:auto;
}
section:is(.basic-text-area, .basic-block).center p {
margin-left:auto;
margin-right:auto;
}
/*max width adjustments*/
section .inner-wrap .container, 
section .theme-secondary:not(.inner-wrap) > div, 
.full-width-quicklinks.tall-version .full-width-quicklink-container {
  max-width:1440px;
 margin:auto;
 float:none; 
}
: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,
:is(.col-100, .col-70-left, .col-70-right, .col-30-left, .col-30-right, .col-50-left, .col-50-right) .full-width-quicklinks.tall-version .full-width-quicklink-container{
    max-width:100%;
   
}
/*----------------------clearing out empty tag spacing------------------------*/
p[id*="TitleAndSummary"]:empty, .card-widget :is(p, h5, h4):empty{
  display: none;
} 
/*----------------------page titles/hr/titles----------------------------------*/
hr {

max-width:300px;
margin:8px auto;
}
:is(.theme1, .theme3) hr {
border-top:2px solid var(--primary-color);
}

h1{
position: relative;
}
h1:after {
content:'';
position: absolute;
width:48px;
height:2px;
bottom:-5px;
left:calc(50% - 24px);

}
:is(.theme1, .theme3) h1:after {

background:var(--primary-color);

}
:is(.theme2) h1:after {

background:white;

}

h3,h4 {
text-transform: uppercase;
}
.small-num-text {
    font-size:.6em;
  display: inline-block;
    transform:translateY(-0.4em);
}
.text-block h2 {
font-size:1.6rem;
}
section h2.small-font {
font-size: 1.8rem;
}
section h2.normal-font {
font-size: 2.5em;
}

.basic-text-area:has(h1) h2{
  font-family:"Cabin", sans-serif;
  font-size:1.3em;
  text-transform: uppercase;
  padding: 5px 0;
}

.basic-text-area:has(h1):is(.theme1, .theme3) h2{
 color:var(--primary-color);
}
.basic-block:not(.background-image).theme1 .basic-block-wrapper .text-block-wrapper h2 {
  color:var(--primary-color);
}
.basic-block .basic-block-wrapper:has(h2) h3 {
  font-size:1em;
}
.basic-text-area:has(h1, h2) h3{
  font-size:1.55em;
}

@media(min-width:768px) and (max-width:1200px){
  .basic-text-area:has(h1) h2 {
      font-size:1.26em;
  }
  .h3-title-font h3 {
      font-size:1.6em;
  }
  .basic-text-area:has(h1, h2) h3{
    font-size:1.3em;
}
}
@media (max-width:767px){
  .basic-text-area:has(h1) h2 {
      font-size:1.16em;
  }
  .h3-title-font h3 {
      font-size:1.3em;
  }
}

.h3-title-font h3 {
   font-family:"Quattrocento", serif;
  text-transform: unset;
  font-size:1.9em;
}

/*--------------------tables-------------------------------*/
.expandable-content-widget table th, .theme1 table th {
  color:var(--primary-color);
}
/*-----------------------------------------------------------------full width quicklinks-------------------------------*/
.full-width-quicklinks .full-width-quicklink-wrapper.large-bkgd {
  padding: 50% 0
}
.full-width-quicklinks .theme-primary-hover-in:hover h3{ 
  position:relative;
    
}
.full-width-quicklinks:not(.QL-swip-v) .theme-primary-hover-in:hover h3:before{ 
  transition: all .5s ease-in;
  transform:scale(1);
  
}

.full-width-quicklinks:not(.QL-swip-v) .full-width-quicklink-wrapper h3:before{ 
  content:'';
  width: calc(100% + 20px);
  height:2px;
  background-color:white;
  position: absolute;
  bottom:-10px;
  left:-10px;
  border-bottom:2px solid white;
  transform: scale(0);
  
}
.full-width-quicklinks:not(.QL-swip-v) .full-width-quicklink-wrapper:not(.thin-bkgd):hover .full-width-quicklink-content:after{ 
  content:'Learn More';
  width: 110px;
  height:40px;
  line-height:25px;
  padding: 5px 0;
  color:white;
  position: absolute;
  bottom:20%;
  left:calc(50% - 55px);
  border:2px solid white;
 
}
.full-width-quicklinks.theme2:not(.QL-swip-v) .full-width-quicklink-wrapper h3:before{ 
  background-color:var(--primary-color);
  border-bottom:2px solid var(--primary-color);

  
}
.full-width-quicklinks.theme2:not(.QL-swip-v) .full-width-quicklink-wrapper:hover .full-width-quicklink-content:after{ 

  color:#2a2a2a;
  border:2px solid var(--primary-color);
 
}

/*----------------------------------------image and text quick links---------------------------------*/

.cho-quicklink-tile .cho-quicklink-tile-image img{
object-fit: cover;
height:100%;
}
.theme1 .cho-quicklink-tile .theme-primary-hover-in {
background-color:rgb(0 0 0 / 40%);
}

.theme1 .cho-quicklink-tile .theme-primary-hover-in:hover {
background-color:var( --primary-color-op90)
}
.theme1 .cho-quicklink-tile h4 {
text-shadow:#2d2e2e 0px 0px 6px;
}
/*-----------------------------------------------custom QL-swip-v -------------------------------*/
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper {
  background:transparent; 
  position: relative;
    outline: 1px solid white;
  outline-offset: -15px;
  
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper:before {
  
    outline: 1px solid white;
  outline-offset: -15px;
   content:'';
  width: 100%;
  height:100%;
  position: absolute;
  top:0px;
  left:0%;
  z-index: 1;
}


.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper:after { 
  content:'';
 width: 200%;
 height:100%;
 position: absolute;
 top:0px;
 left:0%;
 background:var(--primary-color-op80);
 transform:rotate(25deg) translatey(52%);
 transform-origin:  left top;
 transition: all .4s ease-in;
 
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper h3 {
 position: absolute;
 bottom: 3%;
 left: 8%;
 width: 40%;
 text-align: left;
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper:hover h3 {

 width: 100%;
 text-align: center;
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper .full-width-quicklink-content {
   z-index: 10;
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper:hover:after { 
  transform:none;

  
}
.full-width-quicklinks.QL-swip-v .full-width-quicklink-wrapper:hover h3 {
  position: relative;
  bottom:unset;
  left:unset;
  z-index: 10;
}
/*--------------------------------------------------------buttons-----------------------------------------*/
a:is(.btn, .e3-button){
text-transform: uppercase;
}

/*---------------------------------------------------quicklink menu---------------------------------------*/
.content-quicklink-menu.theme1 .content-quicklink-menu-list {
  background:transparent;
     border: 1px solid var(--secondary-soft-color);

}  
.content-quicklink-menu.theme1 .content-quicklink-menu-list li {
border-bottom:2px solid var(--secondary-soft-color);
  border-radius: 0 0 5px 5px;

}  

.content-quicklink-menu .content-quicklink-menu-a:hover {
  background:#eeeeee;
}
.content-quicklink-menu.theme2 .content-quicklink-menu-a:hover {
  background:var(--primary-color);
  color:white;
  border-left-color:var(--secondary-soft-color);
}
/*---------------------------------------background-image title and summary--------------------------------------------*/
.basic-block.background-image.theme2:is(.leftfull,.rightfull) .inner-wrap {
  background:var(--primary-color-op80)
  
}
.basic-block.background-image.theme2.center h2{
  position: relative;
  margin-bottom:25px;
}
.basic-block.background-image.theme2.center h2:after {
  
    content:'';
  width: 70%;
  height:2px;
  background-color:white;
  position: absolute;
  bottom:-5px;
  left:15%;
  border-bottom:2px solid white;
  transition: all .4s ease-in;
}
.basic-block.background-image.theme2.center:hover h2:after {
  width: 90%;
  left:5%;
}

.basic-block.background-image.theme2 a:is(.btn, .e3-button){
  background:transparent;
  color:white;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-style:double;
  border-width:4px;
}
.basic-block.background-image.theme2 a:is(.btn, .e3-button):hover{
  background:white;
  color:var(--primary-color);
  
}
/*-------------------------------------------title and summary--------------------------------*/

.basic-block .basic-block-wrapper:has(h3) h2  {
  margin-bottom:5px;
}
.basic-block a.btn {
  display: block;
  width:fit-content;
  margin:auto;
}

@media(min-width:768px){
  .basic-block .text-block-wrapper.col-sm-10{
      width: 96%;
  }
      .basic-block .text-block-wrapper.col-sm-10.col-sm-offset-1 {
          margin-left:2%;
      }
  }

@media(min-width:1440px){
section.basic-block .basic-block-wrapper {
    /* padding:16px 0; */
}
}
@media(max-width:767px){
  .basic-block .basic-block-wrapper .img-block img {
  object-fit: cover;
  object-position: center;
  max-height:400px;
}
}

/*-------------------------------------slick slider-----------------------*/
.slick-dots {
  z-index: 1001;
  background:white;
  padding-top:10px;
}
.theme1 .slick-dots li button {
  background-color:var(--primary-color);
}
.theme1 .slick-dotted .slick-dots li.slick-active button {
  background-color:var(--primary-color-dark);
}

/*------------------------------------------------------------------expandable content-----------------------------------------------------------*/

.expandable-content-widget .inner-wrap {
  display: flex;

}

.expandable-content-widget .expandable-content-wrapper {
  max-width: 1440px;
  width:100%;
  margin:0 auto;
  /* padding:unset; */
}
.expandable-content-widget .expandable-content-heading {
  padding: 0;
    border-bottom:2px solid var(--secondary-soft-color);
    border-radius: 0px 0px 5px 5px
}
.expandable-content-widget.theme1 .expandable-content-link:focus, 
.expandable-content-widget.theme1 .expandable-content-link:hover {
  background:var(--primary-color);
  border-radius: 0px 0px 5px 5px;
  color:white;
  
}
.expandable-content-widget .expandable-container {
    box-shadow: var(--secondary-soft-color) 0px 0px 2px;
}
.expandable-content-widget .expandable-content-heading .expandable-content-link {
  padding: 12px 15px;
}
.expandable-content-widget.theme1 .expand-arrow {
  background:var(--primary-color);
  color:white;
}


.expandable-content-widget:is(.theme2, .theme3) .btn,
.expandable-content-widget:is(.theme2, .theme3) .e3-button
{
    color:var(--primary-color);
     text-transform:  uppercase;
     border-color:var(--primary-color);
 }
.expandable-content-widget:is(.theme2, .theme3) .btn:hover,
.expandable-content-widget:is(.theme2, .theme3) .e3-button:hover{
    color:white;
  background-color:var(--primary-color)
 }
 .expandable-content-widget h3 {
  color:var(--primary-color)
}
/*---------------------------------blogs-------------------------------*/
.blog-news-article-widget .blog-news-content {
display: flex;
}
.news-widget .blog-news-content-row .blog-news-img-tile {
/* background-size:cover; */
background-size: contain;
  width: 50%;
}
h4:has(a.blog-news-link){
font-size:1.3em;
}
@media(max-width:767px){
.blog-news-row-widget .blog-news-content-row .blog-news-content .blog-news-content-details {
margin: 10px;
padding-left:20px;

}
}
@media(max-width:600px){
.blog-news-article-widget .blog-news-content {

flex-direction: column;
}
.news-widget .blog-news-content-row .blog-news-img-tile {

    background-size:cover;
    width:100%;
}
.blog-news-row-widget .blog-news-content-row .blog-news-img-tile {
    margin-bottom:10px;
}
}

.news-widget .blog-news-img-tile img {
max-height:300px;
}

/*------------------------------------------blog aggregator---------------------------------------*/
div[class*="col-30"] .latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile {
width:40%;
}
div[class*="col-30"] .latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details {
padding:20px;
width:60%;
}

.latest-news-row-widget .blog-aggregator .latest-news-content {
display: flex;

}

.latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile {
width:40%;
background-size:cover;
background-position: top;
height:200px;
/* margin:auto; */

}
.latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details {
padding: 20px 20px 0px 20px;
width:60%;
}
@media(min-width:1200px){
div[class*="col-30"] .latest-news-row-widget .blog-aggregator .latest-news-content {
display: flex;
flex-direction: column;
}
div[class*="col-30"] .latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile {
width:100%;
 min-height:200px;
background-size:cover;
background-position: top;
}
div[class*="col-30"] .latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details {
padding:10px;
width:100%;
}
}

@media(min-width:768px){
.latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile {
margin-top: 35px;
}
}
@media(max-width:767px){
.latest-news-row-widget .blog-aggregator .latest-news-content {
display: flex;
flex-direction: column;
}
div[class*="col-30"] .latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile,   .latest-news-row-widget .blog-aggregator .latest-news-content .latest-news-img-tile {
width:100%;
height:250px;
/* background-size:cover;
background-position: 0% 10%; */
    margin-bottom:0;
}
div[class*="col-30"] .latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details ,  .latest-news-row-widget .latest-news-content-row .latest-news-content .latest-news-content-details {
padding: 20px 20px 0 20px;
width:100%;
}
}
/*---------------------------------------blog pagination---------------------------------*/
.widget-pagination .pagination-arrows .pagination-arrow {
  background:var(--primary-color);
}

.widget-pagination .pagination-number .current-page-number {
  color:var(--primary-color);
  font-weight:700;
}
/*---------------------------------------contact cards---------------------------*/

/*removes add to contact button while the blue issue is being fix*/
.div-add-to-contact {
  display: none;
}

.contact-card-widget  .contact-card-wrapper .card-details .card-details-inner h3 {
  font-size:1.6em;
  color:var(--primary-color);
}
.contact-card-widget .card-details  .card-details-inner h4 {
  font-size:1.2em;
}

.contact-card-widget.card-view .contact-card-wrapper .contact-card-item  {
  background:#fff;
  border:none;
  box-shadow:var(--bs-v1);
}
.contact-card-widget.card-view .contact-card-wrapper .card-photo {
  background-color:var(--primary-color);
}
/*---------------------------------upcoming events centered-----------------------------------*/
.upcoming-event-widget .CalAtGlance .events-row,
.upcoming-event-widget .CalAtGlance .AGScroll, .upcoming-event-widget .CalAtGlance .AGCont {
    justify-content: center;
}
.upcoming-event-pagination {
    text-align: center;
}
.col-fw .upcoming-event-widget .CalAtGlance .mini-title-row {
    justify-content: center;
    
}
.upcoming-event-widget .CalAtGlance .mini-title-row {
    text-align: center;
}
/*-------------------------------------------------------------custom gallery pagination----------------------------------*/
.theme2.modal-gallery-widget {
background:var(--primary-color);

}

/*----------------------------------------pagination navigation--------------------------------*/
.custom-gallery-pagination .modal-gallery-widget-wrapper .my-gallery{
width:100%;
max-width: 1440px;
  margin:auto;
}
nav#pg-nav{
background: none;
display: flex;
justify-content: center;
padding: 10px 0;
position: relative;
left: 0;
margin: 0 auto;   


}

.theme1 nav#pg-nav a {
    color:black;
}
.theme2 nav#pg-nav a {
    color:white;
}
ul.navPagination{
display:flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem;
margin-top:0;
margin-bottom: 0;
flex-wrap:wrap;
justify-content: center;
}
nav#pg-nav .page-link {
padding: 0.5rem 0.75rem;
border: 1px solid #ededed;
font-size:18px;
text-decoration: none;
}
nav#pg-nav .page-item:has(.pre),
nav#pg-nav .page-item:has(.nex){
margin:auto 0;
height:29px;

}
nav#pg-nav .page-item .pre,
nav#pg-nav .page-item .nex{
margin:auto 5px;
}

nav#pg-nav .page-item.active a{
text-decoration: underline;
font-weight:bold;
color:white;
background:var(--primary-color);
}
.theme2 nav#pg-nav .page-item.active a{

color:var(--primary-color);
background:white;
}

nav#pg-nav li {
list-style: none;
height: 29px;
margin: 5px 0;
}

.pag-disable {
z-index: 2;
/* color: #381be7; */
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
cursor: not-allowed;
display:none;
}
/*--important part to for pagination, change title if using elsewhere----*/
.custom-gallery-pagination .my-gallery a.pag-dis{
display: none;
}
/*------------------------------------------------------------------custom class gallery-pagination------------------------------*/


.custom-gallery-pagination .my-gallery {
justify-content: space-evenly;
}
@media (min-width: 1024px){
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(25% - 20px);
   height:200px;
    
}
}

@media (max-width: 767px){ 
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(50% - 20px);
    height: calc(40vh - 50px);
    
}

}
@media (max-width: 500px){ 
.custom-gallery-pagination.modal-gallery-widget .demo-gallery a, 
.custom-gallery-pagination.modal-gallery-widget .my-gallery a {
  width: calc(100% - 20px);
    height: 20vh;
    
}

}
/*-------------------------------------------------------------custom biz form------------------------------------------*/
/*----------------------------------------------biz form---------------------------------------------------------*/
.widget-bizform div[id*="divContainer"] {
  padding: 20px;
}
.widget-bizform .container{
  width:auto;
}
.widget-bizform .FormPanel {
width: fit-content;
margin: auto;
}
.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;

}

.widget-bizform .FormPanel .FieldLabel, 
.widget-bizform  .FormPanel .EditingFormLabel {
  text-align: left;
}
.widget-bizform .EditingFormValueCell input, 
.widget-bizform .EditingFormValueCell textarea,
.widget-bizform .EditingFormValueCell select {
border: 1px solid var(--primary-color);
background: #eee;
}
.widget-bizform .FormPanel .form-control:focus {
  border-bottom: 2px solid var(--primary-color-dark);
  background-color: #fafbfc;
  outline: 1px solid var(--primary-color-dark);
}




.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) 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%;
}
@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%;
}
/*-----------------------------------------------------footer--------------------------*/
footer {
  background-image:url('/getmedia/bd98294f-2f41-4d5d-8db9-2e2378b5b526/footer_bg.aspx');
  background-size: cover;
  background-position: center;
  
}

/*customized basic text area in footer*/ 
footer .basic-text-area .inner-wrap {
  background-color:transparent;
}
footer .basic-text-area .row {
  flex-direction: column;
}
footer .basic-text-area .row .col-sm {
  flex-basis: unset;
}
footer .basic-text-area img  {
  max-width:322px;
  width:70%;
  margin:20px auto;
  display: block;
  
}
footer .basic-text-area div[id*="divCol"] {
  text-align: center;
  margin:10px auto;
}
footer .basic-text-area div[id*="divCol"] ul {
  list-style: none;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  margin:0;
  padding:0;
 
  
}
footer .basic-text-area div[id*="divCol"] ul li a{
  text-decoration: none;
  
}

footer .basic-text-area div[id*="divCol"] ul li{
   padding: 0px 10px;
  margin:5px 0;
  
}
footer .basic-text-area div[id$="divCol2"] ul li a{
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.1rem;
 
}
footer .basic-text-area div[id$="divCol3"] ul li{
 
  border-right: 1px solid ;
  padding-right: 15px;
}
footer .basic-text-area div[id$="divCol3"] ul li:last-child{
  border-right: 0px;

}
footer .basic-text-area.theme1 .theme-secondary{
  color:var(--light-font-c);

}
footer .basic-text-area.theme1 .theme-secondary a {
  color:var(--light-font-c);
  
  
}
footer .basic-text-area.theme1 .theme-secondary a:hover {
  color:var(--primary-color);
  text-decoration:underline;
  
}
@media(max-width:1023px){
  footer .basic-text-area div[id$="divCol2"] {
      display: none;
  }
  footer .basic-text-area div[id*="divCol3"] ul {
       margin:20px 0;
  
}
}
@media(max-width:500px){
  footer .basic-text-area div[id$="divCol3"] ul li {
      border:none;
  }
}

/*simple footer*/
.footer-bg {
  background:none;
  color:var(--light-font-c);
}
.footer-bg a {
    color:var(--light-font-c);
}
/*hide unused fields*/
p[id*="SimpleFooter_pAddress"],
p[id*="SimpleFooter_pPhone"]  {
  display: none;
  visibility: 0;
}

/*socials*/
footer .header-social  a{
  font-size:1.5em;
  padding:8px;
  color:var(--primary-color);
}