main#main {
    padding-top: 0 !important;
}

body {
font-family: "Proxima-Nova", Figtree, arial, sans-serif !important;
/* 45pt su larg 1080px */
color: #444;
/* font-size: 22px; */
font-size: 30px;
line-height:1.2em;
}

#netidea-container h2 {
font-family: "Proxima-Nova", Figtree, arial, sans-serif;
color: #444;
text-transform: uppercase; 
text-align: center;
font-weight: 700;
    margin-top: 2em;
}

#netidea-container h3 {
font-family: "Proxima-Nova", Figtree, arial, sans-serif;
color: #444;
text-transform: uppercase; 
font-weight: 700;
font-size: .9em;
}



#netidea-container .landing-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 4em;
}



#netidea-container .landing-menu a{
font-family: "Proxima-Nova", Figtree, arial, sans-serif;
font-size: 1em;
font-weight: 500;
color: #444;
text-transform: uppercase;  
    
}
#netidea-container .landing-menu a:hover {
background: #444;
color: #eee;

}


strong {
font-weight: 800;
}

:root {
    --headslider-visibles: 8;
}

 figure#headslider > * {
/*visibility: hidden;*/
position: absolute;
/*	 max-width: 0; */
	transform: translateX(0%) scaleX(1);
	 opacity: 0;

 }

 figure#headslider > *.visible {
   /* visibility: visible;*/
	 position: relative;
	 max-width: unset;
		transform: translateX(0) scaleX(1);
	 opacity: 1;
 }






/* alt version w/ animation

 figure#headslider > * {
position: absolute;
	transform: translateX(-50%) scaleX(0);
transition: 1.5s ease;
transform-origin: 0.0;
	 opacity: 0;

 }

 figure#headslider > *.visible {
	 position: relative;
	 max-width: unset;
		transform: translateX(0) scaleX(1);
transition: 1.5s ease;
	 transition-delay: 500ms;
	 opacity: 1;


 }*/


a.wp-block-button__link.wp-element-button {
    color: #444;
    background: unset;
    /* border: 1px solid #444; */
    border-radius: unset;
    background-image: url(button.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2em;
}


.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 80% !important;
}


.reduced-width {
    max-width:75%;
    margin: 0 auto;
}




.city-title {
  margin: 1%; 
    padding: 1em;
  margin: 1%;  
    transition: .5s;
	cursor: pointer;
}

.expanded.city-title {

    transform: rotateY(360deg);
}
.active.city-title {
	background: none !important;
}


.city-title h3, .city-title h4,.city-title h5{
    color: #fff !important;
}

.city-title h3 {
    text-transform: uppercase;
    font-size: 3em !important;
    font-weight: 800;
}

.city-title h4 {
    text-transform: uppercase;
    font-size: 1em;
}

.city-title h5 {
    font-size: 1.2em;
}



.city-title:hover, .expanded.city-title:hover {
    opacity: 0.6;
  /*  transform: rotateY(20deg);*/
}

.accordion, .ordered-column {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.accordion-item {
    overflow: hidden;
}

.accordion-label {
    padding: 1em;
    cursor: pointer;
    background-color: #f0f0f0;
}

.accordion-content {
    display: none;
    grid-column: span 2;
}


.accordion-content >* {
    padding: 1em;
}

.accordion-content .wp-block-image img {
    width: 100%;
}
.city-col-1, .city-col-2 {
    overflow: hidden;
}

#citytitle1 {
    background: #275869;
}

#citytitle2 {
    background: #e96611;
}
#citytitle3 {
    background: #c41748;
}
#citytitle4 {
    background: #9056ce;
}
#citytitle5 {
    background: #179a64;
}
#citytitle6 {
    background: #d7bd00;
}
#citytitle7 {
    background: #8f4f49;
}

#citytitle8 {
    background: #007aa3;
}
#citytitle9 {
    background: #c41748;
}
#citytitle10 {
    background: #9056ce;
}
#citytitle11 {
    background: #179a64;
}
#citytitle12 {
    background: #d7bd00;
}
#citytitle13 {
    background: #c41748;
}
#citytitle14 {
    background: #9056ce;
}
#citytitle15 {
    background: #179a64;
} 
#citytitle16 {
    background: #d7bd00;
} 




.active#citytitle1 h3,
.active#citytitle1 h4,
.active#citytitle1 h5 {
    color: #275869 !important;
}

.active#citytitle1 {
	border: 1px solid #275869;
}

.active#citytitle2 h3,
.active#citytitle2 h4,
.active#citytitle2 h5 {
    color: #e96611 !important;
}

.active#citytitle2 {
	border: 1px solid #e96611;
}

.active#citytitle3 h3,
.active#citytitle3 h4,
.active#citytitle3 h5 {
    color: #c41748 !important;
}

.active#citytitle3 {
	border: 1px solid #c41748;
}

.active#citytitle4 h3,
.active#citytitle4 h4,
.active#citytitle4 h5 {
    color: #9056ce !important;
}

.active#citytitle4 {
	border: 1px solid #9056ce;
}

