<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*best for homepage so far 12/20*/
/*best for homepage so far 12/19*/
/*best for homepage so far 12/14*/
/*best for homepage so far 12/06*/
@import url(contentboxes.css);

.weather-box.flex-box.valign-middle .row .col .cbox {
  display: inline;
  vertical-align: middle;
}
.weather-box .columns-2.width-1fr &gt; .row .col {
  width: 100%;
  max-width: 100%;
}

.listlinks .row {
   display: flex;
   gap:21px;
  border-top:1px solid;
  max-width:550px;
  
}
.listlinks .row &gt; span {
 padding-top:5px;
}
.row .col-first 
{
  background:#ccc;
  padding:5px 13px;
  flex-basis:25%;
}


.pointer{cursor:pointer}
.linklisting-container {
  width:100%;
  max-width:300px;
}
.linklisting-container .linklisting{  max-width:100% !important;}
.more {
  text-align:center;
  display: block;
  text-decoration:none;
  border:1px solid #cc0000;
  max-width:50%;
  margin:0 auto;
  overflow:hidden;
  white-space:nowrap;
  padding:3px 5px;
  font-size: 100%;
  padding: 8px 21px;
  background: #fff;
  border: 1px solid;
  cursor: pointer;
  height: unset;
  vertical-align: middle;
}
.OFFmore:before {
  left:unset;
  right:0;
  content:"&gt;";
  width:13px;
  display: inline-block;
  padding:3px 3px 0px 0px;
  background:#fff;
  color:purple;
  border:0px solid greenyellow;
  right:0;
  
}

label+input
input[checked]+label {
font-weight:bold
}

#modal-ocwrapper {
  padding:55px 5% 0px 5%;
  position:fixed;
  bottom:0px;
  right:0;
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-content:center;
  justify-items:center;
  height:100vh;
  max-height:100%;
  min-width:100vw;
  width:100vw; 
  
  overflow:auto;
  box-sizing:border-box;
  z-index:99999;
  background:#00000050
}
#modal-ocwrapper.closed{
display:none
}
#modal-ocwrapper .empty {
  position:absolute;

  height:30px;
  width:30px;
  display: inline-block;
  z-index:999;
  right:10px;
  top:50px;
}
#modal-ocwrapper .empty:before {
  content:"x";
  height:100%;
  width:100%;
  display: flex;
  flex-flow:column;
  text-align: center;
  justify-content: center;
  font-size:26px;
  color:#cc0000;
  padding:0 0 3px 0px;
  box-sizing: border-box;
  cursor:pointer
}



#modal-icwrapper {
   margin:0 auto;
   width:100%;
   max-width:350px;
   position:relative;
  
}



#ocwrapper {
min-height:66.6667vh
}
.paging-link img {
  transform:rotate(0deg);
  
}
.paging-link.processing{
  transform:rotate(3000deg);
  transition:10s
}

.join-schema-link:first-of-type {
  border:0px solid;
  display: none;
  width:0;
}
.join-schema-link {/*hmm, helpful in keeping things together, but double gaps*/
  display:none;
}

#contentheader{margin-top:10px;}


.linklisting .sp.caught,
.linklisting:hover .sp{
  cursor:pointer;
  font-size:1em;
  position:absolute;
  z-index:999999;
  bottom:3px;
  right:20px;
  padding:0px 0px 0px 0;
  border:0px solid;
}

.linklisting .sp.caught:before{
filter:grayscale(0%) !important;
    content:'\1F33B';
    position:relative;
}
.sp-icon:before,
.linklisting:hover .sp:before{
  content:'\1f90e';
  content:'\1F578'; 
  content:'\1F339'; 
  content:'\1F33B';
  position:relative;
  filter:grayscale(100%)
}

.linklisting:hover .sp:hover{
  filter:grayscale(0%)
}
.sp-icon{
  font-size:50px;
   display:block;
}
span:hover .sp-icon:before{
   filter:grayscale(0%)
}
.actions {
  
  
}
.actions .locrg-friend:after{
  content:'\2021';
  color:#999;
  position:absolute;
  bottom:3px;
  right:0;
  width:20px;
  border-bottom:0px solid #ffcc00 !important;
}



.linklisting.locst-new:after,
.linklisting.locst-nm:after {
  content:'';
  position:absolute;
  bottom:-2px;
  right:0;
  width:25%;
  border-bottom:3px solid red !important
}



/*------------------*\
|* global interface *|
|* best for homepage so far *|
\*------------------*/
pre{text-align:left}
.cookies-manager {
  position:fixed;
  z-index:9999;
  bottom:0;
  right:0;
  width:100%;
  display:flex;
  align-items:right;  
  justify-content:right;  
  font-size:90%
}
.cookies-manager.grdp-seen .cookie-trigger:before{
  animation: unset;
}
.cookie-trigger:before {
  border-radius:90px 90px 90px 90px;
  content:'Manage Cookies';
  background:rgba(255,150,150,1) url(https://pasquals.com/images/links/16054-Traditional_Mexican_Wedding_Cookies-Small.jpeg) NO-REPEAT;
  background-size:contain;
  width:61.8px;
  height:61.8px;
  border:0px solid;
  position:absolute;
  z-index:9999;
  bottom:0;
  right:0;
  animation: word-anim 8s ease;

  box-sizing:border-box;
  box-shadow:0px 0px 13px 2px#000;
  display:inline-flex;
  flex-flow:column;
  justify-content:center;
  color:#990000;
  FONT-SIZE:13PX;
  font-weight:bold;
  text-shadow:0px 0px 3PX#fff;
  cursor:pointer;
}

@keyframes word-anim {
  0% {
    transform: translateX(-90vw) rotateZ(0deg);
  }
  100% {
    transform: translateX(0vw) rotateZ(1440deg);
  }
  
}

.container-card {
  position:relative;
  display:inline-block;
  border:1px solid;
  border-radius:20px;
  margin:50px 0 0 auto;
  padding:.618vw 3vw 1.618vw 3vw;
  text-align:left;
  box-sizing:border-box;
  box-shadow:0px 0px 8px 0px#333;
  min-width:300px;
  width:360px;
  max-width:95%;

  vertical-align:top;
  gap:1em;
  flex-basis:28%;
  background:#fff;
}
#cart_wrapper.container-card {
  padding:.618vw 16px 1.618vw 16px;
}

.container-card table {
  max-width:100%;
}
.container-card table tr{ 
  display:flex;
  flex-flow:wrap;
  width:100%;
  justify-content:space-between
}
.container-card table td{
  padding:4px 0px 4px 0px;
  min-width:30%;
  background:transparent
}
.container-card table td,
.container-card table td.shipto_display,
.container-card table td.billto_display{
  width:100%;
  box-sizing:border-box;
}
.container-card table td td td {
  padding-right:5px;
}
.container-card table .itemquant,
.container-card table .itemprice{
display:none
}
.container-card table{
  margin:0;
}
#cart_wrapper p{
  margin:0;
  display:None
 
}



.payment-form font font{
  display:block;
}
.container-card .payment_label nobr{
  display: block;
}


.container-card-close{
  position:absolute; 
  top:0px;right:0px;
  border:0px solid;
  height:20px;
  width:20px;
  text-align:center;
  border-radius:0px 20px 0px 0px;
  cursor:pointer;
    padding:5px;
}
.container-card-close:before{
  content: 'x';
  font-size:21px;
  color:red;
  text-align:center;
  display:flex;
  flex-flow:column;
  line-height:1;
}
.cookies-about .container-card-close:before {
  content:'okay';
    font-size:16px;
}
.cookies-about .container-card-close{
  width:61.8px
}
#content form, .feedback-wrapper{
  display:flex;
  flex-flow:wrap;
  justify-content: center;
  gap:1.618vw;
}
.container-card input[type=submit] {
  min-width:160px;
  padding:5px;
  flex-basis:100%;
}
#login .container-card {

}
/*for the X at the right of the search bar.*/
form .nowrap {position:relative}
input[type=reset] {
   position:absolute;
   border:0px solid;
   right:53px;
   cursor:pointer;
   border-radius:5px;
   background:transparent;
   top:-8px;
  padding:8px 20px;
  font-size:1rem;
}
input[type=reset]:hover {
 color:orangered;
  
}

input[type=submit] , .button{
  font-size:100%; 
  padding:5px 21px;
  margin:0px 5px;
  background:#fff;
  color:#333;
  border:1px solid;
  cursor:pointer;
  height:unset;
  vertical-align: middle
}

#content input[type=submit] {
 color:#cc0000;
}
.formsubmit {
   width:100%;
   text-align:center
}


.container-card .head {
  font-weight:bold;
  margin-bottom:13px;
}
.container-card .head p{
  font-weight:normal;
  margin-bottom:13px;
}
.container-card .row{width:100%;}
.container-card .row textarea,
.container-card .row input{
  margin:5px 0px 8px 0px;
  width:calc(100% - 8px);
  padding:8px;
  border:1px solid #999;
  box-sizing: border-box
}
.container-card .foot {
  margin:21px  0 0 0px ;
  padding-bottom:0px;
  font-size:80%
}
.container-card .foot a{
  padding-bottom:8px;
  display: inline-block;
  vertical-align: baseline;
}

#footer-bottom {
  position: relative;
 padding-bottom:134px;
}


#contentheader .error {
  font-weight:bold;
  color:orange;
  display: block;
  margin-bottom:1.618vw;
  font-size:20px;
}

/*temporary for homepage*/
.9width-content .row .col:nth-child(1n){width:calc(100% * (1 * .618) / 1);}
.9width-content .row .col:nth-child(2n){width:calc(100% * (1 * .618) / 1);}
.9width-content .row .col:nth-child(3n){width:calc(100% * (4 * .618) / 4);}


.width-content .row{
  display:grid;
  grid-template-columns: 3fr 3fr 2fr;
  grid-template-rows:auto;
  gap: 15px 10px;
}

.width-content .row .col:nth-child(1){
    grid-column: 1 / 1;
    grid-row: 1 / 3;
}
.width-content .row .col:nth-child(2){
    grid-column: 2 / 2;
    grid-row: 1 / 3;
}
.width-content .row .col:nth-child(3){
    grid-column: 3 / 3;
    grid-row: 1 / 3;
}


@media(max-width:880px) {
 .width-content .row .col:nth-child(1){
   grid-column: 1 / 4;
   grid-row: 2 / 3;
 }
 .width-content .row .col:nth-child(2){
   grid-column: 1 / 3;
   grid-row: 1 / 2;
 }
 .width-content .row .col:nth-child(3){
   grid-column: 3 / 4;
   grid-row: 1 / 3;
   min-width:210px
 }
}

@media(max-width:650px) {
 .width-content .row .col:nth-child(1){
   grid-column: 1 / 3;
   grid-row: 2 / 3;
 }
 .width-content .row .col:nth-child(2){
   grid-column: 1 / 4;
   grid-row: 1 / 2;
 }
 .width-content .row .col:nth-child(3){
   grid-column: 3 / 4;
   grid-row: 2 / 3;
   min-width:210px
 }
}
@media(max-width:480px) {
 .width-content .row .col:nth-child(1){
   grid-column: 1 / 4;
   grid-row: 2 / 3;
 }
 .width-content .row .col:nth-child(2){
   grid-column: 1 / 4;
   grid-row: 1 / 2;
 }
 .width-content .row .col:nth-child(3){
   grid-column: 1 / 4;
   grid-row: 3 / 3;
   min-width:210px
 }
}



section,
.gap-default,
.searchlinks,
.featuredlinks,
.loadlinks,
.loadlinks.columns-3,
.richlink,
.content-wrapper
{ 
   gap: 1.618vw; 
}
.category-links &gt;div {
  margin:.618vw;
  gap:1.618vw 0px
}

.crumb {
  position:fixed;
  top:71px;
  z-index:9;
  text-align:left;
   left:77.5px !important;
  padding-top:0px;
  padding-top:14px;
  padding-bottom:15px;
  padding-left:0px;
  padding-right: 8px;
  min-width:280px;
  display:block;
  outline:0px solid;
  font-size:21px;
}


ul.primarynav {
  display: grid;
  gap: 0%;
  grid-auto-flow: row;
  height:40px;
  max-height:5%;
  text-align:left;
  border:0px solid #990000;
  position:fixed;
  top:77px;
  width:330px;
  
  z-index:9;
  left:1.62%;
  margin:0;
  padding:0px 0px 0px 0px;
  cursor:pointer;
  max-height:40px;
  overflow:hidden;

  max-width:100%;
}
ul.primarynav:hover{
  
}



