/*
 Layers are ranked from lowest (left most) to highest (right most) priority.
 Styles in a higher level layer always override those in a lower layer without
 having to use !important
*/
@layer x-template, x-theme, x-widget, x-widget-custom, x-page, x-responsive;

/* Rules for the outer template go here. */
@layer x-template {

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
 margin: 0;
 padding: 0;
}

#t_fxd {
 background-color: #ffffffe0;
 position: fixed;
 top: 0;
 transition: top 1.5s ease-in-out; 
 width: 100%;
 z-index: 1000;   
}

#t_fxd_top {
 display: flex;
}

#t_mm_btn {
 align-items: center;
 border: 0;
 cursor: pointer;
 display: none;
 flex-direction: column;
 padding: 10px;
 position: relative;
}

#t_mm_btn::before,
#t_mm_btn::after,
#t_mm_bar {
 background-color: #00518c;
 content: '';
 height: 5px;
 margin: 3px 0;
 transition: 0.4s;
 width: 35px;
}

#t_fxd_logo {
 display: flex;
 padding: 0px 0 0 82px;
 align-items: center;
}

#t_fxd_logo_img {
 width: 100%;
 margin-top: 5px;
 max-width: 200px;
}

#t_fxd_social {
 align-items: center;
 display: flex;
 flex-grow: 1;
 justify-content: flex-end;
 padding: 0px 20px 0px 0px;
}

.t_link, .t_icon {
 font-family: 'Roboto';
 font-size: 20px;
 font-weight: 300;
 margin-right: 10px;
 text-decoration: none;
}

.t_link {color: #24211d;}
.t_icon {color: #64615c;}
.t_icon_img {
    vertical-align: middle;
    max-width: 40px;
}

#t_fxd_mnu {
 text-align: right;
}

#PMainMenu {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 list-style-type: none;
 margin: 0;
 /*padding: 0*/
 padding: 1.1% 0 0 0;
 z-index: 2;
}

#PMainMenu li {
 background-repeat: no-repeat;
 background-position: right, center;
 display: inline-block;
 padding: 0 10px 0 10px;
}

#PMainMenu li a {
 /*color: white;*/
 color: #00518c;
 font-family: "Oswald", sans-serif;
 font-size: 18px;
 line-height: 2;
 text-decoration: none;
 padding: 10px;
 font-weight: 300;
 font-style: normal;
}

#PMainMenu li a:hover {
 color: #f15b22;
}

#PMainMenu li ul {
 background-color: rgb(32 76 97);
 border: 1px solid white;
 box-shadow: 5px 5px 5px #000;
 left: -9999em;
 list-style-type: none;
 margin: 0;
 padding: 10px;
 position: absolute;
 text-align: left;
 width: auto;
 z-index: 1001;
}

#PMainMenu li:hover ul {
 left: auto;
}


#t_mobile_menu {
 background-color: inherit;
 border: 0;
 /*display: none;*/
 left: 0;
 margin: 0;
 padding: 0;
 position: fixed;
 top: 50px;
 width: 100%;
 z-index: 1001;
}

#MobileMenu {
 background-color: rgba(0, 0, 0, 0.8);
 border: 1px solid #112c17;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#MobileMenu li {
 margin: 0;
 padding: 0 10px 0 10px;
}

#MobileMenu li.VGC_MENU_DADDY {
 background-image: url('../header/images/arrow.png');
 background-position: right, center;
 background-repeat: no-repeat;
 margin-right: 10px;
}

#MobileMenu li:first-child {
 border-left: 0;
}

#MobileMenu li a, #MobileMenu li span {
 color: white;
 font-family: Arial,sans-serif;
 font-size: 22px;
 line-height: 2;
 text-decoration: none;
 white-space: nowrap;
}

#MobileMenu li a:visited {
 color: #ffffff;
}

#MobileMenu li ul {
 background-color: black;
 border: 1px solid white;
 display: none;
 margin: 0;
 padding: 0;
 /*padding: 10px;*/
 position: absolute;
 z-index: 6;
 opacity: 0.8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
}

#MobileMenu li ul li {
 font-size: 14px; 
}

#t_header {
 display: grid;
 grid-template-columns: 1fr;
 grid-template-rows: 1fr;
 overflow: hidden;
 position: relative;
 z-index: 1; 
}

#t_ss {
 grid-area: 1/1/2/2;
 overflow: hidden;
}

#t_slogan-upper-peninsula {
 align-self: end;
 color: #fd803e;
 font-family: 'Allison';
 font-size: 9.5vw;
 grid-area: 1/1/2/2;
 justify-self: center;
 margin: 0 0 4% 0;
 position: relative;
 text-shadow: 1px 1px 7px #040404;
 z-index: 2;
}


#t_main {
 background-color: white;
 /*display: grid;*/
 display: flex;
 flex-direction: column;
 margin: 0 auto;
 max-width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 padding: 10px 0px;
 position: relative;
}

#t_footer {
 /*background-color: #EEE;*/
 background-image: url(../header/images/background-footer.jpg);
 background-position-y: top;
 background-position-x: left;
 background-repeat: no-repeat;
 background-size: cover;
 min-height: 694px;
 position: relative;
}

#upper-peninsula-weather {
 padding: 25px;
}

#t_footer_weather {
 color: white;
 font-family: 'Roboto';
 font-size: 11px;
 margin-right: 10px;
 text-decoration: none;
 font-weight: 300;
}

#t_footer_weather_img {vertical-align: middle;}

#t_ftr_ctr {
 display: flex;
 flex-direction: column;
 margin: 0 auto;
 width: 100%;
}

#t_ftr_top {
 display: flex;
 justify-content: space-evenly;
}

.t_ftr_top_rgt {
 align-items: center;
 display: flex;
 flex-basis: 0;
 flex-grow: 1;
 justify-content: center;
 /* overflow: auto; */
 padding: 10px;
 max-width: fit-content;
}

.upper-peninsula-social-foot {
 align-items: baseline;
 display: flex;
 flex-grow: 1;
 justify-content: flex-end;
 padding: 0px 20px 0px 0px;
 flex-direction: column;
}

.footer-header {
 color: white;
 font-size: 1.5vw;
 font-family: 'Roboto';
 font-weight: bold;
}

.upper-peninsula-social-foot .t_icon {
 color: white;
}

.upper-peninsula-social-foot .t_icon_img {
 width: 4vw;
 max-width: fit-content;
}

.upper-peninsula-social-foot .t_link {
 color: white;
 font-size: 1.2vw;
 line-height: 2.3;
}

#t_footer_logo, #t_footer_vgc_logo {
 max-width: fit-content;
 width: 100%;
}

#upper-peninsula-bottom {
 bottom: 0px;
 left: 0px;
 margin: 0px auto;
 padding: 0px 20px 0px 20px;
 position: absolute;
 right: 0px;
}

#t_cpy {
 color: white;
 font-family: "Roboto", sans-serif;
 font-size: 12px;
 text-align: center;
 text-decoration: none;
 font-weight: 300;
}

.t_cpy_link {
 color: white;
 text-decoration: none;
}

} /* @layer x-template */


/* Default font/size/color styles go here */
@layer x-theme {

#t_main {
 font-family: 'Lexend';
 font-size: 16px;

 h1,h2,h3,h4,h5,h6 { 
  line-height: 1.2;
 }

 h1 { font-size: 24px; }
 h2 { font-size: 22px; }
 h3 { font-size: 20px; }
 h4 { font-size: 18px; }
 h5 { font-size: 16px; }
 h6 { font-size: 14px; }

 h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-size: inherit; }

 h1 a {
  color: black;
 }

 a {
  color: #00548f;
  text-decoration: none;
 }
 a:hover { color: black; }

}


} /* @layer x-theme */


/* Styles for page type elements go here. */
@layer x-widget {

.breadcrumbs, .ss-breadcrumbs {
 padding: 0 10px;
 font-size: 18px;
 font-weight: 400;
 letter-spacing: 1px;
 font-family: 'Oswald';
}

.ss-destinations.ss-county,
.ss-destinations.ss-city {
 .breadcrumbs, .ss-breadcrumbs { order: 1 }
}

.breadcrumb, .ss-crumb {
 color: #00518c;
}

.breadcrumb-space, .ss-crumb-arrow {
 color: #d8000b;
 font-size: 18px;
}

.back-button {
 background: #1d4c6d;
 border: none;
 color: white;
 cursor: pointer;
 font-family: 'Oswald';
 font-size: 16px;
 margin: 0;
 padding: 5px 50px;
 text-align: left;
 text-transform: uppercase;
}

#omni-search-form {
 align-items: center;
 display: flex;
 gap: 10px;
 justify-content: center;
}

#omni-search-label {
 font-family: 'Oswald';
 font-size: 18px;
 font-weight: 400;
}

#omni-search-input {
 border: solid 2px black;
 border-radius: 10px;
 font-size: 18px;
 font-weight: bold;
 padding: 5px;
}

#omni-search-button {
 background-color: #5cb9b0;
 border: 1.5px solid black;
 border-radius: 5px;
 color: black;
 cursor: pointer;
 font-family: 'Oswald';
 font-size: 18px;
 font-weight: 400;
 letter-spacing: 2px;
 padding: 5px;
}

#omni-search-button:hover { box-shadow: 3px 3px 8px 2px black; }

#omni-search-button:disabled {
 background-color: #f21d28;
 color: white;
 cursor: no-drop;
 opacity: .5;
}

#omni-search-button:disabled:hover { box-shadow: none; }

@keyframes omni-spin {
 100% { transform: rotate(360deg); }
}

#omni-search-spinner {
 background-color: white;
 border-radius: 100px;
 height: 46px;
 left: 50%;
 margin: -23px 0 0 -23px;
 position: fixed;
 top: 50%;
 width: 46px;
 z-index: 50000;
}

#omni-search-spinner:after,
#omni-search-spinner:before {
 border-radius: 100px;
 box-sizing: border-box;
 content: "";
 display: block;
 height: 46px;
 position: absolute;
 width: 46px;
}

#omni-search-spinner:before {
 animation: omni-spin 1s cubic-bezier(.6,0,.4,1) infinite;
 border: 3px solid transparent;
 border-top-color: currentColor
}

#omni-search-spinner:after {
 border: 3px solid;
 opacity: .2;
}


/**Detail-Listing**/

.ss-listing-details-cont {
 /*border: 1px solid black;*/
 background-color: #e7e7e7;
 background-image: url(../images/social-media-logos/UP-Business-Details.jpg);
 background-position: top;
 background-size: 100% 450px;
 background-repeat: no-repeat;
 font-family: 'Oswald';
 margin: 0px auto;
 width: 100%;
}

.ss-listing-details {
 max-width: 1280px;
 display: grid;
 gap: 1vw;
 padding: 4vw 2vw;
 margin: 0px auto;
}

.ss-listing-details-title {
 display: block;
 font-size: 25px !important;
 line-height: 1 !important;
 font-weight: 400;
}

.ss-listing-details-ss {
 float: left;
 margin: 5px 10px 5px 0px;
 height: auto !important;
 display: flex;
 justify-content: flex-end;
 grid-area: slideshow;
 grid-column: 2 / span 2;
 grid-row: 1 / span 2;
 filter: drop-shadow(10px 20px 20px #000000);
}
.ss-listing-details-ss .vgc_ss_image {
 border: 2px solid white !important;
 filter: none !important;
}
.ss-listing-details-ss .vgc_ss_caption {
 font-size: 30px !important;
 text-shadow: 1px 3px 3px black;
}
.ss-listing-details-ss .vgc_ss_title {
 font-size: 55px !important;
 letter-spacing: normal;
 margin-bottom: -30px;
}


.ss-listing-details-name {
 margin: 0px /*10px -100px 0px*/;
 font-size: 2.5vw;
 color: white;
 font-weight: 400;
 max-height: min-content;
 grid-area: name;
 grid-column: 1;
 grid-row: 1;
}

.ss-listing-details-desc {
 margin: 0px 10px;
 font-weight: 300;
 font-size: 18px;
 letter-spacing: .5px;
 grid-area: description;
 text-align: left;
 grid-column: 1 / span 3;
 grid-row: 4;
}

.ss-listing-details-desc h1 {
 font-size: 25px;
 font-weight: 500;
}

.ss-listing-details-social {
 float: right;
 margin: 10px 0px 0px 0px;
 grid-area: social;
 grid-column: 1 / span 2;
 grid-row: 2;
 display: flex;
 vertical-align: top;
}

.ss-listing-details-social-icon {
 width: 6vw;
 height: 6vw;
 float: left;
 margin: 0px 1vw 1vw 1vw;
 background-repeat: no-repeat;
 background-size: cover;
 max-height: 70px;
 max-width: 70px;
}

.ss-listing-details-fb {background-image: url('../images/social-media-logos/UP-Facebook.png');}
.ss-listing-details-yt {background-image: url('../images/social-media-logos/UP-Youtube.png');}
.ss-listing-details-ig {background-image: url('../images/social-media-logos/UP-Instagram.png');}
.ss-listing-details-tw {background-image: url('../images/social-media-logos/UP-twitterXlogo.png');}


.ss-listing-details-phone-bit {
 margin: 0px 10px;
 grid-area: phone;
 grid-column: 3 / span 1;
 grid-row: 6;
}
.ss-listing-details-phone-bit::before {
 content: url(../images/social-media-logos/UP-Phone.png);
 float: left;
 margin-top: 12px;
}
.ss-listing-details-addr-bit {
 margin: 0px 10px;
 grid-area: address;
 grid-column: 3 / span 1;
 grid-row: 5;
}
.ss-listing-details-addr-bit::before {
 content: url(../images/social-media-logos/UP-Addr.png);
 float: left;
 margin-top: 12px;
}
.ss-listing-details-addr-bit p {
 display: flex;
}
.ss-listing-details-link-bit {
    margin: 40px 10px 0px 10px;
}
.ss-listing-details-link-bit::before {
    content: url(../images/social-media-logos/UP-Website.png);
    /*vertical-align: middle;*/
    float: left;
    margin-top: -17px;
}
/*.ss-listing-details-bit.ss-listing-details-book-bit {
    padding: 5px;
    background-color: #f57b03;
    width: 140px;
    display: flex;
    border: 3px solid white;
    margin: 10px;
    box-shadow: 1px 1px 3px black;
    font-size: 18px;
    font-family: 'Oswald';
    letter-spacing: 2px;
}*/
.ss-listing-details-book-bit {
   /* display: grid;
    height: 42px;
    margin-left: 25px;
    width: 145px;*/
 grid-area: book;
 grid-column: 1 / span 1;
 grid-row: 3;
 z-index: 1;
}
.ss-listing-details-book-bit:before {
    border-left: 3px solid yellow;
}
/*.ss-listing-details-book-bit::after {
    content: ' \25BA';
    color: white;
    font-family: 'Oswald';
    margin-left: 10px;
    font-size: 17.5px;
}*/

.ss-listing-details-link {
    color: black;
}
.ss-listing-details-link:hover {
 border: 1px solid white;
 box-shadow: 2px 2px 9px black;
}
.ss-listing-details-book-bit .ss-listing-details-link {
 background-image: url(../images/social-media-logos/BOOK-NOW.png);
 background-repeat: no-repeat;
 height: 42px;
 width: 145px;
 float: left;
}

.ss-listing-details-link-bit {
 font-size: 25px;
 letter-spacing: 2px;
 grid-area: website;
 grid-column: 3 / span 1;
 grid-row: 7 / span 2;
}
.ss-listing-details-link-bit::after {
 content: ' \25BA';
 color: black;
 font-size: 25px;
}
.ss-listing-details-map {
 /*margin: 10px 10px 0px 10px;
 padding: 10px;*/
 border: 1px solid black;
 display: flex;
 width: 100%;
 background-color: white;
 grid-area: map;
 grid-column: 1 / span 2;
 grid-row: 5 / span 4;
filter: drop-shadow(10px 20px 20px #000000);
}
.ss-listing-details-map iframe {
   padding: 5px;
}
.ss-listing-details-top {
    display: flex;
}

.ss-listing-details-bottom {
 display: grid;
 grid-template-areas: "description description" "map phone address website" "book book";
 grid-template-columns: auto auto;
 gap: 5px;
 background-color: #2196F3;
 padding: 5px;
 /*grid-template-rows: auto auto auto auto auto;*/
}
.ss-listing-details-bottom > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}

.ss-tiles {
 display: flex;
 flex-wrap: wrap;
 font-family: 'Oswald';
 gap: 20px;
 justify-content: center;
 overflow: hidden;
 padding: 10px;
}

.ss-tile {
 overflow: auto;
 text-align: center;
 display: grid;
 gap: 10px;
 overflow: hidden;
 position: relative;
 transition: transform .3s linear;
 filter: brightness(0.7);
 background-color: #1e1e1e;
 max-width: 320px;
}

.ss-tile.ss-cat,
.ss-tile.ss-sub {
 overflow: auto;
 border-radius: 5px;
 text-align: center;
 overflow: hidden;
 padding: 2px;
 position: relative;
}

.ss-tile:hover {
 filter: brightness(100%);
 transform: scale(1.04);
}

.ss-tile-img {
 grid-area: 1 / 1 / 2 / 2;
 width: 100%;
}

.ss-tile-img.ss-cat,
.ss-tile-img.ss-sub {
 border-radius: 5px;
}

.ss-tile-name {
 color: white;
 font-size: max(.9vw, 24px);
 font-family: 'Rock Salt';
 font-weight: 300;
 grid-row: 2;
 margin: 0;
 padding: 0 2px;
}

.ss-tile-name.ss-cat,
.ss-tile-name.ss-sub {
 align-self: end;
 background-color: #00000080;
 font-family: 'Oswald';
 grid-area: 1 / 1 / 2 / 2;
 justify-self: stretch;
 padding: 10px;
 position: relative;
 z-index: 1;
}

.ss-tile-desc {
 grid-row: 3;
 font-size: 15px;
 color: white;
 font-weight: 400;
 margin: 0;
 padding: 0 5px;
}

.ss-tile-link {
 align-self: end;
 color: #5cb9b0;
 font-size: 20px;
 grid-row: 4;
 padding: 0 5px;
 text-align: right;
}

.ss-tile-link::after {
 content: url(../images/Upper-Peninsula-Counties/UP-arrow-right.png);
 vertical-align: middle;
}

.ss-tile.ss-basic,
.ss-tile.ss-superior {
 background-color: white;
 box-shadow: 0px 0px 4px 0px #7e7e7e;
 display: flex;
 flex-direction: column;
 filter: brightness(100%);
 font-family: 'Oswald';
 gap: 0;
 grid-template-rows: 45px 240px auto auto auto;
 max-width: 366px;
 padding: 3px;
 text-align: left;
}

.ss-tile.ss-basic:hover,
.ss-tile.ss-superior:hover {
 transform: scale(1.0);
}

.ss-tile-top {
 background: #e7e7e7;
 color: #515151;
 font-family: 'Rock Salt';
 font-size: 18px;
 letter-spacing: 2px;
 text-align: center;
}

.ss-tile-top.ss-superior {
 background: #1c4b6c;
 color: white;
}

.ss-tile-top::before {
 line-height: 0;
 padding: 0px 7px 0px 0px;
 vertical-align: middle;
}

.ss-tile-top.ss-basic::before {
 content: url(../images/Upper-Peninsula-Icons/UP_BASIC_LISTING_GRAY.png);
}

.ss-tile-top.ss-superior::before {
 content: url(../images/Upper-Peninsula-Icons/UP_BUSINESSES_MI_WHITE.png);
}

.ss-tile-img.ss-basic,
.ss-tile-img.ss-superior {
 margin: 0px auto;
 max-height: 240px;
 max-width: 360px;
 padding: 3px 0px;
}

.ss-tile-img.ss-basic {
 opacity: .6;
}

.ss-tile-name.ss-basic,
.ss-tile-name.ss-superior {
 color: #383838;
 font-family: 'Oswald';
 font-size: 20px;
 font-weight: 400;
 margin: 0px;
 padding: 0px 10px;
 text-transform: uppercase;
}

.ss-tile-name.ss-superior {
 color: #0d6ead;
}

.ss-tile-desc.ss-basic,
.ss-tile-desc.ss-superior {
 color: #545454;
 font-size: 18px;
 padding: 10px;
}

.ss-tile-desc.ss-superior {
 color: black;
}

.ss-listing-phone { color: black; }



.ss-tile-bottom.ss-basic {
 align-self: center;
 border: 1.5px solid #6b6a6a;
 border-radius: 5px;
 color: grey;
 font-size: 16px;
 margin: 0px 10px 10px 10px;
 max-width: 220px;
 padding: 10px;
 text-align: center;
 width: 100%;
}

.ss-tile-bottom.ss-superior {
 background: #1c4b6c;
 color: #ffffff;
 display: flex;
 justify-content: space-around;
 margin-top: 10px;
 text-align: center;
 flex-grow: 1;
}

.ss-tile-bottom-img {
 height: auto;
 max-height: fit-content;
 max-width: fit-content;
 width: 100%;
}

.ss-tile-bottom-link {
 color: white;
 font-size: 20px;
 font-weight: 500;
 padding: 19px;
}

.ss-listing-join-link {
 color: black;
 font-weight: 400;
}




} /* @layer x-widget */