.active#citytitle5 h3,
.active#citytitle5 h4,
.active#citytitle5 h5 {
    color: #179a64 !important;
}

.active#citytitle5 {
	border: 1px solid #179a64;
}

.active#citytitle6 h3,
.active#citytitle6 h4,
.active#citytitle6 h5 {
    color: #d7bd00 !important;
}

.active#citytitle6 {
	border: 1px solid #d7bd00;
}

.active#citytitle7 h3,
.active#citytitle7 h4,
.active#citytitle7 h5 {
    color: #8f4f49 !important;
}

.active#citytitle7 {
	border: 1px solid #8f4f49;
}

.active#citytitle8 h3,
.active#citytitle8 h4,
.active#citytitle8 h5 {
    color: #007aa3 !important;
}

.active#citytitle8 {
	border: 1px solid #007aa3;
}

.active#citytitle9 h3,
.active#citytitle9 h4,
.active#citytitle9 h5 {
    color: #c41748 !important;
}

.active#citytitle9 {
	border: 1px solid #c41748;
}

.active#citytitle10 h3,
.active#citytitle10 h4,
.active#citytitle10 h5 {
    color: #9056ce !important;
}

.active#citytitle10 {
	border: 1px solid #9056ce;
}

.active#citytitle11 h3,
.active#citytitle11 h4,
.active#citytitle11 h5 {
    color: #179a64 !important;
}

.active#citytitle11 {
	border: 1px solid #179a64;
}

.active#citytitle12 h3,
.active#citytitle12 h4,
.active#citytitle12 h5 {
    color: #d7bd00 !important;
}

.active#citytitle12 {
	border: 1px solid #d7bd00;
}

.active#citytitle13 h3,
.active#citytitle13 h4,
.active#citytitle13 h5 {
    color: #c41748 !important;
}

.active#citytitle13 {
	border: 1px solid #c41748;
}

.active#citytitle14 h3,
.active#citytitle14 h4,
.active#citytitle14 h5 {
    color: #9056ce !important;
}

.active#citytitle14 {
	border: 1px solid #9056ce;
}

.active#citytitle15 h3,
.active#citytitle15 h4,
.active#citytitle15 h5 {
    color: #179a64 !important;
}

.active#citytitle15 {
	border: 1px solid #179a64;
}
.active#citytitle16 h3,
.active#citytitle16 h4,
.active#citytitle16 h5 {
    color: #d7bd00 !important;
}

.active#citytitle16 {
	border: 1px solid #d7bd00;
}


figure.netidea-central-gallery {

    margin-top: 3em;
    margin-bottom: 0;
}


figure.netidea-central-gallery figcaption.wp-element-caption {
    background: #c41748;
    text-transform: uppercase;
    position: absolute;
    max-width: 60%;
    left: 0;
    text-align: center;
    box-shadow: none !important;
    font-size: .6em;
    display: none;
    right: 0;
    margin: 4px auto;
}





figure.netidea-central-gallery {
display: flex !important;
    gap: 8px !important;
    padding: 16px;
    list-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    flex-direction: row;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
	max-height: 60vh;
  /* Hide scrollbar in IE and Edge */
  -ms-overflow-style: none;
}


figure.netidea-central-gallery::-webkit-scrollbar {
  display: none;
}

figure.netidea-central-gallery figure{
	filter: saturate(0.6);
	  flex: 0 0 76%;
  width: 80%;
  height: auto;
scroll-snap-align: center;

}


div.central-gallery-nav-wrap {
	margin: 0 0 2em 80%;
}

span.central-gallery-nav {
	font-size: 2em;
	margin-left: 1em;
	cursor: pointer;
}




figure.netidea-central-gallery figure:hover{
filter: brightness(1);
transform: scale(1.1);
z-index: 10;	
transform-origin: bottom;

}

figure.netidea-central-gallery figure:hover >figcaption{
display:block;	

}

ul.NetIdea-List {
    text-transform: lowercase;
    list-style-type: '\2606';
    margin-left: 1em;
    line-height: 2;
}

ul.NetIdea-List li {
	padding-left: .5em;
}


/* mobile fixes */

@media screen and (max-width: 1024px) {

.city-title h3 {
font-size:2.2em !important;	
}

@media screen and (max-width: 800px) {
.accordion, .ordered-column {
    grid-template-columns: 100% ;
}
.accordion-content {
    grid-column: span 1;
}
}	

	
}

@media screen and (max-width: 512px) {

body {
font-size: unset;
}

#netidea-container .landing-menu a{
	font-size: 1.8em;
	padding-bottom: 1em;
}

:root {
    --headslider-visibles: 4;
}

figure#netidea-central-gallery{
	transform: scale(1.4);
}

	
figure#netidea-central-gallery figure{
	  flex: 0 0 100%;
filter: unset;
}
	
div#central-gallery-nav-wrap {
	margin: 2em 0 2em 60%;
}
figure#netidea-central-gallery figcaption.wp-element-caption {
	font-size: .4em;
	display: block;
}	


	
}