ul.primarynav:before {
  content:'â˜°';
  position:absolute;
  font-size:30px;
  left:10px;
  top:0px;
}
#home ul.primarynav:before {
  /*! content:''; */
}

ul.primarynav li {
  list-style:none;
  opacity:0;
  z-index:-99999;
}
ul.primarynav {

}
ul.primarynav:hover {
  height:100%;
  z-index:99;
  max-height:380px;
  border-right:1px solid purple;
  border-bottom:1px solid purple;  
  max-width:83%;
}
ul.primarynav:hover li{
  opacity:1;
  background:#fff;
  height:unset;
  transition:opacity .38s;
  font-size:21px;  
}
ul.primarynav li:hover{

}
ul.primarynav:hover li a{
  display:block;
  text-decoration:none;
  padding:8px 50px 8px 13px;
  margin-left:38px;
}
ul.primarynav:hover li a:hover{
  display:block;
  background:#d5d5d5
}
a {
text-decoration:none;
}

.sublinks span {

}
@media(max-width:740px) {
  .desktop-only{display:none}
}
@media(min-width:740px) {
  .mobile-only{display:none}
}
.homecategories {
  border:0px solid blue; 
  text-align:center;
  display:flex;
  flex-flow:column wrap;
  justify-content:space-around;
  align-content:space-around;
  gap:8px;
  padding:0 1.62%;
  min-height:365px;
  max-height:388px;
  margin:0 auto;
}

.homegroup-2\.00{  order:1}
.homegroup-3\.00{  order:2}
.homegroup-4\.00{  order:0}
.homegroup-5\.00{  order:4}
.homegroup-6\.00{  order:3}
.homegroup-7\.00{  order:7}


.innerpadding-custom {}
.outerpadding-custom {padding-left:7.5%;padding-right:7.5%;box-sizing:border-box;}


.subcategories {
  border:0px solid blue; 
  text-align:center;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-around;
  align-content:space-around;
  gap:13px 13px;

  margin:0 auto;
  break-inside: avoid;

}

.subcategories.columns-4 p{
  flex-basis:22%
}
.subcategories.columns-3 p{
  flex-basis:30%
}
.subcategories.columns-2{
  flex-basis:48%;
}
.subcategories p{
  border:1px solid #ccc !important;
  padding:10px 0px !important;
}
@media9 (max-width:1140px) {
.homecategories { 
  height:437px;
  } 
}
@media (max-width:935px) {
.homecategories { 
  max-height:600px;
  } 
}

@media (max-width:625px) {
.homecategories {  max-height:unset } 
}

@9media (max-width:525px) {
.subcategories {  max-height:295vh } 
}

.catgroup {
   display:inline-flex;
   flex-flow:wrap;
  width:30%;
  min-width:300px;
  align-content:center;
  justify-content:  center;
  gap:8px;
}
@media(max-width:625px) {
.catgroup {
  min-width:100%;
  align-content:center;
  justify-content:  center;
  gap:8px;
 
}

}

.subcategories p,
.homecategories p {
  border:0px solid;
  align-content:center;

  padding:2px; 
  display:inline-block;
  min-width:53px;
max-width:150px;  
  flex-grow:1;
  flex-shrink:1;  
  
  opacity:1;
  transition: width .34s,height .34s,opacity .34s;
  font-size:12px;
  outline:0px solid
}
/*very strange jumping behavior occurs with display::block*/
.homecategories p {display: inline-block;margin:0px 0px;text-align:center;}
.homecategories p img {display: block;margin:0px auto;max-height:50px;}
.subcategories p {display: inline-block;margin:0px 0px;text-align:center;}
.subcategories p img {display: block;margin:0px auto;max-height:50px;}

html {
 max-width:100vw;overflow-x:hidden;
}
:root {font-size:18px;}
body {
 margin: 0px;
 padding: 0px;
 background: #fff url(/images/santafedotnet_tile.jpg) repeat-x;
 background: #fff;
 width: 100%;
 font-family: Arial, Helvetica, San Serif ;
 margin:0 auto;
 text-align:center;
 color:#555;
 position: fixed;
 overflow-x: hidden;
 overflow-y: auto;
 height:100vh;
  
}

.allcategories {
   display:flex;

}

.content-wrapper{
  display:flex;
  flex-flow:wrap  
    
}

@media(max-width:986px) {
  .wrap-flex-content{
  /*! columns:1; */
  }
}

.wrap-flex-content .squerylinks {
/*! columns: 1; */
  display: block;
}
.squerylinks {
  margin:0 7.5vw;
  /*! columns: 1; */
  display: flex;
  flex-flow:wrap;
  align-items:stretch;
  max-width:1200px;
  margin:0 auto;
  padding:0px 7.5vw;    
}
.squerylinks section{
 flex-basis:100%;
}
.col .squerylinks {
  padding:0px;
}

section {
  display:inline-flex;
  flex-flow:wrap;
  justify-content: space-evenly;
  max-width:100%;
  margin:0 auto;
  align-items:stretch;
  border:0px solid;
  max-width:100%
}
section .linklisting{
  flex-grow: 1; /*incompatible with gap for some reasing*/;
  flex-shrink: 1;
}
.richlink .linklisting{
  flex-grow: 1; /*incompatible with gap for some reasing*/;
  flex-shrink: 1;
  margin-left:1%;
  margin-right:1%;
}

.events {display: inline-flex;
  border:1px solid;
  break-inside:avoid;
  max-width:100%;
  flex-basis: 32.4%;
  min-width: 300px;
  font-size:.80em;
}
@media(max-width:600px){
  .events {
   min-width: 100%;
}
}

.events .tabular{break-inside:avoid}
.linklisting {break-inside:avoid}
.header.message{
  break-inside:avoid;
  break-after: avoid;
  
}

#wrapper:before{
 position:fixed;
 border:10px solid blue;
 height:10vh;
 width:10px;
 z-index:999;
 display:inline-block;
}
#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}

.ui-button {
 padding:5px 8px!important;;
}
img {
  border: 0px;
  max-width:100%;
  height:auto;
}

/*---------------*\
|* global classes *|
\*----------------*/
.flex   {display:flex;}
.wrap   {flex-flow:wrap}
.hide   {display:none;}
.hsmall {font-size:85%;}

.sticky.connect-parallax {
  padding-top:13px;
  position:sticky;
  top:70px;
  z-index:6;
  display:block;
  text-align:left !important;
  padding-left:60px;
  text-shadow:1px 1px 1px #000;  
}


/*--------*\
|* header *|
\*--------*/
#logo {
  border-bottom:0px solid #fff;
  width:100%;
  text-align:left;
border:0px solid blue;
  min-width:250px;
  max-width:80%;
  background-size:contain;
  height:100% !important;
  max-height:100px !important;
  position: relative;
  text-indent: -9999px;
  margin:0 0 0px 1.62vw;
  z-index:5;
}

#logo h1, #logo a {
  height: 100%;
  margin: 0px;
  outline: none;
  width: 100%;
  z-index:0;
  position:relative;
}

#logo a {
  display: block;
  text-decoration: none;
}
#OFFlogo .header-category-icon:hover img{
  filter: brightness(200%); 
}
#logo .header-category-icon:hover,
#logo .header-category-icon:active
{
  -webkit-animation: pulse 1.5s infinite;
  animation:pulse 1.5s infinite;
}


@keyframes pulse {
    0% { filter: saturate(2) hue-rotate(0deg) ; }
   25% { filter: saturate(3) hue-rotate(17deg) ;}
   50% { filter: saturate(5) hue-rotate(25deg) ;}
   75% { filter: saturate(2) hue-rotate(17deg) ;}
   100% { filter: saturate(3) hue-rotate(0deg); }
}
#logo .header-category-icon {
  display:inline-block;
  max-width:100%;
  height:100%;
  z-index:999;
  margin-left:1.62%;
  position:absolute;
  text-indent:0;
  border:0px solid red;
  width9:300px;
  left:0;
  top:0;
  
}
#logo .header-category-icon:before{
content:'';
  display:inline-block;
  vertical-align:bottom;
  border:0px solid purple;
  width:0px;
  height:100%;
  position:relative;
  margin-left:-4px;
}
#logo .header-category-icon:active {
  margin-top:-10px;
  margin-left:10px;
}
#logo .header-category-icon .site-logo{
  border:0px solid;
  max-height:100%;
  width:auto !important;
  vertical-align: bottom;
  display:inline-block;
  max-width:100%;
  position:relative;
}


#logo .header-category-icon .catrank-image-wrapper{
  border:0px solid;
  height:100%;
  right:0;
  vertical-align: bottom;
  display:inline-block;

  position:absolute;
  width:31%;
}


#header {
  background-size:cover;
  background-position:center center;
  position:sticky;
  width:100%;
  top:0;
  z-index:6;
  min-height:64px;
  height:64px;
  max-height:64px;
}
.header-last {
  display:block;
  height:65px; 
  margin-bottom:-54px;

  width:100%;
  max-width:100%;
  position:sticky;
  top:64px;
  z-index:5;
  background:#fff;
  box-sizing:border-box;
}
#home .display-name {
 min-height:43px;
}


#header:before,
#footer:before {
  9background:url(/images/background-chickengraffiti.jpg);
  9background:url(https://santafebotanicalgarden.org/wp-content/uploads/Grape-Hyacinth-703x303-1.png) bottom center no-repeat;
  9background:url(/images/background-pottery.jpg);
  background:url(/images/background-pottery2.jpg);
  9background:url(/images/background-aspens.jpg);
  9background:url(/images/background-aspens02.jpg);
  9background:url(/images/background-mountainrange.jpg);
  9background:url(/images/background-southwestplant.jpg);
}
.group-head:before{
  background-image:url(/images/background-chickengraffiti.jpg);
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-position:left center;
  background-blend-mode: multiply;
  background-size:cover !important  ;
  z-index:-1;
}




#header:before {
  background-size:cover;
  background-position:center center;
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#header:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  background: rgba(134, 0, 1,0.89);
  width:100%;
  height:100%;
}



#footer{position:relative;/*! min-height:24vh; */padding-top:34px;padding-bottom:13px;}
#footer:after {

  content:'This moment of Santa Fe is brought to you by the Santa Fe Botanical Garden';
  color:#666;
  position:absolute;
  width:100%;
  height:100%;
  display:inline-flex;
  flex-flow:column;
  justify-content: flex-end;
  background:#000;
  left:0;
  top:0;
  height:100%;
  padding-bottom:80px;
  box-sizing:border-box;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
z-index:-9
}
#footer:before {
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  display:inline-block;
  /*! background9:url(http://santafe.net/cgi-bin/siteman/jump.cgi?DB=Links;ID=1072;view=Image&amp;fname=/Limoncello_Santa_Fe.jpg) top center no-repeat; */
  /*  background:url(https://santafebotanicalgarden.org/wp-content/uploads/Grape-Hyacinth-703x303-1.png) bottom center no-repeat; */
  background-size:cover;
  left:0;
  top:0;
  opacity:.3;
  z-index:-99;
}




/*-----------*\
|*  colors   *|
\*-----------*/
a, .sublinks span, .sublink,.link-via-background {
  color:#07746c;position:relative;
  color: rgba(0,128,0,.98);
  cursor:pointer;
}
.sublinks span:hover, .sublink:hover {
 text-decoration:underline
}
.link-via-background:before,
a:before {
  display:inline-block;
  background:#000;
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:0%;
  height:100%;
  left:50%;
  
}
.link-via-background:before,
a:before {
  background:transparent;
}

.link-via-background:active:before,
a:active:before {
  color:transparent;
  top:-3px;
  left:-3px;
  width:100%;
  height:100%;
  transition:left .382s, width .38s;
  box-shadow:inset 0 0 23px -5px, 0 0 13px 0px ;
  border-radius:20px;
  padding:3px;
  z-index:-1;
  border-bottom:1px solid;
}

9a:hover:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:blue;
  transition:background .38s;
  z-index:0
}


/*-----------*\
|* parallax *|
\*-----------*/

.parallax-basic{
 text-shadow:1px 1px 1px #000
}
.connect-parallax {
  margin-bottom:-90px;
  margin-top:55px;
}
.connect-sticky {
  position:sticky;
  margin-bottom:-70px;
  margin-top:70px;
  z-index:4
}