/* Styles to customize page-type elements go here. */
@layer x-widget-custom {

.ss-tile-link.ss-sub {
 grid-row: 3;
}

.ss-destinations.ss-county,
.ss-destinations.ss-city {
 .back-button { display: none; }
 #omni-search-form { display: none; }
 .ss-tiles { order: 12; }
}


} /* @layer x-widget-custom */



/* @media rules go here */
@layer x-responsive {

@media only screen and (max-width: 2560px) {
 #t_main {
  margin: 0 auto;
  max-width: 2560px;
 }
}

@media only screen and (max-width: 1480px) {
.ss-listing-details-cont { background-size: 100% 30vw !important; }
}


@media only screen and (max-width: 1280px) {
#t_hdr_logo_res { display: flex !important; justify-content: right; z-index: 99; position: absolute; top: inset; bottom: 10px; margin: 0px auto; left: unset; right: -260px; }
#t_hdr_logo_img_res { display: block !important; width: 30%; height: 30%; }
#t_hdr_logo_img { width: 300px; display: block; }
img.ss-cat-tile-img { max-width: 220px !important; }
img.ss-sub-tile-img { max-width: 220px !important; }
/*img.ss-city-tile-img { max-width: 220px !important; }*/
img.ss-cat-img { max-width: 220px !important; }
img.ss-sub-img { max-width: 220px !important; }
.ss-listing-details-cont { background-size: 100% 34vw !important; }
h1.ss-listing-details-name { font-size: 3.5vw !important; }
}

@media only screen and (max-width: 1024px) { 
#t_hdr_logo_img { width: 300px; display: block; }
a.ss-listing-details-social-icon.ss-listing-details-fb { margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-yt { margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-ig { margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-tw { margin: 0px !important; }
.County-map { flex-wrap: wrap; }
.County-mid { flex-wrap: wrap; }
.City-mid { flex-wrap: wrap; }
}

@media only screen and (max-width: 875px) {
#t_fxd_logo { padding: 0px 0 0 22px !important;}
#t_fxd_logo_img { max-width: 150px; }
.footer-header { font-size: 20px !important; }
.t_ftr_top_rgt { max-width: none !important; width: 80% !important; }
.upper-peninsula-social-foot .t_link,
.upper-peninsula-social-foot .t_icon { font-size: 15px !important; }
.upper-peninsula-social-foot .t_icon_img { width: 40px !important;}
}



@media only screen and (max-width: 830px) {
.ss-listing-details-ss { margin: 15px 0px 15px 0px !important;}
}

@media only screen and (max-width: 780px) {
#upmap { font-size: 2.1vw !important; }
.divider-content { font-size: 25px !important; }
#PMainMenu li a { letter-spacing: normal !important; padding: 0px !important; }
#t_fxd_mnu a { font-size: 16px !important; }
.ss-listing-box.ss-basic { max-width: 220px !important; grid-template-rows: none !important;}
.ss-listing-box.ss-superior { max-width: 240px !important;}
.ss-listing-details-cont { background-size: 100% 38vw !important; }
}

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

}


@media only screen and (max-width: 750px) {
img.att-top { margin: 0px auto -1.6vh auto; }
img.rec-top { margin: 0px auto -1.3vh auto; }
.cat-top-img img { margin: 0px auto -4.2vh auto; }
}


@media only screen and (max-width: 680px) {
.ss-listing-details > .ss-listing-details-name { grid-area: name; grid-column: 1; grid-row: 1; }
.ss-listing-details > .ss-listing-details-ss { grid-area: slideshow; grid-column: 1; grid-row: 2; }
.ss-listing-details > .ss-listing-details-bit.ss-listing-details-book-bit { grid-area: book; grid-column: 1; grid-row: 3; }
.ss-listing-details > .ss-listing-details-social { grid-area: social; grid-column: 1; grid-row: 4; filter: brightness(0.4);}
.ss-listing-details > .ss-listing-details-desc { grid-area: description; grid-column: 1; grid-row: 5;}
.ss-listing-details > .ss-listing-details-bit.ss-listing-details-addr-bit { grid-area: address; grid-column: 1; grid-row: 6; }
.ss-listing-details > .ss-listing-details-bit.ss-listing-details-phone-bit { grid-area: phone; grid-column: 1; grid-row: 7; }
.ss-listing-details > .ss-listing-details-bit.ss-listing-details-link-bit { grid-area: website; grid-column: 1; grid-row: 8; }
.ss-listing-details > .ss-listing-details-map { grid-area: map; grid-column: 1; grid-row: 9; }
.ss-listing-details-social-icon.ss-listing-details-fb { width: 10vw; height: 10vw; margin: 5px !important; }
.ss-listing-details-social-icon.ss-listing-details-yt { width: 10vw; height: 10vw; margin: 5px !important; }
.ss-listing-details-social-icon.ss-listing-details-ig { width: 10vw; height: 10vw; margin: 5px !important; }
.ss-listing-details-social-icon.ss-listing-details-tw { width: 10vw; height: 10vw; margin: 5px !important; }
h1.ss-listing-details-name { font-size: 5.5vw !important; }
}

@media only screen and (max-width: 606px) {
.swn_pfos { grid-template-columns: none !important; }
}
@media only screen and (max-width: 645px) {
#t_ad_left { display: none; }
#t_ad_right { display: none; }
.t_ad_item { padding: 0px 0px 200px 0px !important; }
/*a.ss-listing-details-social-icon.ss-listing-details-fb { width: 5vw; height: 5vw; margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-yt { width: 5vw; height: 5vw; margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-ig { width: 5vw; height: 5vw; margin: 0px !important; }
a.ss-listing-details-social-icon.ss-listing-details-tw { width: 5vw; height: 5vw; margin: 0px !important; }*/
}
@media only screen and (max-width: 600px) {
#t_mm_btn { display: flex; flex-direction: column; }
#t_fxd_mnu { display: none; }
#t_fxd_logo { padding: 0px 0 0 0px !important;}
.t_top_link { display: none; }
.upper-peninsula-michigan-destination-box iframe { width: 100%; margin: 0px 120px 0px 0px; min-height: auto !important; }
}



@media only screen and (max-width: 555px) {
#t_ad_items { height: 181px !important; }
/*img.ss-cat-tile-img { max-width: 200px !important; }
img.ss-sub-tile-img { max-width: 200px !important; }
/*img.ss-city-tile-img { max-width: 200px !important; }*/
img.ss-cat-img { max-width: 200px !important; }
img.ss-sub-img { max-width: 200px !important; }*/
img.ss-cat-tile-img { max-width: 40vw !important; }
img.ss-sub-tile-img { max-width: 40vw !important; }
/*img.ss-city-tile-img { max-width: 40vw !important; }*/
img.ss-cat-img { max-width: 40vw !important; }
img.ss-sub-img { max-width: 40vw !important; }
.ss-tile-container.ss-city-category-list img.ss-cat-tile-img { max-width: 40vw !important; }
.ss-tile-container.ss-city-category-list img.ss-sub-tile-img { max-width: 40vw !important; }
}



@media only screen and (max-width: 500px) {
#upmap { font-size: 2.1vw !important; }
.divider-content { font-size: 25px !important; }
#PMainMenu li a { letter-spacing: normal !important; padding: 0px !important; }
#t_fxd_mnu a { font-size: 16px !important; }
.ss-listing-box.ss-basic { max-width: 360px !important;}
.ss-listing-box.ss-superior { max-width: 360px !important;}
}


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

span.Upper-Peninsula { font-size: 20px !important; font-weight: bold; }
/*h1.ss-county-tile-name { font-size: 28px !important; }*/
/*h1.ss-city-tile-name { font-size: 28px !important; }*/
/*h1.ss-cat-tile-name { font-size: 28px !important; }*/
/*h1.ss-sub-tile-name { font-size: 28px !important; }*/

.ss-tile-container.ss-cat-sub-list { padding: 0px !important; }

#t_mm_btn { display: flex; }
#t_fxd_mnu { display: none; }
#t_fxd_logo { padding: 0px !important; }
.t_icon_img { width: 40px; }
#t_fxd_social { padding: 0px !important; }
#t_ftr_top { margin: 1% 0px 25% 0px !important; }

/*.ss-listing-details-desc { color: white !important; }
a.ss-listing-details-social-icon.ss-listing-details-fb { width: 10vw; height: 10vw; margin: 5px !important; }
a.ss-listing-details-social-icon.ss-listing-details-yt { width: 10vw; height: 10vw; margin: 5px !important; }
a.ss-listing-details-social-icon.ss-listing-details-ig { width: 10vw; height: 10vw; margin: 5px !important; }
a.ss-listing-details-social-icon.ss-listing-details-tw { width: 10vw; height: 10vw; margin: 5px !important; }
.ss-listing-details-cont { background-repeat: repeat; display: block; }
h1.ss-listing-details-name { font-size: 7vw !important; }
.ss-listing-details-bit.ss-listing-details-link-bit { margin: 25px 0px; }
.ss-listing-details-bit.ss-listing-details-addr-bit { margin: 0px; color: white; }
.ss-listing-details-bit.ss-listing-details-phone-bit { margin: 0px; color: white; }
a.ss-listing-details-phone { color: white !important; }
a.ss-listing-details-link { color: white !important; }
.ss-listing-details-bit.ss-listing-details-link-bit::after { color: white !important; }
.ss-listing-details-bit.ss-listing-details-addr-bit::before { filter: saturate(9); margin-top: 0px; }
.ss-listing-details-bit.ss-listing-details-phone-bit::before { filter: saturate(9); margin-top: 0px; }
.ss-listing-details-bit.ss-listing-details-link-bit::before { filter: saturate(9); margin-top: 0px; }
.ss-listing-details-name { margin: 0px 10px !important; }*/

div#UP-Businesses img { padding: 10px 0px !important;}
div#UP-Businesses { padding: 0px !important; }
div#UP-Businesses p { padding: 0px 10px !important; }
div#UP-Businesses h1 { margin: 0px 10px !important; }
}

@media only screen and (max-width: 425px) {
#t_ad_items { height: 181px !important; }
div#Upper-Peninusla-Hotel-Booking { margin: 0px !important; }
}

@media only screen and (max-width: 424px) {
#t_ad_items { height: 150px !important; }
img.ss-cat-tile-img { max-width: 100% !important; }
img.ss-sub-tile-img { max-width: 100% !important; }
img.ss-city-tile-img { max-width: 100% !important; }
img.ss-cat-img { max-width: 100% !important; }
img.ss-sub-img { max-width: 100% !important; }
/* !!!!!
.ss-tile-container.ss-city-category-list .ss-cat-tile-img { max-width: 100% !important; }
.ss-tile-container.ss-city-category-list .ss-sub-tile-img { max-width: 100% !important; }
*/
.ss-tile-img { max-width: 100% !important; }
}

@media only screen and (max-width: 360px) {
#t_ad_items { height: 115px !important; }
/*h1.ss-county-tile-name { font-size: 22px !important; }*/
/*h1.ss-city-tile-name { font-size: 22px !important; }*/
/*h1.ss-cat-tile-name { font-size: 22px !important; }*/
/*h1.ss-sub-tile-name { font-size: 22px !important; }*/
.ss-listing-box.ss-basic { grid-template-rows: 45px 210px auto auto auto !important; }
}

@media only screen and (max-width: 320px) {
#t_ad_items { height: 115px !important; }
/*h1.ss-county-tile-name { font-size: 22px !important; }*/
/*h1.ss-city-tile-name { font-size: 22px !important; }*/
/*h1.ss-cat-tile-name { font-size: 22px !important; }*/
/*h1.ss-sub-tile-name { font-size: 22px !important; }*/
.ss-listing-box.ss-basic { grid-template-rows: 45px 185px auto auto auto !important; }
}


} /* @layer x-responsive */



/*****GOOGLE ADS******/

ins.adsbygoogle.top {
    box-sizing: initial;
}
ins.adsbygoogle {
    display: block;
    height: auto !important;
    /* padding: 0px 10px 0px 10px !important; */
    text-align: center;
    overflow: hidden;
    width: -webkit-fill-available;
}


