:root {
    --primary-color: #2980b9;
    --secondary-color: #fff;
    --primary-bgcolor: #353535;
    --secondary-bgcolor: #cccccc;

    --primary-btn-bgcolor: #d70f27;
    --primary-btn-color: #FFF;
    --primary-text-color: #FFF;
    --primary-inverted-text-color: #000;

    --tipsbox-margin-top: 2rem;
    --tipsbox-margin-bottom: 2rem;
    --item-margin-top: 2rem;
    --item-margin-bottom: 2rem;
    --UIBlockView-padding-top: 50px;
    --UIBlockView-padding-bottom: 0px;
    --UIBlock-margin-top: 2rem;
    --UIBlock-margin-bottom: 2rem;
    --UISectionBlock-margin-top: 2rem;
    --UISectionBlock-margin-bottom: 2rem;

/* Colors: */
--unnamed-color-000000: #000000;
--unnamed-color-ffffff: #FFFFFF;
--unnamed-color-1d1d1b: #1D1D1B;
--unnamed-color-1aa5ee: #1AA5EE;

/* Font/text values */
--unnamed-font-family-futura-pt: "Futura PT", sans-serif;
--unnamed-font-family-futura-pt-bold: "futura-pt-bold", sans-serif;
--unnamed-font-family-bitter: Bitter;
--unnamed-font-style-normal: normal;
--unnamed-font-weight-300: 300px;
--unnamed-font-weight-normal: normal;
--unnamed-font-weight-bold: bold;
--unnamed-font-weight-book: 400;
--unnamed-font-weight-demi: 600;
--unnamed-font-size-14: 14px;
--unnamed-font-size-16: 16px;
--unnamed-font-size-18: 18px;
--unnamed-font-size-20: 20px;
--unnamed-font-size-42: 42px;
--unnamed-font-size-58: 58px;
--unnamed-character-spacing-0: 0px;
--unnamed-line-spacing-17: 17px;
--unnamed-line-spacing-20: 20px;
--unnamed-line-spacing-21: 21px;
--unnamed-line-spacing-28: 28px;
--unnamed-line-spacing-30: 30px;
--unnamed-line-spacing-54: 54px;
--unnamed-line-spacing-74: 74px;
--unnamed-text-transform-uppercase: uppercase;
}

/* Character Styles */
.fs_14-28-300 {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-28);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.fs_14-28-bold {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-28);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-transform: var(--unnamed-text-transform-uppercase);
}
.fs_16-20-normal {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.fs_16-28-normal {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-28);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1aa5ee);
}
.fs_16-28-normal {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-28);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
}
.fs_20-30-normal {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-30);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1b);
text-transform: var(--unnamed-text-transform-uppercase);
}
.fs_18-30-normal {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-18);
line-height: var(--unnamed-line-spacing-30);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1b);
}
.fs_20-30-bold {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-20);
line-height: var(--unnamed-line-spacing-30);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1b);
text-transform: var(--unnamed-text-transform-uppercase);
}
.fs_42-54-300 {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-42);
line-height: var(--unnamed-line-spacing-54);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1b);
}
.fs_58-74-bold {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-58);
line-height: var(--unnamed-line-spacing-74);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.fs_16-21-300 {
font-family: var(--unnamed-font-family-futura-pt);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-300);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-21);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
text-transform: var(--unnamed-text-transform-uppercase);
}
.fs_14-17-normal {
font-family: var(--unnamed-font-family-bitter);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-normal);
font-size: var(--unnamed-font-size-14);
line-height: var(--unnamed-line-spacing-17);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-000000);
}
.fs_16-20-bold {
font-family: var(--unnamed-font-family-bitter);
font-style: var(--unnamed-font-style-normal);
font-weight: var(--unnamed-font-weight-bold);
font-size: var(--unnamed-font-size-16);
line-height: var(--unnamed-line-spacing-20);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-1d1d1b);
}

.fs-slider-heading,
.fs-slider-heading h1,

.fs-slider-heading h2 { font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 78px/100px var(--unnamed-font-family-futura-pt-bold); color: var(--primary-text-color);}

.fs-section-title { font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/35px var(--unnamed-font-family-futura-pt-bold); color: var(--primary-inverted-text-color);}
.fs-section-action-btn { color: var(--primary-btn-bgcolor);
    font-family: futura-pt, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size:18px;
    line-height: 30px;
}
.fs-left-textblock {     
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(32px, 4vw, 39px);
    line-height: clamp(40px, 5vw, 53px);
    color: var(--primary-text-color);
}
.fs-right-textblock { 
    
    font-weight: normal;
    font-style: normal;
    font-size: clamp(23px, 3vw, 28px);
    line-height: 35px;
    color: var(--primary-text-color);
}
.fs-category-nav,
.fs-category-nav button { 
    font-family: futura-pt-bold, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    color: var(--primary-inverted-text-color);
}
.fs-item-title {
    font-family: futura-pt, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 30px;
    color: var(--primary-inverted-text-color);

}
.fs-item-description,
.fs-item-usertext { /* intended for tinymce textblocks */                    
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;    
    color: var(--primary-inverted-text-color);
}

.fs-item-action-btn,
.fs-item-action-link { 
    font-family: futura-pt, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;        
    color: var(--primary-text-color);
}

.fs-item-action-link {
    color: var(--primary-btn-bgcolor);
}