.sticky a, .sticky a:visited{
  color:#fff;
  font-size:162.8%;
  text-shadow:1px 1px 2px #000;
  text-decoration:none
}

.is-pinned.sticky a, .is-pinned.sticky a:visited{
  color:#000;
  font-size:150.8%;
  text-shadow:none;
  text-decoration:none;
  transition:font-size 1s
}
@media (min-width:950px) {
  .is-pinned.sticky a, .is-pinned.sticky a:visited{
  font-size:24px;
  }
}

.sticky .menu-hide {display:inline-block}
.sticky .menu-show {display:none}
.is-pinned .menu-hide {display:none}
.is-pinned .menu-show {display:inline-block}
.menui{
 position:relative
}
.menui  &gt; a {
  position:fixed;
  right:70px;
  top:0;
  z-index:9999999;
  color:#fff;
  
}

@media(max-width:950px) {
  .is-pinned.sticky a, .is-pinned.sticky a:visited{
    font-size9:2.5vw;
  }
}

@media(max-width:640px) {
  .is-pinned.sticky a, .is-pinned.sticky a:visited{
    font-size:24px;
    
  }
}

.sticky-1 { margin-left:1.6% }
.sticky-2 { margin-left:9%; }
.sticky-3 { margin-left:19%; }
.sticky-4 { margin-left:30%; }
.sticky-art { margin-left:51% }
.sticky-5 { margin-left:40.0%; }
.sticky-6 { margin-left:58%; }
.sticky-7 { margin-left:72%; }
.sticky-8 { margin-left:80%; }


@media(max-width:950px){
.sticky-1 { margin-left:0px }
.sticky {opacity:1}
 .is-pinned.sticky {
    margin-left:0;
    opacity:0;
   transition:  margin-left 1s, z-index 3s,opacity 1.62s;
}
 .is-pinned.sticky-1 {
    margin-left:0;
    opacity:1;
   transition: margin-left 1s, z-index 1s
 }
  

}

.parallax, .parallax-basic {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin:1% 0px 34px 0px;
  /**
   * Default height
   */
  height: 100%;
  padding:13vh 5%;
}

#parallax-sticky-1{
  padding-top:calc(61.833vh - 125px);
  padding-bottom:0vh;
}
.connect-parallax.sticky-specials{
  margin-block:0px;
  margin-bottom:-55px;
}
.connect-sticky{
  /*! border:5px solid #D76E00 */
}

.parallax-basic.p-specials{
  padding-top:50px;
  padding-bottom:0vh;
}


/* Turn off parallax scrolling for tablets and phones 1024px*/
@media only screen and (max-device-width: 1024px) {
  .parallax, .parallax-basic {
    background-attachment: scroll;
  }
}

body .href-with-background{ /*santafe century bike riders*/
  background-size:auto 100% !important;
  background-position: 0 50% !important;
  transition:background-size 10s, background-position 10s;
  
}
body:hover .href-with-background{
  background-position: 90% 0 !important;
  background-size:auto 150% !important;
  transition:background-size 10s, background-position 10s;
}

.calwrapper {
  display:none
}
#linklistings-wrapper .calwrapper:first-of-type {
  display:block !important;
}

.plax-content {
    display: flex;
    width: 100%;
    background: transparent;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.plax-content.plax-content-bottom {
    display: block;
    width: 100%;
    background: transparent;
    color: #fff;
    position: absolute;
    top: unset;
    bottom:50px;     
    left: 0;
    height:unset;
}
.p-shopping .image-captioned {
  display:flex;
  width:380px;
  max-width:100%;
  margin:30px auto 0px 0;
  left:calc(50% - 185px);
  padding-left:1.62%;
  align-items:stretch;
  justify-content: space-around;
  border:0px solid;
}
.p-shopping .image-captioned figcaption{
  color:#ffff00;
  font-size:21px;
  width:200px;
  min-width:200px;
  align-content: flex-end;
  padding-bottom:1rem;
}
.plax-content{
  }
@media(max-width:480px) {
  .p-shopping .image-captioned {
  margin-left:0;
  }
  .p-shopping .image-captioned img{
     width:70%
  }
  .p-shopping .image-captioned figcaption{
    padding-top:30px;
    font-size:21px;
  }

}

/*------------*\
|*   credits  *|
\*------------*/
figcaption.site-credit,
.parallax .site-credit, .parallax-basic .site-credit {
  position:absolute;
  bottom:0;
  right:0;
  background:rgba(255,255,255,.0);
  color:#ccc;
  font-size:12px;
  text-decoration:none;
  padding:10px;
}


figcaption.site-credit a,
.parallax-basic .site-credit a{
   background:rgba(255,255,255,.0);
   color:#ccc;
   text-decoration:none;
   text-shadow:1px 1px 1px#000;
   cursor:pointer;
}

figcaption.site-credit:hover,
.parallax:hover .site-credit, .parallax-basic:hover .site-credit {
    background:rgba(255,255,255,1);
    transition-delay: 0s;
    transition-property: background;
    transition-duration: 1s;
  
}


/*------------*\
|* search bar *|
\*------------*/

.searchbar { /**see header-last around line 375*/
  position:sticky;
  top:12px;
  background:transparent;
  z-index:51;
  display:block;
  text-align:left !important;
  margin:0px 0 65px auto;
  left:unset;
  padding:0 0 12px 0px;
  text-align:right;
  color:#fff;
  white-space:nowrap;
  max-width:62.8%;
  box-sizing: border-box;
  background
}




.searchbar form {margin:0 0 0 0;}
.searchbar label{display:none}
.searchbar input.search-text,.searchbar input.search-text-box {
  padding:5px;
  width:calc(98% - 140px);
  

  padding:8px 13px;
  border-radius:5px;
  font-size:20px;
  line-height:1;
  vertical-align:middle;
  border:1px solid blue;
   box-sizing:border-box;
  font-family:Arial,Helvetica;
    border:1px solid rgba(0,128,0,.98);
}


.searchbar input.search-button {
  padding:9px;border-radius:5px;
  border:1px solid rgba(0,128,0,.98);
  margin-left:8px;
  margin-right:3px;
/*
  background:url(/images/category/38-home-NM-3.svg) center center no-repeat;
  background-size:cover;
  border:0px;
*/
}

@media(max-width:950px){

.searchbar {
  position:sticky;
  top:4.5vh;
  display:block;
  text-align:right !important;
  margin:0 2% 0 auto;
  right:0;
  max-width:calc(98% - 140px);
  text-align:right;
  
  color:#fff;
  white-space:nowrap;
  box-sizing:border-box;

  }
}
@media(max-width:540px) {
  .searchbar {
      width:100%;
     max-width:calc(98% - 0px);
    
  }
}

@media(max-width:950px){
.searchbar {
    top:75px;
  }
}
@media(min-width:950px){
.searchbar {
    margin-top:-120px;/*greater than needed*/
  }
#category  h2.display-name {
     margin-top:20px;/*greater than needed*/
     margin-bottom:20px;
     z-index:5;
     position:sticky;
     top:83px;
  }
}
@9media(max-height:680px){
.searchbar {
       top:73px;
  }
}

@9media(max-height:850px) and (min-width:865px){
.searchbar {
       top:11px;
  }
}
@9media(min-width:865px){
.searchbar {
     max-width:50%;
     margin-right:20px;
  }
}

#catheader {
  margin-top:21px
}

#home #catheader {
  position:relative;
  text-align:left;
  font-size:33px;
  color:#B50304;
  z-index:5;
  top:17px;
  
  margin-left:1.62vw;
  padding-left:53px;
  margin-top:-65px;
  margin-bottom:0px;
  border:0px solid green
}
@media(max-width:575px) {
  #home #catheader {
    margin-top:-20px;
    margin-bottom:10px;
  }
}
@media(min-width:950px) {
  #home #catheader {
    margin-top:0px;
    margin-bottom:10px;
  }
}
/*------------------*\
|*   menu top right  *|
\*------------------*/

.menu-ocwrapper {
  position:fixed;
  right:5px;
  top:7px;
  cursor:pointer;
  z-index:99;
  height:auto;
  width:50px;
  height:50px;
}
@media(max-width:340px) {
.menu-ocwrapper {
  right:0px;
}
}

.menu-ocwrapper .CatRankImage{
  position:absolute;
  display:inline-block;
  width:34px;
  max-width:100%;
  left:0px;
  bottom:8px;
  z-index:99;

  filter: invert(18%) sepia(79%) saturate(4000%) hue-rotate(343deg) brightness(291%) contrast(297%);
}

.svg-white {
  filter: hue-rotate(0deg) brightness(250%) contrast(100%);
  }
.mt--50{margin-top:-50px;}
.menu-ocwrapper:hover .CatRankImage{
  filter: invert(18%) sepia(79%) saturate(3310%) hue-rotate(343deg) brightness(200%) contrast(300%);
  box-shadow:0px 0px 0px 0px orange, inset 0px 0px 0px 0px #ffa500a8;
  OFFborder-radius:20px;
  transition:box-shadow .318s;
}

.menu-ocwrapper:active .CatRankImage{
  
  filter: invert(18%) sepia(79%) saturate(3310%) hue-rotate(343deg) brightness(200%) contrast(300%);
  box-shadow:0px 0px 31px 5px orange, inset 0px 0px 21px 3px #ffa500a8;
  border-radius:20px;
  
}



.menu-ocwrapper:before {
  content:'';
  display:inline-block;
  height:20px;
  width:20px;
  position:absolute;
  left:6px;
  bottom:10px;
  border-radius:30px;;
  OFFbox-shadow:8px -6px 15px 10px orange, inset 0px 0px 3px orange;
  OFFbox-shadow:0px 0px 15px 5px orange;
  transition:height .318s, width .318s;

}
#phome .menu-ocwrapper:before,
#psearch .menu-ocwrapper:before,
#psearch_results .menu-ocwrapper:before  {
    
}

#home .menu-ocwrapper:hover:before,
#search .menu-ocwrapper:hover:before,
#9search_results .menu-ocwrapper:hover:before,
.menu-ocwrapper:hover:before {
  
  transition:box-shadow .318s
}


.menu-ocwrapper .menu-icwrapper {
  position:absolute;
  right:-5px;
  top:0px;
  margin-top:57px;
  width:300px;
  max-height:0px;
  overflow-y:auto;
  overflow-x:hidden;
  transition:height .5s;
  background:#fff;
  overscroll-behavior: contain;
  padding:.618vw;
z-index:-1;  
  opacity: 0;
}
@media(max-width:340px){
.menu-ocwrapper.hover .menu-icwrapper {
  right:0px;/**/
}
}


@media(max-height:700px) {
  .menu-ocwrapper .menu-icwrapper {
     margin-top:52px;
  }
}


.menu-ocwrapper.hover .menu-icwrapper {
  height:calc(100vh - 135px);
  max-height:91.4vh;
  border:10px solid #B50304;;
  OFFtransition:max-height .38s;
  width:calc(100vw) ;
  max-width:830px;
  box-sizing:border-box;
  opacity:1;
    gap:8px;
  justify-content: center
}

.all-categories,
.menu-icwrapper{
  display:flex;
  flex-flow: wrap;
  position:relative;
  gap:0px 1.68vw;
}
.all-categories {
  padding-left:6.5%;
  padding-right:6.5%;
}
.all-categories .cat-icon{
   max-width:89px
}
.all-categories &gt; p{
  position:relative;
  
  height:140px;
  max-width:14%;
  font-size:71%;
  flex-basis:15%;
  min-width:122px;
  border:1px solid;
  
}


.menu-icwrapper &gt; span{

  position:relative;
  width:90px;

  font-size:71%;
  max-width:11%;
  
  min-width:92px;
  box-sizing:border-box;

}


.menu-icwrapper &gt; span p {
 position:relative;
 display:inline-block;
 width:100%;
 height:100px;
 box-sizing:border-box;
 white-space:nowrap;
 vertical-align: middle; 
 outline:0px solid #ddd;
 margin: 0 auto;
}
.hover .menu-icwrapper &gt; span p {
 outline:1px solid #ddd;

}

.all-categories &gt; span p:before,
.menu-icwrapper &gt; span p:before {
  content:'';
  display:inline-block;
  height:100%;
  
  border:0px solid gold;
  vertical-align: middle;
  margin: 0;
}
.number_of_links{display:none}