/*
!!!!! DOES NOT SEEM TO BE USED?!  !!!!!
@font-face {
    font-family: 'desyrelregular';
    src: url('desyrel-webfont.eot');
    src: url('desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('desyrel-webfont.woff2') format('woff2'),
         url('fonts/desyrel-webfont.woff') format('woff'),
         url('desyrel-webfont.ttf') format('truetype'),
         url('desyrel-webfont.svg#desyrelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


/*Mapping*/

.image-map-container {
    position: relative;
    display: inline-block;
}
.image-map-container img {
    width: 100%;
    max-width: 1920px;
}
.overlay {
    position: absolute;
    background-color: rgba(255, 0, 0, 0.5); /* Semi-transparent red */
    pointer-events: none; /* Allows clicks to pass through to the image map */
}
div#up-map {
    width: 100%;
    height: auto;
    max-width: 1920px;
    overflow: hidden;
    position: relative;
    line-height: normal;
    margin: 0px auto;
}

div#up-map div {
    width: auto;
    max-width: 1920px;
}
div#up-map img {
    width: 100%;
    height: auto;
}
div#up-map-container {
    /* position: relative; */
    /* display: flex
; */
    /* transform: scale(100%); */
    /* transform: translate(0px, 0px) scale(100%, 100%); */
    display: inline-block;
    transition: transform 0.3s ease;
}
div#up-map-container img {
    width: 100%;
    height: auto;
    margin: 5px;
    max-width: 1920px;
}

#schoolcraft {
    position: absolute;
    width: 100%;
    max-width: 212px;
    max-height: 301px;
    /*top: 457px;
    left: 1108px;
    right: 600px;*/
    right: 31.705%;
    top: 42.29%;
    left: 57.25%;
    bottom: 29.26%;
  transition: .5s ease;
z-index: 1;
}
#schoolcraft:hover {
transition: .5s ease;
/*width: 250px;
position: absolute;
height: 325px;*/
z-index: 99;
     right: 30.705%;
    top: 41.29%;
    left: 56.25%;
    bottom: 28.26%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#luce {
    position: absolute;
    /*width: 100%;*/
    max-width: 174px;
   max-height: 213px;
    /*top: 350px;
    left: 1320px;
    right: 426px;*/
    right: 22.77%;
    top: 32.2%;
    left: 68.158%;
    bottom: 47.59%;
  transition: .5s ease;
   z-index: 1;
}
/*#luce img:hover + #luce-county {
  display: block;
}*/
#luce:hover {
transition: .5s ease;
/*position: absolute;
height: fit-content;*/
z-index: 99;
/*top: 338px;
left: 1330px;*/
cursor: pointer;
filter: drop-shadow(8px -8px 10px black);
/*display: block;
left: 1310px;
top: 340px; 
width: 200px;
    height: auto;*/
  right: 21.77%;
    top: 31.2%;
    left: 67.158%;
    bottom: 46.59%;
}
/*.luce:hover {
transition: .5s ease;
/*position: absolute;
height: fit-content;*/
z-index: 99;
/*top: 338px;
left: 1330px;*/
cursor: pointer;
filter: drop-shadow(8px -8px 10px black);
/*display: block;
left: 1310px;
top: 340px; 
width: 200px;
    height: auto;*/
  right: 21.77%;
    top: 31.2%;
    left: 67.158%;
    bottom: 46.59%;
}*/
#luce-county:active {
   display: block;
    /*width: 300px !important;
    height: fit-content;*/
       transition-delay: 10s;
  pointer-events: none;
}
#luce-county:target {
            display: flex;
        }
#luce-county {
    background-color: #ffffff;
    float: right;
    position: absolute;
    left: -305px;
    top: 0px;
    border: 1px solid black;
    display: none;
    width: 320px;
    cursor: default;
    z-index: 99;
}
div#luce-county h1 {
    font-size: 25px;
    font-family: oswald;
    font-weight: 400;
    padding: 0px 10px;
    line-height: 1;
    margin-block-end: 0px;
    margin-block-start: 5px;
}
div#luce-county h4 {
    font-size: 18px;
    font-family: oswald;
    font-weight: 400;
    padding: 0px 10px;
    line-height: 1;
    margin-block-end: 0px;
    /*margin-block-start: 0px;*/
}
div#luce-county img {
    width: 120px;
    padding: 10px;
    float: left;
}
div#luce-county ul {
    column-count: 2;
    list-style: none;
    padding: 0px 10px;
    font-size: 17px;
    font-family: oswald;
}
div#luce-county p {
    padding: 0px 10px;
    font-size: 17px;
    font-family: oswald;
}
#baraga {
    position: absolute;
    max-width: 192px;
    max-height: 216px;
    width: 100%;
    /*top: 270px;
    left: 534px;
    right: 1171px;*/
    right: 62.7%;
    top: 24.5%;
    left: 27.3%;
    bottom: 54.99%;
    transition: .5s ease;
    z-index: 2;
}
#baraga:hover {
transition: .5s ease;
/*width: 205px;
position: absolute;
height: 230px;*/
z-index: 99;
    right: 61.7%;
    top: 23.5%;
    left: 26.3%;
    bottom: 53.99%;
cursor: pointer;
filter: drop-shadow(8px -8px 5px black);
}
#alger {
    position: absolute;
    max-width: 350px;
    max-height: 216px;
    width: 100%;
    /*top: 381px;
    left: 970%;
    right: 600px;*/
     right: 31.755%;
     top: 34.959%;
    left: 50.02%;
    bottom: 44.55%;
  transition: .5s ease;
z-index: 2;
}
#alger:hover {
transition: .5s ease;
/*width: 350px;
position: absolute;
height: 216px;*/
z-index: 99;
     right: 30.755%;
     top: 33.959%;
    left: 49.02%;
    bottom: 43.55%;
cursor: pointer;
filter: drop-shadow(8px -8px 10px black);
}
#chippewa {
    position: absolute;
    width: 100%;
    max-width: 384px;
    max-height: 327px;
    /*top: 343px;
    left: 1492px;
    right:44px;*/
   right: 2.85%;
    top: 31.52%;
    left: 77.141%;
    bottom: 37.57%;
  transition: .5s ease;
z-index: 1;
}
#chippewa:hover {
/*position: relative;*/
transition: .5s ease;
z-index: 99;
/*max-width: 120%;
max-height: 120%;
top: 348px;
left: 1487px;*/
  right: 1.9%;
    top: 30.55%;
    left: 76.1%;
    bottom: 35.2%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#mackinac {
    position: absolute;
    width: 100%;
    max-width: 457px;
    max-height: 158px;
    /*top: 562px;
    left: 1321px;
    right: 142px;*/
   top: 52.24%;
    left: 68.27%;
    right: 7.9%;
    bottom: 33%;
  transition: .5s ease;
z-index: 1;
}
#mackinac:hover {
transition: .5s ease;
/*width: 457px;
position: absolute;
height: 158px;*/
z-index: 99;
/*top: 558px;
left: 1318px;*/
top: 51.24%;
    left: 67.27%;
    right: 6.9%;
    bottom: 32%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#delta {
    position: absolute;
    width: 100%;
    max-width: 257px;
    max-height: 251px;
    /*top: 595px;
    left: 892px;*/
    right: 40.615%;
    top: 55.31%;
    left: 45.95%;
    bottom: 20.96%;
  transition: .5s ease;
z-index: 1;
}
#delta:hover {
transition: .5s ease;
/*width: 257px;
position: absolute;
height: 251px;*/
z-index: 99;
    right: 39.6%;
    top: 54.4%;
    left: 44.98%;
    bottom: 19.89%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#keweenaw {
    position: absolute;
    width: 100%;
    max-width: 223px;
    max-height: 111px;
   /* top: 58px;*/
    right: 58.39%;
    top: 4.6%;
    left: 29.96%;
    bottom: 84.89%;
  transition: .5s ease;
z-index: 1;
}
#keweenaw:hover {
transition: .5s ease;
/*width: 223px;
position: absolute;
height: 111px;*/
z-index: 99;
    right: 57.39%;
    top: 3.6%;
    left: 28.96%;
    bottom: 83.86%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#houghton {
    position: absolute;
    width: 100%;
     max-width: 229px;
    max-height: 352px;
   /* top: 134px;
    left: 444px; */
    right: 65.48%;
    top: 11.629%;
    left: 22.605%;
    bottom: 54.95%;
  transition: .5s ease;
z-index: 1;
}
#houghton:hover {
transition: .5s ease;
/*width: 229px;
position: absolute;
height: 352px;*/
z-index: 99;
    right: 64.48%;
    top: 10.629%;
    left: 21.605%;
    bottom: 53.95%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#iron {
    position: absolute;
    width: 100%;
    max-width: 242px;
    max-height: 206px;
    /*top: 485px;
    left: 443px;*/
    right: 64.8%;
    top: 45.0%;
    left: 22.605%;
    bottom: 35.6%;
  transition: .5s ease;
z-index: 1;
}
#iron:hover {
transition: .5s ease;
/*width: 257px;
position: absolute;
height: 251px;*/
z-index: 99;
    right: 63.8%;
    top: 44.0%;
    left: 21.605%;
    bottom: 34.6%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#marquette {
    position: absolute;
    width: 100%;
    max-width: 289px;
    max-height: 377px;
    right: 50.0%;
    top: 26.29%;
    left: 34.955%;
    bottom: 38.05%;
  transition: .5s ease;
z-index: 1;
}
#marquette:hover {
transition: .5s ease;
/*width: 309px;
position: absolute;
height: 397px;*/
z-index: 99;
    right: 49.0%;
    top: 25.29%;
    left: 33.955%;
    bottom: 37.05%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#ontonagon {
    position: absolute;
    width: 100%;
    max-width: 279px;
    max-height: 279px;
    /*top: 234px;
    left: 205px;*/
    right: 75.3%;
    top: 21.17%;
    left: 10.15%;
    bottom: 52.4%;
  transition: .5s ease;
z-index: 2;
}
#ontonagon:hover {
transition: .5s ease;
/*width: 279px;
position: absolute;
height: 279px;*/
    z-index: 99;
    right: 74.3%;
    top: 20.17%;
    left: 9.15%;
    bottom: 51.4%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#gogebic {
    position: absolute;
    width: 100%;
    max-width: 395px;
    max-height: 329px;
    /*top: 325px;
    left: 49px;*/
  right: 77.4%;
    top: 29.780%;
    left: 2.045%;
    bottom: 39.1%;
  transition: .5s ease;
z-index: 1;
}
#gogebic:hover {
transition: .5s ease;
/*width: 395px;
position: absolute;
height: 329px;*/
z-index: 99;
   right: 76.4%;
    top: 28.76%;
    left: 1.04%;
    bottom: 38.1%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#dickinson {
    position: absolute;
   width: 100%;
    max-width: 148px;
    max-height: 227px;
    /*top: 558px;
    left: 680px;*/
    right: 57.38%;
    top: 51.94%;
    left: 34.91%;
    bottom: 26.5287%;
  transition: .5s ease;
z-index: 1;
}
#dickinson:hover {
transition: .5s ease;
/*width: 165px;
position: absolute;
height: 250px;*/
z-index: 99;
    right: 56.38%;
    top: 50.94%;
    left: 33.91%;
    bottom: 25.5287%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}
#menominee {
    position: absolute;
   width: 100%;
    max-width: 173px;
    max-height: 358px;
    /*top: 663px;
    left: 752px;*/
    right: 52.315%;
    top: 61.9%;
    left: 38.65%;
    bottom: 4.26%;
  transition: .5s ease;
z-index: 1;
}
#menominee:hover {
transition: .5s ease;
/*width: 173px;
position: absolute;
height: 358px;*/
z-index: 99;
    right: 52.1%;
    top: 61.4%;
    left: 38.35%;
    bottom: 4%;
cursor: pointer;
filter: drop-shadow(8px 8px 10px black);
}


/*#newberry {
  
   background-color: black;
    position: absolute;
    visibility: hidden;
    top: 20px;
    left: 300px;
    background-image: url(images/business-logos/joshua-james.png);
}

area#newberry:hover {
    visibility: visible;
}
#newberry img {
    width: 200px;
    z-index: 99;
}*/

/*area.gwinn:hover {
    background-image: url(../header/images/facebook.png);
    background-repeat: no-repeat;
    width: 100px;
}

map:hover .gwinn {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
position: absolute;
height: 64px;
left: auto;
top: auto;
}

.gwinn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

map:hover .newberry {
background-image: url(../header/images/youtube.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
position: absolute;
height: 64px;
left: auto;
top: auto;
  background-color: blue;
}

#newberry {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: red;
    top: 100px;
    right: 125px;
  transition: .5s ease;
}
#schoolcraft {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: blue;
    top: 100px;
    right: 125px;
  transition: .5s ease;
}
map:hover .drummond {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
height: 64px;
left: auto;
top: auto;
}

.drummond {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

map:hover .amasa {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
height: 64px;
left: auto;
top: auto;
}

.amasa {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

map:hover .baraga {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 64px;
background-repeat: no-repeat;
height: 64px;
left: auto;
top: auto;
}

.baraga {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;


map:hover .bergland {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
height: 64px;
left: auto;
top: auto;
}

.bergland {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

map:hover .carney {
background-image: url(../header/images/facebook.png);
transition: .5s ease;
width: 100px;
background-repeat: no-repeat;
height: 64px;
left: auto;
top: auto;
}

.carney {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}*/
/*#newberry                            { visibility: hidden; position: absolute; z-index: 2; top: 166px; left: 67px; width: 318px; background-image: url(../header/images/facebook.png); }
#gwinn               { visibility: hidden; position: absolute; z-index: 2; top: 166px; left: 140px; width: 294px }
#carney                      { visibility: hidden; position: absolute; z-index: 2; top: 253px; left: 334px; width: 250px; height: 284px }
#drummond      { visibility: hidden; position: absolute; z-index: 2; top: 184px; left: 340px; width: 208px }
#bergland        { visibility: hidden; position: absolute; top: 166px; left: 241px; width: 288px; height: 200px }
#baraga        { visibility: hidden; position: absolute; top: 166px; left: 241px; width: 288px; height: 200px }
#amasa        { visibility: hidden; position: absolute; top: 166px; left: 241px; width: 288px; height: 200px }*/
 
map {
    position: absolute;
}


/**Business-Directory-Content**/

div#chris-g {
    font-family: 'Rock Salt';
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 2;
    font-weight: 600;
    padding: 25px 10px;
    max-width: 1700px;
    margin: 2.5vh auto auto auto;
    text-align: center;
    color: #434343;
}


.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    vertical-align: bottom;
}


div#UP-Directory {
    margin: 20px;
}
h1.ss-categories-name {
    font-family: 'Oswald';
    font-weight: 300;
    margin: 20px;
    text-align: center;
    color: #00518c;
}
/**City-Pages**/

div#Upper-Peninsula-Hotel-Booking {
    width: 100%;
   display: flex;
    justify-content: center;
    flex-direction: column;
    /*grid-row: 4;*/
 order: 4;
}
div#Upper-Peninsula-Hotel-Booking img {
    margin: 0px auto;
    max-width: max-content;
    max-height: fit-content;
    width: 100%;
}
/*div#Upper-Peninsula-Hotel-Booking iframe {
    max-height: 300px;*/
}
div#City-Michigan {
    /*grid-row: 2;*/
 order: 2;
}
div#City-Michigan p {
    margin: 10px;
}
.City-Top {
    text-align: center;
    color: #343434;
    font-family: 'Oswald';
    font-size: 60px;
    font-weight: 700;
    /*grid-row: 2;*/
 order: 2;
}
.City-Top img {
    height: auto;
    vertical-align: middle;
    margin-left: 10px;
}