.menu-like::after,
.fs-item-action-link::after {
  content: '';
  display: inline-block;
  width: 13px;   /* match your SVG size */
  height: 13px;
   background-color: var(--primary-btn-bgcolor);
  -webkit-mask: url("/gfx/external-link-color.svg") no-repeat center;
  
  mask: url("/gfx/external-link-color.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.3em; /* space before icon */  
}

.menu-like::after {
    background-color: var(--primary-text-color);
}



#google-map #googleMapCanvas {
    height: 700px;
    width: 100%;
}

/* intended for tinymce textblocks */
.fs-item-usertext h1 { font-size: 40px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext h2 { font-size: 32px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext h3 { font-size: 28px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext h4 { font-size: 24px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext h5 { font-size: 24px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext h6 { font-size: 14px; font-weight: 600; line-height: 1.5; }
.fs-item-usertext p { font-size: 19px; font-weight: normal; line-height: 1.5; }

.template-section .fs-item-date {      
    font-family: "futura-pt", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;    
    color: var(--primary-text-color);
}
.template-section .fs-item-category {     
    font-family: "futura-pt", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;        
    color: var(--primary-text-color);
}




.menu-like,
#footer .fs-footer-nav,
#footer .fs-footer-nav a { 
    font-family: "futura-pt", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;    
    color: var(--primary-text-color);
}

img {  max-width: 100%; }

/*.iidi { var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 22px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-futura-pt); }*/

.section {}
.section .constraints { max-width: 1300px; margin: 0 auto; }
.category .contentright { width: 100%; }


.item {}
.item.frame {}


.std {}
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
}

.grid-item {
    background: #f9f9f9;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.flex-768 {flex-wrap:wrap; }

.small-images p:has(img) {display: inline-block;}
.small-images img { max-width: 200px; width: 100%; height: 100%; }

ul.column-puffs {
    display: flex;
    flex-wrap: wrap; /* allow wrapping to next line */
    gap: 1rem; /* space between items */
    list-style: none; /* remove default list styling */
    justify-content: center;
    padding-left: 0;
}

.column-puffs li {
  
  width: 300px;
}

.column-puffs li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

    .column-puffs li a span {
        min-height: 90px;
    }

.column-puffs li img {
    flex: 0 1 100%;
    width: 100%;
    height: 77%;
    min-height: 350px;
    object-fit: cover;
}

.column-puffs li h3 {
  flex: 0 0 auto;        /* stick to natural size */
  margin: 0.5rem 0 0;    /* some spacing above */
}

/**********************
    :CategoryNav
**********************/
.category-nav       {}
.category-nav .category-nav-buttons      {}

.category-nav-buttons button { }
.category-nav-buttons button.on { color: var(--primary-btn-color); background-color: var(--primary-btn-bgcolor);  }


/*

    :ItemViews...

*/
.event-text a { color: var(--primary-btn-bgcolor); text-decoration: none; }
.event-text p { margin-bottom:0; }

.itemview.hide          { display: none; }
.itemview.stdevent .inner-frame { border-bottom: 1px solid #D70F2721; display:flex; justify-content:start; align-items: center; }
.itemview.stdevent:last-child .inner-frame { border-bottom: none; }

.template-section .event-image .media-iframe { background-color: #033537; }
.stdevent .inner-frame > div { padding: 2em 2em 2em 2em; }

.stdevent .event-image { flex: 1 1 30%;}
.stdevent .event-image img {max-height: 100px;}
.stdevent .event-text {flex: 1 1 30%; }
    .stdevent .event-text .event-title {
        font-family: "futura-pt-condensed", Sans-serif;
        font-size: clamp(17px, 2vw, 20px);
        font-weight: 500;
        line-height: 1.4em;
        flex: 1 1 15%;
    }

.stdevent .event-date { font-size: clamp(15px,2vw,18px); color: var(--primary-btn-bgcolor); font-weight: 100; flex: 1 1 15%; text-align: center;}
.stdevent .event-category { flex: 1 1 15%; font-size: 1rem;}
.stdevent .event-action { flex: 1 1 15%; }

.itemview.itemview-lr .inner-frame { display: flex; }
.itemview.itemview-lr .inner-frame .box { flex: 1 1 50%; display: flex; flex-direction:column; align-items: center; justify-content: center; }
.itemview.itemview-lr .inner-frame .box.left { order: 0; }
.itemview.itemview-lr .inner-frame .box.right { order: 1; }

.itemview .inner-frame { position: relative; }
.section-col3 .itemview.std-event-col3 .event-date {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0rem 0.5rem;
    border-radius: 5px;
    
}
.section-col3 .itemview.std-event-col3 .event-category,
.section-col3 .itemview.std-event-col3 .event-description { display: none; }
.std-event-col3 .fs-item-date {
    font-weight: normal;
    font-style: normal;    
    line-height: 30px;
    font-size: clamp(14px, 2vw, 16px);
}


.std-puff-col1 .inner-frame { display:flex; flex-direction: row; height: min(26vw, 328px);}
.std-puff-col1 .inner-frame .event-image { flex: 1 1 65%; border-top-left-radius: 1em; border-bottom-left-radius: 1em; height:100%;}
.std-puff-col1 .inner-frame .event-image video { width:100%; object-fit:cover; height:100%; display:block;}
.std-puff-col1 .inner-frame .right-frame { color: var(--primary-btn-color); flex: 1 1 35%; display:flex; flex-direction:column; justify-content:center; align-items:center; border-top-right-radius:1em; border-bottom-right-radius: 1em;}
.std-puff-col1 .inner-frame .center-me { height: 100%; margin: 2rem; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.std-puff-col1 .inner-frame .event-text { display: flex; flex-direction:column; }
.std-puff-col1 .inner-frame .event-action .event-button { display: inline-block; }
.std-puff-col1 .inner-frame h2 { text-align:center; }
.std-puff-col1 .inner-frame .event-description { color: var(--primary-btn-color); }
.std-puff-col1 .fs-item-title { color: var(--primary-btn-color); }

.std-puff-col1 .event-image img {
    border-top-right-radius:0; border-bottom-right-radius: 0;
   
}

.fs-item-action-link.section-link,
.std-action-btn         { 
    padding: 1rem 2rem; 
    border-radius: 5px; 
    font-size: clamp(15px, 2vw, 19px);
    white-space: nowrap;                      
  
    overflow-wrap: normal; /* don’t break inside words */
    word-break: normal;    /* don’t break inside words */

}

.std-puff-col1 .fs-item-action-link.section-link,
.std-action-btn-color   { background-color: var(--primary-btn-bgcolor); color: white; }

.std-puff-col1 .inner-frame .right-frame,
.std-puff-col2 .fs-item-action-link.section-link,
.std-tip-bg-color       { background-color: #033537; color: white; }


.fs-item-action-link.section-link::after {
    content: "\2192";   /* Unicode escape for ➜ */
  display: inline-block;
  width: 13px;   /* match your SVG size */
  height: 13px;
   background-color: transparent;
  -webkit-mask: unset;
  mask: unset;
  margin-left: 0.3em; /* space before icon */  
}



.std-puff-col2 .event-action {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}
.event-image img  { width: 100%; max-width: 100%; max-height: 100%;}

.no-hyphen-break {
  word-break: keep-all;     /* don’t break on hyphens */
  overflow-wrap: normal;    /* don’t force break inside */
  white-space: normal;      /* allow breaking on spaces */
}

.std-meeting-lr .event-text,
.std-tip-lr .event-text { margin-inline: 1rem;}
.std-meeting-lr .fs-item-title,
.std-tip-lr .fs-item-title { font-size: 26px; }


.templateview.col1 .std-card-col1 .fs-item-title { font-size: 34px; }
.templateview.col1 .std-card-col1 .fs-item-description, 
.templateview.col1 .std-card-col1 .fs-item-usertext { font-size: 23px; line-height: 30px; }



.accordion-panel-inner.fs-item-usertext a {color:var(--primary-btn-bgcolor); font-weight: bold; }

/*****************************
    :Block
*****************************/
.blockview          { 
    padding-top: var(--UIBlockView-padding-top); 
    padding-bottom: var(--UIBlockView-padding-bottom);
}

.blockview.template-section          { 
    padding-top: 20px; 
    padding-bottom: 0px;
}

.blockview .headline h2 { 
    text-align: center;     
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 35px/42px var(--unnamed-font-family-futura-pt-bold); color: var(--primary-inverted-text-color);
}
    

/**************************
    :UITemplate
***************************/
.constraints:has(.template-tool.map) { max-width: unset; }

.searchtemplate .filter-bar {
    margin: 20px 0;
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.searchtemplate .filter-bar .filter-select {
    border-radius: 50px;           /* rounded pill shape */
    border: 1px solid #ddd;        /* light border */
    color: #c00;                   /* red text */
    
    padding: .375rem .75rem;
    padding-right: 32px;
    background-color: #fff;
    appearance: none;              /* remove native dropdown arrow */
    background-image: url("/gfx/downarrow.svg");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 12px 12px;
    cursor: pointer;
    font-size: inherit;
    
}

.searchtemplate .filter-bar .filter-select:focus {
    outline: none;
    border-color: #c00;
    box-shadow: 0 0 0 .2rem rgba(200, 0, 0, .25);
}

.ctrl-max-150 { max-width: 150px;}

.templateview.col1 .content {} 

.templateview.col3 .content {display: flex; flex-wrap:wrap;}
.templateview.col3 .content > div { flex: 0 1 33.3%; border-radius: 8px; }

.templateview.col4 .content {display: flex; flex-wrap:wrap;}
.templateview.col4 .content > div { flex: 0 1 25%; border-radius: 8px; }

.templateview.section-col3 .section-content {display: flex; }
.templateview.section-col3 .section-content > div { flex: 1 1 33.3%; border-radius: 8px; max-width: 33.3%; }

.box-2plus1 { 
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 1rem;
}
.box-2plus1 > div { }

.box-2plus1 .left {}
.box-2plus1 .rigth {}
.box-2plus1 .bottom { grid-column: 1/3; }


.templateview .section-header {
    
    padding: 0.5rem 0;
    margin-bottom: 1rem;
  
}

.templateview .section-header .inner-frame {
    display: flex;
    align-items: center; 
    justify-content: space-between;
    flex-direction: row;
}


.templateview .section-title {
    gap: 0.5rem;
    display:flex;
    align-items: center;
}

.templateview .section-icon {
    width: 20px;
    height: 20px;
}

.templateview .section-text {
    
}

.templateview .section-more {
    text-decoration: none;
    white-space: nowrap;  /* keep text on one line */
}

.templateview .section-more:hover {
    text-decoration: underline;
}
.templateview .section-line {
    flex-grow: 1;             /* expands to fill the middle */
    border-bottom: 1px solid #000; /* the line itself */
    margin: 0 1rem;           /* spacing around line */
}



/* Meeting */
.templateview.col1 .itemview.std-meeting-lr .inner-frame { flex-direction:row; gap:1rem; }
.templateview.col1 .itemview.std-meeting-lr .inner-frame .event-image { width: 100%; height:min(40vw, 412px); }
.templateview.col1 .itemview.std-meeting-lr .inner-frame .box { flex: 0 1 50%; background-color: #F8F8F8; }

@media screen and (max-width: 760px) {
    .templateview.col1 .itemview.std-meeting-lr { margin-top: 2rem; }
    .templateview.col1 .itemview.std-meeting-lr .inner-frame { flex-wrap: wrap; }
    .templateview.col1 .itemview.std-meeting-lr .inner-frame .box { flex: 0 1 100%; }
    .templateview.col1 .itemview.std-meeting-lr .inner-frame .box.left,
    .templateview.col1 .itemview.std-meeting-lr .inner-frame .box.right { order: 0; }
}

/* Tip */
.templateview.col1 .itemview.std-tip-lr .inner-frame { flex-direction:row; gap:1rem; }
.templateview.col1 .itemview.std-tip-lr .inner-frame .event-image { width: 100%; }
.templateview.col1 .itemview.std-tip-lr .inner-frame .box { flex: 0 1 65%; }
.templateview.col1 .itemview.std-tip-lr .inner-frame .box.left { flex: 0 1 35%; }
.templateview.col1 .itemview.std-tip-lr .inner-frame .box.right { flex: 0 1 35%; }

/* Event*/
.itemview.std-event-col1 .event-text,
.itemview.std-event-col3 .event-text { margin-bottom: 0px; }
.itemview.std-event-col1 .inner-frame { flex-direction:row; gap:1rem; align-items: center;}
.itemview.std-event-col1 .inner-frame .event-image { flex: 0 0 400px; max-height: 200px; height:200px; width:300px; }
.itemview.std-event-col1 .inner-frame .event-image img { object-fit: contain; }
.itemview.std-event-col1 .inner-frame .event-action { margin-left: auto; margin-right:0px; }

.itemview.std-event-col1 .inner-frame .fs-item-category,
.itemview.std-event-col1 .inner-frame .fs-item-date {      
    font-family: "futura-pt", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;    
    color: var(--primary-btn-bgcolor);
}
.itemview.std-event-col1 .inner-frame .event-text {flex: 1 1 100%;}
.itemview.std-event-col1 .inner-frame .fs-item-category { font-size:24px; color: var(--primary-inverted-text-color);}
.itemview.std-event-col1 .inner-frame .event-date,
.itemview.std-event-col1 .inner-frame .event-category {min-width: 120px; text-align: center; }


/* 2 cols */
@media screen and (max-width: 1000px) {
    .templateview.col3 .content > div,
    .templateview.col4 .content > div { flex: 50%;}
    .inner-frame .event-image { height: min(44vw, 340px); }
    
    .template-section.section-col3 .section-content,
    .template-section.section-col4 .section-content { flex-wrap: wrap; }

    .template-section.section-col3 .itemview.itemview-col3 .content > div,         
    .template-section.section-col3 .itemview.itemview-col4 .content > div { flex: 50%;}
    .itemview.itemview-col3 .inner-frame .event-image,
    .itemview.itemview-col4 .inner-frame .event-image { height: min(44vw, 340px); }
    
    .templateview.section-col3 .section-content > div { flex: 1 1 50%; max-width: 50%; }
    .templateview.section-col3 .section-content > div:nth-child(3) { flex: 1 1 100%; max-width: 100%; }
    .templateview.section-col4 .section-content > div { flex: 1 1 50%; max-width: 50%; }
    .templateview.section-col4 .section-content > div:nth-child(3) { flex: 1 1 100%; max-width: 100%; }
    
    .std-tip-lr .inner-frame,
    .std-meeting-lr .inner-frame { flex-wrap: wrap; }
    
    .templateview.col1 .itemview.std-tip-lr .inner-frame .box.left,
    .templateview.col1 .itemview.std-tip-lr .inner-frame .box,
    .templateview.col1 .itemview.std-meeting-lr .inner-frame .box.left,
    .templateview.col1 .itemview.std-meeting-lr .inner-frame .box { flex: 1 1 100%;}

    .box-2plus1 .bottom { height:auto; }
    .box-2plus1 .bottom > div { height: 100%;}
    .box-2plus1 .bottom .inner-frame { flex-wrap:wrap; height:auto;}
    .box-2plus1 .bottom .inner-frame > div { flex: 1 1 100%;}
    .box-2plus1 .bottom .inner-frame .event-image {
        flex: 1 1 100%;
        border-radius: 1em 1em 0 0;        
        height: auto;
    }
    .box-2plus1 .bottom .inner-frame .event-image > div { height:auto !important;}
    .box-2plus1 .bottom .inner-frame .right-frame {
        flex: 1 1 100%;
        border-radius: 0 0 1em 1em;        
        height: auto%;
    }
}

/* 1 col */
@media screen and (max-width: 600px) {

    .templateview .content{ display: block !important;}
    .templateview.col3 .content { display: block; }
    .itemview { margin-bottom: 3rem; }
    .itemview .event-text { margin-bottom: 0.5rem; }
    .itemview .inner-frame { display: block; }

    .itemview .inner-frame > div { width:100%; max-width:100%; }
    .itemview .inner-frame > div.event-date  { width:auto; }
    
    .event-image { height: min(60vw, 460px) !important;}
    .box-2plus1 .bottom .event-image { height: auto !important;}
    
    .itemview .inner-frame {
        margin: 0px !important;
        margin-bottom: 2rem;
    }

    .template-section.section-col3 .itemview.itemview-col3 .content > div,         
    .template-section.section-col3 .itemview.itemview-col4 .content > div { flex: 100%;}
    .itemview.itemview-col3 .inner-frame .event-image,
    .itemview.itemview-col4 .inner-frame .event-image { height: min(60vw, 460px); }
    
    .templateview.section-col4 .section-content > div { flex: 1 1 100%; max-width: 100%; }
    .templateview.section-col3 .section-content > div { flex: 1 1 100%; max-width: 100%; }
    
    .box-2plus1 {display: flex; flex-direction: column;}
    .box-2plus1 .itemview { margin-bottom: 0px;height:100%; }
    .box-2plus1 .bottom {height: auto; }
    .template-section .itemview .inner-frame {margin-bottom: 0; height: 100%; }
    .box-2plus1 .bottom .std-puff-col1 .event-image img {border-radius: 1em 1em 0 0;}
    .box-2plus1 .bottom .std-puff-col1 .inner-frame .right-frame { border-radius: 0 0 1em 1em; }
    .std-puff-col1 .inner-frame .event-image { border-radius: unset; }

}

@media screen and (max-width: 1100px) {
    .itemview.event.itemview-col1 {margin-bottom:45px;}
    .templateview.col1 .std-event-col1 .inner-frame { 
        display: grid;
        grid-template-columns: 1fr 1fr; /* two equal columns for the middle row */
        grid-template-rows: auto auto auto auto auto; /* thin top row, big middle row, bottom row */
        gap: 10px; /* optional spacing */
        
    }
    

    .templateview.col1 .std-event-col1 .inner-frame > div {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
    
    .templateview.col1 .std-event-col1 .event-image {grid-column: 1 / 2; grid-row:1/5; }
    .templateview.col1 .std-event-col1 .event-text { grid-column: 2 / 3; grid-row:2/3;}
    .templateview.col1 .std-event-col1 .event-date {grid-column: 2 / 3;grid-row:1/2; }
    .templateview.col1 .std-event-col1 .event-category {grid-column: 2 / 3;grid-row:3/4; }
    .templateview.col1 .std-event-col1 .event-action {grid-column: 2 / 3; grid-row:4/5; justify-content: center;}
}


@media screen and (max-width: 700px) {
    .itemview.event.std-event-col1 {margin-bottom:45px;}
    .templateview.col1 .std-event-col1 .inner-frame { 
        display: grid;
        grid-template-columns: 1fr; /* two equal columns for the middle row */
        grid-template-rows: auto auto auto auto auto; /* thin top row, big middle row, bottom row */
        gap: 10px; /* optional spacing */
        
    }
     
    .templateview.col1 .std-event-col1 .inner-frame > div {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
    
    .templateview.col1 .std-event-col1 .event-image {grid-column: 1 / 2; grid-row:2/3; }
    .templateview.col1 .std-event-col1 .event-text { grid-column: 1 / 2; grid-row:3/4;}
    .templateview.col1 .std-event-col1 .event-date {grid-column: 1 / 2;grid-row:1/2; }
    .templateview.col1 .std-event-col1 .event-category {grid-column: 1 / 2;grid-row:4/5; }
    .templateview.col1 .std-event-col1 .event-action {grid-column: 1 / 2; grid-row:5/6; justify-content: center;}
}




.iframe-100 iframe {max-width: 100%; max-height:100%;}

/*******************
    :TextBlock
*******************/
.flow-control.normal-flow { }
.flow-control.flow-left-to-right { display: flex; }
.flow-control.flow-left-to-right > div { flex: 0 1 50%; max-width: 50%; }



/*************************
    :Flexslider
**********************/
#start-slideshow .flexslider .slides > li { height: clamp(250px,45vw,900px) !important; } 
.flexslider { position: relative; }
.flexslider .flex-caption {position: absolute; inset: 0;  background: rgba(0,0,0,0.1); display:grid; place-items: center; color:white; text-align:center; font-size: 30px; }
.flexslider .flex-caption h1 {}


/*************************
    :Startpage
**************************/
.startpage .header { display: none; }


/*************************
    :NavBar
**************************/
.nav-bar {  padding-block:2rem; min-height: 100px;}
.nav-bar > div { height: 100%; }
.nav-bar .topmenu ul li a { }


/*************************
    :Language
**************************/

.lang { position:relative; max-width: 100px; min-width:100px;}
.lang img {height: 75%; aspect-ratio: 1/1; padding-right:4px;}

#language {
    position: relative;
    display: inline-block;
}

.langs {
    list-style-type: none;
    margin: 0;
    padding: 10px 0px;
    top: 30px;
    right: 0px;
    width: 100px;
    background-color: #F1E0E0;
    /*font-weight: bold;*/
    position: absolute;
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
    border-radius:10px;
}

.langs li a {
    color: #000;
    text-decoration: none;
}

.langs li {
    padding: 8px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.langs li:last-child {
    border-bottom: none;
}

.langs li:hover {
    background-color: #e5e5e5;
    color: white;
}

.langButton {    
    background-color: #F1E0E0;
    padding: 0px 36px 0px 8px;
    border-radius: 500px;        
    height:30px;
    line-height:30px;
    cursor:pointer;
    
    display: flex;
    align-items:center;
    font-size: 18px;
    /*font-weight: 600;*/
}

    .langButton:before {
        content: "\f078";        
        font-family: FontAwesome;        
        right: 10px;
        position: absolute;        
        font-size: 15px;
    }


/*******************
    :Grouping
*******************/
.group-items { display: flex; align-items: center; }
.group-items .left { justify-content: start; max-width: 100%;}
.group-items .right { justify-content: end; max-width: 100%;}
.group-items.space-between {justify-content:space-between;}
.group-items.gap-1r { gap: 1rem; }



.group-items .size3 { flex: 1 1 25%; }
.group-items .size9 { flex: 1 1 75%; }


.tipsbox            { padding-top: var(--tipsbox-margin-top); padding-bottom: var(--tipsbox-margin-bottom); display: flex; }
.tipsbox .left      { flex: 1 1 35%;}
.tipsbox .middle    { background-color: #fff; width: 2px; margin-inline: 4rem;}
.tipsbox .right     { flex: 1 1 65%; padding-left: 2rem; padding-right:2rem; }


/**********************
    :ArticlePage
**********************/

.articlepage .layout { margin-top: clamp(2rem, 3vw, 4rem); align-items:start; min-height: 40vh;}
    .articlepage .layout .left {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-right: 2rem;
        margin-bottom: 2rem;
    }
    .articlepage .layout .right {
        flex: 1 0 40%; 
    }
.articlepage .layout .left h1 {    
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: clamp( 26px, 4vw, 48px);
    line-height: clamp( 42px,6vw, 61px);
    color: black;
    margin-bottom:2rem;
}
.articlepage .layout a { color: var(--primary-btn-bgcolor); }

.articlepage .layout iframe {max-width: 100%;}
.articlepage .layout .left .ingress,
.articlepage .layout .left .ingress span, 
.articlepage .layout .left .ingress p, 
.articlepage .layout .left .ingress h1, 
.articlepage .layout .left .ingress h2, 
.articlepage .layout .left .ingress h3, 
.articlepage .layout .left .ingress h4, 
.articlepage .layout .left .ingress h5, 
.articlepage .layout .left .ingress h6 {     
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;    
    font-size: clamp( 20px, 3vw, 28px);
    line-height: 28px;        
    color: black;
}
.articlepage .layout .left .content { margin-top: 2rem; }

.articlepage .layout .left .content, 
.articlepage .layout .left .content span, 
.articlepage .layout .left .content p, 
.articlepage .layout .left .content h1, 
.articlepage .layout .left .content h2, 
.articlepage .layout .left .content h3, 
.articlepage .layout .left .content h4, 
.articlepage .layout .left .content h5, 
.articlepage .layout .left .content h6 {         
    font-style: normal;    
    font-size: clamp( 16px, 3vw, 20px);
    line-height: 1;
    color: black;
}

.articlepage .layout .left .action { margin-top: 2rem; }

.line { border-top: 1px solid #CCC; margin-top:2rem;}
.bottom-gallery {margin-top:1rem;}

.bottom-block {}

.bottom-block, 
.bottom-block span
.bottom-block p, 
.bottom-block h1, 
.bottom-block h2, 
.bottom-block h3, 
.bottom-block h4, 
.bottom-block h5, 
.bottom-block h6 {
    font-style: normal;    
    font-size: 24px;
    line-height: 1.5;
    color: black;
}
   
    .bottom-block h1 { font-size: clamp( 28px, 3vw, 45px); font-weight: bold; margin-bottom: 1rem; }
    .bottom-block h2 { font-size: clamp( 24px, 3vw, 38px); font-weight: bold; margin-bottom: 1rem; }
    .bottom-block h3 { font-size: clamp( 22px, 3vw, 32px); font-weight: bold; margin-bottom: 1rem; }
    .bottom-block h4 { font-size: clamp( 20px, 3vw, 28px); font-weight: bold; margin-bottom: 1rem; }
    .bottom-block h5 { font-size: clamp( 20px, 3vw, 26px); font-weight: bold; margin-bottom: 1rem; }
    


.emph-links a {
    font-weight: 600 !important;
    color: var(--primary-btn-bgcolor);
}

/*---------------------
General
---------------------*/

.white-bg               { background-color: white; }
.clickable              { cursor: pointer; }
a						{font-weight:normal; color:#333; text-decoration:none;}
a:hover					{text-decoration: underline;}

h1, h2, h3				{font-size:14px; font-weight: bold; color:#000;}
h1						{font-size:30px; margin:0 0 10px 0; font-weight:bold;}
h2						{font-size:22px; margin:25px 0 5px 0;}
h3						{font-size:18px; margin:25px 0 5px 0;}
h4						{margin:25px 0 5px 0; font-weight:bold; line-height:1.5;}
p						{margin:0 0 10px 0;}

.fs-XXL                 { font-size:80px; }
.fs-XL                 { font-size:60px; }

::selection             {background:#d0e8ff;}
::-moz-selection        {background:#d0e8ff;}

table,
table tr,
table tr td				{font:normal 12px/1.5 Arial, Verdana, Sans-serif;}

img, table				{border:0;}
html 					{margin:0; padding:0;}
body {background-color:#fff;  margin: 0; padding: 0; COLOR: #4f4f4f; font-size: 12px; font-family: futura-pt, sans-serif; line-height: 1.5; }

/*---------------------
Body layout
---------------------*/

#wrapper 					{margin:0 auto;}
.inner                      {margin:0 auto;}

#logo                       {position:absolute; left:0; top:20px; height: 60px;}
#logo img                   {display:block; height: 100%;}

.header 						{background-color:#FFF;}
.header .inner                {position:relative;}

.header #contact				{position:absolute; right:20px; top:10px;}

.fullmenu,
.topmenu { overflow: hidden; }
.fullmenu { text-align: center; }
.header #responsive-menu-btn  {display:none;}
.nav-bar .responsive-menu-btn { display: none; height:50px; padding:0px; z-index:2; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; cursor:pointer;}

.fullmenu ul,
.topmenu ul                  {margin:0; padding:0;}
.fullmenu ul li,
.topmenu ul li               {display:inline-block; }
.fullmenu ul li a,
.menu-like,
.topmenu ul li a             {text-transform: uppercase;  color: var(--primary-inverted-text-color);text-decoration: none; padding: 10px 20px; display: block;
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
font-size:18px;
line-height: 23px;
}
.fullmenu ul li.on a, 
.topmenu ul li.on a          { text-decoration: underline; text-decoration-color: var(--primary-btn-bgcolor); text-decoration-thickness: 3px; text-underline-offset: 4px; /* pushes the line further away from text */ }
.fullmenu ul li a:hover,
.topmenu ul li a:hover       {}
.topmenu ul li a.haschild    {display:none;}
.topmenu ul li ul            {display:none;}
				
.fullmenu ul li:last-child          {background:none; border:0;}
.fullmenu ul li.on-childs a			    {}


.header #nav ul#responsive            {display:none;}
.header .contactPuffs {
    position: absolute;
    right: 0;
}



/******************
:gallerylisting
*************************/
.gallerylisting { }
.gallerylisting .inner-frame {display: flex; flex-direction:row; flex-wrap: wrap; gap: 1rem; }
.gallerylisting.col1 .media { flex: 1 1 100%; }
.gallerylisting.col3 .media { width: calc(33.3% - 11px);}
.gallerylisting .media {}

.gallerylisting.col3 .media a,
.gallerylisting.col3 .media a > div { display:block; height:100%; }
.gallerylisting.col3 .media a > div img { object-fit: cover; height:100%; }

.gallerylisting .media .media-iframe iframe { width: 100%; }

.position-relative { position: relative; }
.hovertextpnl {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    color: white;
    
    opacity: 0;
    transition: opacity 0.3s ease;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 1rem;
}
.hovertextpnl:hover { opacity: 1;}

    .hovertextpnl .label {
        font-size: 18px;
        font-weight: bold;
        display: inline;
        text-align:center;
    }

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.contentright   			{min-height: 59vh; width:100%; margin:0; padding:0; overflow:hidden;}

/*---------------------
Submenu vertical
---------------------*/ 
.leftmenu                           {float:left; width:25%;}
.leftmenu ul					    {width:90%; margin:0; padding:0 0 10px 0; list-style:none; overflow:hidden;}
.leftmenu ul li				        {width:100%; margin:0; padding:0; border-bottom:1px dotted #999;}
.leftmenu ul li:last-child          {background:none; border:0;}
.leftmenu ul li a				    {width:100%; margin:0; padding:0; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.leftmenu ul li a:hover             {color:#333;}
.leftmenu ul li.on a			    {color:#333; font-weight:bold;}
.leftmenu ul li.on-childs           {background:none; border:0;}
.leftmenu ul li.on-childs a	        {color:#555; font-weight:bold; line-height:30px;}

.leftmenu ul li.on-childs ul            {margin:0 0 0 15px !important;}
.leftmenu ul li.on-childs ul li         {background:none; border:0;}
.leftmenu ul li.on-childs ul li a       {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#555;}
.leftmenu ul li.on-childs ul li a:hover {color:#333;}
.leftmenu ul li.on-childs ul li.on a    {color:#333; font-weight:bold !important;}

/*---------------------
Submenu horizontal
---------------------*/ 
/*
.fullmenu                           {background-color:#cccccc;}
.fullmenu ul					    {width:auto; text-align:center; margin:0; padding:0; list-style:none; overflow:hidden;}
.fullmenu ul li				        {display:inline-block; margin:0 10px; padding:0; }
.fullmenu ul li:last-child          {background:none; border:0;}
.fullmenu ul li a				    {margin:0; padding:5px 10px; font:normal 12px/40px Arial; color:#555; text-decoration:none; display:block;}
.fullmenu ul li a:hover             {color:#333;}
.fullmenu ul li.on a, .fullmenu ul li.on-childs a			    {color:#333; font-weight:bold;}
    */
/*---------------------
Footer layout
---------------------*/
#footer					{ padding:40px 0; position:relative; font-size:11px; line-height:16px; color:#fff; background-color:#033537;}
#footer .inner          {min-height:40px; _height:40px; margin-top:3rem;}
#footer .inner p:first-child {display:flex;justify-content:center; align-items: center;}
#footer .inner p:first-child a {display:flex; align-items: center;}
#footer a				{font-weight:normal; color:#fff; text-decoration:none; vertical-align: middle;}
#footer a:hover         {text-decoration:underline;}
#footer .inner p:last-child        { font-weight: 300; font-size:14px; line-height:28px; opacity: 0.5; }
#footer .left			{float:left; padding:0; margin:0; text-align:left;}
#footer .right			{float:right; padding:0; margin:0; text-align:right; display:none;}
#footer .right .rss img, 
#footer .right .facebook img, 
#footer .right .twitter img	    {margin:0 0 3px 2px; padding:0; border:0;}

#footer .links                  {margin-bottom:10px; }
#footer .links .left		    {float:left; width:16%; display:block; overflow:hidden; margin:0 0.6% 1% 0; text-align:left; clear:right;}
#footer .links .left li         {list-style-type:none; margin-left:0; padding-left:0;}
#footer .links .left.first	    {padding-left:0px;}
#footer .links .left p a		{color:#fff; display:block; line-height:20px; font-size:10px; font-family:Arial, Verdana, sans-serif;}
#footer .links .left p a strong	{color:#fff; font-size:12px;}

#footer .top { text-align: center; margin-top:5rem;}
.top .footer-image { text-align: center; }
.top .footer-image img { max-width: 150px;}
.top .footer-menu { text-align: center; margin-top:3rem; }
#footer .topmenu ul li.on a {
    background-color: unset;
    color: unset;
}

/*--------------------------
    Accordion
--------------------------*/
.accordion-item.more-options .accordion-trigger {margin-top: 20px;}
.accordion-item.more-options .options {margin-top: 0px;}
.accordion-item.more-options .options .option {border-top: none;}
.accordion-item.more-options .circle { width: auto; border-radius: 2px; height: auto; padding: 10px 15px; background-color: transparent;}
/*.accordion-item.more-options .circle .icon { color: #EB730B; padding: 0 5px; }*/
.accordion-item.more-options .circle .icon {    
    color: #777;    
    font-size: 16px;
    font-family: New-Hero, sans-serif;    
}

.accordion-item.button-above {border-bottom: 1px solid var(--primary-btn-bgcolor); }
.accordion-item.button-above .accordion-trigger { justify-content: start;}
.accordion-item.button-above .accordion-trigger,
.accordion-item.button-above .accordion-trigger .circle, 
.accordion-item.more-options.button-above  .circle .icon {font-weight:600; font-size:1.5rem; color: var(--primary-btn-bgcolor); border:none; }

@media screen and (max-width: 1350px)
{
    .section .constraints {margin-inline: 1rem; }
    .section .constraints:has(.template-tool.map) { margin-inline: 0px;  }
}

@media screen and (max-width: 1150px)
{
    .nav-bar .topmenu { display: none; }
    .nav-bar .responsive-menu-btn { display: block; }
}

@media screen and (max-width: 1024px)
{
    .group-items.wrap-1024 { flex-wrap: wrap; justify-content:center; }
    .articlepage .layout.group-items .left { margin-right: 0px; }
    .gallerylisting .inner-frame { justify-content: space-between; }
    .gallerylisting.col1 .media,
    .gallerylisting.col3 .media { flex: 0 1 48%; }

}
@media screen and (min-width: 960px) {
    .tipsbox .left { flex: 1 1 53.3%; }
}

@media screen and (max-width: 960px) {
    .fs-slider-heading, .fs-slider-heading h1{ font-size:38px !important; }

    .section .constraints .tipsbox { display: block; padding: 3rem 2em !important; }
    .tipsbox .right { padding: 0px !important; }
}


@media screen and (max-width: 860px)
{
       .header { height: auto;}
    .nav-bar { min-height: auto; }
    .flow-control.flow-left-to-right { flex-wrap: wrap;}
    .flow-control.flow-left-to-right > div { flex: 1 1 100%; max-width: 100%;  }    
    .blockview.template-col1 .content  { text-align:center;}
    .blockview.template-col1 .content .itemview.std-accordion-col1 { width: 100%; max-width: 100%; }

    h1  {font-size:24px;}
    h2  {font-size:18px;}
    h3  {font-size:14px;}
    
    .header 						        {width:auto; height:auto; margin:0; padding:0; position:relative;}
    .header .inner                        {height:auto; z-index:999;}
    #logo                               {position:absolute; left:10px; top:10px;}
    #logo img                           {height:30px; max-height: 100%;}
    
    .header #nav					        {position:static; top:0; left:0; height:auto; min-height:50px; width:100%; padding:0; margin:0; z-index:9; display:none;}
    .header .topmenu                      {display:none;}

    .header #responsive-menu-btn          {position:absolute; right:0; top:0; display:block; height:50px; padding:0 14px; z-index:999; color:#fff; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; cursor:pointer;}
    .nav-bar .responsive-menu-btn         {display:block;}
    
    .content					{width:auto; height:auto; margin:0; padding:0;}
    .content .inner             {min-height:100px; padding-bottom:2%;}
    .submenu				    {display:none;}
    
    .content .inner	            {width: auto; height:auto; margin:0; }
    .contentright               {float:none; width:100%;}

    #footer					    {width:auto; margin:0; padding:2% 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px;}
    #footer .links              {display:none;}
        
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr           {display:block; border:0;}
	table.responsive-table thead tr     {position:absolute; top:-9999px; left:-9999px;}
	table.responsive-table tr           {border:1px solid #ccc;}
	table.responsive-table td           {padding:4px 6px;}
	table.responsive-table td           {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
 	table.responsive-table td:before    {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
	table.responsive-table td:before    {content:attr(data-title);}
    #google-map #googleMapCanvas        { height: 500px !important; }

}

@media screen and (max-width: 600px)
{
    h1  {font-size:20px;}
    h2  {font-size:16px;}
    h3  {font-size:14px;}    

    
    .bottom-block, 
    .bottom-block span
    .bottom-block p {
        font-size: 18px;
    }
   
    .bottom-block h1 { font-size: 36px; }
    .bottom-block h2 { font-size: 32px; }
    .bottom-block h3 { font-size: 26px; }
    .bottom-block h4 { font-size: 22px; }
    .bottom-block h5 { font-size: 20px; }
    
    ul.column-puffs { padding-left: 0px; }
}

@media screen and (max-width: 500px)
{
    .gallerylisting.col1 .media,
    .gallerylisting.col3 .media { flex: 1 1 100%; }
}


@media screen and (max-width: 480px)
{
    h1  {font-size:18px;}
    h2  {font-size:14px;}
    h3  {font-size:12px;}
}
@media screen and (max-width: 400px)
{
    .fs-item-action-link.section-link, .std-action-btn {
        padding: 0.5rem 1rem;
        font-size: clamp(15px, 2vw, 19px);
    }
    .group-items.wrap-400 { flex-wrap: wrap; justify-content:center; }
}