.all-categories &gt; span p a,
.menu-icwrapper &gt; span p a{
 position:relative;
 display:inline-flex; 
 width:89%;
 margin:auto auto;
 vertical-align: bottom;
 text-decoration:none;
 white-space:break-spaces;
 text-align:center;
 justify-content: center;
}
.all-categories &gt; span p a:after,
.menu-icwrapper &gt; span p a:after {
 content:'';
 display:inline-block;
 height:100%;
 margin-right:0px;
 vertical-align: baseline;
 height:43px;
 width:0px;
  
}
.all-categories &gt; span p a img,
.menu-icwrapper &gt; span p a img{
 position:absolute;
 bottom:40px;;
 width:55%;
 padding-bottom:10px;
}


/*-----------*\
|* defaults  *|
\*-----------*/
h1,h2,h3,h4,h5.h6{width:100%;box-sizing:border-box;}

#l968 h2 {
 color:#B50304;
  font-size:161.8%
}
#l968 h2 small {
  color:#333444;
  font-weight:normal
}
@media(max-width:560px) {
  #l968 h2 {
     font-size:4.8vw;
  }
}
figure {margin:0;width:100%;box-sizing:border-box;}
figure.by-tag {width:unset;/*see welcome -&gt; home*/}

.floatcenter {margin:0 auto;}
.floatleft {float:left;}
.floatright {float:right;}

.center {text-align:center}
.left {text-align:left;}
.right {text-align:right;direction:ltr}
.justify {text-align:justify}
.rtl {direction:rtl}
.ltr {direction:ltr}
.direction-rtl .cbox {
   direction:ltr; /*undo rtl at the underlying content*/
}
.see-more  { padding:2%; margin:10px 0px;width:100%;box-sizing:border-box;}
.view-hide { height:0; width:0; overflow:hidden;}
.button, input, select, button{
   -webkit-appearance: none; 
   -moz-appearance: none; 
   padding:2px 3px; 
}

.weatherpage #content{
  margin:0;
  padding-left:1.68vw;
  padding-right: 1.68vw;
  box-sizing:border-box;
}
.weatherpage #content .weatherlisting{
   margin:0px auto;
  border:0px;
}

#payment label{
  padding:8px !important;
  border:1px solid;
  display:block;
  cursor:pointer
}
input:checked + label {
  font-weight:bold;
  color:green;
}
.nowrap {
  white-space:nowrap
}
#content .search-form{
  min-width:100%;
  text-align:left;
  padding:0 5px 0 0;
  display: flex;
  justify-content: space-evenly;
}
#content .search-text-box {
  position:relative;
  width:calc(102% - 20px);
  left: -13px;
}
/*----------*\
|*   menu ????   *|
\*----------*/
.slicknav_menu {display:none; }