.Newberry-City {
    background-image: url(../images/UP-Cities/Newberry-Michigan/newberry-michigan-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
/*    grid-row: 3;*/
 order: 3;
}
.City-mid {
    display: flex;
    justify-content: space-evenly;
    max-width: max-content;
    margin: 0px auto;
    /*flex-wrap: wrap;*/
}
.City-text-right {
    display: grid;
    max-width: 550px;
    margin: 10px auto 30px auto;
    font-family: 'Oswald';
    font-weight: 400;
    align-content: center;
    font-size: max(.9vw, 16px);
    padding: 0px 10px;
}
.City-image-left {
    display: grid;
    margin: 30px 10px;
    align-content: space-evenly;
    max-width: 750px;
}
.City-image-left img {
    width: 100%;
    height: auto;
}
h1.city {
    font-size: max(2vw, 35px);
    font-family: 'Oswald';
    font-weight: 600;
    margin: 0px;
    color: black;
    
}
.City-desc {
    /*grid-row: 5;*/
 order: 5;
    max-width: 1280px;
    justify-content: center;
    padding: 0px 15px;
    margin: 20px auto;
    /*display: flex;
    flex-wrap: wrap;*/
}
.City-desc p {
    font-size: max(1vw, 18px);
    font-family: Rock Salt !important;
    text-align: center;
    color: #484747;
    line-height: 1.8;
    letter-spacing: 1.5px;
    /*padding-top: 3vh;*/
}
.City-text {
    max-width: 1280px;
    /*grid-row: 6;*/
 order: 6;
    justify-self: center;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: max(.8vw, 16px);
    margin: 0px auto 20px auto;
    padding: 0px 15px;
}
.City-text h3{
    font-family: 'Oswald';
    font-weight: 800;
    font-size: max(1vw, 20px) !important;
    margin-bottom: 0px;
}

.City-spotlight {
    background-image: url(../images/Upper-Peninsula-Counties/Luce-County/tahqaumenon-falls-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*grid-row: 7;*/
 order: 7;
}
.attractions {
    background-color: black;
    /*grid-row: 8;*/
 order: 8;
    width: 100%;
}
.attractions-content {
    max-width: 1280px;
    margin: 0px auto;
    display: grid
;
}
img.att-top {
    margin: 0px auto -3.3vh auto;
    grid-row: 1;
    width: 100%;
    max-width: 575px;
    height: auto;
}
img.att-main {
    max-width: 1200px;
    grid-row: 2;
    width: 100%;
    height: auto;
    padding: 0px 20px;
    margin: 0px auto;
}
span.att-title {
    grid-row: 3;
    text-align: center;
    font-size: max(1vw, 20px);
    color: white;
    font-family: 'Rock Salt';
}
p.att-text {
    grid-row: 4;
    color: white;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 20px;
}
a.att-link {
    grid-row: 5;
    text-align: center;
}
img.att-link {
    border: 2px solid #51afa8;
    border-radius: 10px;
    padding: 2px 10px;
    margin: 30px auto;
    max-width: 150px;
    height: auto;
}
.recreation {
    background-color: #51afa8;
    /*grid-row: 9;*/
 order: 9;
    width: 100%;
}
.recreation-content {
    max-width: 1280px;
    margin: 0px auto;
    display: grid
;
}
img.rec-top {
    margin: 0px auto -3.3vh auto;
    grid-row: 1;
    width: 100%;
    max-width: 750px;
    height: auto;
}
img.rec-main {
    max-width: 1200px;
    grid-row: 2;
    width: 100%;
    height: auto;
    padding: 0px 20px;
    margin: 0px auto;
}
span.rec-title {
    grid-row: 3;
    text-align: center;
    font-size: max(1vw, 20px);
    font-family: 'Rock Salt';
}
p.rec-text {
    grid-row: 4;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 20px;
}
a.rec-link {
    grid-row: 5;
    text-align: center;
}
img.rec-link {
    border: 2px solid #000000;
    border-radius: 10px;
    padding: 2px 10px;
    margin: 30px auto;
    max-width: 150px;
    height: auto;
}
.stories {
    /*grid-row: 12;*/
 order: 13;
    background-image: url(../images/Upper-Peninsula-Icons/stories-background.jpg);
    width: 100%;
    background-size: cover;
}
.stories-content {
    max-width: 1280px;
    margin: 0px auto;
    display: grid;
    padding-bottom: 500px;
}
img.stories-top {
    margin: 0px auto -3.3vh auto;
    grid-row: 1;
    width: 100%;
    height: auto;
    max-width: 550px;
}
.up-weather {
    /*grid-row: 13;*/
 order: 14;
    width: 100%;
}
img.weather-top {
    margin: 0px auto;
    display: flex;
    max-width: 550px;
    width: 100%;
}
.section-city {
    max-width: 1280px;
    margin: 0px auto;
    /*grid-row: 15;*/
 order: 15;
    padding: 0px 15px;
}
.span_1_of_1city {
    text-align: left;
    position: relative;
    min-height: 100%;
    margin: 30px 10px !important;
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 300;
}
.col.span_1_of_1city img {
    float: right;
    padding: 10px;
    width: 100%;
    height: auto;
    max-width: fit-content;
}
.col.span_1_of_1city h1 {
    font-family: 'Oswald';
    font-size: 23px;
}
.city-map {
/*    grid-row: 14;*/
 order: 15;
    background-color: #2d748a;
}
.city-map p {
    max-width: 1280px;
    margin: 0px auto;
    padding: 10px 10px 50px 10px;
}
.city-map img {
    justify-self: center;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0px auto;
}

h1.ss-city-name {
    font-size: max(1vw, 42px);
    text-align: center;
    font-family: 'Oswald';
    font-weight: 900;
    margin: 10px auto -40px auto;
    color: #00548f;
    padding: 12px;
    display: flex;
    position: relative;
    /*grid-row: 10; */
 order: 10;
    text-transform: uppercase;
    /* max-width: 550px; */
    /* grid-row-gap: 50px; */
    /* min-width: 505px; */
    width: 100%;
    max-width: 515px;
}
.ss-tile-container.ss-city-category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 5px;
  /*  grid-row: 11;*/
 order: 11;
    max-width: 1600px;
    margin: 0px auto;
}
.ss-tile-container.ss-city-category-list img.ss-cat-tile-img { max-width: 290px !important; margin: 0px auto; }
.ss-tile-container.ss-city-category-list img.ss-sub-tile-img { max-width: 290px !important; margin: 0px auto; }
.cat-top-img img {
    display: flex;
    margin: 0px auto -5.2vh auto;
    width: 100%;
    max-width: 525px;
    height: auto;
}
.cat-top-img {
    margin-bottom: 30px;
    /*grid-row: 11;*/
 order: 11;
}
/**County-Pages**/
div#County-Michigan {
    /*grid-row: 2;*/
 order: 2;
}
div#County-Michigan p {
    margin: 10px;
}
.County-Top {
    text-align: center;
    color: #343434;
    font-family: 'Oswald';
    font-size: 60px;
    font-weight: 700;
    /*grid-row: 3;*/
 order: 3;
}
.County-Top img {
    height: auto;
    vertical-align: middle;
    margin-left: 10px;
}

.Luce-County {
    background-image: url(../images/Upper-Peninsula-Counties/Luce-County/luce-county-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*grid-row: 4;*/
 order: 4;
}
.County-mid {
    display: flex;
    justify-content: space-evenly;
    max-width: max-content;
    margin: 0px auto;
    /*flex-wrap: wrap;*/
}
.County-text-right {
    display: grid;
    max-width: 550px;
    margin: 10px auto 30px auto;
    font-family: 'Oswald';
    font-weight: 400;
    align-content: center;
    font-size: max(.9vw, 16px);
    padding: 0px 10px;
}
.County-image-left {
    display: grid;
    margin: 30px 10px;
    align-content: space-evenly;
    max-width: 750px;
}
.County-image-left img {
    width: 100%;
    height: auto;
}
h1.county {
    font-size: max(2.0vw, 35px);
    font-family: 'Oswald';
    font-weight: 600;
    margin-bottom: 0px;
    color: black;
    
}
.County-desc {
/*    grid-row: 5;*/
 order: 5;

    font-size: max(1.2vw, 18px);
    font-family: Rock Salt;
    max-width: 1280px;
    justify-self: center;
    text-align: center;
    color: #484747;
    padding: 0px 15px;
    margin: 20px auto;
}
.County-text {
    max-width: 1280px;
   /* grid-row: 6;*/
 order: 6;
    justify-self: center;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: max(.8vw, 16px);
    margin: 0px auto 20px auto;
    padding: 0px 15px;
}
.County-map-text {
    /*display: grid;*/
    max-width: 450px;
    margin: 0px 10px;
    font-size: min(max(16px, 4vw), 22px);
    font-family: 'Oswald';
    font-weight: 400;
    align-content: space-evenly;
    text-align: center;
}
.County-map-image {
    /*display: grid;*/
    margin-bottom: 30px;
    align-content: space-evenly;
}
.County-map-image img {
    display: flex;
    width: 100%;
    max-width: 800px;
}
.County-map {
    display: flex;
    justify-content: center;
    /*max-width: max-content;*/
    margin: 0px auto;
    /*flex-wrap: wrap;*/
    /*grid-row: 7;*/
 order: 7;
}
h3.county-int-map {
    font-size: 60px !important;
    font-family: 'Oswald';
    font-weight: 600;
    margin-bottom: 0px;
    color: #1d4b6c;
    margin: 0px;
}
p.county-map-sub {
    font-size: 30px;
    font-family: 'Rock Salt';
    line-height: 1;
    color: #484647;
}
.County-map-text img {
    justify-self: center;
    margin-bottom: 10px;
    max-width: 350px;
    height: auto;
    width: 100%;
}
.County-spotlight {
    background-image: url(../images/Upper-Peninsula-Counties/Luce-County/tahqaumenon-falls-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*grid-row: 8;*/
 order: 8;
}
.County-spotlight-mid {
    display: flex;
    justify-content: left;
    max-width: 1280px;
    margin: 0px auto;
}
.County-spotlight-text {
    max-width: 500px;
    margin: 50px 20px;
    font-size: min(max(16px, 4vw), 22px);
    font-family: 'Oswald';
    font-weight: 300;
    background-color: #ffffffa6;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
h1.county-spotlight {
    font-family: 'Rock Salt';
    letter-spacing: 2px;
    font-size: 40px;
    margin: 0px;
    color: #343434;
}
p.county-spotlight-name {
    font-size: 25px;
    font-weight: 400;
}
a.spotlight-link {
    float: right;
    font-size: 22px;
    font-weight: 800;
    color: #1c4b6c !important;
}
a.spotlight-link::after {
    content: url(../images/Upper-Peninsula-Counties/UP-arrow-right.png);
    vertical-align: middle;
}


.spotlights {
   /* background-image: url(../images/Upper-Peninsula-Counties/Luce-County/tahqaumenon-falls-background.jpg);
    background-repeat: no-repeat;*/
    background-size: cover;
    /*grid-row: 8;*/
 order: 8;
}
.spotlight {
      background-position: center;
    background-size: cover;
}

.spotlight-mid {
    display: flex;
    justify-content: left;
    max-width: 1280px;
    margin: 0px auto;
}
.spotlight-text {
    max-width: 500px;
    margin: 50px 20px;
    font-size: min(max(16px, 4vw), 22px);
    font-family: 'Oswald';
    font-weight: 300;
    background-color: #ffffffa6;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.spotlight-top {
    font-family: 'Rock Salt';
    letter-spacing: 2px;
    font-size: 40px;
    margin: 0px;
    color: #343434;
}
p.spotlight-name {
    font-size: 25px;
    font-weight: 400;
}
a.spotlight-link {
    float: right;
    font-size: 22px;
    font-weight: 800;
    color: #1c4b6c !important;
}
a.spotlight-link::after {
    content: url(../images/Upper-Peninsula-Counties/UP-arrow-right.png);
    vertical-align: middle;
}




.section-county {
    max-width: 1256px;
    margin: 0px auto;
    /*grid-row: 9;*/
 order: 9;
    padding: 0px 15px;
}
.span_1_of_1county {
    text-align: left;
    position: relative;
    min-height: 100%;
    margin: 30px 10px !important;
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 300;
}
.col.span_1_of_1county img {
    float: right;
    padding: 10px;
    width: 100%;
    height: auto;
    max-width: fit-content;
}
.col.span_1_of_1county h1 {
    font-family: 'Oswald';
    font-size: 23px;
}

.ss-tile-container.ss-county-city-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    max-width: 1560px;
    margin: 0px auto;
/*    grid-row: 11;*/
 order: 11;
}
.ss-city-tile {
    overflow: auto;
    /* padding: 10px; */
    text-align: center;
    display: grid;
    overflow: hidden;
    position: relative;
    /* border-radius: 5px; */
    transition: transform .3s linear;
    filter: brightness(0.7);
    background-color: #1e1e1e;
    margin: 10px;
    max-width: 320px;
}
span.ss-tile-name.ss-city-tile-name {
    /* bottom: 0px; */
    /* right: 0px; */
    color: white;
    font-size: max(.9vw, 20px);
    /*background-color: black !important;*/
    /* padding: 10px; */
    /* margin: 10px; */
    /* left: 0px; */
    font-family: 'Rock Salt' !important;
    /* position: relative; */
    /* z-index: 1; */
    /* border-radius: 0px 0px 5px 5px; */
    font-weight: bold;
    grid-row: 2;
}
img.ss-city-tile-img {
    /* display: block; */
    /* margin: 0px auto; */
    /* max-width: 350px; */
    /* max-height: 367px; */
    width: 100%;
    /* height: auto; */
    /* border-radius: 5px; */
    /* overflow: hidden; */
    /* height: 100%; */
    grid-row: 1;
}
a.ss-tile.ss-city-tile p {
    grid-row: 3;
    font-size: 16px;
    font-family: 'Oswald';
    color: white;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    padding: 5px;
}
div.up-city {
    text-align: center;
    font-family: 'Rock Salt';
    margin-bottom: -85px;
    margin-top: -30px;
    color: #3c3c3c;
    /*grid-row: 10;*/
 order: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
.up-city h1 {
    text-align: center;
    font-family: 'Rock Salt';
    color: #3c3c3c;
}
.up-city h1::after {
    content: url(../images/Upper-Peninsula-Counties/lets-make-plans.png);
    vertical-align: -300%;
    

}
.city-tile-link {
    text-align: right;
    padding: 5px;
    font-family: 'Oswald';
    color: #5cb9b0;
    font-size: 20px;
}
.city-tile-link::after {
    content: url(../images/Upper-Peninsula-Counties/UP-arrow-right.png);
    vertical-align: middle;
}
.county-map {
    /*grid-row: 12;*/
 order: 13;
    background-color: #2d748a;
}
.county-map p {
    max-width: 1256px;
    margin: 0px auto;
    padding: 10px 10px 50px 10px;
}
.county-map img {
    justify-self: center;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0px auto;
}







/*Home-Tiles*/
.upper-peninsula-tile_container {
    /*display: grid;
    grid-gap: 1.75rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.upper-peninsula-tile:nth-child(8n + 1) {
    /* overflow: auto; */
    /* padding: 10px; */
    /* display: block; */
   /* overflow: hidden; */
   /* position: relative; */
   /* transition: transform .3s linear; */
   /* filter: brightness(100%); */
    /*grid-column: span 2;*/
    /*grid-row: span 2;*/
}
.upper-peninsula-tile-img {
    /* display: block; */
    /* margin: 0px auto; */
    /* max-width: 500px; */
    /* width: 100%; */
    /* height: auto; */
    /* overflow: hidden; */
    background-size: cover;
    background-position: center center;
    color: white !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    /* padding-top: 20%; */
}
.upper-peninsula-tile-header {
    /* color: white; */
    /* text-align: left; */
    /* font-family: serif !important; */
    /* padding: 0px; */
    /* margin: 0px; */
    display: flex;
    align-items: center;
    font-family: 'Oswald';
    color: white;
    font-size: 2.125rem !important;
    margin-bottom: 1.5em !important;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    line-height: .01 !important;
}

.upper-peninsula-tile-sub {
    color: #febb39;
    font-size: 15px;
    line-height: normal;
    padding: 0px;
    /*margin: 0px;*/
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}
   
/*Home-Tiles-OLD*/

/*.upper-peninsula-tile_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}*/
a.upper-peninsula-tile-box {
    padding: 20px;
}
/* a.upper-peninsula-tile-box:hover img {
   filter: brightness(100%);
   transform: scale(105%);
} */
upper-peninsula-tile-name {
    display: none;
}
/*upper-peninsula-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 500px;
    width: 100%;
    height: auto;
    overflow: hidden;
}*/

.upper-peninsula-t-tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
a.upper-peninsula-tile-box {
    padding: 20px;
}
/* a.upper-peninsula-tile-box:hover img {
filter: brightness(100%);
   transform: scale(105%);
} */
upper-peninsula-tile-name {
    display: none;
}
/*.upper-peninsula-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 500px;
    width: 100%;
    height: auto;
    overflow: hidden;
}*/

.upper-peninsula-tile {
   /* padding: 10px;*/
    display: block;
    overflow: hidden;
    position: relative;
    transition: transform 1s linear;
    filter: brightness(100%);
    transform: translateY(0) !important;
    transition-timing-function: ease-in-out;
    transition: height 0.50s linear;
    margin: 10px;
    cursor: pointer;
}

.upper-peninsula-tile-title {
    bottom: 0px;
    right: 0px;
    background-color: #00000080;
    padding: 10px;
    /*margin: 10px;*/
    left: 0px;
    position: absolute;
    z-index: 1;
    height: 50px;
    transition-property: height;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: .5s;
}
.upper-peninsula-tile-title:hover {
    height: 100%;

}

/*.upper-peninsula-tile-header {
    color: white;
    text-align: left;
    font-family: serif !important;
    padding: 0px;
    margin: 0px;
}*/

.upper-peninsula-tile:hover {
    /* filter: brightness(80%);
    transform: scale(1.04); */
}


/*.upper-peninsula-tile-header {
    color: white;
    text-align: left;
    font-family: serif !important;
    padding: 0px;
    margin: 0px;
}*/

.upper-peninsula-tile:hover {
  /*  filter: brightness(80%);
    transform: scale(1.04); */
}




/*.section {
 overflow: auto;
 width: 100%;
}

.section .header {
 font-size: 1.8em;
}

.section .image {
 margin-bottom: 0.5em;
}

.section .image img {
 border-width: 0;
 display: block;
 margin-bottom: 0.5em;
}

.section td img {
 margin: 0.5em;
}

.section .image .caption {
 font-size: 1.2em;
 font-style: italic;
}

.section .left {
 float: left;
 margin-right: 1em;
 text-align: left;
}

.section .right {
 float: right;
 margin-left: 1em;
 text-align: right;
}

.section .left_half {
 float: left;
 margin-right: 2%;
 width: 49%;
}

.section .right_half {
 float: left;
 width: 49%;
}*/




/******************
 * Gallery Styles *
 *****************/

table.GalleryThumbBox {
 background-color: #b8dc9a;
 float: left;
 height: 32rem;
 margin: 1rem 1rem 1rem 1rem;
 padding: 0;
 width: 29rem;
}

table.GalleryThumbBox:hover {
 background-color: #97c96d;
}


img.GalleryThumb {
 display: block;
 margin: 0;
 border: 0;
 cursor: pointer;
}

span.ThumbCaption {
 color: white;
 font-size: 0.9rem;
}

hr.GalleryRule {
 clear: left;
}

img.GalleryLargeImage {

}

select.GalleryCategory {
 margin-top: 2px;
}



.VGC_LIST_TITLE {
 font-weight: bold;
}

.bgclip {
    font-size: 12vw;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    background: url(../images/upper-peninsula-destinations/Newberry-Michigan.jpg) 0 0 / cover no-repeat;
    color: #743917;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Anton';
    margin: 0px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

/****************************
 INFO REQUEST PAGE STYLES
****************************/

/* Everything in the mail form is inside this division. */
#VGC_MAIL_FORM {

}

#VGC_MAIL_FORM fieldset legend {
 color: black;
 font-family: Arial, sans-serif;
 font-size: 1.4rem;
 font-weight: bold;
}

.VGC_MAIL_TEXT {
 float: left;
 font-family: Arial;
 font-size: 1.8rem;
 font-weight: normal;
 margin: 0 0 0.5rem 1rem;
}

/* Each input element has a label. */
#VGC_MAIL_FORM label {
 float: left;
 margin: 0 0 0.5rem 1rem;
 font-family: Arial, sans-serif;
 font-size: 1.8rem;
 font-weight: bold;
 width: 45%;
}

/* The style for each input element. */
#VGC_MAIL_FORM input, #VGC_MAIL_FORM select, #VGC_MAIL_FORM textarea {
 border: 1px solid black;
 float: left;
 margin-bottom: 0.5rem;
}