.cmenu .menu-item {display:block;  background:#fff;  text-decoration:none;}
.cmenu {position:relative;width:100%;min-width:150px;z-index:91;padding:5px 0px;
  border-bottom:1px solid #ccc;
  box-sizing:border-box
}
.cmenu h3{padding-bottom:8px;}
.cmenu:hover {cursor:pointer;}
.cmenu:hover .menu-list {
  position:absolute;
  height:100%;
  opacity:1;
  transition:height 1s, opacity 1s;
  overflow:visible;
  width:100%;
  z-index:8;
  margin-left:0px;

  
}
.cmenu .menu-list {height:0;opacity:0;box-sizing:border-box;}
.cmenu .menu-item {display:block;  background:#fff;  text-decoration:none;  padding:8px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  margin-left:-1px;margin-right:-1px;
}
.cmenu .menu-item:last-of-type {
  border-bottom:1px solid #ccc;
}
.cmenu .menu-item:hover {display:block;  text-decoration:underline;}
/*----------*\
|* end  menu ????   *|
\*----------*/


/*-------------*\
|* containers  *|
\*-------------*/
.featured-linklistings-wrapper {/*! max-width:1150px; */margin:0 auto}

.contentboxes {margin:0 auto;}

.category_links_wrapper {
  padding:0 0px 0 5.6%;
  box-sizing:border-box;
  width:100vw;
  z-index:1;
  position:relative;
  overscroll-behavior: contain;
  
}


.controls-hover {
  display:none;
  color:#000
}
.controls-hover .disabled{color:#999}
.category_links_wrapper:hover 
.controls-hover {
  position:absolute;
  top:-25px;;
  height:100%;
  width:63px;
  padding-top:90px;
  box-sizing:border-box;
  z-index:9;
  background:rgba(255,255,255,.8);
  display:block
}
.controls-hover-left {left:0;}
.controls-hover-right {right:0;}
.btn {cursor:pointer}
.icon-pipe {
    box-sizing: border-box;
    font-style:normal;
    font-size:33px;
    display: inline-block;
    vertical-align:top;
    line-height:1.6;
}

.icon-chevron-left {
    box-sizing: border-box;
    font-style:normal;
   font-size:40px;
}
.icon-chevron-left::after {
    content: "";
    display: inline-block;
    content: "\276c";
}


.icon-chevron-right {
    font-style:normal;
    font-size:40px;
}
.icon-chevron-right:after {
    content: "";
    display: inline-block;
    content: "\276d";
}
.category_links_wrapper:before {
  display:inline-block;
  content:'';
  height:105%;
  width:50px;
  z-index:1;
  position:absolute;
  top:0;
  left:100%;
  background:#fff;
}
.frame-changed {
 overflow:visible !important;
 // overflow-x:auto !important;/*this helps stop the page from scrolling vertically, but causes other issues.*/
 padding-right:100px;
overscroll-behavior: contain;
}

.category-links.loadlinks {
  display:flex;
  overscroll-behavior: contain;
  gap:0;
  padding-right:150px;
  margin:0;
}
.category-links &gt; div {
  display:flex;
  flex-direction: column;
}
.category-links .linklisting {/*! max-width:150px; */
  margin:10px;height:175px;border:1px solid;
  cursor:pointer;
   /*! width:151px; */min-width:150px}

/*click-to-open used to be category-links */
.category-links .linklisting .content{
  width:100%;
  box-sizing: border-box
}
.category-links .linklisting .content p{
  margin:13px;
}
.click-to-open .linklisting-noimage figcaption{
  top:10%;
  font-size:40px;
  text-transform:lowercase;
  font-weight:bold;
}
.click-to-open .linklisting-noimage figcaption:before{
  content:"The he";
  text-transform:lowercase;
  font-weight:normal
}
.click-to-open .linklisting-noimage figcaption:after{
  content:" of Santa Fe";
   font-weight:normal;
  text-transform:Capitalize;
  font-size:34px
}


.click-to-open .linklisting .hoverwrap .content{max-width:90%;margin:10px auto;display:none;min-height:200px;}
.click-to-open .linklisting-hover .hoverwrap{width:275px;position:absolute;top:-60px;
  
  background:#fff;border:1px solid red;z-index:1;  box-shadow:0px 0px 8px #000;  padding:10px;z-index:9}
.click-to-open .linklisting-hover .hoverwrap  .content {display:block;}
.click-to-open .linklisting-hover .hoverwrap figcaption {display:none;}


.click-to-open .pointerlisting .content {/*! max-width:150px; */
  cursor:pointer;
  width:100%;
  box-sizing:border-box;
  }

/*------------*\
|* slideshows  *|
\*------------*/



.gallerywrapper,.gw1,.gw2,.gw3,.gw4,.gw5,.gw6,.gw7,.gw8,.gw9,.gw10,.gw11,.gw12{/*float:left;*/position:relative;text-align:left;max-width:100%;z-index:0;

}
.mainimage{overflow:hidden;z-index:1;max-width:100%;position:relative;d}
.mainimage-caption{
  text-align:justify;
  padding-top: 15px !important;
  bottom:-50px !important;
}
.fade {position:relative;height:100%;}
.fade .tgwrapper {max-width:100%;width:100%;height: 100%;}
.fade .mainimage-inner{
  max-width:100%;width:100% !important;position:relative;height: 100%;
  background-size:cover !important;
  background-position:center center !important
}
.fade .mainimage-inner.mainimage-inner-landscape{
  background-size:contain !important;
  border-bottom:50px solid transparent;
  box-sizing: border-box
}

.mainimage-inner img{max-width:100%;width:100%;position:relative;height:auto;opacity:0;}
.mainimage-inner a{height:100%;display: block}
.fph{margin:-1px;}
.float-inside{position:absolute;}
.gw5 .float-inside{bottom:0px;}
.gw6 .float-inside{bottom:0;}
.gw7 .float-inside{bottom:0;}
.columns-numerical .float5{height:40px;}
.columns-numerical .fph5{float:right;width:1px;height:80%;}
.scrollablewrapper{z-index:99999;max-width:100%;}
.scrollable{position:relative;overflow:hidden;height:100%;width:auto;}
.scrollh{width:20000em;position:absolute;height:100%;}
.scrollh .scrollable-column{float:left;max-height:100%;}

.scrollable-column .item {}
.scrollable-column .item .inner-item {max-width:100% !important;position:relative;margin:0 auto;}
.scrollable-column .item .inner-item img {width:100% !important;height:auto}

.scrollv{position:absolute;}
.slider-h a:link{border-top:5px solid yellow}
.slider-h a.current{background:#880C23;border-top:5px solid red}
.slider-v a.current{background:#880C23;border-top:5px solid red}

/*custom*/
/*
.gallerywrapper .item{float:left;box-sizing:border-box;}
*/
.gallerywrapper .item { 
  float:none; 
  display: inline-block;
  text-align: top;
  box-sizing:border-box;
}
.float6 { 
  left: unset !important;
  text-align: center; 
  margin: -16px auto 0px auto !important;
  width:100% !important;  
}
.float6 .scrollh{position:relative;  width:100% !important;  text-align:center !important;}
.float6 .scrollable-column{
  float: none !important;
  position: relative;
  left: unset !important;
  text-align: right;
  margin: -5px auto 0px auto;
  width:100% !important;
  display: inline-block;
}
.inner-item a {  line-height:1;  vertical-align: text-top;
 border:.01em solid #ddddff99 !important;
}
/*done custom*/

a.forward, a.backward{
  position:absolute;z-index:9999;
  border:1px solid transparent;
  width:50px;
  height:50px;
  opacity:.3
}
.9gallerywrapper:hover a.forward,
.9gallerywrapper:hover a.backward
{
  opacity:1
}
a.forward:hover,a.backward:hover{
  opacity:1;
  cursor:pointer;
}
a.forward{
  right:-63px;
  top:calc(50% - 50px);
  background:#00000011;
}
a.backward{
  left:-63px;
  top:calc(50% - 50px);
  background:#00000011;
}
a.backward:before,a.forward:before{
  left:0;
  content:'\276F';
  display:flex;
  flex-flow:column;
  height:100%;
  width:100%;
  justify-content: center;
  border:1px solid;
  font-size:30px;
}
a.backward:before{
  content:'\276E';
}

.browse{position:absolute;cursor:pointer;}
.browse{color:#7F8A5E;}
.browse:hover{color:#924523;text-decoration:none;}
.scrollable a.current{}
.scrollablewrapper span.right{margin:0;z-index:99999;}
.scrollablewrapper span.left{margin:0;z-index:99999;}
.scrollablewrapper span.disabled{visibility:hidden !important;}
.scrollable a,
.scrollable a:link,
.scrollable a:visited{display:block;text-align:center;}
.scrollable img {max-width:100%;max-height:100%;height:auto;}
.image img{}
.arrows{text-align:justify;}
.arrows .inner-item{}
.arrows a{height:auto;width:auto;}
.arrows a:link{float:left;height:auto;width:auto;}
.arrows a.current{float:left;height:auto;}
.char a{
  color:gold;
  font-size:8px !important;
  text-decoration:none; 
  border:0px solid #fff;
  box-sizing:border-box;
  display:inline-block;

}
.char a:link{}
.char a.current{
  color:#DC871D;
  background:orange;
}
.tip{cursor:pointer;border:1px solid;padding:0px 3px;border-radius:8px;background:#fff;font-size:10px;vertical-align:super;}
.thetip{display:none;border:3px solid green;background:#fff;padding:5px;z-index:99999;box-shadow:0px 5px 15px #000;width:100%;}
.td-name .thetip{font-weight:normal;}
.tooltip{z-index:9999;display:none;padding:5px 5px 15px 5px;font-size:11px;border:3px solid gold;background:#fff;text-align:left;}
.tooltip .label{color:yellow;width:35px;}
.tooltip a{color:#ad4;font-size:11px;font-weight:bold;}



/*------------*\
|*  calendar  *|
\*------------*/

.Tentative, .Tentative a:link,.Tentative a:visited {
 color:#777;
}

.calDescription {
 padding-top:0px;
 border:0px solid;
}
.category-content {margin-top:50px;clear:both}

.icontent {
  width:90%;
  max-width:600px;
}

#calsearch {
  padding-top:10px;
  width:220px;
  font-size:11px;
  float:right;
  text-align:right;
}

.legend {
 width:100%;
 display:block;
}
.calmenu {
  font-size:18px;
}

.check_availability {
 color:#C82A16;
 font-weight:bold;
}
b.blue {
 color:#3269A2
}

#loadingcalendars{position:absolute;left:0;top:0;z-index:999999;}

#cal_form *{font-size:12px;}
#calendars{
  border:0px solid;
  min-width:300px;
  width:30%;
  height:100%;margin-top:15px;position:relative;display:inline-block}

#content #calendars ul li:before{
  content:'';
  display:none;
}

.day-hide {visibility: hidden;}

.yearmonth_navigation {
  border:0px solid;
  line-height:22px;
  line-height:1.38;
  padding-bottom:10px;
  padding-top:10px;
  text-align:center;
  display:flex;
  flex-flow:wrap;
  justify-content: space-evenly; 
}
.yearmonth_navigation strong{
 display:block;
 text-align:right;
  padding-right:8px;
  width:100%;
}
.yearmonth_navigation strong:after{
  content:"";
  display:inline-block;
  vertical-align: top;
  padding:0px;
}

.yearmonth_navigation .sublink {
  border:0px solid;
  padding:3px 5px;
  overflow:hidden;
  display:inline-block;
  flex-basis:12%
}

.headermonth{
 background:#fff;
 clear:both;
 height:31px;
 width:100%;
 text-align:center;
 font-size:18px;
 font-weight:bold;
  margin-bottom:10px;
}


.calwrapper{
  /*! background-color: #fffcf1; */
  float:left;
  /*! margin-bottom:10px; */
  width:100%;
}



.cal-hide {display:none;}
#content #calendars ul{margin:0px; padding:0px;}


.wrapper_grid {
  background-color: #fffcf1;
  border:0px solid #b91414;
padding-bottom:20px;
}

.wrapper_cal_inner {padding:0px;/*! float:left; */width:100%;}

.wrapper_grid a:hover{}

#calendar a.active{}

.wrapper_weekdays{
 margin:0;
 padding:3px 0px 3px 0px;
 list-style-type:none;
 width:100%;
 height:25px;
 text-align:center;
 background:purple;

}
.wrapper_weekdays li{
  float:left;
  width:14%;
  height:100%;
   padding-top:6px;
  color:#fff;
  font-weight:bold;
  text-overflow:ellipsis;
  white-space: nowrap;
  padding:4px 8px 4px 4px;
  display:block;
  box-sizing:border-box;
  overflow:hidden;
}

.wrapper_weekdays li .m-f {
  display:block;
}

@media (max-width:900px) {
  .wrapper_weekdays li{
   font-weight:normal; 
    font-size:16px;
  }
}


.wrapper_week a { 
 display:block;
 width:100%;
 text-align:right;
 text-decoration:none;
}
a.opencalendar {
display: inline-block;
  padding:8px 5px;
}
.wrapper_week a.day-of-month span {
 /*! background:#fbf1d0; */
 display:block;
 text-align:left;
 padding:5%;
  font-size:14px;
  padding-bottom:5px;
}

.tabular ul.wrapper_week{
  9height:200px;
  margin:0px 0 0px 0;
  padding:0px;
  list-style-type:none;
  width:100%;
  float:left;
  Background:purple;
  
}
.tabular ul.week_on{}
.tabular .wrapper_week{
  white-space:nowrap;
  display:flex;
  gap:1px
}
.tabular .wrapper_week li{
 /*! margin-top:10px; */
 float:left;
 width:15%;
 /*! height:91%; */
 text-align:left;
 line-height:normal;
  white-space: normal;
  background:#fff;
  padding-top:0px;
  margin:0px 0px;
  border-bottom:1px solid purple
}
.tabular .first_week_of_month li{
 margin-top:2px;
}


.wrappermonth{text-align:center;width:100%;}

.day {
  background: #fff;margin:0 1px;
  border:0em solid #4685cb;
}
.day.last-day-of-week {margin-right:0;}

.event_title { font-weight:bold;}

/*customize*/
.event_title, .moving_in {
 display:block;
 padding:5px 3px 5px 3px;
 margin: 0 0 0px 0;
 font-family:'Raleway';
 font-size:11px;
 color:#b91414;
 border-bottom:1px dotted #d6b861;
  cursor:pointer
}
.location-wrapper {color:#000;font-style:italic}


.moving_in { font-weight:normal;}

.event_title a, .event_title a:hover {
 /*! color:#b91414; */
 text-align:left;
 background:#fff;
  
}

.moving_in a, .moving_in a:hover, .moving_in a:visited {
 color:#999;
 text-align:left;
 background:#fff;
}
.eventinfo {
  position:relative;
}

.event_details {
  display:none;
  border: 1px solid #9c9c9c;
  position:fixed;
  width:300px;
  z-index:9999;
  background:#fff;
  padding:10px;

}
.event_details_title {
 font-weight: bold;
 display:block;padding:0 0 5px;

 max-height:20px; 
 overflow:hidden;
 font-weight:normal;
  cursor:pointer
}

.event_details_type {padding:0 0 5px;display:block;}
.event_details_presentation {padding:0 0 5px;display:block;}
.event_details_attendance {font-weight: bold;display:none;}

@media (max-width:430px) {
  .9wrapper_cal_inner {padding:5px;}
  .9wrapper_weekdays {display:none;}
  .9first_week_of_month li {margin:0 !important;padding:0;}
  .9tabular .wrapper_week{display:block;}
  .9wrapper_week {float:left;width:100% !important;margin:0;padding:0;height:auto !important;}
  .9day-hide {display:none;}
  .day {float:left;width:100% !important;margin:0;padding:0;height:40px !important;height:auto !important;}
  .wrapper_week a span {
    float:left;
    text-align:center;
    padding:3px;
    margin:0 5px 0 0;
    font-size:12px;
  }
  .event_title, .moving_in {
     margin: 0 0 0px 25px;
  }
  .9no-events {display:none;}
}




/*------------*\
|*   weather  *|
\*------------*/

.weather h4{margin:2px 0px;}
.weatherlisting{margin-left:25px;padding:8px 0 10px 0px;border-top:1px solid;}
.weatherlisting .linkcontent{margin:0;padding:0}
#weather-header{position:relative;float:right;width:130px;height:110px;margin-right:36px;margin-top:10px;}
#weatherbadge{float:right;position:absolute;height:110px;width:150px;right:0;top:0;display:none;}
#weather-current-forecast{width:150px;}
#weather-currents{text-align:left;}
.weather-alert{position:absolute;width:18px;left:0;top:10px;z-index:2;}
.weather-currently-label{font-size:10px;}
.weather-forecast{text-align:center;margin-top:8px;}
.weather-forecast-days{display:flex;justify-content:space-around;flex-flow:wrap;font-size:16px;}
.weather-forecast-daily{    min-width:150px;width:15% !important;border:1px solid #ccc;padding:10px 5px !important;margin-bottom:10px;} body #promosi{pointer-events: none} body #promosi:before{  position:fixed;  padding-top:50px;  width:100%;  height:100%;  border:10px solid;  left:0;  top:0;  content:'To visit the real santafe.net in Santa Fe, NM';  background:#fff;  z-index:999999999}body #promosi:after{  position:fixed;  padding-bottom:50px;  border-left:10px solid #000;  border-right:10px solid #000;  width:100%;  left:0;  bottom:0;  content:"Open a new browser window and go to https://santafe.net.";  background:#fff;  z-index:9999999999} body noscript { display:none;} /*weather widget*/ .weather-widget {
  padding-top:80px;
  box-sizing:border-box;
  min-height:360px;
}
.weather-widget .credit {
  font-size:80%;position:absolute;bottom:0;display:block;left:0;width:100%;box-sizing:border-box;
  text-align:right;background:rgba(255,255,255,.5);padding:5px 2px
}
.weather-widget .ww-forecast {    width:100%; }
.weather-widget  .weather-forecast-daily{
   min-width:100%;
    width:100% !important;
    border:1px solid #ccc;padding:0px !important;
    box-sizing:border-box;
    margin-bottom:0px;
}
.weather-widget  .weather-forecast-daily h4{
   display:flex;
   justify-content: space-between;
   width:100%;
}
.weather-widget  .weather-forecast-daily h4 a {
  display:inline-block;
  font-size:10px;
  margin-left:30px;
  margin-bottom:20px;
}
.weather-widget   .weather-forecast-daily-temp {display:block;margin-bottom:0px;}
.weather-forecast-daily h4 {margin-bottom:10px;padding-bottom:0px;/*! min-height:40px; */}
.weather-forecast-daily-temp {display:block;margin-bottom:10px;}
.weather-forecast-period{float:left;width:100%;height:15px;font-size:10px;background:#0093A7;color:#eee;padding:4px 0px 2px 0px;text-align:center;}
.weather-forecast-period img{clear:left;}

.weather-forecast-detailed {display:flex;flex-flow:wrap;justify-content:space-around;font-size:16px;}
.weather-forecast-details-wrapper{
  display:inline-block;
  vertical-align:top;
  border:1px solid #ccc;
  min-width:45%;
  margin:10px auto;
  padding:10px 0px;
}
.weather-forecast-detailed-icon{
  vertical-align:top !important;
}

.weather-forecast-1,.weather-forecast-2{}

.weather-forecast-period-1{overflow:hidden;-webkit-border-radius:6px 0px 0 0;-moz-border-radius:6px 0px 0 0;border-radius:6px 0px 0 0;}
.weather-forecast-period-2{overflow:hidden;-webkit-border-radius:0px 6px 0 0;-moz-border-radius:0px 6px 0 0;border-radius:0px 6px 0 0;}
.tempF,
.weather-currently-degrees{font-weight:bold;font-size:16px;color:#bc0523}
.weather-currently-degrees{display:block}
.weather-currently-feelslike{clear:left;float:left;}
.weather-forecast-hourly{float:left;min-height:100px;width:12%;padding:0px 10px;min-width:115px}

.current-place{float:left;width:100%;padding:5px 0px;}
.weather-current-detailed{min-width:250px;display:inline-flex;flex-flow:wrap;max-width:250px;font-size:16px;}
.weather-current-detailed span {width:45%;}

.weather-current{padding:0px 20px 0px 15px; width:90px !important;}
.weather-current-label{float:left;min-width:90px;padding:3px;clear:left;}
.weather-current-value{float:left;min-width:90px;padding:3px;}

.weather-current-sunmoon{float:left;width:330px;}
.weather-current-sun{float:left;width:215px;}
.weather-current-sun .weather-current-label{float:left;width:70px;padding:5px 3px;clear:left;}
.weather-current-sun .weather-current-value{float:left;width:120px;padding:5px 3px;}
.weather-current-moon{float:left;width:300px;}
.weather-current-moon .weather-current-image{float:left;width:70px;padding:8px 3px;clear:left;}
.weather-current-moon .weather-current-label{float:left;width:80px;padding:5px 3px;clear:none;}
.weather-current-moon .weather-current-value{float:left;width:100px;padding:5px 3px;}
.weather-30day-moon{width:160px;float:left;font-size:11px;height:100px;}
.weather-30day-moon img{float:left;}
.weather-30day-value{float:left;}


.roads-widget{max-width:400px;margin:0 auto;border:3px solid}
.roads-widget .w3-slides {height:240px;}
.roads-widget .w3-section{display:flex}
.roads-widget  .mySlides .caption-bottom {position:absolute; bottom:0;}
.roads-widget  .mySlides .caption {background:rgba(255,255,255,.5); width:100%;}
.roads-widget .mySlides {
height:100%;
  position:relative;
  background-size:cover !important;
}
.w3-col {
  border:0px solid gold;
  height:100px;width:100%;
  box-sizing: border-box;
}
.w3-col .thumbnail{
 border:3px solid #fff;
  width:100%;
  display:inline-block;
  height:100%;
  position:relative;
  box-sizing: border-box;
  background-size:cover;
  
}
.w3-col .thumbnail:hover{
 border:3px solid blue;
  width:100%;
  display:inline-block;
  height:100%;
  position:relative;
}



/*---------------------------*\
|*  sly  left right scrollbar *|
\*---------------------------*/

/*sly*/
.container {
  margin: 0 auto;
}

/* Example wrapper */
.wrap {
  position: relative;
  margin: 3em 0;
}

/* Frame */
.category_links_wrapper {
 -webkit-overflow-scrolling: touch; /* Stops scrolling immediately */
}

.frame {
  height: 250px;
  line-height: 250px;
  overflow: hidden;
}

.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}

.frame ul li {
  float: left;
  width: 227px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #333;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.frame ul li.active {
  color: #fff;
  background: #a03232;
}


/* Scrollbar */
.scrollbar {
  margin: 0 0 1em 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}

/* Pages */
.pages {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

.pages li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}

.pages li:hover {
  background: #aaa;
}

.pages li.active {
  background: #666;
}


/* Controls */
.controls {
  margin: 25px 0;
  text-align: center;
}


/* One Item Per Frame example*/
.oneperframe {
  height: 300px;
  line-height: 300px;
}

.oneperframe ul li {
  width: 1140px;
}

.oneperframe ul li.active {
  background: #333;
}


/* Crazy example */
.crazy ul li:nth-child(2n) {
  width: 100px;
  margin: 0 4px 0 20px;
}

.crazy ul li:nth-child(3n) {
  width: 300px;
  margin: 0 10px 0 5px;
}

.crazy ul li:nth-child(4n) {
  width: 400px;
  margin: 0 30px 0 2px;
}

/*---------------*\
|*     tools      *|
\*---------------*/
.choose-linktags-wrapper,.choose-imagetags-wrapper,.choose-tags-wrapper{
  max-width:360px;
  min-height:30vh;
  height:80vh;
  position:fixed;
  top:10vh;
  left:25vw;
  border:10px solid #ccc;
  z-index:99;
  box-shadow:10px 10px 10px #999;
  background:#fff;
  padding:10px;
  box-sizing:border-box;
  position:fixed;
  z-index:999;
}
.linktags-select-list,.imagetags-select-list,tags-select-list{
  width:100%;
  height:100%;
  position:relative;
  padding-bottom:161.8px;  
}
#inner-select-wrapper {
  margin-top:10px;
  display:flex;
  flex-flow:wrap;
  max-height:calc(100% - 80px);
  position:relative;
  overflow:auto;

}
.select-linktags,.select-imagetags,.select-tags {
outline:1px solid #ccc;
  text-align:left;
  padding:5px;
  width:49%;
  box-sizing:border-box;;
  cursor:pointer
}
.select-linktags.selected, .select-imagetags.selected, .select-tags.selected {
 background:#ccf
}
.save-linktags,.save-imagetags.save-tags{
  background:red;
  position:absolute;
  bottom:0;
  width:100%;
  left:0;
  padding:10px;
  box-sizing:border-box;
  color:#fff;
  cursor:pointer;
  height:45px;
}
.save-tags span{
  position:relative;
  display:inline-block;
  margin-top:3px;
}
.save-tags:hover span{
color:black
}

.save-tags:active span{
  margin-top:5px;
  margin-left:2px;  
}



.overflow-wrapper {
  height:200px;
  width:100%;
  border:1px solid
}
.overflow-1 {
  border:2px solid red;
  height:150px;
  
}
.overflow-content {
   white-space: nowrap;
  overflow-x:auto;
   // -webkit-overflow-scrolling: touch; /* Stops scrolling immediately */
}
.overflow-1 .inline-block {
  border:2px solid red;
  height:150px;
  width:300px;
}

.link-imagery {
  position:relative;
  display:flex;
  justify-content: space-around;
  flex-basis: 38.2%;

}
.imagery {
   display: flex;
   flex-flow: wrap;
   text-align: center;
   justify-content: space-evenly;
   align-content: stretch;
}


.imagery img { /*takes all 5 attributes to work nicely on ipad.*/
  max-height:160px;
  min-width:100%;
  height: auto;
  width:auto;
  max-width:100%;
}


/*---------------*\
|*  linklistings *|
\*---------------*/


.simage {
  border:.4em solid #fff;
  flex-grow:1;
  flex-shrink:1;
}

.href-with-background {
 width:100%;
 height:100%;
  box-sizing: border-box;
  border-bottom:20px solid #fff;
}
.href-with-background .site-credit {
  position:absolute;
  bottom:3px;
  right:0;
  background:rgba(255,255,255,.0);
  color:#999;
  font-size:12px;
  text-decoration:none;
  text-shadow:0 0 0px #000;
  width:100%;
  text-align:right;
}



.sitemap-subcategory {
  text-align:left;
  line-height:1.42
 }
.sitemap-subcategory h3 {
  margin:20px 0px 5px 0px;
}
.sitemap-subcategory .indent1{margin-left:20px;}  
.number_of_links {font-size:80%;opacity:.4;font-weight:normal}

/*nested presentation. see the weather widget.*/
.cbox .cbox .col {
    min-width:100%;
    margin:0 auto
}



/*CAUTION. SEE The getting to santafe section on homeapge*/
.row {max-width:100%;box-sizing:border-box;}

.row {
 width:inherit;
}
.row {margin:0 auto}  /*let the block grow from the center out. Not always desiired though.*/
.clear{width:100%;box-sizing: border-box}

#add #content {padding:0 8vw}
#add form .row{
  OFFwidth:40%;
  padding:0 calc(50% - 320px);
  text-align:left; 
  display:flex;
  grid-template-rows: auto;
  grid-template-columns: minmax(30%, 300px) repeat(auto-fill, minmax(50%, 100%));
  flex-flow:wrap;
  align-items:baseline
}
#add form .row label{
padding-top:5px;
 min-width:150px;
  
}
#add form .row .value{
 margin:0 0 13px 0;
}
#add.add_review form .row,
#add.add_review form .row label,
#add.add_review form .row .value{
  margin:0 0 0px 0;
  padding-top:0px;
  padding-bottom:0px;
}



img.max-height-315 {
 max-height:310px;
  width:auto
}
img.max-height-310 {
 max-height:310px;
  width:auto
}
img.max-height-300 {
 max-height:300px;
  width:auto
}

img.max-height-320 {
  max-height:320px;
  width:auto;
}
img.cat-icon {
 max-width:100px;
  display:block;
  margin:0 auto;
 color: #fff;
}


.Search_Text, .Search_Link {
  padding:5px;
  display:inline-block;
  /*min-width:40%;*/
  clear:none;
  vertical-align: top;
  margin:0 3%
}

/*will likely need multiples. first one addresses
   .columns-2.width-1fr &gt; .row &gt; .col{ }
*/

.innerpadding-custom &gt; .row {
   column-gap: 4%;
   box-sizing: border-box;
}
.innerpadding-custom &gt; .row .col {
  max-width:48%;  
}
.gap-13 &gt; .row {    column-gap:13px; }
.gap-13 &gt; .row .col {  max-width:calc(50% - 6.5px) !important; }
.gap-21 &gt; .row {    column-gap:21px; }
.gap-21 &gt; .row .col {  max-width:calc(50% - 11.5px) !important; }


#home .display-name {
  position:relative;
  z-index:5;
 padding-top:13px;
 /*! padding-bottom:3px; */
 margin-top:-44px;
}
@mediaOFF(max-width:900px) {
#home .display-name {
  margin-top:calc(-5% + 45px);
  padding-top:calc(-2% + 34px);
  padding-bottom:calc(-2% + 34px);
  
}
}
#home .display-name.dn-reset form{
  margin:0 auto;padding:0;
  display: inline-flex;
  display:none
}
#home .display-name.dn-reset form{
  position: relative;
  margin:0;
  top:-13px;
  padding-top:0;
}
#home .display-name.dn-reset form input.search-text-box{
  padding:13px 55px;
  align-content: center;
  align-items:center;
  justify-content: center;
  justify-items:center;
  
}
/*---------------*\
|*  linklistings *|
|*   containers  *|
\*---------------*/
.columns-2 {
  display:flex;
  flex-flow:column;
  justify-content:space-around;/*see sitemap before changing this*/
  flex-flow:wrap;
}


.columns-2 &gt; .linklisting {max-width:45%;box-sizing: border-box;}
.columns-3 &gt; .linklisting {/*! max-width:33%; */}
.columns-4 &gt; .linklisting {max-width:25%;}
.columns-5 &gt; .linklisting {max-width:20%;}
.columns-6 &gt; .linklisting {max-width:18%;}
.columns-7 &gt; .linklisting {max-width:14%;}


/*VERY NECESSARY. SEE HOME*/





/*load links and searchlinks are the same*/
.loadlinks    { display:flex;justify-content: space-around; margin:0px 6.5%; /*see tourism */ /*this actually is important because of hover statees*/}
.searchlinks  { display:flex;justify-content: space-around;flex-wrap:wrap;margin:0px 6.5%;}
.categorylinks{ display:flex;justify-content: space-around;flex-wrap:wrap;margin:0px 6.5%;gap:1.618vw}  
.stored-favorites { display:flex;justify-content: space-around;flex-wrap:wrap;}  


.textonlylinks {
  display:flex;
  flex-flow:wrap;
  justify-content: center;

}
.textonlylinks &gt; *{

}
.textonlylinks &gt; a {
  min-width:150px;
  width:150px;
  max-width:150px;
  border:1px solid;
  padding-top:5px;
  padding-bottom:5px;
  position:relative;
  display:flex;
  justify-content: space-around;
  flex-flow:column;
  margin:unset;
}
.textonlylinks .more {
  display:flex;
  justify-content: space-around;
  flex-flow:column;
  max-width:unset;
  min-width:unset;
  width:unset;
  margin:unset;

}


/*and now the exceptions*/
.columns-3 .loadlinks{margin:0px 0%;}


.loadlinks.columns-1 {
flex-flow: wrap
}

.loadlinks.columns-3 { 
  flex-flow:wrap;

} /*see linklistings-Section */

.loadlinks.columns-3.wrap-off {  /*see specials*/
  flex-flow:nowrap;
    margin:0 auto;
} 
.loadlinks.columns-3.wrap-off .linklisting {
  flex-basis:33.33%;
  max-width:31%;
  
}


@media(max-width:480px) {
.loadlinks.columns-3.wrap-off {   flex-flow:wrap;   max-width:unset; }
}

.loadlinks .description {text-align:left;}




/*----------*\
|* listings  *|
\*----------*/

.linklisting {position:relative;border:1px solid;}

.linklisting {/*! MIN-WIDTH:100px; *//*! margin:10px; */ }

/**/
.linklisting {width:100%;max-width:320px;
  max-height9:320px;
  
  /*! min-height:170px; */
}
.linklisting:hover .content a{z-index:1;position:relative}

.linklisting .hoverwrap{
  min-height:100%;
  width:100%; 
  top:0;
  left:0;
  min-width:80px;
  z-index:-99;
  position:absolute;
  opacity:1;
 display: flex;
  flex-flow:column wrap;
  align-items: stretch;
    
  justify-content: stretch;
}
.linklisting .hoverwrap .content h4 {margin:10px auto;text-align:}


figure.template {
  /*! opacity:0; */
  z-index:-99;left:0px;display:flex;
  flex-flow:column nowrap;
justify-content: space-between;
  
}
figure.template .link-via-background,
figure.template a {
  display:inline-block;
  padding-bottom:0px;
    margin-bottom:0px;
   
}
figure.template .link-via-background,
figure.template a {
  display:inline-block;
  padding-bottom:0px;
  margin-bottom:0px;
 /*! min-height: 61.2%; */ /*no necessary but is on track to getting images to fit in space.*/
  /*! min-width: 100%; */
}
.hoverwrap figure .link-via-background,
.hoverwrap figure a {
  display:inline-block;
  padding-bottom:0px;
  margin-bottom:0px;
  width: 100%;
}
.hoverwrap:hover figure .link-via-background,
.hoverwrap:hover figure a {opacity:1}
.hoverwrap figure .link-via-background {
 background-repeat:no-repeat;
 background-position: center center !important;;
 background-size:cover !important;


}