/* This helps format the page. */
#VGC_MAIL_FORM br {
 clear: left;
}

/* The security code elements are inside this division. */
#VGC_MAIL_SECURITY {

}

/* Style for the security code message. */
#VGC_MAIL_SECURITY p {

}

/* Style for the security code input box. */
#VGC_MAIL_SECURITY input {

}

/* style for the security code image. */
#VGC_MAIL_SECURITY img {

}

.VGC_MAIL_STATUS {
 font-family: Arial, sans-serif;
 font-size: 1.5rem;
 font-weight: bold;
 color: #ff0000;
}


   .calendar {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    margin-top: 10px;
    /*width: 100%;*/
   }

   .calendar td, .calendar th {
    border: 1px solid black;
   }

   .calendar th {
    background-color: #dff2cf;
   }

   .calendar th span {
    font-size: 1.6rem;
   }

   .calendar tr.calendar_nav th {
    background-color: white;
    text-align: center;
   }

   .calendar tr.calendar_nav th h1 {
    color: black;
    font-size: 2rem;
   }

   .calendar tr.calendar_nav th a {
    color: black;
    font-size: 1.4rem;
    text-decoration: none;
   }

   .calendar tr.calendar_nav th h1 a {
    color: blue;
    font-size: 1rem; 
   }
   .calendar tr.calendar_nav th h1 a:visited {
    color blue;
   }
   .calendar tr.calendar_nav th h1 a:hover {
    color blue;
   }

   .calendar tr.calendar_nav th a:visited {
    color: black;
   }

   .calendar tr.calendar_nav th a:hover {
    color: black;
   }

   .calendar div {
    background-color: white;
    height: 7.6rem;
    overflow: hidden;
    padding: 2rem 0 0 0;
    position: relative;
    width: 100%;
   }

   .calendar div.not_in_month {
    background-color: #64855a;
   }

   .calendar div.has_events {
    background-color: #b7d69a;
   }

   .calendar div span {
    background-color: #76b663;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
   }

   .calendar div ul {
    margin: 0 0 0 2rem;
    padding: 0;
   }

   .calendar a {
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    text-decoration: none;
   }


   .calendar_event_list {
    background-color: white;
    border: 1px solid black;
    display: none;
    padding: 1rem;
    position: absolute;
    min-height: 9.6rem;
    min-width: 200px;
   }

   .calendar_event_list ul {
    margin: 0 0 0 2rem;
    padding: 0;
   }

   .calendar_event_list li {
    font-size: 1rem;
   }

   .calendar_event_list a {
    color: blue;
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.2;
    text-decoration: none;
   }

   .calendar_event_list a:visited {
    color: blue;
   }

   .calendar_event_list a:hover {
    color: blue;
   }

   .calendar_left {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
   }

   .calendar_right {
    border-top-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
   }

   .calendar_event_details {
    display: none;
    position: absolute;
    z-index: 400;
   }

   .calendar_event_arrow {
    border-bottom: 1rem solid transparent;
    border-top: 1rem solid transparent;
    height: 0;
    position: absolute;
    top: 0.4rem;
    width: 0;
   }

   .calendar_left  .calendar_arrow {
    border-right: 2rem solid white;
    left: 0.2rem;
    z-index: 6;
   }

   .calendar_right .calendar_arrow {
    border-left: 2rem solid white;
    right: 0.2rem;
    z-index: 6;
   }

   .calendar_left .calendar_shadow {
    border-right: 2rem solid black;
    left: 0;
    z-index: 2;
   }

   .calendar_right .calendar_shadow {
    border-left: 2rem solid black;
    right: 0;
    z-index: 2;
   }

   .calendar_bubble {
    background-color: white;
    border: 1px solid black;
    border-radius: 0.5rem;
    padding: 1rem;
    position: absolute;
    top: 0;
    width: 25rem;
    z-index: 4;
   }

   .calendar_left .calendar_bubble {
    -mos-box-shadow: 0.5rem 0.5rem 0.5rem black;
    -webkit-box-shadow: 0.5rem 0.5rem 0.5rem black;
    box-shadow: 0.5rem 0.5rem 0.5rem black;
    left: 2rem;
   }

   .calendar_right .calendar_bubble {
    -mos-box-shadow: -0.5rem 0.5rem 0.5rem black;
    -webkit-box-shadow: -0.5rem 0.5rem 0.5rem black;
    box-shadow: -0.5rem 0.5rem 0.5rem black;
    right: 2rem;
   }

   .calendar_bubble span {
    font-family: Arial, sans-serif;
    font-size: 1.8rem;
   }

   .calendar_bubble p {
    font-family: Arial, sans-serif;
    font-size: 1.4rem;
   }

   .calendar_bubble a {
    font-family: Arial, sans-serif;
    color: blue;
    font-size: 1.4rem;
   }

   .calendar_help {
    font-size: 1.2rem;
    position: absolute;
    right: 35%;
    text-align: right;
    top: 2.4rem;
   }

   .calendar tr.calendar_nav th a.calendar_help2 {
    font-size: 1.2rem;
    text-align: right;
    top: 2.6rem;
   }


.calendar_event_info {
 font-family: Arial, sans-serif; 
}

.calendar_event_info h1 {
 font-size: 2rem;
}

.calendar_event_info .date {
 
}

.calendar_event_info .date h3 {
 font-size: 1.6rem;
}

.calendar_event_info .date span {
 font-size: 1.4rem;
}

.calendar_event_info .date p {
 font-size: 1.4rem;
}

.calendar_event_info .desc p {
 font-size: 1.4rem;
}


.calendar td.no_border {
 border-width: 0;
}

.VGC_MINI_MONTH {
 border-collapse: collapse;
 margin: 1rem;
}

.VGC_MINI_MONTH th, .VGC_MINI_MONTH td {
 font-size: 1rem;
 text-align: center;
}

.VGC_MINI_MONTH thead th {
 background-color: white;
}

.VGC_MINI_MONTH thead th a {

}

.VGC_MINI_MONTH th {

}

.VGC_MINI_MONTH td.mini_blank {
 background-color: #64855a;
}

.VGC_MINI_MONTH td.mini_day {

}

.VGC_MINI_MONTH td.has_events {
 background-color: #b7d69a;
}

.VGC_MINI_MONTH a, .VGC_MINI_MONTH span {
 font-size: 1.4rem;
}

.calendar .VGC_MINI_MONTH th span {
 font-size: 1.4rem;
}

.calendar {
 width: 100%;
 margin-bottom: 10px;
}

.calendar_years {
 text-align: center;
 -ms-text-justify: distribute-all-lines;
 text-justify: distribute-all-lines;
}

.calendar_years .VGC_MINI_MONTH {
 display: inline-block;
 *display: inline;
 margin: 1rem;
}

.calendar_years .stretch {
 display: inline-block;
 font-size: 0;
 line-height: 0;
 width: 100%;
}

.CALENDAR_MONTH_EVENT {
 font-family: Arial, sans-serif;
 overflow: auto;
 margin: 0 0 1rem 0;
}

.CALENDAR_MONTH_EVENT .date {
 background-color: navy;
 border-radius: 1rem;
 float: left;
 height: 4.8rem;
 margin: 0 1rem 1rem 0;
 overflow: hidden;
 padding: 1rem;
 text-align: center;
 width: 4.8rem;
 line-height: 1.2;
}

.CALENDAR_MONTH_EVENT .date .day {
 color: white;
 font-size: 3rem;
}

.CALENDAR_MONTH_EVENT .date .day a {
 color: white;
 font-size: 1rem;
 text-decoration: none;
}

.CALENDAR_MONTH_EVENT .date .month {
 color: white;
 font-size: 1.4rem;
}

.CALENDAR_MONTH_EVENT .title {
 font-size: 2rem;
 margin: 0 0 2px 0;
}

.CALENDAR_MONTH_EVENT .title a {
 color: black;
 font-size: 1rem;
 text-decoration: none;
}

.CALENDAR_MONTH_EVENT .time{
 font-size: 1.4rem;
 font-style: italic;
}

.CALENDAR_MONTH_EVENT p {
 font-size: 1.4rem;
}

.vgc_ss {
 overflow: hidden;
 position: relative;
 display: block;
}

.vgc_ss_Dark {
 border-color: white;
 color: white;
}

.vgc_ss_Light {
 border-color: black;
 color: black;
}

.vgc_ss_slide {
 overflow: hidden;
 width: 100%;
}

.vgc_ss_image {
 /*height: 100vh;
 object-fit: cover;*/
 vertical-align: middle;
 width: 100%;
filter: brightness(0.9);
}

.vgc_ss_text {
 bottom: 0;
 font-family: Arial, sans-serif;
 left: 0; 
 position: absolute;
 right: 0;
 text-align: center;
}

.vgc_ss_bg {
 height: 100%;
 opacity: 0.66;
 position: absolute;
 width: 100%;
 z-index: 1;
}

.vgc_ss_Dark .vgc_ss_bg {
/* background-color: black;*/
}

.vgc_ss_Light .vgc_ss_bg {
 background-color: white;
}
.vgc_ss_title {
    font-size: 10.9vw;
    font-weight: 100;
    margin: 0px;
    position: relative;
    z-index: 2;
    color: #ffffff99;
    font-family: 'Anton';
    letter-spacing: 8px;
    /* text-shadow: 0px 0px 4px white; */
}

.vgc_ss_caption {
    /*font-size: 10.2vw;
    position: relative;
    z-index: 2;
    font-family: 'Allison';
    margin: -8.6% 0px 4% 0px;
    color: #f4b31b;
    letter-spacing: 5px;
    text-shadow: 1px 1px 12px #04040482;*/
color: white;
    font-family: "Roboto", sans-serif;
    font-size: 2.5vw;
    position: relative;
    z-index: 3;
    line-height: 1;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-weight: 100;
}

.vgc_ss_Fade > .vgc_ss_slide {
 opacity: 0;
 position: absolute;
 top: 0;
 transition: opacity 0.5s;
}

.vgc_ss_Fade > .vgc_ss_slide:first-child {
 position: relative;
}

.vgc_ss_Fade[data-slide="1"] > .vgc_ss_slide:nth-of-type(1) { opacity: 1; }
.vgc_ss_Fade[data-slide="2"] > .vgc_ss_slide:nth-of-type(2) { opacity: 1; }
.vgc_ss_Fade[data-slide="3"] > .vgc_ss_slide:nth-of-type(3) { opacity: 1; }
.vgc_ss_Fade[data-slide="4"] > .vgc_ss_slide:nth-of-type(4) { opacity: 1; }
.vgc_ss_Fade[data-slide="5"] > .vgc_ss_slide:nth-of-type(5) { opacity: 1; }
.vgc_ss_Fade[data-slide="6"] > .vgc_ss_slide:nth-of-type(6) { opacity: 1; }
.vgc_ss_Fade[data-slide="7"] > .vgc_ss_slide:nth-of-type(7) { opacity: 1; }
.vgc_ss_Fade[data-slide="8"] > .vgc_ss_slide:nth-of-type(8) { opacity: 1; }
.vgc_ss_Fade[data-slide="9"] > .vgc_ss_slide:nth-of-type(9) { opacity: 1; }
.vgc_ss_Fade[data-slide="10"] > .vgc_ss_slide:nth-of-type(10) { opacity: 1; }
.vgc_ss_Fade[data-slide="11"] > .vgc_ss_slide:nth-of-type(11) { opacity: 1; }
.vgc_ss_Fade[data-slide="12"] > .vgc_ss_slide:nth-of-type(12) { opacity: 1; }
.vgc_ss_Fade[data-slide="13"] > .vgc_ss_slide:nth-of-type(13) { opacity: 1; }
.vgc_ss_Fade[data-slide="14"] > .vgc_ss_slide:nth-of-type(14) { opacity: 1; }
.vgc_ss_Fade[data-slide="15"] > .vgc_ss_slide:nth-of-type(15) { opacity: 1; }
.vgc_ss_Fade[data-slide="16"] > .vgc_ss_slide:nth-of-type(16) { opacity: 1; }
.vgc_ss_Fade[data-slide="17"] > .vgc_ss_slide:nth-of-type(17) { opacity: 1; }
.vgc_ss_Fade[data-slide="18"] > .vgc_ss_slide:nth-of-type(18) { opacity: 1; }
.vgc_ss_Fade[data-slide="19"] > .vgc_ss_slide:nth-of-type(19) { opacity: 1; }
.vgc_ss_Fade[data-slide="20"] > .vgc_ss_slide:nth-of-type(20) { opacity: 1; }

.vgc_ss_Slide > .vgc_ss_slide {
 margin-left: 100%;
 position: absolute;
 top: 0;
 transition: margin 0.5s;
 z-index: 1;
}

.vgc_ss_Slide > .vgc_ss_slide:first-child {
 position: relative; 
}