.linklisting-Business .hoverwrap figure .link-via-background {
 background-position: top center !important;;
}
.image-shape-other .hoverwrap figure .link-via-background {
  background-size:contain !important;
}
.image-shape-too-small .hoverwrap figure .link-via-background {
  background-size:auto !important;
}
.image-shape-too-narrow .hoverwrap figure .link-via-background {
  background-size:auto 100% !important;
}
.image-shape-too-short .hoverwrap figure .link-via-background{
  background-size:contain !important;
}
@media(min-width:480px) {
  .image-shape-too-short .hoverwrap figure .link-via-background{
     background-size:auto !important;
  }
}


.image-shape-too-tall .hoverwrap figure .link-via-background {
  background-size:contain !important;
}
.image-shape-too-wide .hoverwrap figure .link-via-background{
  background-size:contain !important;
}

.image-shape-landscape .hoverwrap figure .link-via-background{
  background-size:auto 100% !important;
}

.image-shape-landscape:hover .hoverwrap figure .link-via-background img{
   max-height:220px !important;
  
}


.image-shape-portrait .hoverwrap figure .link-via-background {
    background-size:contain !important;
  
}
.image-shape-portrait:hover .hoverwrap figure .link-via-background img{
  max-height:480px !important
}

.image-shape-other .hoverwrap figure .link-via-background {
   background-size:contain !important;
}
.image-shape-other:hover .hoverwrap figure .link-via-background img{
  max-height:320px !important
}


figure.template .link-via-background {
  opacity:0;

}

.hoverwrap figure .link-via-background img {
  opacity:0;
}

.9999linklisting-Product figure.template a {
  opacity:0;
  
/*hmm, not sure this should or shouldn't be block*/
}
.99999linklisting-noimage figure.template a {
  opacity:1;
}
.hoverwrap .link-via-background,
.hoverwrap a {
 pointer-events: none;
}
.hoverwrap:hover .link-via-background,
.hoverwrap:hover a {
 pointer-events:all ;
}

/*the key to befoe and after hover and transition*/
.99999linklisting-Product .hoverwrap figure a {
  display: inline-block;
  position:relative;
  border:0px solid;
  background-size:contain !IMPORTANT;
  background-position: center center !important;
  min-width:100%;

}

figure &gt; span,
figure .link-via-background,
figure a{position:relative}

.linklisting-Product figure span img,
.linklisting-Product figure .link-via-background img,
.linklisting-Product figure a img {
  width:auto;max-width:100%;min-width:100%;
  
  /*! max-height:150px; */
  z-index:-99;
}
.99999linklisting-Product .hoverwrap figure a img {
   opacity:0;
}

.linklisting figure &gt; span img,
.linklisting figure .link-via-background img,
.linklisting figure a img {
  width:auto;max-width:100%;min-width:100%;
  max-height:320px;
  min-height:73px;/*weather widget in particular*/
  width:auto; /*tricky on small images*/
}
.linklisting .hoverwrap img {
  width:auto;max-width:100%;min-width:100%;
  
}
.linklisting:hover .hoverwrap .link-via-background img,
.linklisting:hover .hoverwrap a img {
  max-height:480px;

}




figure.template figcaption {
  /*! padding-top:50px; */ 
  opacity:1;
  
}
.999999linklisting-Product figure.template figcaption {/*! padding-top:50px; */ 
opacity:1 
}

.linklisting  figcaption .price{
  9position:absolute;
  9top:100%;
  9right:0px;
  color:#fff;
  background:rgba(0,0,0,.5);
  display:block;
  min-width: 100%;
  
  text-align:right;
  padding:4px 5px;
  margin-left:-5px;
  margin-right:-5px;
}



/**/
/**************************************/





figure{margin:0;position:relative;}

figcaption {
  font-size:14px; text-align:center;
  position:relative;
  /*! margin:15px auto -15px auto */
  padding-left:5px;
  padding-right:5px;

  display:flex;
  align-content: center;
  align-items: center;
  min-height:60px;
  width:100%;
  box-sizing: border-box;
  justify-content: center;
  
  flex-flow: wrap
}
.999linklisting-Product figcaption {   padding-bottom:0px }

figcaption.site-credit{min-height:unset;}

.linklisting .hoverwrap figcaption {
  position:absolute;
  top:100%; /*! *//*a percentage doesn't calculate*/
  text-align:center;
  width:100%;
  box-sizing:border-box;
  display:flex;  
  flex-flow:wrap;
  text-align:center;
  justify-content:center;
  align-items:  center;
  z-index:1;

  /*! min-height: 100%; */
  opacity: 0;
}



.linklisting .hoverwrap figcaption:hover {
  cursor:pointer;
  
}   

figcaption &gt; span {
 /*! padding:5px 15px 0px 15px; */
 /*! align-self: flex-end; */
 width:100%;
 background:#fff;
 display:block;
}


.template .query-name{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:40px;
  
}
.linklisting-noimage .template .query-name {
  flex-flow: wrap
}




.linklisting:hover  {
  border:1px solid transparent;
  z-index: 99;
  transition-delay: .34s;
  transition-property: border z-index;
  transition-duration: 0s;
  
}


.squerylinks .linklisting:hover .hoverwrap,
.searchlinks .linklisting:hover .hoverwrap,
.categorylinks .linklisting:hover .hoverwrap,
.featuredlinks .linklisting:hover .hoverwrap,
.loadlinks .linklisting:hover .hoverwrap{
  transition-delay: .21s;
  transition-property: width top left min-width;
  transition-duration: .50s;
  position:absolute;
  top:-60px;
  margin:0 auto;
  background:#fff;
  border:1px solid red;z-index:91;  
  box-shadow:0px 0px 8px #000;
  padding:10px;
  min-width:320px;
}
.linklisting:hover .hoverwrap figure a img {
  /*max-height:480px;*/
    max-height:62vh;
  transition-delay: .38s;
  transition-property: max-height;
  transition-duration: 0s;

}

/**set defaults so that mouseover transition smooth*/
.linklisting .hoverwrap{  right:0;  left: 0;  top: 0; }

.linklisting.anchor-tleft:hover .hoverwrap         { left:-50px;  }
/*sly scroll*/
.category_links_wrapper .linklisting:hover .hoverwrap {left:0px !important }


.active .linklisting.anchor-tleft:hover .hoverwrap { left:0px; /*homepage gallery*/}

.linklisting.anchor-tcenter:hover .hoverwrap { left:-50px;                }
.linklisting.anchor-tright .hoverwrap        { left :unset;               } 
.linklisting.anchor-tright:hover .hoverwrap  { left :unset; right: -50px; }

.9anchored-for-desktop.linklisting.anchor-tleft:hover .hoverwrap{  left:-13px; }


@mediaOFF(max-width:479px) {
.anchored-for-mobile.linklisting.anchor-tleft:hover .hoverwrap  {  left:-33px; }
.linklisting.anchor-tcenter:hover .hoverwrap{  left:-38.1vw; }
.anchored-for-mobile.linklisting.anchor-tright:hover .hoverwrap{  right:-6vw; }
}
@media(max-width:480px) {
.linklisting.anchor-tleft:hover .hoverwrap  {  left:-6vw; }
.linklisting.anchor-tcenter:hover .hoverwrap{  left:-33.1vw; }
.linklisting.anchor-tright:hover .hoverwrap{  right:-12.5vw; }
}


@media(max-width:360px) {
.linklisting.anchor-tleft:hover .hoverwrap  {  left:-12.5vw; }
.linklisting.anchor-tcenter:hover .hoverwrap{  left:-38.1vw; }
.linklisting.anchor-tright:hover .hoverwrap{  right:-12.5vw; }
}


@media(max-width:350px) {
.linklisting.anchor-tleft:hover .hoverwrap  {  left:-15.1vw; }
.linklisting.anchor-tcenter:hover .hoverwrap{  left:-51.1vw; }
.linklisting.anchor-tright:hover .hoverwrap{  right:-15.5vw; }
}





.squerylinks .linklisting:hover .hoverwrap  .content,
.searchlinks .linklisting:hover .hoverwrap  .content,
.categorylinks .linklisting:hover .hoverwrap  .content,
.featuredlinks .linklisting:hover .hoverwrap  .content,
.loadlinks .linklisting:hover .hoverwrap  .content {
  display:block;
  opacity:1;
  min-height:auto;
  height:auto;/*kzl. set to greater than 50% affects weather widget on ipad a great deal.*/
  transition-delay: .38s;
  transition-property: opacity height min-height;

}
.squerylinks .linklisting:hover .hoverwrap figcaption,
.searchlinks .linklisting:hover .hoverwrap figcaption,
.categorylinks .linklisting:hover .hoverwrap figcaption,
.featuredlinks .linklisting:hover .hoverwrap figcaption,
.loadlinks .linklisting:hover .hoverwrap figcaption {
  transition-delay: .38s;
  transition-property: opacity;
  transition-duration: 0s;
  opacity:0;
}

.linklisting:hover .hoverwrap figure {padding-bottom: 5px;
  transition-delay:.38s;
  transition-property:padding-bottom;
  transition-duration: .50s;
}

/*ONLY ON HOVERSHOWS*/
.squerylinks .linklisting .hoverwrap .content,
.searchlinks .linklisting .hoverwrap .content,
.categorylinks .linklisting .hoverwrap .content,
.featuredlinks .linklisting .hoverwrap .content,
.loadlinks .linklisting .hoverwrap .content {max-width:95%;margin:0px auto;opacity:0;height:0;}

.linklisting .hoverwrap .content{
  max-height:480px;
  overflow:auto;  
  
  
}

/*layout patterns*/
.pattern-o {justify-content: space-between;text-align:center;}
.pattern-o .linklisting{width:44%;margin-left:1%;margin-right:1%;height:unset;/*min-height:190px;*/}

.pattern-o .linklisting:first-of-type,
.pattern-o .linklisting:last-of-type{
  width:98%;
  max-width:100%;
  max-height:100%;
  margin-left:auto;
  margin-right:auto;
  /* min-height:290px*/
 }
/*
.pattern-o.thits-3 .linklisting:last-of-type {
    width:45%;
    margin-left:1%;
    margin-right:1%;
    min-height:190px;

}
.pattern-o.thits-7 .linklisting:last-of-type {
     width:45%;
     margin-left:1%;margin-right:1%;
     min-height:190px
}

/*tourism
.pattern-o .center {display:flex; justify-content:space-between;flex-flow:wrap;align-items:center}

.pattern-o .Search_Link{min-width:150px;width:48%;max-width:50%;margin-left:1%;margin-right:1%;height:unset;box-sizing: border-box}
.pattern-o .Search_Link:first-of-type,
.pattern-o .Search_Link:last-of-type{
  width:98%;
  min-width:unset;
  max-width:100%;
  max-height:100%;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
 }
.pattern-o.thits-3  .Search_Link:last-of-type {
    width:45%;
    margin-left:1%;
    margin-right:1%;
    min-height:190px;

}
.pattern-o.thits-7 .Search_Link:last-of-type {
     width:45%;
     margin-left:1%;margin-right:1%;
     min-height:190px
}
*/



/*featuredlinks and searchlinks now support interchangeable*/
.featuredlinks {display:flex;justify-content: space-around;
  flex-wrap:wrap;margin:0px 6.5%; }
.featuredlinks .description {text-align:left;}
.featuredlinks .linklisting {
  border:1px solid;
}
@media(max-width:480px) {
  
  .featuredlinks .linklisting {width:44%;
  }
}

/*welcome section*/

.searchlinks {
  display:flex;

  flex-wrap:wrap;
  margin:1em auto;
  padding-left:6.18vw;
  padding-right:6.18vw;
  box-sizing: border-box;
  break-inside: avoid;
    
}
.tab-line:last-of-type {
     display:none;
}            
     
.searchlinks .description {text-align:left;}
.searchlinks p {width:100%;margin: 0;box-sizing:border-box}


/**************************************/

figure.by-tag{  display:inline-block;}



.mh-185 .linklisting {  max-height:185px;  margin-top:20px;  margin-bottom:0px; }
.mh-175 .linklisting {  max-height:175px;  margin-top:20px;  margin-bottom:0px; }
.mh-170 .linklisting {  /*! max-height:170px; */  /*! margin-top:20px; */  /*! margin-bottom:0px; */ }

/*this should be globalized.*/
.linklisting {/*preferred width.*/
  /*! MIN-WIDTH:100px; */
  /*! width:136px; */
  margin:10px auto;
  text-align:center;
  max-width:100%;
  box-sizing: border-box;
  border:1px solid; 
}

.linklisting { /*min-size for weather listings and overall gap between items.*/
  flex-grow:1;
  flex-shrink:1;
  display:flex;
  /*! MIN-WIDTH:100px; */
  /*! width:162px; */
  /*! width:23%; */
  
  margin:0px auto !important;/*1px is necessary*/
  text-align:center;
  max-width:100%;
  box-sizing: border-box;
  align-items:stretch;
  break-inside: avoid;
  break-before: auto;
  break-after: auto;
}
.linklisting .description p.sl_description {
   text-align:justify;
   padding:0 5% 0px 0px;
   margin:2% 0 0 0;
   max-height:66px;
   overflow:hidden;
  position:relative;
}
.linklisting .description p:before {
  content:'...';
  position:absolute;
  right:0;
  bottom:0;
}


#category-description .linklisting {
  display: inline-flex; /*hmmmm, why is inline-flex suddenly needed*/
  
}
#category-description &gt; p {
  text-align:justify;
  padding:0 6.5vw
  
}
#category-description &gt; p.center {
  text-align:center;
}




9span+.9linklisting:last-of-type{
 border:10px solid;
  break-before: avoid;
}
span+.linklisting:nth-last-child(5) {
 break-inside: avoid;
 break-before: avoid;
}



.admin-actions a:hover{
  position:relative;
z-index:9999;
  background:#ccc;
}
/*slideshows*/
.query-title {font-size:.7rem;color:#bbb;display:block;text-align:right;
  overflow:hidden;
  white-space: nowrap;
  padding-bottom:5px
}



/*default*/

/*event*/
.day .linklisting {height:unset;min-height:unset;max-width:unset;min-width:unset;width:unset;border:0px solid; padding:0px;width:100%;margin:0;padding:3px;box-sizing:border-box;}
.eventwrapper{position:static}
ul.wrapper_week {position:relative}
.eventwrapper:hover .event_details_fancybox {
   display:block !important;
   position:absolute;
  margin-top:21px;
  right:0px;
  width:100%;
  background:#fff;
  text-align:left;
  padding:13px;
  border-bottom:1px solid;
  border-left:0px solid;
  border-right:0px solid;
  box-sizing:border-box;
  z-index:9;
  outline:1px solid;
}
.eventwrapper:hover .event_details_fancybox .event_details_title {
  font-size:16px;
  font-weight:500;
}
/**************************************/

.section-wrapper {
 /*! float:right; */
  /*! width:40%; */
}

.columns-2 .section{
  flex-grow: 1;
  width:48%;
  flex-flow:no-wrap;
  display:inline-flex;
  box-sizing:border-box;
  margin:5px;
  border:3px solid gold
}
@media(max-width:960px){
.columns-2 .section{
  flex-flow:wrap;
}
}

.columns-2 .section .linklisting-container{
  max-width:31%;
  width:31%;
  margin:3px;
  min-width:170px;
}

/**/
#search_results h2 {text-align:center;}
#search_results h3 {text-align:center;}
#search_results h4 {
  text-align:left;margin:34px auto 0px auto;/*-5px is to counter gap of flex container*/
  padding:0px;}
#search_results div.paging, /*deprecate*/
.paging-wrapper 
{
  margin-top:21px;
  width:100%;
}

.paging { color:#d5d5d5;font-size:34px;line-height:1;}
.paging span,
.paging a {
   text-decoration:none;
  display: inline-block;
  
}


#content &gt; h3{ width:94% }
             h3.full-width {margin-left:auto;margin-right:auto;background: #ffe300;padding:1.62vw}
.searchlinks h3.full-width {margin-left:0;background: #ffe300; margin-left:-45px;margin-right:-45px;width:200% }
section h3 {width:200%; margin-left:-61.2px;margin-right:-61.2px}

#search_results .squerylinks h3 { 
  display: flex;
  flex-flow:column;
  background:#ffe300;
  padding:1.618vw;
  flex-grow:0;
  flex-shrink:1;
  position:relative;
  align-content: center;
  justify-content: center;
  
  
  
}

#search_results .outergroup h3,
.outergroup h3,
.outergroup .group-head
{ 
  display: flex;
  flex-flow:column;
  background:#ccccff;

  padding:2.618vw 1.618vw;
  flex-grow:0;
  flex-shrink:1;
  position:relative;
  justify-content: start;
  padding-bottom:100px;
  text-align: center;
}

.group-head{

}
.group-head .subcategory a{
    display: flex;
    flex-flow:column;
    flex-direction:column-reverse;
    text-decoration:none;
     color:#fff;

  

}
.group-head .subcategory a .subcategory-name{
   font-size:30px;
   font-weight:bold
}
.group-head img.cat-icon {
   -webkit-filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4); 
   filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4);
}


#search_results h3 .lasttitle a{
  color:blue;text-decoration:none; background:#fff;
  display:block;
  
  padding:10px;
  position:relative;
  vertical-align: middle;
  line-height:1;
  width:85%;
}
#search_results h3 .lasttitle a:after { 
  vertical-align: middle;
  display:inline-block;
  position:absolute;
  line-height:1;
  content:"\232a";
  color:#fff;
  font-size:46px;
  color:#000;
  right:-10px;
  top:-7px;
  text-align:right;
  width:11%;
  text-shadow:-3px -0px 1px #000;

}

#9search_results h3 +.linklisting,
#9search_results h3 +.richlink{
  break-before:avoid;
}


.outergroup {
  border:1px solid  #999;
  display:grid;
  grid-template-areas:
       "nav main"          ;
  grid-template-rows: auto;
  grid-template-columns: minmax(30%, 300px) repeat(auto-fill, minmax(50%, 100%));
       align-content: space-around;
       gap:0vw;
      box-sizing:border-box;
      padding:0 0 0 0;
     align-items: stretch;
    width:96%;
    max-width:1200px;
  }

.outergroup:nth-child(3n + 4) {
  grid-template-areas:
       "main nav"          ;
  grid-template-columns: repeat(auto-fill, minmax(50%, 100%)) minmax(30%, 300px);
}
.outergroup:nth-child(3n + 4) h3,
.outergroup:nth-child(3n + 4) .group-head {

  background:rgba(0,128,0,.98);
  
  justify-content: FLEX-END;/*COLUMN TOP BOTTOM*/
}



.outergroup &gt; .group{
 padding:1.62em;
 margin:0 !important;
}

.outergroup h3,
.outergroup .group-head
{
  grid-area: nav;
  margin:0
}
.outergroup .groupOFF{
   grid-area: main;
   display:grid;
    grid-template-rows: auto;
       grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
       grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
       gap:1.618vw;
    grid-auto-flow: dense;
  align-items: start;
}
@media(max-width:640px) {
    .outergroup{
       display:flex ;
       flex-flow: column;
    }
    .outergroup .group{
       grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    }
}
@media(max-width:480px) {
    .outergroup{
       display:flex ;
       flex-flow: column;
    }
    .outergroup .group{
       grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
}


div.group.loadlinks {
  display:flex;
  flex-flow:wrap;
 
}


NOdiv.group.loadlinks .linklisting:first-of-type {
  grid-column-end: span 1;
  grid-row-end: span 1;
  border-color: #ffa94d;
}
NOdiv.group.loadlinks .linklisting:last-of-type {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-end: span 1;
  border-color: #ffa94d;
}


div.group.loadlinks .linklisting {
  flex-basis:30% !important;
  max-width:100% !Important;

}

.richlink {
 display:flex;
 justify-content:  space-around;
 flex-flow:wrap;
 flex-basis:calc(50% - 200px);
 max-width:100%;
 flex-grow:1;
 /*! align-items:  flex-end; */

}
.gap-default{ /*category-results*/
  display: flex;
  flex-flow:column;
  gap:1.62vw;
}



.richlink &gt; .linklisting-Business{
  min-width:200px;
  max-width:calc(100% - 320px);
  flex-basis:65%;
}
.objects-2 .richlink &gt; .linklisting-Business {
  min-width:200px;
  max-width:calc(100% - 320px);
  flex-basis:36.6%;
}

 
.objects-2 .richlink{
  border:0px solid;
  display:flex;
  justify-content: space-around;
  width: 100%;
}

/*mobile adjustment for top header 3 column section and others like it*/
@media(max-width:640px) {
  .row {flex-flow:wrap !important}
  
  /*weather*/
  .width-pr.width-40pr &gt; .row &gt; .col:nth-child(1),
  .width-pr.width-40pr .col:nth-child(1) {
    min-width: 40%;
    margin:0 auto;
    max-width: unset;
    width:94%;
}
  
.width-golden.columns-2 .row .col:nth-child(n) {
  width: 38.2%;
  min-width:300px;
  max-width:100%;
}
.width-golden .row .col:nth-child(n) {
  width: calc(100% * (1 * .618) / 13 );
}
.flex-box .row .col {
  flex-shrink: 1;
  flex-basis: auto;
}
.calign-space-around .row .col {
  flex-grow: 1;
}
/*see roads and weather*/  
.columns-2.width-1fr &gt; .row &gt; .col {
  width: 100%;
  max-width: 100%;
}
.width-1fr .row .col-md-10 {
  max-width: unset;
}

  
  
  #content .section:first-of-type .flex-box .row{
   flex-flow:  column-reverse !important;
    min-width:100%  !important;
    max-width:100%  !important;
    width:100%  !important;
    gap:10px;
  }
  
  
  #content .section:first-of-type .flex-box .row div{
    /*! width:unset; caused isues on tourism page. */
  }
  

  
}

@media(min-width:600px) {
.9linklisting  {
       max-width:600px !important
  }
}




/*orphan prevention*/
.linklisting-Weather:hover .hoverwrap{
  min-width:600px;
  width:480px;
  max-width:80vw;
  flex-basis:50%;

}
.linklisting {
  max-width:505px;/*was 100% until 11/30*/
  flex-basis: 20%;/*too general*/
}
.linklisting.linkcount-odd {
  max-width:34%;
  flex-basis: 18%;
}

@media(max-width:640px) {
.linklisting.linkcount-odd {
   max-width:34%;
   flex-basis: 24%;
 }
  
 .columns-3  .linklisting {
   max-width: 100% ;
   flex-basis: 32%;
 }
}

@media(max-width:520px) {
.linklisting {
   max-width:50%;
   flex-basis: 32%;
 }
}


.columns-3 &gt; .linklisting {
  flex-basis: 30%;
}


@media(max-width:1230px) {
  .columns-3.width-1fr &gt; .row{
     
  }
  .columns-3.width-1fr &gt; .row &gt; .col {
    max-width: 50%;
    break-before:avoid
  }
}

@media(max-width:1225px) {
  
/*conflict home grid.*/  
  .columns-3.width-1fr &gt; .row{
     display:grid;
  }
  .columns-3.width-1fr &gt; .row &gt; .col {
    max-width: 100%;
  }
  .columns-3.width-1fr .row{
    max-width:100%;
    display:grid;
    grid-template-areas:
     'col1 col2-1'
     'col1 col2-2';
    gap: 15px 10px;
  }

  .columns-3.width-1fr .row .col:nth-child(1){
    grid-area: col1;
  }
  .columns-3.width-1fr .row .col:nth-child(2){
    grid-area: col2-1;
  }
  .columns-3.width-1fr .row .col:nth-child(3){  
    grid-area: col2-2;
  }
}


@media(max-width:770px) {
  .columns-3.width-1fr &gt; .row{
     display:flex;
  }
}


.columns-2 &gt; .linklisting {
  flex-basis:23%;
  max-width:100%;
}
.columns-3 &gt; .linklisting {
  flex-basis:31%;
  max-width:100%;
  
}



 .linklisting:nth-last-child(-1n + 2){
   9background:#ccc
 }

 .linklisting:nth-child(-1n+2) {
   9background:pink
  }

 .linklisting:nth-child(7n + 7){
   9background:#000
  }

@media(max-width:640px) {
  .linklisting,
  .linklisting.linkcount-odd
  {
    max-width:100%;

  }
}


figure &gt; span:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#e5e5e5 !important;
  z-index:-1;
}

#loadOverlay{
display: none;
}

</pre></body></html>