.vgc_ss_Slide[data-slide="1"] > .vgc_ss_slide:nth-of-type(1)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="1"] > .vgc_ss_slide:last-of-type
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="2"] > .vgc_ss_slide:nth-of-type(2)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="2"] > .vgc_ss_slide:nth-of-type(1)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="3"] > .vgc_ss_slide:nth-of-type(3)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="3"] > .vgc_ss_slide:nth-of-type(2)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="4"] > .vgc_ss_slide:nth-of-type(4)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="4"] > .vgc_ss_slide:nth-of-type(3)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="5"] > .vgc_ss_slide:nth-of-type(5)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="5"] > .vgc_ss_slide:nth-of-type(4)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="6"] > .vgc_ss_slide:nth-of-type(6)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="5"] > .vgc_ss_slide:nth-of-type(5)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="7"] > .vgc_ss_slide:nth-of-type(7)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="7"] > .vgc_ss_slide:nth-of-type(6)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="8"] > .vgc_ss_slide:nth-of-type(8)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="8"] > .vgc_ss_slide:nth-of-type(7)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="9"] > .vgc_ss_slide:nth-of-type(9)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="9"] > .vgc_ss_slide:nth-of-type(8)
{ margin-left: -100%; z-index: 2; } 
.vgc_ss_Slide[data-slide="10"] > .vgc_ss_slide:nth-of-type(10)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="10"] > .vgc_ss_slide:nth-of-type(9)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="11"] > .vgc_ss_slide:nth-of-type(11)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="11"] > .vgc_ss_slide:nth-of-type(10)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="12"] > .vgc_ss_slide:nth-of-type(12)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="12"] > .vgc_ss_slide:nth-of-type(11)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="13"] > .vgc_ss_slide:nth-of-type(13)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="13"] > .vgc_ss_slide:nth-of-type(12)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="14"] > .vgc_ss_slide:nth-of-type(14)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="14"] > .vgc_ss_slide:nth-of-type(13)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="15"] > .vgc_ss_slide:nth-of-type(15)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="15"] > .vgc_ss_slide:nth-of-type(14)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="16"] > .vgc_ss_slide:nth-of-type(16)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="16"] > .vgc_ss_slide:nth-of-type(15)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="17"] > .vgc_ss_slide:nth-of-type(17)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="17"] > .vgc_ss_slide:nth-of-type(16)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="18"] > .vgc_ss_slide:nth-of-type(18)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="18"] > .vgc_ss_slide:nth-of-type(17)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="19"] > .vgc_ss_slide:nth-of-type(19)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="19"] > .vgc_ss_slide:nth-of-type(18)
{ margin-left: -100%; z-index: 3; } 
.vgc_ss_Slide[data-slide="20"] > .vgc_ss_slide:nth-of-type(20)
{ margin-left: 0; z-index: 3; } 
.vgc_ss_Slide[data-slide="20"] > .vgc_ss_slide:nth-of-type(19)
{ margin-left: -100%; z-index: 3; } 

.vgc_ss_prev, .vgc_ss_next {
    cursor: pointer;
    display: none;
    position: absolute;
    top: 45%;
    text-align: center;
    vertical-align: middle;
    z-index: 10;
    opacity: 0.4;
}

.vgc_ss:hover .vgc_ss_prev,
.vgc_ss:hover .vgc_ss_next {
 display: block;
}

.vgc_ss_prev {
    left: 10px;
    border-right: 25px solid #ffffff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.vgc_ss_next {
    right: 10px;
    border-left: 25px solid #ffffff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.vgc_ss_arrow {
 height: 0; 
 width: 0; 
 z-index: 2;
}

.vgc_ss_prev > .vgc_ss_arrow {
}

.vgc_ss_next > .vgc_ss_arrow {
}


.swn_pfos {
 column-gap: 10px;
 display: grid;
 /*grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));*/
 grid-template-columns: repeat(auto-fit, 280px);
 justify-content: center;
 row-gap: 10px;
}

.swn_pfo {
 display: flex;
 flex-direction: column;
border: solid 1px lightgray;
}

.swn_pfo a:first-child {
 display: block;
 margin-bottom: 10px;
 width: 100%;
}

.swn_pfo_img {
 vertical-align: middle;
 width: 100%;
 margin-top: 10px;
}

.swn_pfo_ttl {
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
}


.swn_pfo_det {

}

.swn_pfo_det_img {
 float: left;
 max-width: 700px;
 width: 100%;
}

.swn_pfo_det_nam {
 font-size: 20px;
 font-weight: bold;
}

#t_main > .swn_pfo_det > .swn_pfo_det_lnk {
 color: blue;
 text-decoration: underline;
}

.swn_pfo_det_dsc {
 font-size: 16px;
}

/*  SECTIONS1  */
.section1 {
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 8px auto 0 auto;
    max-width: 1050px;
    overflow: visible;
    max-height: 100%;
    justify-content: space-between;
    display: flex;
}

.sectionleft {
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0 auto;
    max-width: 95%;
    overflow: visible;
    max-height: 100%;
}

.sectionright {
    clear: both;
    padding: 0px;
    margin: 0px auto;
    max-width: 1000px;
    overflow: visible;
    max-height: 100%;
    float: none;
    top: 0px;
}
.sectionfoot {
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0 auto;
    max-width: 1280px;
    overflow: visible;
    max-height: 100%;
}

/*  COLUMN SETUP  */
.col1 {
	display: block;
	float: left;
	margin: 0 0 0 1.6%;
	
}
.col {
	display: block;
	float: left;
	margin: 0 0 0 .9%;
	
}

.colleft {
	display: block;
	float: left;
	margin: 0 0 0 1.6%;
	
}
.colright {
	display: block;
	margin: 0 0 0 1.6%;
        float: right;
	
}
.colleft1 {
    display: block;
    float: left;
    margin: 2% 1% 1% 0px;
}
.colright1 {
    display: block;
    margin: 2% 0% 1% 1%;
    float: right;
}

.col1 p {
/* display: block;
 width: auto;
 right: 0px;
 left: 0px;
 position: relative;*/
}
.col1:first-child {  }


/*  SECTIONS  */
.section {
/*	clear: both;
	padding: 0px 10px 10px 0px;
	margin: 0px auto;
	max-width: 1680px;
	overflow: visible;
	max-height: 100%;
*/
}
.section_att {
/*	clear: both;
	padding: 0px 10px 10px 0px;
	margin: 0px auto;
	max-width: 1256px;
	overflow: visible;
	max-height: 100%;*/
}

/*  COLUMN SETUP  */
.colcon {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;

	
}

.col p {
/* display: block;
 width: auto;
 right: 0px;
 left: 0px;
 position: relative;*/
}
.col:first-child {  }

.section img {
    max-width: 100%;
    height: inherit;
}

.span_1_of_1r p a img {
    float: right;
    margin: 0 10px 10px 0;
        padding-left: 15px;
}
.span_1_of_1l img {
    float: left;
    margin: 0 10px 10px 0;
}


.span_1_of_1c img {
    float: left;
    margin: 0 10px 10px 0;
}

.span_1_of_1r img {
    float: right;
    margin: 0 0 10px 10px;
}

.span_1_of_1more img {
    float: right;
    margin: 0 0 10px 10px;
}

/*  GRID OF ONE  */
.span_1_of_1c {
	width: 98.4%;
	text-align: left;
	position: relative;
	min-height: 100%;
	
}
.span_1_of_1r {
	width: 98.4%;
	text-align: left;
	position: relative;
	min-height: 100%;
	
}
.span_1_of_1l {
	width: 98.4%;
	text-align: left;
	position: relative;
	min-height: 100%;
	
}
.span_1_of_1h {
/*	width: 98.4%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/
}
.span_1_of_1more {
/*	text-align: left;
	position: relative;
	min-height: 100%;
*/	
}

/*  GRID OF TWO  */
.span_2_of_2c {
/*	width: 48.4%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/	
}

.span_1_of_2c {
/*	width: 48.4%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/
}

.span_2_of_2left {
/*	text-align: center;
	position: relative;
	min-height: 100%;
	margin-left: 35%;
*/
}        

.span_1_of_2left {
/*	text-align: center;
	position: relative;
	min-height: 100%;
*/
}


.span_4_of_4right {
/*	width: 22%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/
}

.span_3_of_4right {
/*	width: 22%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/
}
.span_2_of_2right {
/*	width: 22%;
	text-align: center;
	position: relative;
	min-height: 100%;
*/
}

.span_1_of_1right {
/*	text-align: center;
	position: relative;
	min-height: 100%;*/
}


.span_2_of_2logo {
/*	width: 47.4%;
	text-align: center;
	position: relative;
	min-height: 100%;*/
	
}

.span_1_of_2logo {
/*	width: 47.4%;
	text-align: center;
	position: relative;
	min-height: 100%;*/
}
.span_2_of_2na {
/*	width: 47.4%;
	text-align: center;
	position: relative;
	min-height: 100%;
	*/
}

.span_1_of_2na {
/*	width: 47.4%;
	text-align: left;
	position: relative;
	min-height: 100%;*/
}


/*  GRID OF THREE  */
.span_3_of_3 {
/*	width: 31.5%;
	text-align: center;
	position: relative;
	min-height: 100%;*/
	
}
.span_2_of_3 {
 /*   width: 31.5%;
    text-align: center;
    position: relative;
    min-height: 100%;*/
}

.span_1_of_3 {
/*	width: 31.5%;
	text-align: center;
	position: relative;
	min-height: 100%;*/
}

.section2 {
/*	clear: both;
	padding: 10px;
	margin: 0px auto;
	max-width: 800px;
	overflow: visible;
	max-height: 100%;*/
}
.col span_1_of_2{
/*	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;*/
}	

.span_1_of_2 {
/*
	text-align: left;
	position: relative;
	min-height: 100%;
        width: 47%;*/
}

.span_mid_of_2 {
/*	width: 20%;
	text-align: left;
	position: relative;
	min-height: 100%;*/
}
.span_2_of_2 {
/*
	text-align: left;
	position: relative;
	min-height: 100%;
        width: 47%;*/
}

#t_hdr_logo_res {
    display: none;
}
#t_hdr_logo_img_res {
    display: none;
}
video {
    position: inherit;
    min-width: 100%;
    overflow: hidden;
    z-index: -1;
}
#VideoContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.upper-peninsula-michigan-destination-box iframe {
    border-radius: 5px;
    min-height: 280px;
}
.upper-peninsula-michigan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 order: 15;
}
.upper-peninsula-michigan-destination {
    display: flex;
    justify-content: space-evenly;
}
.upper-peninsula-michigan-destination-box {
    overflow: auto;
    padding: 10px;
    text-align: center;
    display: block;
    width: 100%;
    overflow: hidden;
   /* max-width: 400px;*/
   position: relative;
   border-radius: 5px;
}
.upper-peninsula-michigan-destination-box img {
    display: block;
    margin: 0px auto;
    max-width: 500px;
   /* max-height: 280px;*/
    width: 100%;
    height: auto;
   transition: transform .8s ease;
border-radius: 5px;
}

.upper-peninsula-michigan-destination-box-up {
    padding: 0px 0px 10px 0px;
    margin: 10px;
}
h1.Upper-Peninsula {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: 28px;
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 20px 20px;
}
span.Upper-Peninsula a {
    color: white !important;
    text-decoration: none !important;
   
}
span.Upper-Peninsula a::after {
    content: " >";
}
.upper-peninsula-michigan-destination-box:hover img {
  filter: brightness(100%);
  transform: scale(1.1);
}
.divider-content {
  font-size: 40px;
  display: flex;
  align-items: center;
  color: #124577;
  padding: 0px 0px 0px 0px;
  font-family: 'Raleway';
  margin-left: -130px;
  margin-right: -130px;
  margin-bottom: 15px;
  margin-top: 35px;
}
.divider-content::before, .divider-content::after {
    flex: 1;
    content: '';
    padding: 1.5px;
    background-color: #124577;
    margin: 30px;
}
.upper-peninsula-text {
    text-align: center;
    font-family: 'Raleway';
    font-size: 28px;
    font-weight: bold;
    color: #f15b22;
 order: 14;
}
/*#upmap a {
    color: black;
    font-family: 'Bad Script';
    font-weight: bold;
}*/
/*#upmap a:hover { color: #124577; }*/
/*#upmap { position: relative; max-width: 765px; width: 100%; text-align: center; font-size: 20px; }*/
/*#upmap img { max-width: 765px; width: 100%; }*/
/*.gogebic { position: absolute; left: 8.62%; top: 39.55%; /*width: 11.9%; height: 8.06%;*/ }*/
/*.baraga { position: absolute; left: 27.35%; top: 30.45%; /*width: 8.89%; height: 8.37%;*/  }*/
/*.luce { position: absolute; left: 73%; top: 35%; /*width: 9.02%; height: 8.15%;*/  }*/
/*.schoolcraft { position: absolute; left: 59.87%; top: 46.61%; /*width: 14.93%; height: 8.11%;*/  }*/
/*.delta { position: absolute; left: 51.76%; top: 55.91%; /*width: 8.76%; height: 8.63%;*/  }*/
/*.marquette { position: absolute; left: 37.5%; top: 38.69%; /*width: 13.86%; height: 8.19%;*/  }*/
/*.menominee { position: absolute; left: 36%; top: 78.06%; /*width: 16.72%; height: 8.91%;*/  }*/
/*.chippewa { position: absolute; left: 82%; top: 44%; /*width: 14.04%; height: 7.5%;*/  }*/
/*.mackinac { position: absolute; left: 78.85%; top: 52.64%; /*width: 12.54%; height: 8.87%;*/  }*/
/*.alger { position: absolute; left: 51.6%; top: 44.07%; /*width: 7.58%; height: 8%;*/  }*/
/*.iron { position: absolute; left: 27%; top: 47.33%; /*width: 10.33%; height: 8.88%;*/  }*/
/*.ontonagon {position: absolute; left: 9.87%; top: 28.17%; /*width: 13.24%; height: 8.36%;*/  }*/
/*.dickinson { position: absolute; left: 34.35%; top: 54.4%; /*width: 12.5%; height: 8.59%;*/  }*/
/*.keweenaw { position: absolute; left: 30.85%; top: 0%; width: /*15.07%; height: 6.82%;*/  }
/*.houghton { position: absolute; left: 23.14%; top: 13.35%; /*width: 14.37%; height: 8.07%;*/  }*/

a:hover span.gogebic:after { content: url(../images/Upper-Peninsula-template/arrow-down.png);  display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.baraga:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block;  position: absolute; right: 0px; top: -100px; }
/*a:hover span.luce:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block;  position: absolute; right: 0px; top: -100px; }
a:hover span.schoolcraft:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }*/
a:hover span.delta:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.marquette:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.menominee:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.chippewa:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.mackinac:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.alger:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.iron:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.ontonagon:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.dickinson:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.keweenaw:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }
a:hover span.houghton:after { content: url(../images/Upper-Peninsula-template/arrow-down.png); display: block; position: absolute; right: 0px; top: -100px; }

div.ss-listings-container.ss-tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.ss-listing-item.ss-listing-gold.ss-tile {
    display: flex;
    justify-content: center;
    margin: 10px;
    border: 1px solid black;
    padding: 5px;
    align-items: center;
    flex-direction: column;
}
div.ss-listing-item.ss-listing-silver.ss-tile {
    display: flex;
    justify-content: center;
    margin: 10px;
    border: 1px solid black;
    padding: 5px;
    align-items: center;
    flex-direction: column;
}
div.ss-listing-item.ss-listing-bronze.ss-tile {
    display: flex;
    justify-content: center;
    margin: 10px;
    border: 1px solid black;
    padding: 5px;
    align-items: center;
    flex-direction: column;
}

/****ADS****/

#t_ad_scroller {
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    padding-top: 20px;
}

#t_ad_controls {
 align-items: center;
 display: flex;
}

#t_ad_left {
 cursor: pointer;
}

#t_ad_right {
 cursor: pointer;
}

#t_ad_items {
 align-items: center;
 display: flex;
 flex-grow: 1;
 flex-wrap: wrap;
 height: 200px;
 overflow: hidden;
 justify-content: center;
}

.t_ad_item {
 margin: 0 5px;
}

.t_ad_link {

}

.t_ad_img {
 max-height: 200px;
 width: 100%;
}


/*Test-Map*/


/*up-map {
  display: flex;
  height: 100vh;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  background: url(../images/upmap.png) no-repeat center / cover;
}
up-map ul{
  padding: 0;
}
up-map li{
  display: inline-block;
  list-style-type: none;
  margin: 0 20px; } 

  up-map li:nth-child(1) map-button {
    background: #F3FFBD;
  }
  up-map li:nth-child(2) map-button {
    background: #247BA0;
  }
  up-map li:nth-child(3) map-button {
    background: #FF1654;
  }
 up-map li:nth-child(4) map-button {
    background: #F3FFBD;
  }
  up-map li:nth-child(5) map-button {
    background: #247BA0;
  }
  up-map li:nth-child(6) map-button {
    background: #FF1654;
  }
 up-map li:nth-child(7) map-button {
    background: #F3FFBD;
  }
  up-map li:nth-child(8) map-button {
    background: #247BA0;
  }
  up-map li:nth-child(9) map-button {
    background: #FF1654;
  }
 up-map li:nth-child(10) map-button {
    background: #F3FFBD;
  }
 up-map li:nth-child(11) map-button {
    background: #247BA0;
  }
  up-map li:nth-child(12) map-button {
    background: #FF1654;
  }
 up-map li:nth-child(13) map-button {
    background: #F3FFBD;
  }
 up-map li:nth-child(14) map-button {
    background: #247BA0;
  }
  up-map li:nth-child(15) map-button {
    background: #FF1654;
  }


map-button {
  position: relative;
  background: rebeccapurple;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border:5px solid white;
  color: white;
  font-family: Verdana;
  font-weight: bold;
  font-size: 50px;
  cursor: pointer;
  padding: 0;
}*/



/*Basic*/

.ss-listing-box.ss-superior {
    padding: 3px;
    /* border: solid #0d6ead 1.5px; */
    margin: 10px;
    max-width: 366px;
    text-align: left;
    box-shadow: 0px 0px 4px 0px #7e7e7e;
    display: grid;
}
.ss-listing-box.ss-superior .ss-listing-top {
    background: #1c4b6c;
    color: white;
}
.ss-listing-box.ss-basic {
    padding: 3px;
    /*border: solid #0d6ead 1.5px;*/
    margin: 10px;
    max-width: 366px;
    text-align: left;
   display: grid;
    grid-template-rows: 45px 240px auto auto auto;
    box-shadow: 0px 0px 4px 0px #7e7e7e;
}
.ss-listing-top {
    background: #e7e7e7;
    color: #515151;
    font-family: 'Rock Salt';
    /* text-align: left; */
    /* padding: 5px 2px 0px 5px; */
    /* text-transform: uppercase; */
    /* align-self: flex-start; */
    letter-spacing: 2px;
    text-align: center;
    font-size: 18px;
}

p.ss-listing-addr a {
    color: black !important;
}
.ss-listing-box.ss-basic .ss-listing-top::before {
    content: url(../images/Upper-Peninsula-Icons/UP_BASIC_LISTING_GRAY.png);
    line-height: 0;
    padding: 0px 7px 0px 0px;
    vertical-align: middle;
    filter: grayscale(1);
}

.ss-listing-box.ss-superior .ss-listing-top::before {
    content: url(../images/Upper-Peninsula-Icons/UP_BUSINESSES_MI_WHITE.png);
    line-height: 0;
    padding: 0px 7px 0px 0px;
    vertical-align: middle;
}

.ss-listing-bottom {
    background: #1c4b6c;
    color: #ffffff;
    font-family: Oswald;
    text-align: center;
    /*padding: 5px;
    align-self: self-end;*/
    margin-top: 10px;
    display: flex
;
    justify-content: space-around;
}
.ss-listing-bottom a {
    color: #ffffff !important;
    font-size: 20px;
}
/*.ss-listing-bottom::after {
  content: ' \25BA';
    font-size: 20px; 
}*/

img.ss-listing-img {
    max-width: 360px;
    width: 100%;
    max-height: 240px;
    padding: 3px 0px;
    align-self: flex-start;
    margin: 0px auto;
}
img.ss-listing-basic-img {
    max-width: 360px;
    width: 100%;
    max-height: 240px;
    padding: 3px 0px;
    align-self: flex-start;
    margin: 0px auto;
    opacity: .6;
}
h1.ss-listing-name {
    padding: 0px 10px;
    margin: 0px;
    font-size: 20px;
    color: #0d6ead;
    font-family: 'Oswald';
    font-weight: 400;
    text-transform: uppercase;
    align-self: end;
}
h1.ss-listing-basic-name {
    padding: 0px 10px;
    margin: 0px;
    font-size: 20px;
    color: #383838;
    font-family: 'Oswald';
    font-weight: 400;
    text-transform: uppercase;
    align-self: end;
}
div#UP-Businesses {
    /*max-width: 1500px;*/
    margin: 0px auto;
    font-family: 'Oswald';
    font-size: 18px;
    font-weight: 300;
    padding: 10px;
    width: 100%;
    background-color: #e7e7e7;
}
.UP-Business-content {
    max-width: 1500px;
    margin: 0px auto;
}
div#UP-Businesses h1 {
    font-family: 'Oswald';
    font-size: max(1.8vw, 20px);
    font-weight: 500;
    color: #343434;
    text-transform: uppercase;
    max-width: 1500px;
    margin: 10px auto;
}
div#UP-Businesses p {
    text-align: left;
    max-width: 1500px;
    padding: 10px 0px;
}
div#UP-Businesses img {
    float: right;
    width: 100%;
    max-width: fit-content;
    height: auto;
    padding: 10px 5px;
}
.ss-listing-addr {
    font-size: 18px;
    font-family: 'Oswald';
    color: #000000;
    font-weight: 400;
    padding: 10px;
    margin: 0px !important;
    align-self: flex-start;
}
.ss-listing-basic-addr {
    font-size: 18px;
    font-family: 'Oswald';
    color: #545454;
    font-weight: 400;
    padding: 10px;
    margin: 0px !important;
    align-self: flex-start;
}
a.ss-listing-link-bottom {
    font-family: 'Oswald';
    font-weight: 500;
    padding: 19px;
    /*line-height: 3;
    color: black !important;*/
    font-size: 19px;
}
a.ss-listing-link-bottom img {
    max-width: 100px;
    float: left;
    margin: -19px auto -20px 30px;
    overflow: hidden;
}
.ss-listing-bottom img {
    width: 100%;
    height: auto;
    max-height: fit-content;
    max-width: fit-content;
}
/*a.ss-listing-link {
    font-family: 'Oswald';
    font-weight: 500;
    padding: 10px;
    line-height: 3;
    color: black !important;
    font-size: 19px;
}*/

/*a.ss-listing-link::after {
    content: ' \279D';
    font-size: 30px;
    vertical-align: sub;
    line-height: 3;
}*/
/*p.ss-listing-basic-upper-peninsula-join {
    font-size: 12px;
    padding: 10px;
    margin-block-end: 0px;
    margin-block-start: 0px;
    color: #0c3339;
}*/
p.ss-listing-basic-upper-peninsula-join {
    font-size: 16px;
    color: grey;
    border: 1.5px solid #6b6a6a;
   margin: 0px 10px 10px 10px;
    border-radius: 5px;
     padding: 10px; 
    text-align: center;
    max-width: 220px;
    justify-self: center;
    width: 100%;
}
p.ss-listing-basic-upper-peninsula-join a {
    color: #000000 !important;
    font-weight: 400;
    font-family: 'Oswald';
}

.mask1 {
  /*-webkit-mask-image: url(../images/Upper-Peninsula-template/logo.png);
  mask-image: url(../images/Upper-Peninsula-template/logo.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
  -webkit-mask-size: contain;
  mask-size: contain;*/
}
.mask1 img {
    max-width: 749px;
    width: 100%;
}
.mask1 img:hover {
   -webkit-mask-image: url(../images/Upper-Peninsula-template/logo.png);
  mask-image: url(../images/Upper-Peninsula-template/logo.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
  -webkit-mask-size: contain;
  mask-size: contain;
transition: width 2s linear 1s;
}


/****UP Businesses****/

.t_UP_business_item-michigan {
    margin: 10px;
    border: 2px solid #f15b22;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    flex-basis: 300px;
}
.t_UP_business_item-michigan p {
    font-size: 20px;
   line-height: 1.2;
   padding: 5px;
}
.t_UP_business_item-michigan p a {
    font-size: 22px;
    font-weight: bold;
}
.t_UP_business_item-michigan h3 {
    font-size: 22px !important;
   line-height: .1 !important;
}
.t_UP_business_item-michigan img { 
    width: 100%;
}
.t_UP_business_item-michigan:hover {
    background-color: #05f06452;
}
.t_UP_business_item-none {
    margin: 10px;
    border: 2px solid #f15b22;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    flex-basis: 300px;
}
.t_UP_business_item-none h1::after {
  content: url(../images/Upper-Peninsula-template/arrow-down.png);
}
.t_UP_business_item-none p {
    font-size: 20px;
   line-height: 1.2;
   padding: 5px;
}
.t_UP_business_item-none p a {
    font-size: 22px;
    font-weight: bold;
}
.t_UP_business_item-none h3 {
    font-size: 22px !important;
   line-height: .1 !important;
}
.t_UP_business_item-none img { 
    width: 100%;
}
.t_UP_business_item-none:hover {
    background-color: #f5f8615e;
}

div#test {
    flex: auto;
    display: flex;
    align-items: flex-end;
    justify-content: right;
    margin: 0px -30px -10px 5px;
}
div#test img {
    width: 100px;
}
div#test a:hover {
    /*opacity: 0.7;*/
}
#t_UP_business_items {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}
.t_UP_business_item {
    margin: 10px;
    border: 2px solid #f15b22;
    padding: 10px;
    border-radius: 20px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    flex-basis: 300px;
}
.t_UP_business_item p {
    font-size: 20px;
   line-height: 1.2;
   padding: 5px;
}
.t_UP_business_item p a {
    font-size: 22px;
    font-weight: bold;
}
.t_UP_business_item h3 {
    font-size: 22px !important;
   line-height: .1 !important;
}
.t_UP_business_item img { 
    width: 100%;
}
.t_UP_business_item:hover {
    background-color: #00456e5c;
}

//**UP Counties**//


.ss-county-tile-list {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
overflow: hidden;
    padding: 10px;
}

/*.ss-county-tile {
    overflow: auto;
    padding: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
 transition: transform .3s linear;
    filter: brightness(0.7);
}*/

/*.ss-county-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 350px;
    max-height: 367px;
    width: 100%;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}*/

/*h1.ss-county-tile-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: 20px;
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 20px 20px;
}
a.ss-county-tile:hover {
 filter: brightness(100%);
  transform: scale(1.04);
}*/


/*.ss-county-tile-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}*/

//**UP Cities**//


.ss-city-tile-list {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
overflow: hidden;
    padding: 10px;
}

/*.ss-city-tile {
    overflow: auto;
    padding: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
 transition: transform .3s linear;
    filter: brightness(0.7);
}*/

/*img.ss-city-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 350px;
    max-height: 367px;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}*/

/*span.ss-tile-name.ss-city-tile-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
    font-weight: bold;
}*/

/*h1.ss-city-tile-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}*/
a.ss-city-tile:hover {
 filter: brightness(100%);
  transform: scale(1.04);
}
.ss-tile-container.ss-county-city-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
}
.ss-tile-container.ss-listing-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1600px;
    margin: 0px auto;
}
///***Categories**///

.ss-cat-list {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
overflow: hidden;
    padding: 10px;
}

.ss-cat-tile {
    overflow: auto;
    padding: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
 transition: transform .3s linear;
    filter: brightness(0.7);
}

img.ss-cat-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 400px;
    max-height: 350px;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    box-shadow: 6px 4px 3px 0px #00000091;
}

img.ss-cat-tile-img:hover {
    box-shadow: 2px 2px 10px 0px #00000091;
}

h1.ss-cat-tile-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}
a.ss-cat-tile:hover {
 filter: brightness(100%);
  transform: scale(1.04);
}
.ss-tile-container.ss-city-category-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
        padding: 5px;
      /*background-image: url(../images/Upper_peninsula_Slideshow/Upper-Peninsula-Home.jpg);*/
    /*background-color: #356b9e87;
    background-size: cover;
    background-blend-mode: overlay;*/
    /*border-top: 6px #00548f double;
    border-bottom: 6px #00548f double;*/
}

img.ss-tile-img.ss-cat-img {
    display: block;
    margin: 0px auto;
    max-width: 350px;
    max-height: 350px;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

h1.ss-tile-name.ss-cat-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}


///***Sub Categories**///

.ss-cat-sub-list {
display: flex;
    flex-wrap: wrap;
    justify-content: center;
overflow: hidden;
    padding: 10px;
}

.ss-sub-tile {
    overflow: auto;
    padding: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
 transition: transform .3s linear;
    filter: brightness(0.7);
}

img.ss-sub-tile-img {
    display: block;
    margin: 0px auto;
    max-width: 400px;
    max-height: 350px;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}
h1.ss-cat-name {
    max-width: 1280px;
    margin: 0px auto;
    font-family: 'Rock Salt';
    padding: 10px;
    color: #00518c;
    font-size: max(1.5vw, 18px);
    font-weight: 300;
}
h1.ss-name {
    max-width: 1280px;
    margin: 0px auto;
    font-family: 'Rock Salt';
    padding: 10px;
    color: #00518c;
    font-size: max(1.5vw, 18px);
    font-weight: 300;
}
h1.ss-sub-tile-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;
}
a.ss-sub-tile:hover {
 filter: brightness(100%);
  transform: scale(1.04);
}
.ss-tile-container.ss-sub-sub-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
        padding: 10px;
}
.ss-tile-container.ss-cat-sub-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1280px;
    margin: 0px auto;
}
img.ss-tile-img.ss-sub-img {
    display: block;
    margin: 0px auto;
    max-width: 350px;
    max-height: 350px;
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

h1.ss-tile-name.ss-sub-name {
    bottom: 0px;
    right: 0px;
    color: white;
    font-size: max(1.0vw, 20px);
    background-color: #00000080;
    padding: 10px;
    margin: 10px;
    left: 0px;
    font-family: 'Raleway';
    position: absolute;
    z-index: 1;
    border-radius: 0px 0px 5px 5px;

}


///***Listings gold**///

.ss-tile-container.ss-cat-listing-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ss-tile-container.ss-cat-listing-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ss-listing-box.ss-gold {
    padding: 5px;
    border: solid #0d6ead 1.5px;
    margin: 10px;
    max-width: 374px;
    text-align: center;
    /* background-color: #ffb900bf; */
}



.ss-listing-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


a.ss-listing-url{

}


///***Listings silver***///

.ss-tile-container.ss-cat-listing-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ss-listing-box.ss-silver {
    padding: 10px;
    border: solid #0d6ead 2px;
    margin: 10px;
max-width: 300px;
text-align: center;
/*background-color: silver;*/
display: grid;
    align-content: center;
}
.ss-listing-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


a.ss-listing-url{
   
}


/*Listings bronze*/

.ss-tile-container.ss-cat-listing-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ss-listing-box.ss-bronze {
    padding: 10px;
    border: solid black 2px;
    border-radius: 20px;
    margin: 10px;
max-width: 300px;
text-align: center;
/*background-color: #aa893d8f;*/
display: grid;
    align-content: center;
}
.ss-listing-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


a.ss-listing-url {
 
}

/*Search-Box*/

img.UP-search {
    max-width: 24px;
    vertical-align: bottom;
}
.search-bar {
    text-align: center;
    font-size: 18px;
}

input#search-box {
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    border: solid 2px black;
    border-radius: 10px;
    margin: 10px;
}

button#search-button {
    font-size: 18px;
    background-color: #5cb9b0;
    color: black;
    border: 1.5px solid black;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Oswald';
    letter-spacing: 2px;
}

button#search-button:disabled {
    background-color: #f21d28;
    color: white;
    opacity: .5;
    cursor: no-drop;
}

button#search-button:disabled:hover {
    box-shadow: none;

}
button#search-button:hover {
    box-shadow: 3px 3px 8px 2px black;
}
datalist#search-results {
    border: 2px solid black;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}
option[value] { 
    background-color: yellow;
}

option {
    font-weight: normal;
    display: block;
    white-space-collapse: collapse;
    text-wrap: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
div#buis-search-results {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#up-ad-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #00000033;
}

.up-ad {
    border: 2px #2a24cd solid;
    margin: 10px;
    background-color: #000e804a;
    border-radius: 10px;
}
div#Upper-Peninusla-Pictures-R {
    float: right;
    padding: 10px;
}
div#Upper-Peninusla-Pictures-L {
    float: left;
    padding: 10px;
}
div#Upper-Peninusla-Hotel-Booking {
    width: 100%;
    max-width: 400px;
    position: relative;
    float: right;
    margin: 10px;
}





@media only screen and (max-width: 999px) {
.ss-county-tile-container {
   display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    overflow: hidden;
}

a.ss-tile.ss-county-tile {
    background-size: cover;
    background-position: center center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 20%;
    transition: transform .3s linear;
    filter: brightness(0.7);
    max-width: 300px !important;
}
}

@media only screen and (max-width: 10000px) {
@supports (grid-auto-flow: row dense){
.ss-county-tile-container {
   display: grid;
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    overflow: hidden;
    grid-gap: 1.75rem;
    grid-auto-rows: minmax(17.5rem, auto);
    grid-template-columns: 1fr 1fr 1fr 1fr;

   
}
}

.ss-county-tile-container .ss-county-tile {
margin-bottom: 0;
}

.ss-county-tile-container .ss-county-tile:nth-child(5n + 1) {

    grid-column: span 2;
    grid-row: span 2;
}

.ss-county-tile-container .ss-county-tile:nth-child(5n + 3) {
 
    grid-column: span 1;
    grid-row: span 2;
}


.ss-county-tile-img {
    background-size: cover;
    background-position: center center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 20%;
}


a.ss-tile.ss-county-tile {
    background-size: cover;
    background-position: center center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 240px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 20%;
    transition: transform .3s linear;
    filter: brightness(0.7);
}
}

h1.ss-county-tile-name {
    transition: transform 0.35s cubic-bezier(0.35, 0, 0.45, 1);
}
h1.ss-county-tile-name {
        padding: 1.75rem;
}

h1.ss-county-tile-name {
    padding: 1rem;
    position: relative;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 80%, rgba(0, 0, 0, 0) 100%);
    text-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px;
    width: 100%;
}
h1.ss-county-tile-name {
    display: flex;
    align-items: center;
    font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: white;
    font-size: 2.125rem;
    margin-bottom: 1.5em;
    width: 100%;
}
h1.ss-county-tile-name {
    transition: opacity 0.35s cubic-bezier(0.3, 0, 0.25, 1);
}
a.ss-tile.ss-county-tile::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(199, 26, 28, 0.3);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.35, 0, 0.45, 1);
}

a.ss-tile.ss-county-tile:hover::before {
    opacity: 1;
}
a.ss-tile.ss-county-tile::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(199, 26, 28, 0.3);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.35, 0, 0.45, 1);
}

h1.ss-county-name {
     font-size: 32px;
    text-align: center;
    font-family: 'Oswald';
    font-weight: normal;
    margin: 0px;
    color: #00548f;
}
/*h1.ss-city-name {
    font-size: 25px;
    text-align: center;
    font-family: 'Oswald';
    font-weight: normal;
    margin: 0px;
    color: #00548f;
    padding: 5px;
    display: none;
}*/

.c-activity_feed_item__link img {
    position: absolute;
}

.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__synopsis {
    transition: opacity 0.35s cubic-bezier(0.3, 0, 0.25, 1);
}
.c-activity_feed_item--grid .c-activity_feed_item__link:hover .c-activity_feed_item__synopsis {
    opacity: 0.9 !important;
}


@supports (grid-auto-flow: row dense) {
    @media (min-width: 64rem) {
        .c-activities_feed__list--grid {
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        }
    }
}
/**
 * Items displayed in the grid view
 */
.c-activity_feed_item--grid .c-activity_feed_item__link {
  background-size: 100% 100%;
  background-position: center center;
  color: white !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 240px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 20%; }

  .c-activity_feed_item--grid .c-activity_feed_item__link:hover::before {
    opacity: 1; }

  .c-activity_feed_item--grid .c-activity_feed_item__link:hover .c-activity_feed_item__synopsis {
    opacity: 0.9 !important; }

  .c-activity_feed_item--grid .c-activity_feed_item__link:hover .c-activity_feed_item__content {
/*!!!*/
     transform: translateY(0) !important;
/* added*/
     opacity: 1 !important; 
/* added*/
  }

.c-activity_feed_item--grid .c-activity_feed_item__content {
  padding: 1rem;
  position: relative;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 80%, rgba(0, 0, 0, 0) 100%);
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px;
  width: 100%;
/*added*/
  /*opacity: 0;*/
  transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.45, 1);
  
}

  @media (min-width: 1024px) {
    .c-activity_feed_item--grid .c-activity_feed_item__content {
      padding: 1.75rem; } }

.c-activity_feed_item--grid .c-activity_feed_item__title {
    display: flex;
    align-items: center;
    font-family: 'Oswald';
    color: white;
    font-size: 2.125rem !important;
    margin-bottom: 1.5em !important;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    line-height: .01 !important;
}


.c-activity_feed_item--grid .c-activity_feed_item__title_text {
  padding-right: 1.25rem;
}

.c-activity_feed_item--grid .c-activity_feed_item:not(:first-child) .c-activity_feed_item__synopsis {
  opacity: 0;
}

@media (min-width: 64rem) {
  .c-activity_feed_item--grid:first-child .c-activity_feed_item__content {
    /*transform: none !important;*/
  } 
}

@media (min-width: 64rem) and (min-width: 1024px) {
  .c-activity_feed_item--grid:first-child .c-activity_feed_item__title {
    font-size: 2.25rem;
    margin-bottom: 0.75em;
  }
}

.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__synopsis {
  transition: opacity 0.35s cubic-bezier(0.3, 0, 0.25, 1); }

.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__content {
  transition: transform 0.35s cubic-bezier(0.35, 0, 0.45, 1); 
  /*!!! transition: opacity 0.5s cubic-bezier(0.35, 0, 0.45, 1);  */
}

/**
 * Items displayed in the list view
 */
* @description : Layout for the activities grid
 *
 */
.c-activities_feed__list--grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @supports (grid-auto-flow: row dense) {
    .c-activities_feed__list--grid {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
      grid-auto-flow: row dense;
overflow: hidden;
margin: 5px;
 }
      @media (min-width: 40rem) {
        .c-activities_feed__list--grid {
          grid-template-columns: 1fr 1fr;
          margin: 10px; } }
      @media (min-width: 64rem) {
        .c-activities_feed__list--grid {
          grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
      @media (min-width: 80rem) {
        .c-activities_feed__list--grid {
          grid-gap: 1.75rem;
          grid-auto-rows: minmax(17.5rem, auto);
          grid-template-columns: 1fr 1fr 1fr 1fr;
          margin: 20px; } } }
  .c-activities_feed__list--grid .c-activity_feed_item {
    flex: 0 0 49%;
    margin-bottom: 1.5rem; }
    @supports (grid-auto-flow: row dense) {
      .c-activities_feed__list--grid .c-activity_feed_item {
        margin-bottom: 0;
list-style: none;
   } }
    @media (min-width: 40rem) {
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(1) {
        grid-column: span 1;
        grid-row: span 1; } }
    @media (min-width: 64rem) {
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(1) {
        grid-column: span 1;
        grid-row: span 1; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(8n + 1) {
        grid-column: span 2;
        grid-row: span 2; } }
    @media (min-width: 80rem) {
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(3) {
        grid-column: span 1;
        grid-row: span 2; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(6) {
        grid-column: span 1;
        grid-row: span 2; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(7) {
        grid-column: span 2;
        grid-row: span 2; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(8n + 3) {
        grid-column: span 1;
        grid-row: span 2; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(8n + 6) {
        grid-column: span 1;
        grid-row: span 2; }
      .c-activities_feed__list--grid .c-activity_feed_item:nth-child(8n + 7) {
        grid-column: span 2;
        grid-row: span 2; } }

/**
 * COMPONENTS.ACTIVITIES.CONTROLS
 *
 * @description : Filtering and view mode switching
 *
 */
.c-activities_feed_controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  flex: 1 0 1; }
  @media (min-width: 40rem) {
    .c-activities_feed_controls {
      flex-direction: row; } }

.c-activities_feed_controls__category {
  margin-bottom: 2em; }
  @media (min-width: 40rem) {
    .c-activities_feed_controls__category {
      margin-right: 2em;
      margin-bottom: 0; } }
  @media (min-width: 64rem) {
    .c-activities_feed_controls__category {
      width: 17.5rem; } }

.c-activities_feed_controls__view_toggle {
  flex: 0 0 3rem;
  margin-left: 1em;
  display: none;
  opacity: 0.35;
  transition: opacity 0.2s ease; }
  @media (min-width: 64rem) {
    .c-activities_feed_controls__view_toggle {
      display: block; } }
  .c-activities_feed_controls__view_toggle.is-active {
    pointer-events: none;
    opacity: 1; }
  .c-activities_feed_controls__view_toggle:hover {
    cursor: pointer;
    opacity: 1; }

/**
 * COMPONENTS.ACTIVITIES-HEADER
 *
 * @description : The header for the activities module. Includes advanced filtering.
 *
 */
.c-activities_feed_header {
  border-bottom: 1px solid #999999;
  padding-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .c-activities_feed_header {
      display: flex;
      align-items: center; } }




.c-activities_feed_header__heading {
  color: #000000;
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 0.5em;
  padding-right: 1em; }
  @media (min-width: 1024px) {
    .c-activities_feed_header__heading {
      margin-bottom: 0;
      font-size: 2.625rem; } }
  @media (min-width: 1440px) {
    .c-activities_feed_header__heading {
      font-size: 4.25rem; } }

.c-activities_feed_header__arrow {
  margin-left: 0.75em;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  opacity: 0.65;
  max-width: none; }
  .c-activities_feed_header__arrow.open {
    transform: rotate(-90deg); }

/**
 * COMPONENTS.ACTIVITIES.ITEM
 *
 * @description :
 *
 */
.c-activity_feed_item {
  position: relative; }

.c-activity_feed_item__flag {
  position: absolute;
  top: 0;
  left: 1rem;
  transform: translateY(-50%);
  z-index: 2; }
  @media (min-width: 1024px) {
    .c-activity_feed_item__flag {
      left: 1.75rem; } }

.c-activity_feed_item__roundel {
  flex: 0 0 1.75rem;
  margin: -0.25rem 0 0 auto; }

@media (min-width: 64rem) {
  .c-activity_feed_item__roundel {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem; } }

/**
 * Items displayed in the grid view
 */

  .c-activity_feed_item--grid .c-activity_feed_item__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(199, 26, 28, 0.3);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.35, 0, 0.45, 1); 
-webkit-appearance: none;
    appearance: none;
}

 

.c-activity_feed_item--grid .c-activity_feed_item__content {
  padding: 1rem;
  position: relative;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 80%, rgba(0, 0, 0, 0) 100%);
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 3px;
  width: 100%; 
/*!!! */
transform: translateY(45%); 
height: auto;
 
}
.county-desc {
    font-size: 14px;
    color: white !important;
    font-family: 'Oswald' !important;
    font-weight: 300;
}
.more-info {
    font-size: 20px;
    color: white;
    padding: 2px 10px;
    width: fit-content;
    font-family: 'Raleway';
    font-weight: bold;
    letter-spacing: 10px;
    border: 1px white solid;
}
.more-info:hover {
    background-color: green;
}

  @media (min-width: 1024px) {
    .c-activity_feed_item--grid .c-activity_feed_item__content {
      padding: 1.75rem; }
}


.c-activity_feed_item--grid .c-activity_feed_item:not(:first-child) .c-activity_feed_item__synopsis {
  opacity: 0; }

@media (min-width: 64rem) {
  .c-activity_feed_item--grid:first-child .c-activity_feed_item__content {
    /*transform: none !important;*/
    /*opacity: 0;*/
  }
}

@media (min-width: 64rem) and (min-width: 1024px) {
  .c-activity_feed_item--grid:first-child .c-activity_feed_item__title {
    font-size: 2.25rem;
    margin-bottom: 0.75em; } }

.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__synopsis {
  transition: opacity 0.35s cubic-bezier(0.3, 0, 0.25, 1); }

.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__content {
 /*!!! transition: transform 0.35s cubic-bezier(0.35, 0, 0.45, 1); */
  transition: opacity 0.35s cubic-bezier(0.35, 0, 0.45, 1); 

/**
 * Items displayed in the list view
 */
.c-activities_feed__list--list .c-activity_feed_item {
  margin-bottom: 2.25rem; }

.c-activities_feed__list--list .c-activity_feed_item__link {
  display: flex;
  background: white;
  box-shadow: rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s cubic-bezier(0.35, 0, 0.45, 1);
  align-items: flex-start; }
  @media (min-width: 40rem) {
    .c-activities_feed__list--list .c-activity_feed_item__link {
      align-items: stretch; }
      .c-activities_feed__list--list .c-activity_feed_item__link:hover, .c-activities_feed__list--list .c-activity_feed_item__link:focus {
        box-shadow: rgba(0, 0, 0, 0.1) 0 50px 40px -40px, rgba(0, 0, 0, 0.1) 0 10px 10px -10px; }
        .c-activities_feed__list--list .c-activity_feed_item__link:hover .c-activity_feed_item__roundel, .c-activities_feed__list--list .c-activity_feed_item__link:focus .c-activity_feed_item__roundel {
          opacity: 1; } }

.c-activities_feed__list--list .c-activity_feed_item__list_img_wrapper {
  flex: 0 0 auto;
  width: 25%;
  margin-right: 4%; }

.c-activities_feed__list--list .c-activity_feed_item__list_img_bg {
  position: relative;
  overflow: hidden;
  padding-top: 87.5%;
  background-size: cover;
  background-position: center; }

.c-activities_feed__list--list .c-activity_feed_item__title {
  font-family: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.5em; }
  @media (min-width: 40rem) {
    .c-activities_feed__list--list .c-activity_feed_item__title {
      font-size: 1.5rem;
      margin-bottom: 1em; } }

.c-activities_feed__list--list .c-activity_feed_item__synopsis {
  color: #1a1a1a;
  font-size: 0.875rem;
  max-width: 60ch; }
  @media (min-width: 1440px) {
    .c-activities_feed__list--list .c-activity_feed_item__synopsis {
      font-size: 1.125rem; } }

@media (min-width: 40rem) {
  .c-activities_feed__list--list .c-activity_feed_item__content {
    padding: 1.75rem 0;
    transform: none !important;
    flex: 1 1 100%;
  }
}

.c-activities_feed__list--list .c-activity_feed_item__roundel {
  margin-left: 1.75rem;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.35, 0, 0.45, 1);
  align-self: center; }

/**
 * COMPONENTS.ACTIVITIES.SEARCH
 *
 * @description : Advance search for activities feed
 *
 */
.c-activities_feed_search {
  font-size: 1.0625rem;
  font-family: "Graphik", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  padding-bottom: 1rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #999;
  margin-right: 1rem; }
  .c-activities_feed_search a {
    color: #000;
    cursor: pointer; }
  .c-activities_feed_search .selected {
    font-weight: bold; }

.c-activities_feed_search__open_btn {
  white-space: nowrap;
  font-size: 1.0625rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s ease; }
  .c-activities_feed_search__open_btn:hover {
    color: #c71a1c; }

.c-activities_feed_search__close_btn {
  float: right;
  font-weight: bold; }

.c-activities_feed_search__section {
  margin-bottom: 2rem; }

.c-activities_feed_search__section--two-column {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between; }

.c-activities_feed_search__heading {
  font-weight: bold;
  margin-bottom: 1rem; }

.c-activities_feed_search__list {
  margin: 8px 0; }
  @media (min-width: 480px) {
    .c-activities_feed_search__list {
      display: flex;
      flex-wrap: wrap; }
      .c-activities_feed_search__list li {
        flex-basis: unset; }
        .c-activities_feed_search__list li:not(:last-of-type)::after {
          content: "|";
          margin-left: 8px;
          margin-right: 8px; } }

.c-activities_feed_search__list_column {
  margin: 8px 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px; }
  .c-activities_feed_search__list_column li {
    flex-basis: 100%;
    flex-shrink: 0;
    padding-right: 1rem; }
    @media (min-width: 480px) {
      .c-activities_feed_search__list_column li {
        flex-basis: 50%; } }
    @media (min-width: 1024px) {
      .c-activities_feed_search__list_column li {
        flex-basis: 33.33%; } }


li.c-activity_feed_item.c-activity_feed_item--grid {
    list-style: none;
}
.c-activities_feed.is-loaded .c-activities_feed__list--grid .c-activity_feed_item__content {
    /*transition: transform 0.35s cubic-bezier(0.35, 0, 0.45, 1);*/
    transition: opacity 0.35s cubic-bezier(0.35, 0, 0.45, 1);
}
a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration: none;
}
a.c-activity_feed_item__link {
    color: white !important;
}

.c-activities_feed__list--grid .c-activity_feed_item__content {
    /* transition: transform 0.35s cubic-bezier(0.35, 0, 0.45, 1); */
    transition: opacity 0.35s cubic-bezier(0.35, 0, 0.45, 1);
}
.c-activity_feed_item--grid .c-activity_feed_item:not(:last-child) .c-activity_feed_item__synopsis {
  opacity: 0;
}

@media (min-width: 64rem) {
  .c-activity_feed_item--grid:last-child .c-activity_feed_item__content {
    transform: none !important;
  } 
}

@media (min-width: 64rem) and (min-width: 1024px) {
  .c-activity_feed_item--grid:last-child .c-activity_feed_item__title {
    font-size: 2.25rem;
    margin-bottom: 0.75em;
  }
}

.more-info {
    font-size: 16px;
    color: white;
    border: 1px solid white;
    padding: 5px;
    border-radius: 5px;
    width: fit-content;
}
.c-activity_feed_item__title_text {
    display: flex;
    align-items: center;
    color: white;
    font-size: 1.125rem;
    margin-bottom: 1.5em;
    width: 100%;
}
.county-desc {
    font-size: 14px;
    color: white !important;
    font-weight: bold;
}
.county-desc {
    color: white;
}

@supports (grid-auto-flow: row dense) {
    @media (min-width: 80rem) {
  .ss-items { grid-gap: 1.75rem; grid-auto-rows: minmax(17.5rem, auto); grid-template-columns: 350px 450px 350px 1fr; }
}
}