:root{ --ease: all 200ms ease-in-out;--book: #1e3f9a;--booknavy: #152860;--bright: #4c81f6;--brightgreen: #0cbf5f;--orange: #f28626;--pink: #ff5a59;--yellow: #ffb51b;--green: #009344;--navy: #1d2943;--fb: #4d71a8;--tw: #00aeef;--yt: #dd472e;--pin: #ca2128;--tt: black;--in: linear-gradient(-45deg, #24264c, #d51d5a, #f9a841);--bpf: #06aeef;--serif: 'Merriweather', 'Montserrat', serif;--sans: 'Montserrat', sans-serif;--slim: 'Oswald', 'Montserrat', serif;--fancy: 'relation-two', cursive;} .alert{ background: whitesmoke;padding: 10px;border-radius: 3px;font-size: 18px;text-align: center;margin: 30px auto;max-width: 98%;} .alert p{ margin: 0;font-weight: 600;hyphens: none;} .alert.cancelled{ border: 1px solid #ff5a59;} .alert.cancelled i, .alert.cancelled svg{ color: #ff5a59;font-size: 24px;margin-right: 10px;} body, button, input, select, optgroup, textarea{ color: #404040;font-family: var(--sans);font-size: 16px;font-size: 1rem;line-height: 1.5;hyphens: auto;} h1, h2, h3, h4, h5, h6{ clear: both;font-family: var(--sans);line-height: 1.3;font-weight: 400;} h1{ font-size: 45px;margin: 33px 0;font-weight: 400;hyphens: auto;} h2{ font-size: 30px;margin: 25px 0;text-transform: none;font-weight: 400;hyphens: auto;} h3{ font-size: 22px;margin: 0.5rem 0;color: var(--book);font-weight: 900;hyphens: auto;} h4{ font-size: 20px;margin: 25px 0;font-weight: 400;hyphens: auto;} h5{ font-size: 18px;margin: 30px 0;font-weight: 400;hyphens: auto;} h6{ font-size: 16px;margin: 36px 0;font-weight: 400;hyphens: auto;} p{ margin: 0 0 24px 0;font-weight: 400;hyphens: auto;} .row p{ margin: 0 0 16px;} ol li, ul li{ font-weight: 400;margin: 0 0 10px;} ol.stacked li, ul.stacked li{ margin: 0;} dfn, cite, em, i{ font-style: italic;} address{ margin: 0 0 1.5em;} pre{ background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;} code, kbd, tt, var{ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;} abbr, acronym{ border-bottom: 1px dotted #666;cursor: help;font-family: var(--sans);} mark, ins{ background: #fff9c0;text-decoration: none;} strong{ font-weight: 500;} big{ font-size: 125%;} .below{ margin-bottom: 0 !important;line-height: 1;font-size: 30px;} .above{ margin: 5px 0;color: var(--green);font-family: var(--serif);text-transform: none;font-weight: bold;letter-spacing: 0;font-size: 16px;} h3.secondary{ margin: 5px 0;font-size: 16px;font-family: var(--serif);font-style: italic;color: #00aeef;} .merriweather{ font-family: var(--serif);} h2.merry, .merry{ font-family: var(--serif);font-size: 24px;text-transform: uppercase;letter-spacing: 2px;} .merriheader{ font-family: var(--serif);text-align: center;color: #222;} div.row.aligncenter p, div.row.aligncenter .csgm-attribution{ text-align: center;} .entry-content div.row h2{ margin: 0 0 12px 0;line-height: 1;font-size: 30px;} .entry-content div.row a h2, .entry-content div.row h2 a{ color: #1d2943;} .entry-content div.row a:hover h2, .entry-content div.row h2 a:hover{ color: #009344;transition: var(--ease);} .entry-content div.row .omega{ position: relative;} .csgm-after h3.section-head, h3.section-head{ margin: 0;background: var(--navy);border-radius: 3px;padding: 10px;color: white;text-align: center;} .csgm-drop .trigger:hover{ cursor: pointer;} .csgm-drop .drop-content{ display: none;} .csgm-drop .drop-content.force-open{ display: block;} a.trigger, a[data-anchor], a:link, a:visited{ text-decoration: none;color: #1e3f9a;font-weight: 600;} a:hover, a:focus, a:active{ color: #009344;cursor: pointer;transition: var(--ease);} a.anchor{ position: relative;top: -200px;display: block;height: 0;width:0;} a.ancho{ position: relative;top: -150px;display: block;height: 0;width:0;} a.anch{ position: relative;top: -120px;display: block;height: 0;width:0;} a.anc{ position: relative;top: -90px;display: block;height: 0;width:0;} a.an{ position: relative;top: -50px;display: block;height: 0;width:0;} .citation{ font-family: 'courier', monospace;font-size: 14px;margin: 0 0 10px;} .citation a{ color: #404040;} @media screen and (max-width: 500px){ .entry-content div.row h2{ margin: 15px 0;font-size: 24px;font-weight: 600;} .entry-content div.row p.slight{margin: 0 0 10px;} .entry-content div.row p.stack{margin: 0;}} @media screen and (max-width: 700px){ p a,p a:visited,p a:hover,p a:focus,p a:active{font-weight: 600;}} i[class*="fa"]{ display: inline-block;width: 1em;height: 1em;background-color: transparent;} .csgm-attribution{ margin-top: 3px;font-size: 10px;color: #464646;font-weight: 400;line-height: 1;} .csgm-attribution a, .csgm-attribution a:visited, .csgm-attribution span, .csgm-attribution .cc{ color: #464646;font-weight: 400;} .csgm-attribution a:hover{ color: #464646;} .wp-video-container{ background: #222;padding: 20px 0;margin: 0 0 20px;} .wp-video{margin: auto;} .grecaptcha-badge{display: none;} .green{background: transparent;} body.transparent #main{ background: transparent;box-shadow: none;} .travel-guide.content-area #main{ max-width: 100%;padding: 0;box-shadow: none;} h4.q{ margin: 20px 0 10px;font-size: 18px;} h4.q strong, p.a strong{ color: #009344;} .slight, .row p.slight, .entry-content div.row h2.slight{ margin: 0 0 10px;} .stack, .row p.stack, .entry-content div.row h2.stack{ margin: 0;margin-bottom: 0;} .negative-stack{ margin: -30px 0;} .relation{ font-family: var(--fancy);} .oz, .oswald{ font-family: 'Oswald', var(--sans);text-transform: uppercase;} p.mileage, .row p.mileage{ font-size: 12px;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;margin: 0 0 5px;} p.mileage strong{ color: var(--bright);text-transform: none;} @media screen and (max-width: 600px){ .entry-content div.row p.mileage:not(.slight),p.mileage,.row p.mileage{margin: 5px 0;}} p.definition{ font-size: 17px;margin: 20px auto;padding: 20px 0;border-top: 4px dotted #2222229e;border-bottom: 4px dotted #2222229e;} p.definition .term{ font-family: "Courier New", Courier, monospace;font-weight: bold;font-size: 22px;line-height: 1;text-transform: lowercase;letter-spacing: 1px;} .bordered{ border-top: 2px dotted #1d29436e;border-bottom: 2px dotted #1d29436e;padding: 20px 0;} .bordered.holiday{ border-top: none;border-bottom: 5px dotted #dd1f2594;background-image: url(https://www.pigeonforge.com/wp-content/uploads/holiday-lights-1.jpg);background-position: top;background-repeat-y: no-repeat;padding: 50px 0 20px;} .bordered img{ margin: auto;display: block;} .overflow{ text-overflow: ellipsis;overflow: hidden;max-width: 100%;white-space: nowrap;} a.bigbtn, a.bigbtn:visited{ display: block;color: white;} .bigbtn.csgm-btn, .bigbtn, .bigbtn:visited{ text-align: center;width: 100%;display: block;margin: 20px auto;letter-spacing: 0.4px;font-family: var(--serif);background: var(--book);padding: 10px;border-radius: 3px;color: white;font-size: 22px;padding: 12px 30px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} a.bigbtn:hover, a:hover .bigbtn{ background: var(--bright);color: white;transition: var(--ease);cursor: pointer;} .row.numbered .csgm-sc-grid_6{ position: relative;} .row.numbered .csgm-sc-grid_6 .number{ position: absolute;color: white;left: 5px;top: 5px;z-index: 2;font-family: 'Merriweather', var(--sans);font-weight: bold;line-height: 1;border-radius: 100px;width: 30px;height: 30px;text-align: center;display: grid;align-items: center;text-shadow: 0 2px 3px #000000;} .row.numbered .csgm-sc-grid_6 .number span{ display: block;margin-top: -5px;} .row.numbered p.slight{ font-size: 14px;font-style: italic;} .csgm-hide{ display: none;} .csgm-scroll{ overflow: auto;} .csgm-scroll img{ margin: auto;display: block;} .grid2{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;} .grid3{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} .grid4{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;} .grid5{ display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px;} @media screen and (max-width: 800px){ body.listing-page main{padding: 0 5px;} main{padding: 0 12px;} .bigbtn{width: 100%;}} @media screen and (max-width: 700px){ .grid4{grid-template-columns: 1fr 1fr;}} @media screen and (max-width: 500px){ .bordered{margin-bottom: 10px;} .grid3{display: block;}} .csgm-center{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .csgm-overflow{ max-height: 500px;overflow: hidden;position: relative;} .csgm-overflow .shield{ position: absolute;bottom: 0;left: 0;right: 0;height: 30%;background: linear-gradient(to top, white, transparent);z-index: 1;} .csgm-overflow .more{ position: absolute;bottom: 0;text-align: right;display: block;right: 20px;font-size: 20px;font-family: var(--serif);color: #ff5a59;z-index: 2;} .csgm-overflow .more:hover{ transform: scale(1.1);color: #1e3f9a;cursor: pointer;transition: var(--ease);} .ptoggle > p:not(:first-child){ display: none;} .quick-links{ display: grid;grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );grid-gap: 10px;font-family: var(--serif);text-align: center;padding: 20px 0;margin: 10px auto;} .quick-links a{ letter-spacing: 0.4px;color: #222 !important;} .quick-links a:hover{ color: #ff5a59;letter-spacing: 1px;transition: var(--ease);} @media screen and (max-width: 800px){ .quick-links{grid-template-columns: 1fr 1fr;}} .courier, .inscription{ font-family: 'courier';} .inscription h3{ margin: 0 0 10px;font-family: 'courier';color: #222;letter-spacing: -0.5px.} .inscription p{ font-family: 'courier';font-size: 14px;letter-spacing: -0.5px.} .accordion.historical{ background: white;padding: 0;border-radius: 0;box-shadow: none;margin: 0;} .accordion.historical .parent{ grid-column: 1;font-family: 'courier';font-size: 20px;letter-spacing: -0.5px;padding: 10px;line-height: 1;margin: 0 auto 5px;background: #cecece8a;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius: 2px;} .accordion.historical .parent:hover{ cursor: pointer;transition: var(--ease);background: #1e3f9a;color: white;} .accordion.historical .parent.active{ background: #1e3f9a;color: white;} .accordion.historical .children{ grid-column: 2;margin: 10px 0;padding: 20px;} .accordion.historical .children{ border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;border-radius: 2px;} .accordion .two-third-grid{ display: grid;grid-template-columns: 200px 1fr;grid-gap: 10px;} @media screen and (max-width: 600px){ .accordion .two-third-grid{display: block;}} .sitemap-list li, .sitemap-list ul.children{ margin: 0;} @media screen and (min-width: 700px){ #past-events-list .grid{ display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;} #past-events-list .grid p{margin: 0;}} .csgm-btn.full{ display: block;} .csgm-btn, a.csgm-btn, button, input[type="button"], input[type="reset"], input[type="submit"]{ text-align: center;border-radius: 3px;display: inline-block;letter-spacing: 0.4px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);line-height: 1;font-size: 14px;padding: 12px 30px;background: var(--book);color: white;font-weight: bold;border: none;} .csgm-btn, a.csgm-btn{ font-family: var(--serif);} .csgm-btn.has-toggle{ position: relative;padding: 12px 45px 12px 30px;} .csgm-btn.has-toggle.csgm-desktop{ display: inline-block;} .csgm-btn.has-toggle[aria-expanded="true"]{ background: var(--yellow);color: #222;} .csgm-btn.has-toggle svg, .csgm-btn.has-toggle i{ position: absolute;right: 15px;font-size: 16px;top: 11px;} .csgm-btn.ticket-btn, .csgm-btn.tickets{ background-color: var(--brightgreen);} .csgm-btn.tickets:hover, .csgm-btn.ticket-btn:hover{ background: var(--bright);} .event-details .csgm-btn{ display: block;width: 100%;} .csgm-btn.aligncenter{ margin: auto;display: block;width: 80%;} .csgm-btn:hover, button:hover:not(.csgm-btn), input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background: var(--bright);transition: var(--ease);color: white;} a.blue-btn{ display: block;text-align: center;color: white;background: #00aeef;width: 300px;margin: 20px auto;padding: 20px;border-radius: 100px;font-size: 20px;line-height: 1;font-family: var(--serif);box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} a.blue-btn:hover{ transform: scale(1.1);background: #1d2943;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transition: all 300ms ease-in-out;} @media screen and (max-width: 600px){ .row .csgm-btn{ padding: 16px 0;font-size: 18px;margin: 16px auto 0;} .row p{margin: 0;} .csgm-btn{ display: block;width: 100%;margin: 0 0 10px;} .csgm-btn:hover{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .csgm-btn.has-toggle svg, .csgm-btn.has-toggle i{ font-size: 18px;top: auto;}} #protected{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--navy);z-index: 99999;display: grid;align-items: center;text-align: center;} #protected form{ color: white;max-width: 500px;margin: auto;} #protected .custom-logo-link img{ width: 200px;display: block;margin: 0 auto 10px;} #protected .custom-logo-link:hover img{ transform: scale(1.1);transition: var(--ease);} #protected input{ width: 100%;display: block;} #protected input[type="text"]{ margin: 0 0 10px;} #protected input.button{ background: var(--brightgreen);box-shadow: none;} #protected input.button:hover{ background: var(--green);box-shadow: none;} body.white-bg{ background: white;} body.white-bg main{ box-shadow: none;} body.background-img{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/09/background.webp);background-attachment: fixed;background-position: bottom;background-repeat: no-repeat;background-size: contain;} body.single.giveaway main{ max-width: none;} body.single.giveaway .entry-content{ max-width: 1000px;margin: 1.5em auto 0;} article.giveaway > .entry-content:last-child{ margin: 1.5em auto;} .page-template-white-page main, .page-template-newsletter-page main{ box-shadow: none;} .page-template-newsletter-page #bg, body.smi-signup #bg, body.error404 #bg{ display: none;} body.logged-in article{ position: relative;} .info-header{ padding: 30px 0 10px;border-bottom: 1px solid rgba(34, 34, 34, 0.83);} .info-header h1.entry-title{ margin: 0;font-size: 34px;font-weight: 600;} .info-page h4{ margin: 0 0 5px;text-transform: uppercase;font-weight: 800;} .info-page ul, .info-page ol, .info-page p{ margin: 0 0 16px 0;font-size: 15px;} @media screen and (max-width: 600px){ body.giveaway.single main{padding: 0;} body.giveaway .entry-header{padding: 20px 20px 0;} body.giveaway .entry-content{padding: 0 20px;} main{overflow: hidden;}} .single-tribe_events.city-background .site-content, .city-background article{ background-attachment: fixed;background-position: bottom;background-size: cover;background-repeat: no-repeat;} .single-tribe_events.city-pigeon-forge .site-content, .city-pigeon-forge article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/pfbg.webp);} .single-tribe_events.city-gatlinburg .site-content, .city-gatlinburg article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/gbbg.webp);} .single-tribe_events.city-sevierville .site-content, .single-tribe_events.city-kodak .site-content, .city-kodak article, .city-sevierville article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/sevierville-bg.webp);} .single-tribe_events.city-alcoa .site-content, .city-alcoa article, .single-tribe_events.city-townsend .site-content, .city-townsend article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/townsend-bg.webp);} .single-tribe_events.city-bryson-city .site-content, .city-bryson-city article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/bryson-city-bg.webp);} .single-tribe_events.city-knoxville .site-content, .city-knoxville article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/knoxville-bg-1.webp);} .single-tribe_events.city-cosby .site-content, .city-cosby article, .single-tribe_events.city-hartford .site-content, .city-hartford article{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/03/hartford-bg.webp);} .city-none .site-content, .single-tribe_events.city-none .site-content{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/bg-1.jpg);} .single-wedding-service article{ background-image: none;} @media screen and (max-width: 700px){ .single-tribe_events.city-background .site-content, .city-background article{background-image: none;}} .alist{ margin: 0 auto;padding: 0;list-style: none;max-width: 900px;} .alist li{ border-left: 10px solid #009344;padding: 10px 0 10px 20px;margin: 0 0 20px;} .alist h3{ margin: 0;font-family: var(--serif);color: #333;} .alist p{ margin: 0;} .blist{ margin: 0 auto;padding: 0;list-style: none;max-width: 900px;} .blist li{ position: relative;font-size: 18px;font-family: var(--serif);padding: 0 20px;margin: 0 0 20px 20px;} .blist li span{ position: absolute;left: -20px;top: -3px;font-weight: 600;font-size: 22px;} .clist{ margin-left: 0;padding-left: 20px;} .clist li{ margin: 12px 0;font-size: 18px;font-family: var(--serif);} @media screen and (max-width: 600px){ .clist{padding-left: 20px;}} .dlist{ margin: 10px auto;padding: 0;list-style: none;display: grid;text-align: center;} .elist{ margin: 0 auto;padding: 0;list-style: none;border-top: 3px dotted;padding-top: 30px;} @media screen and (min-width: 900px){ .elist.extended{ display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 20px;} .elist.extended li{ grid-template-columns: 1fr 3fr;}} .elist li{ margin: 0 0 30px;display: grid;grid-template-columns: 0.5fr 3fr;grid-column-gap: 20px;align-items: center;padding: 0 0 30px;border-bottom: 3px dotted;} .elist.smaller li img{ max-width: 100px;margin: auto;display: block;} .elist li a:hover img{ transform: scale(1.05);transition: var(--ease);} .elist li h3{ margin: 0;font-family: var(--serif);color: #333;} .elist li h3 a{ color: #222;} .elist li h3 a:hover{ color: #222;text-decoration: underline;} .elist li p{ margin: 0;} .elist li i, .elist li svg{ font-size: 70px;text-align: center;display: block;margin: auto;} @media screen and (max-width: 900px){ .elist li{grid-template-columns: 1fr 2fr;}} @media screen and (max-width: 600px){ .elist li{display: block;} .elist li h3{margin: 10px 0;}} .g3list, .glist{ margin: 0 auto;padding: 0;list-style: none;} .glist li{ margin: 0 0 30px;display: grid;grid-template-columns: 0.5fr 3fr;grid-template-areas: "img title" "img text";grid-column-gap: 20px;} .glist li img{ grid-area: img;border-radius: 100px;} .g3list li h3, .glist li h3{ margin: 0;font-family: var(--serif);color: #333;grid-area: title;align-self: self-end;} .g3list li p, .glist li p{ margin: 0;grid-area: text;} .g3list li{ margin: 0 0 30px;display: grid;grid-template-columns: 1fr 2fr;align-items: center;grid-gap: 20px;} .grid-list{ display: grid;grid-template-columns: 1fr 1fr;margin: 20px auto;} @media screen and (max-width: 600px){ .glist li{ display: block;padding: 10px 0 10px 10px;border-left: 6px solid #009344;} .grid-list{grid-template-columns: 1fr;} .glist li img{display: none;} .glist li p{font-size: 15px;line-height: 1.3;}} .ilist{ list-style: none;font-size: 18px;display: grid;grid-template-columns: 0.3fr 6fr;margin: 10px auto;max-width: 800px;} .ilist .icon{ text-align: center;font-family: FontAwesome;} .ilist .title{ padding: 0 10px 0 0;font-family: var(--serif);} @media screen and (max-width: 900px){ .ilist{grid-template-columns: 0.5fr 6fr;}} .gridlist{ margin: 30px auto;list-style: none;display: grid;text-align: center;border-top: 2px dotted #1d294352;border-bottom: 2px dotted #1d294352;padding: 20px 0;font-family: var(--serif);align-items: center;} .gridlist.grid2{grid-template-columns: repeat(2, 1fr);} .gridlist.grid3{grid-template-columns: repeat(3, 1fr);} .gridlist.grid4{grid-template-columns: repeat(4, 1fr);} .gridlist.grid5{grid-template-columns: repeat(5, 1fr);} @media screen and (max-width: 900px){ .gridlist{display: block;} .gridlist li::before{ content: '* ';display: inline;vertical-align: -2.5px;}} .flist{ margin: 10px 0;padding-left: 18px;} .hlist{ padding-left: 20px;display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 30px;margin: 0;} .hlist li{ margin: 10px 0;font-size: 18px;font-family: var(--serif);} @media screen and (max-width: 900px){ .hlist{display: block;}} .error-404 .page-header{ text-align: center;max-width: 500px;margin: 20px auto;} .error-404 .page-header img{ margin: auto;display: block;} .error-404 .page-header a:hover img{ transform: scale(1.05);transition: var(--ease);} .error404 #tiles .grid{ margin: 80px auto;max-width: 1200px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} @media screen and (max-width: 1000px){ .error404 #tiles .grid{grid-template-columns: repeat(2, 1fr);}} @media screen and (max-width: 600px){ .error-404 .page-header img{max-width: 300px;} .error404 #tiles .grid{grid-template-columns: 1fr;}} #bg{ position: fixed;bottom: 0;left: 0;right: 0;margin: auto;z-index: -999;} body.page main{ padding-bottom: 20px;} ul.stack{ padding: 0;list-style-type: none;} .csgm-grid{ display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 10px;} a.click-tile{ display: block;} a.click-tile img{ display: block;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);border-radius: 2px;} a.click-tile:hover img{ transition: var(--ease);box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);} @media screen and (max-width: 700px){ .csgm-grid{display: block;}} .pf-topbar{ max-width: 100%;background: #333;position: relative;text-align: center;padding: 5px 0;} .pf-topbar a{ font-weight: normal;font-size: 13.5px;letter-spacing: 0.6px;color: #d1d1d1;color: white;} .pf-topbar a:hover{ letter-spacing: 1px;color: white;transition: var(--ease);} .csgm-header{ margin: 90px auto 0;max-width: 1920px;position: relative;} .csgm-header img{ margin: auto;} @media screen and (max-width: 758px){ .csgm-header{margin: 70px auto 0;}} .site-header{ position: relative;background: var(--navy);z-index: 999;} .site-header .csgm-header{ margin-top: 0;} .site-header > .grid{ display: grid;grid-template-columns: 200px 1fr 230px;align-items: center;background: var(--navy);padding: 20px;z-index: 999999;} .site-header .custom-logo-link img{ width: 170px;max-width: 100%;} @media screen and (min-width: 1000px){ .site-header .search form{ position: relative;} .site-header .search form input[type="search"]{ width: 100%;border-radius: 100px;padding: 3px 3px 3px 10px;} .site-header .search form button{ position: absolute;right: 0;top: 0;bottom: 0;padding: 0;background: transparent;box-shadow: none;color: #222;height: 100%;width: 40px;} .site-header .search form button span{ display: none;}} .site-header .desktop{ display: grid;grid-gap: 1px;justify-content: center;align-items: center;} .site-header .desktop a{ cursor: pointer;} .site-header .desktop .top-level{ text-align: center;color: #ddd;text-transform: uppercase;font-weight: normal;padding: 20px;font-size: 15px;letter-spacing: 2px;display: inline-block;} .site-header .desktop .top-level:hover, .site-header .desktop .top-level.active{ background: #19202d;transition: var(--ease);} .site-header .submenu{ display: none;z-index: 99999;max-width: 1100px;position: absolute;left: 0;right: 0;margin: auto;top: 85px;background: #19202d;background-image: -moz-linear-gradient(-27deg, #152860 1%, #1d2943 100%);background-image: -webkit-linear-gradient(-27deg, #152860 1%, #1d2943 100%);background-image: -ms-linear-gradient(-27deg, #152860 1%, #1d2943 100%);padding: 0;box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);} .site-header .submenu .items{ display: grid;grid-template-columns: 1fr 2fr;min-height: 450px;} .site-header .submenu .parent{ color: white;grid-column: 1;font-family: var(--serif);text-align: left;padding: 10px 16px;font-weight: 400;display: grid;grid-template-columns: 75px 1fr;grid-gap: 10px;align-items: center;position: relative;background: #19202d;} .site-header .submenu .parent:not(.active):hover, .site-header .submenu .parent.active{ background: 0 0;transition: var(--ease);} .site-header .submenu .parent .item-content{ grid-column: 2;} .site-header .submenu .parent .title{ display: block;font-size: 18px;} .site-header .submenu .parent .desc{ display: block;font-size: 12px;font-family: var(--sans);} .site-header .submenu .children{ grid-column: 2;display: none;padding: 20px;} .site-header .submenu .children .grid{ height: 100%;grid-gap: 10px;display: grid;grid-template-columns: 1fr 1fr;} .site-header .submenu .children .child{ color: #fff;text-align: center;font-weight: 400;display: grid;align-items: center;border-radius: 3px;} .site-header .submenu .children.count-odd .grid > .child:first-child, .site-header .submenu .children .child.full{ padding: 10px;grid-column: 1 / 3;} .site-header .submenu .children .child:hover{ background: white;transition: var(--ease);color: var(--navy);} .site-header .submenu .child .title{ display: block;font-family: var(--serif);font-size: 24px;font-weight: 400;} .site-header .submenu .child .icon{ margin-right: 5px;} .site-header .submenu .child .desc{ display: block;font-size: 13px;} body.mobile-nav-active{ height: 100%;overflow: hidden;} .site-header .mobile-control{ display: none;} .site-header .mobile-control .icon-trigger{ font-size: 30px;align-items: center;padding: 0;grid-gap: 10px;background: transparent;border: none;box-shadow: none;} .site-header .open-search{ text-align: right;} #mobile-nav{ display: none;position: fixed;z-index: 99999;top: 0;bottom: 0;left: 0;right: 0;} #mobile-nav .columns{ height: 100%;display: grid;grid-template-columns: 80% 20%;} #mobile-nav .wrapper{ display: grid;grid-template-rows: auto 1fr 50px;grid-template-areas: "header" "content" "social";overflow: auto;height: 100%;background-color: #eef0f7;background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/08/nav-bg-new-scaled.webp);background-position: bottom;background-size: contain;background-repeat: no-repeat;} #mobile-nav .helper{ background: #00000085;height: 100%;} #mobile-nav .top{ padding: 10px 10px 10px 20px;display: grid;grid-template-columns: 1fr 50px;grid-area: header;align-items: center;background: #eff0f8;color: #222;} #mobile-nav .top .esc{ padding: 0;background: transparent;border: none;box-shadow: none;font-size: 30px;text-align: center;grid-column: 2;color: #222;} #mobile-nav nav{ overflow: auto;overflow-x: hidden;max-height: 100%;grid-area: content;display: grid;grid-template-areas: "content";grid-template-rows: 1fr;grid-template-columns: 1fr;} #mobile-nav .primary{ max-height: 100%;position: relative;grid-area: content;overflow: auto;} nav.mobile .top-level{ width: 100%;border-radius: 0;font-size: 20px;padding: 18px 30px 18px 20px;text-align: left;display: grid;grid-template-columns: 20px 1fr 20px;grid-gap: 10px;align-items: center;font-weight: 500;box-shadow: none;border: none;line-height: 1;margin: 0;color: #222;background: white;font-weight: 600;} nav.mobile .primary > .item-wrapper:first-child{ border-top: 1px solid #ccc;} nav.mobile .primary .item-wrapper{ border-bottom: 1px solid #ccc;} nav.mobile .children{ padding: 0 20px;display: none;background: var(--navy);background: transparent;border-top: 1px solid #ccc;} nav.mobile .grandkids{ display: none;} nav.mobile .grandkids .top-level{ border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} nav.mobile .grandkids-wrapper{ padding: 0 20px;} nav.mobile .children .item{ display: grid;grid-template-columns: 1fr 30px;width: 100%;background: transparent;border: none;box-shadow: none;padding: 15px 10px;font-size: 16px;font-weight: 500;color: #222;text-align: left;line-height: 1;} nav.mobile .children > .item:not(:first-child){ border-top: 1px solid #ccc;} nav.mobile .grandkids .link{ width: 100%;font-size: 16px;font-weight: 500;padding: 15px 10px;color: #222;text-align: left;line-height: 1;display: block;border-bottom: 1px solid #ccc;} nav.mobile .children .item .arrow{ text-align: right;} #nav-back{ display: none;background: transparent;box-shadow: none;text-align: left;font-size: 16px;padding: 0;font-weight: 500;color: #222;} #nav-back .btn-grid{ display: grid;grid-template-columns: 20px 1fr;align-items: center;} #mobile-nav .social-widget{ grid-area: social;display: grid;grid-template-columns: repeat(6, 1fr);align-items: center;padding: 0 10px;border-top: 1px solid #aeaaaacc;} #mobile-nav .social-widget a{ display: inline-block;color: #222;} #mobile-nav .social-widget div{ margin: 0;border-radius: 0;background: transparent;width: 100%;height: 100%;color: #222;} #mobile-nav .secondary{ height: 100%;grid-area: content;position: relative;top: 0;overflow: auto;left: 100%;} #mobile-nav .misc-links{ padding: 10px 20px;} #mobile-nav .misc-links a{ color: white;color: #222;display: block;font-weight: 500;padding: 10px 5px;line-height: 1;} #mobile-nav .misc-links a.bold{ font-weight: bold;} #mobile-search-wrapper input[type="search"]{ padding: 0;border-radius: 0;-webkit-appearance: none;border: 0;background: transparent;color: #222;width: 100%;font-size: 18px;line-height: 1;} #mobile-search-wrapper input[type="search"]:focus{ box-shadow: none;} #mobile-search-wrapper input[type="search"]::placeholder{ font-style: normal;font-weight: 600;font-size: auto;color: #222;font-size: 20px;} #mobile-search-wrapper input[type="search"]:focus::placeholder{ color: transparent;} #mobile-search-wrapper button[type="submit"]{ padding: 0;background: transparent;box-shadow: none;font-size: 18px;display: none;color: #222;} #mobile-search-wrapper .search-form input[type="search"]:focus + button[type="submit"]{ display: block;} .search-helper{ display: none;width: 100%;height: 1000px;position: absolute;left: 0;top: 100%;} @media screen and (max-width: 1100px){ .site-header > .grid{grid-template-columns: 130px 1fr 150px;}} @media screen and (max-width: 1000px){ .pf-topbar, #desktop-nav, .site-header .search{display: none;} .site-header .mobile-control{display: block;} .site-header{padding-top: 70px;} .site-header > .grid{ grid-template-columns: repeat(3, auto);position: fixed;width: 100%;top: 0;left: 0;right: 0;padding: 0 15px;height: 70px;} .site-header .logo img{ display: block;margin: auto;width: 130px;} .site-header .search{ position: absolute;background: #0f1726;top: 100%;width: 100%;left: 0;right: 0;padding: 20px;} .site-header .search form{ display: grid;grid-template-columns: 3fr 1fr;} .site-header .search form input[type="search"]{ border-radius: 0;border: none;padding: 10px;} .site-header .search form button{ border-radius: 0;box-shadow: none;} .site-header .search form button span{ display: block;} .site-header .search form button i, .site-header .search form button svg{ display: none;}} @media screen and (max-width: 1040px){ .csgm-home-slider{ grid-template-columns: 1fr 300px 1fr;height: 300px;} .csgm-home-slider .center h2 .little{font-size: 24px;} .csgm-home-slider .center h2 .big{font-size: 50px;}} @media screen and (max-width: 600px){ .csgm-home-slider{ grid-template-columns: 1fr 200px 1fr;height: 200px;} .csgm-home-slider .center h2 .big{margin: 5px 0 -10px;} .csgm-home-slider .center .btn{ width: 150px;font-size: 14px;padding: 8px 0;}} .related.grid{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} .related.grid.sponsored{ margin: 20px auto 40px;} @media screen and (max-width: 800px){ .related.grid .card h3{font-size: 18px;}} @media screen and (max-width: 700px){ .related.grid{ grid-template-columns: 1fr;max-width: 100%;margin: 20px auto 0;} .upcoming-events .related.grid .card{ max-width: 400px;margin: 0 auto 20px;}} .card{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);min-width: 0;display: grid;background: white;} .card img{ display: block;z-index: 1;} .card a:hover img{ transition: all 400ms ease-in-out;transform: scale(1.025);} .card .top{ overflow: hidden;position: relative;} .card .text{ padding: 10px;overflow: hidden;position: relative;} .card .text p.promoted{ margin: 0;position: absolute;top: 0;font-size: 10px;font-style: italic;} .card .text p.promoted a{ color: #222;font-weight: normal;} .related.grid.sponsored .card h3{ margin: 10px 0 5px;} .card h3{ margin: 0 0 5px;max-width: 100%;font-weight: 700;hyphens: none;color: #222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .card h4{ margin: 0 0 5px;font-size: 14px;font-weight: 600;} a .card p, .card p{ margin: 0 0 10px;font-size: 14px;color: #222;} @media screen and (max-width: 600px){ .card{margin: 0 0 20px;display: block;} .card p{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .card.sponsored-tile p{ display: block;-webkit-line-clamp: none;}} .csgm-home-slider{ display: grid;grid-template-columns: 1fr 500px 1fr;height: 400px;} .csgm-home-slider{margin: 0 auto;} .csgm-home-slider .side{ background-size: cover;background-repeat: no-repeat;background-position: center;} .csgm-home-slider .center{ text-align: center;background: #1d2943a6;display: grid;align-items: center;background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/09/center-img.webp);background-size: cover;background-repeat: no-repeat;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} .csgm-home-slider .center.light{ color: white;} .csgm-home-slider .center.dark{ color: #222;} .csgm-home-slider .center h2 .little{ margin: 0;line-height: 1;text-transform: lowercase;font-family: 'times', serif;font-style: italic;display: block;} .csgm-home-slider .center h2 .big{ font-family: var(--fancy);line-height: 1;font-size: 80px;margin: 5px 0 -15px;display: block;} .csgm-home-slider .center .btn{ display: block;background: #ffb51b;width: 200px;margin: 10px auto 0;line-height: 1;padding: 10px 0;border-radius: 2px;text-transform: uppercase;color: #222;} .csgm-home-slider .center .btn:hover{ background: #009344;letter-spacing: 0.5px;color: white;cursor: pointer;transition: all 300ms ease-in-out;} article#home{ margin-bottom: 0;} h1.section-heading{ font-family: var(--fancy);text-align: center;letter-spacing: 0;font-size: 40px;line-height: 1;} .home-section a .fas, .home-section a .far{ color: white;} .home-section.shaded{ max-width: 100%;background: #222;box-shadow: 0px 0px 27.84px 1.16px rgba(34, 34, 34, 0.74);padding: 100px 0;} .home-section.wide{ max-width: 100%;padding: 0;} .home-section.shaded .padding{ max-width: 1200px;} .home-section{ margin: 80px auto;max-width: 1200px;} .csgm-home-content p.mobile-home-intro{ display: none;margin: 0;padding: 0 10px;font-family: var(--sans);hyphens: none;font-size: 16px;} @media screen and (max-width: 600px){ .csgm-home-content .intro{display: none;} .csgm-home-content p.mobile-home-intro{display: block;} .mobile-home-intro h1{ text-align: center;font-family: 'relation-two', var(--sans);font-size: 40px;margin: 0;} .mobile-home-intro p{ text-align: center;margin: 0;hyphens: none;}} .section.hptiles{ max-width: 1400px;margin: 30px auto;} .section.hptiles .grid{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;} .section.hptiles .single{ max-width: 320px;padding: 5px;min-width: 0;justify-self: center;align-self: start;} .section.hptiles .single .top{ position: relative;} .section.hptiles .single .top a .overlay{ position: absolute;top: 0;bottom: 0;right: 0;left: 0;height: 100%;width: 100%;background: transparent;} .section.hptiles .single .top a:hover .overlay{ background: rgba(0, 0, 0, 0.47);transition: var(--ease);cursor: pointer;} .section.hptiles .single .top a .overlay img{ display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;} .section.hptiles .single#best-of-pigeon-forge-hp-tile .top a .overlay img{ width: 100px;} .section.hptiles .single .top a:hover .overlay img{ display: block;} .section.hptiles .single .top a .overlay .over{ color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;padding: 10px;} .section.hptiles .single .top a:hover .overlay .over{ transition: var(--ease);color: white;text-transform: uppercase;font-size: 13px;letter-spacing: 1px;border: 1px solid;text-align: center;line-height: 1;width: 50%;background: #0000004a;} .section.hptiles .single .top img.main{ display: block;} .section.hptiles .single a h2{ margin: 10px 0;font-family: var(--sans);font-size: 18px;font-weight: 700;line-height: 1;text-transform: uppercase;hyphens: none;text-align: center;color: #222;text-decoration: none;} .section.hptiles .single p{ font-size: 14px;text-align: center;margin: 0 0 10px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .section.hptiles .single a.btn{ display: block;font-family: var(--sans);font-style: normal;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;font-size: 13px;border: 1px solid #1d2943;padding: 8px;line-height: 1;color: #1d2943;background: white;margin: auto;width: 100px;text-align: center;text-decoration: none;} .section.hptiles .single a.btn:hover{ background: #222;color: white;width: 110px;transition: var(--ease);} @media screen and (max-width: 1400px){ .section.hptiles .grid{grid-gap: 10px 0;} .section.hptiles .grid .single p{line-height: 1.4;font-size: 13px;}} @media screen and (max-width: 1000px){ .section.hptiles{max-width: 700px;} .section.hptiles .grid{grid-template-columns: repeat(2, 1fr);} .section.hptiles .grid .single{max-width: none;}} @media screen and (max-width: 700px){ .section.hptiles{max-width: 100%;} .section.hptiles .single a h2{font-size: 16px;margin: 10px 0 5px;} .section.hptiles .single p{font-size: 12px;} .section.hptiles .single a.btn{padding: 5px;} .section.hptiles .single .text{ display: grid;align-items: center;grid-template-rows: 45px auto auto;} .section.hptiles .single p{-webkit-line-clamp: none;} .section.hptiles .single .top a:hover .overlay{display: none;}} .csgm-home-content{ max-width: 800px;margin: 60px auto;} .csgm-home-content h1.entry-title{ text-align: center;font-family: var(--fancy);font-size: 60px;line-height: 1;margin: 0 0 10px;} .csgm-home-content p{ font-family: var(--serif);text-align: center;} .csgm-slide-out{ font-size: 14px;text-align: center;display: block;margin: 0 auto 20px;width: 140px;background: whitesmoke;border-radius: 100px;padding: 5px;font-style: italic;font-weight: normal;background: #1e3f9a1f;color: #1e3f9a;font-weight: normal;} .csgm-slide-out:hover{ background: #ffb51b;color: white;font-weight: 400;transition: var(--ease);cursor: pointer;} @media screen and (max-width: 800px){ .csgm-home-content p{font-size: 14px;padding: 0 10px;} .csgm-home-content .csgm-slide-out{display: none;}} @media screen and (max-width: 600px){ .csgm-home-content{margin: 30px auto;} .csgm-home-content h1.entry-title{font-size: 40px;}} #featured-blogs .tiled-rows{ max-width: 1000px;} #csgm-stay{ background-image: url('https://www.pigeonforge.com/wp-content/uploads/2024/09/stay-bg-1.webp');background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;margin: 60px 0;padding: 120px 0;} #csgm-stay .padding{ max-width: 1400px;margin: auto;} #csgm-stay .text-container h2{ color: white;text-align: center;font-weight: 900;text-transform: uppercase;font-size: 50px;letter-spacing: 1.5px;} #csgm-stay .text-container p{ color: white;text-align: center;font-size: 18px;font-family: 'Merriweather', var(--sans);max-width: 800px;margin: 0 auto 20px;hyphens: none;} #csgm-stay .grid-row{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;margin-top: 60px;} #csgm-stay .grid-row .block{ background-size: cover;background-repeat: no-repeat;background-position: center;height: 400px;border-radius: 5px;display: grid;align-items: end;position: relative;overflow: hidden;} #csgm-stay .grid-row .block.cabins{ background-image: url('https://www.pigeonforge.com/wp-content/uploads/2024/09/places-to-stay-1.webp');} #csgm-stay .grid-row .block.hotels{ background-image: url('https://www.pigeonforge.com/wp-content/uploads/2024/09/places-to-stay-2.webp');} #csgm-stay .grid-row .block.condos{ background-image: url('https://www.pigeonforge.com/wp-content/uploads/2024/09/places-to-stay-3.webp');} #csgm-stay .grid-row .block.camps{ background-image: url('https://www.pigeonforge.com/wp-content/uploads/2024/09/places-to-stay-4.webp');} #csgm-stay .grid-row .block div{ padding: 20px;z-index: 2;} #csgm-stay .grid-row .block h3{ margin: 0;font-family: 'Oswald', 'Montserrat', sans-serif;text-transform: uppercase;font-weight: normal;font-size: 16px;color: white;text-shadow: 0 2px 3px black;} #csgm-stay .grid-row .block h2{ color: white;text-transform: uppercase;font-weight: 800;font-size: 34px;line-height: 1;text-shadow: 0 2px 3px black;margin: 5px 0;line-height: 1;} #csgm-stay .grid-row .block p, #csgm-stay .grid-row .block p a{ color: white;font-size: 14px;margin: 0 0 10px;font-weight: 500;} #csgm-stay .grid-row .block a.btn{ display: block;color: white;text-transform: uppercase;font-weight: 500;font-size: 14px;letter-spacing: 2px;padding: 5px 10px;border: 2px solid white;background: rgba(0, 0, 0, 0.63);text-align: center;} #csgm-stay .grid-row .block a.btn:hover{ background: white;font-weight: bold;color: #222;transition: all 300ms ease-in-out;} #csgm-stay .grid-row .block .overlay{ position: absolute;background: linear-gradient(to top, #000000ba, transparent);bottom: 0;left: 0;right: 0;width: 100%;z-index: 1;height: 70%;} @media screen and (max-width: 1400px){ #csgm-stay .grid-row{ max-width: 800px;margin: 20px auto;grid-template-columns: 1fr 1fr;} #csgm-stay .grid-row .block{height: 300px;} #csgm-stay .grid-row .block .overlay{height: 90%;} #csgm-stay .grid-row .block h2{font-size: 30px;}} @media screen and (max-width: 800px){ #csgm-stay .grid-row{max-width: 97%;}} @media screen and (max-width: 600px){ #csgm-stay{ padding: 40px 0;background: none;border-top: 4px dotted;border-bottom: 4px dotted;} #csgm-stay .grid-row .block{ height: 200px;align-items: center;border-radius: 4px;overflow: hidden;} #csgm-stay .text-container{padding: 0 10px;} #csgm-stay .text-container p{font-size: 14px;} #csgm-stay .grid-row .block h2{ margin: 0 0 20px;font-size: 34px;text-align: center;} #csgm-stay .grid-row .block p{ display: none;} #csgm-stay .grid-row .block a.btn{ border: none;text-align: center;display: block;width: 250px;margin: auto;border-radius: 2px;background: white;color: #222;font-weight: bold;text-transform: none;letter-spacing: 0;font-size: 18px;} #csgm-stay .grid-row .block a.btn:hover{ letter-spacing: 0;} #csgm-stay .grid-row .block h3{ display: none;} #csgm-stay .text-container h2{ text-transform: none;font-family: 'relation-two', sans-serif;margin: 0;letter-spacing: 0;color: #222;} #csgm-stay .text-container p{ color: #222;} #csgm-stay .grid-row .block .overlay{ height: 100%;background: #00000059;} #csgm-stay .grid-row{ max-width: 400px;grid-template-columns: 1fr;} #csgm-stay .grid-row .block p{ text-shadow: 0 2px 3px black;}} #hp-attractions{ padding: 0 10px;} #hp-attractions .grid{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} #hp-attractions .card{ border-radius: 3px;overflow: hidden;} #hp-attractions .card .csgm-btn{margin: 0;} #tiles h1.section-heading{ color: #1d2943;} #tiles-title{ margin: 30px 0 16px;} #tiles-title span{ display: block;text-align: center;} #tiles-title .top{ font-family: 'relation-two', sans-serif;font-size: 60px;line-height: 1;margin-top: 16px} #tiles-title .bottom{ text-transform: uppercase;letter-spacing: 6px;margin-top: -5px;font-size: 14px;font-weight: 400;} @media screen and (max-width: 1000px){ #hp-attractions .grid{ grid-template-columns: repeat(2, 1fr);width: 700px;max-width: 100%;margin: auto;}} @media screen and (max-width: 700px){ #hp-attractions .grid{ grid-template-columns: 1fr;width: 400px;} #hp-attractions .card .top{height: 150px;} #hp-attractions .card .top img{margin-top: -50px;}} @media screen and (min-width: 600px){ #tiles-title{display: none;}} #bear{ background: #191b45;margin-top: -100px;position: relative;} #bear img{ display: block;} #hp-gsm{ background-size: cover;background-repeat: no-repeat;background-position: center;color: white;text-align: center;position: relative;margin-bottom: 0;} #hp-gsm .fill{ background: #1f507b;position: absolute;top: 10%;left: 0;width: 100%;height: 80%;z-index: -1;} #hp-gsm .section-head{ margin: 0.67em auto 10px;hyphens: none;width: 500px;max-width: 100%;line-height: 1;} #hp-gsm p.aligncenter{ font-weight: 500;} #hp-gsm .content{ padding: 40px 10px 0;position: relative;background: #191b45;} #hp-gsm .mtn{ background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;} #hp-gsm .mtn img{ display: block;margin: auto;width: 100%;max-width: 100%;} #hp-gsm .mtn.top{ margin: 100px auto -50px;} #hp-gsm .mtn.end{ margin: -300px auto 0;background-color: var(--navy);} #hp-gsm .grid{ display: grid;grid-template-columns: repeat(4, 1fr);width: 1000px;max-width: 100%;margin: 50px auto 0;position: relative;z-index: 1;grid-gap: 20px;} #hp-gsm .grid > div{ width: 230px;margin: auto;} #hp-gsm .grid a.item{ color: white;padding: 20px 10px;border-radius: 20px;border: 1px solid white;display: grid;grid-template-rows: 3fr 1fr;grid-gap: 10px;align-items: center;} #hp-gsm .grid a.item:hover{ color: #181b44;background: white;border: 1px solid #181b44;transition: var(--ease);} #hp-gsm .grid a.item svg, #hp-gsm .grid a.item i{ font-size: 100px;margin: 0 auto;} #hp-gsm .grid a.item p{ font-family: 'merriweather', var(--sans);font-size: 20px;margin: 0;font-weight: bold;line-height: 1;} @media screen and (max-width: 1000px){ #hp-gsm .content{padding: 60px 10px;} #hp-gsm .grid>div{width: 100%;} #hp-gsm .grid a.item svg, #hp-gsm .grid a.item i{font-size: 60px;} #hp-gsm .grid{grid-template-columns: 1fr 1fr;width: 500px;}} @media screen and (max-width: 700px){ #hp-gsm .mtn.top{margin: 0;} #hp-gsm .section-head{font-size: 40px;} #hp-gsm .content{padding: 10px 10px 60px;} #hp-gsm .grid a.item{padding: 20px 0;} #hp-gsm .grid a.item p{font-size: 16px;}} .home-section .section-head{ font-family: var(--fancy);font-size: 54px;} .home-section#more-info{ margin-bottom: 0;margin-top: 0;} #more-info h2.section-head{ text-align: center;color: white;margin-bottom: 0;font-size: 54px;} #more-info .columns{ max-width: 1200px;margin: 10px auto;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;} #more-info .item{ margin: 0;padding: 12px 0;position: relative;display: grid;grid-template-columns: 1fr 5fr;grid-gap: 10px;align-items: center;} #more-info .item .icon{ text-align: center;} #more-info .item .text{ padding-left: 10px;} #more-info a .item .go{ position: absolute;bottom: -10px;right: 0;font-size: 23px;color: transparent;font-family: var(--fancy);} #more-info a:hover .item .go{ transition: var(--ease);color: var(--yellow);} #more-info a .item svg, #more-info a .item i{ color: white;margin: 0 auto;font-size: 70px;} #more-info a:hover .item svg{ color: var(--yellow);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: var(--ease);} #more-info a .item h3{ color: white;margin: 0;font-size: 34px;font-family: var(--fancy);} #more-info a:hover .item h3{ color: var(--yellow);transition: var(--ease);} #more-info a .item p{ color: white;margin: 0;} @media screen and (max-width: 1200px){ #more-info .columns{max-width: 1000px;}} @media screen and (max-width: 1200px){ #more-info .columns{max-width: 100%;}} @media screen and (max-width: 800px){ #more-info a .item svg, #more-info a .item i{font-size: 50px;} #more-info .columns{ grid-template-columns: 1fr;} #more-info .item{padding: 12px 10px;} #more-info a .item h3{ font-family: var(--sans);font-size: 18px;} #more-info a .item p{font-size: 14px;}} .booking-form input, .booking-form input[type="text"], .booking-form select{ border: none;color: #222;background-color: transparent;width: 100% !important;border-radius: 0 !important;text-align: left !important;-webkit-appearance: none;text-align: left;cursor: pointer;} #csgm-book.home-page{ width: 400px;margin: 0 auto;} #csgm-book.home-page .grid{ background: white;grid-template-columns: 1fr minmax(100px, 150px);grid-template-rows: repeat(2, 1fr);grid-template-areas: "type guests" "dates dates";color: #222;border-top: 0;padding: 0;grid-gap: 0;} #csgm-book.home-page .item{ display: block;} #csgm-book.home-page .item.custom{ grid-area: type;border-bottom: 1px solid #ccc;} #csgm-book.home-page .daterange{ grid-area: dates;} #csgm-book.home-page .item.guests{ grid-area: guests;border-bottom: 1px solid #ccc;} #csgm-book.home-page .item label svg, #csgm-book.home-page .item label i{ display: none;} #csgm-book.home-page #sf-guests, #csgm-book.home-page .daterange .item, #csgm-book.home-page .item.custom select{ padding: 24px 3px 6px 10px;} #csgm-book.home-page .item input, #csgm-book.home-page .item select{ padding: 0;} #csgm-book.home-page #sf-guests{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/arrows.png);} #csgm-book.home-page label span{ left: 10px;top: 12px;} #csgm-book.home-page .daterange{ border-bottom: 0;border-left: 0;border-right: 0;} #csgm-book.home-page .daterange .item{ border-left: 0;} #csgm-book.home-page .daterange .item.departure{ border-right: 0;} .csgm-home-slider.book .center{ grid-gap: 10px;} .csgm-home-slider.book .center > div{ align-self: end;} .csgm-home-slider.book .center h1{ margin: 0;line-height: 0.6;margin: 20px 0 0 0;} .csgm-home-slider.book .center h2{ margin: 0;} .ui-widget{ font-family: var(--sans);} @media screen and (max-width: 1040px){ .csgm-home-slider.book{ grid-template-columns: 1fr 400px 1fr;height: 350px;} .csgm-home-slider.book .center h1{font-size: 50px;} .csgm-home-slider.book .center h2{font-size: 24px;} #csgm-book.home-page{ width: 100%;padding: 0 10px;}} @media screen and (max-width: 600px){ .csgm-home-slider.book{ background-image: url(https://www.pigeonforge.com/wp-content/uploads/2024/09/center-img.webp);background-size: cover;background-position: center;background-repeat: no-repeat;} .csgm-home-slider.book .side{background-image: none !important;} .csgm-home-slider.book .center{ background: transparent;box-shadow: none;}} @media screen and (max-width: 700px){ #csgm-book.home-page .item.guests, #csgm-book.home-page .item.custom select{ border-right: 0;border-top: 0;} #csgm-book.home-page .item.guests, #csgm-book.home-page .item.custom{border-bottom: 0;}} #csgdpr{ display: none;position: fixed;z-index: 99999;background: var(--book);bottom: 20px;left: 20px;max-width: 500px;color: white;padding: 20px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} #csgdpr div{ position: relative;} #csgdpr .esc{ position: absolute;background: #ffffff70;color: #222;padding: 3px 6px;line-height: 1;border-radius: 100px;top: -10px;right: -10px;font-size: 14px;font-weight: 600;border: 1px solid #ffffff4f;} #csgdpr .esc:hover{ box-shadow: none;background: white;transition: all 300ms ease-in-out;} #csgdpr p{ margin: 0;hyphens: none;font-size: 14px;} #csgdpr p a{ color: white;} #csgdpr p a:hover{ color: var(--yellow);} @media screen and (max-width: 500px){ #csgdpr{ max-width: 100%;bottom: 5px;left: 5px;right: 5px;padding: 14px;} #csgdpr p{ font-size: 12px;max-width: 98%;}} .pdf-container{ position: relative;overflow: hidden;width: 100%;padding-top: 77.27%;} .video-container, .section.video .container{ position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;} iframe.responsive{ position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;} .csgm-biz #video.section .container{ background: #222;} .csgm-biz #video.section .container div{ margin: auto;} .wp-video-shortcode a{display: none;} blockquote{ position: relative;font-weight: normal;font-family: 'Montserrat', 'sans-serif';hyphens: none;font-style: italic} blockquote.small span{ text-align: left;display: block;} blockquote.small{ margin: 20px 0;} blockquote.csgm{ padding: 30px 60px;font-size: 18px;margin: 60px 0;border-top: 1.5px solid rgba(34,34,34,0.3);border-bottom: 1.5px solid rgba(34,34,34,0.3);font-size: 18px;position: relative;} blockquote.has-cite{ padding: 30px 60px 10px;} blockquote.csgm.business-quote{ margin: 20px auto;padding: 20px 10px 20px 30px;border: none;} blockquote.csgm.business-quote img#open{ width: 20px;top: 14px;} blockquote.csgm.business-quote img#close{ bottom: 25px;width: 20px;} blockquote.csgm.business-quote cite{ bottom: -10px;} blockquote.csgm .quote{ width: 60px;position: absolute;} blockquote.csgm .quote.left{ top: -10px;left: 0;} blockquote.csgm .quote.right{ bottom: -10px;right: 0;} blockquote.csgm cite{ font-size: 13px;text-transform: uppercase;font-style: normal;letter-spacing: 1px;display: block;text-align: left;margin: 20px 0 0;} blockquote.small cite, blockquote.cite{ font-size: 13px;text-transform: uppercase;font-style: normal;letter-spacing: 1px;text-align: right;display: block;margin-top: 5px;font-weight: 400;} blockquote cite::before{ content: "- ";margin-left: -15px;} @media screen and (max-width: 800px){} @media screen and (max-width: 500px){ blockquote.csgm{ font-size: 16px;padding: 30px;margin: 60px -20px;} blockquote.csgm.has-cite{padding: 30px 30px 10px;} blockquote.csgm cite{font-size: 12px;} blockquote.csgm .quote.left{top: -20px;}} blockquote.small span::after, blockquote.small span::before{ content: '"';} .csgm-quiz{ margin: 10px auto;padding: 20px 10px;border-top: 1px solid #22222261;} .csgm-quiz .single{ padding: 20px 0;} .csgm-quiz .single h2{ font-family: var(--serif);font-size: 20px;margin: 0 0 10px;} .csgm-quiz .single .answer{ margin: 5px auto;} .csgm-quiz .single .answer .val{ padding-left: 10px;color: #00aeef;font-weight: 800;display: none;} .csgm-quiz.complete .single .answer.selected .val{ display: inline;} .csgm-quiz .single .answer input{ margin-right: 10px;} .csgm-quiz .csgm-submit{ width: 100%;font-family: var(--serif);font-size: 20px;} .quiz-results h2.total{ font-family: var(--serif);text-align: center;padding: 20px 0;border-bottom: 1px solid #22222261;} .quiz-results h2.total .score{ color: #009344;} .csgm-quiz .correct-answers h2.head{ font-family: var(--serif);text-align: center;padding: 20px 0;color: #00aeef;} .csgm-quiz .correct-answers .single .correct.answer{ font-size: 18px;} .csgm-quiz .correct-answers .single .correct.answer span{ color: #009344;font-weight: 700;} #groups-form input[type="submit"]{ font-size: 20px;padding: 20px 0;} .csgm-form.slim{ max-width: 600px;margin: auto;} .csgm-form h2.heading{ margin: 0 0 20px;text-align: center;font-size: 40px;line-height: 1;} .csgm-form h2.heading::before{content: '- '} .csgm-form h2.heading::after{content: ' -'} .csgm-form p, .csgm-form label{ margin: 0 0 5px;font-weight: 500;display: block;} .csgm-form .wpcf7-form-control-wrap.image{ display: block;width: 100%;} .csgm-form input[type="text"], .csgm-form input[type="file"], .csgm-form input[type="email"], .csgm-form input[type="date"], .csgm-form input[type="tel"], .csgm-form input[type="number"], .csgm-form input[type="submit"]{ width: 100%;} .csgm-form textarea, .csgm-form input[type="text"], .csgm-form input[type="email"], .csgm-form input[type="date"], .csgm-form input[type="tel"], .csgm-form input[type="number"]{ padding: 8px 10px;} .csgm-form .section{ margin: 0 0 20px;width: 100%;} .csgm-form .address{ display: grid;grid-template-columns: 3fr 2fr 1fr 1fr;grid-gap: 0.5%;margin-bottom: 5px;} .csgm-form .intl-address{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;margin-bottom: 5px;} .csgm-form .intl-address > div:first-child{ grid-column: 1 / 3;} .csgm-form .intl-address > div:nth-child(2){ grid-column: 3 / 5;} .csgm-form .credit{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;grid-gap: 5px;} .csgm-form .phonefield{ display: grid;grid-template-columns: 1fr 1fr 1.5fr;grid-gap: 5px;} .csgm-form .double{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1%;} .csgm-form .daterange{ position: relative;} .csgm-form .name{ align-self: end;} .csgm-form .two-third{ display: grid;grid-template-columns: 2fr 1fr;grid-gap: 1%;} .csgm-form .triple{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1%;} .csgm-form .section.submission{ background: white;padding: 20px;border: 1px solid #00000024;} .csgm-form select{ -webkit-appearance: none;border-radius: 0;padding: 10px;font-size: 16px;line-height: 1;background-image: url(https://www.pigeonforge.com/wp-content/uploads/arrows.png);background-repeat: no-repeat;background-size: contain;background-position: right;display: block;width: 100%;background-color: white;} .csgm-form input[type="file"]{} .csgm-form input.check, .csgm-form input[type="checkbox"]{ -webkit-appearance: none;width: 16px;height: 16px;border: 2px solid;margin-bottom: -2px;margin-right: 10px;outline: none;position: relative;} .csgm-form input:checked::before{ content: '✓';font-size: 18px;position: absolute;top: -5px;color: #222;} .csgm-form .wpcf7-validation-errors{ display: block;margin: 20px 0 0;color: red;} .csgm-form .wpcf7-form-control-wrap{ position: relative;} .csgm-form .wpcf7-not-valid-tip{ position: absolute;right: 10px;font-style: italic;font-size: 12px;top: 50%;font-weight: 500;transform: translate(0, -50%);} .csgm-form select + .wpcf7-not-valid-tip{ right: 30px;} .csgm-form .textarea .wpcf7-not-valid-tip{ padding: 0 0 20px;} .csgm-form input[type="submit"][disabled]{ box-shadow: none;background: #b9b7b7;color: #ffffff7d;} .csgm-form select[aria-invalid="true"], .csgm-form input[aria-invalid="true"], .csgm-form textarea[aria-invalid="true"]{ border: 1px solid red;} button:active, button:focus, input[type="file"]:active, input[type="file"]:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus{ border-color: #aaa #bbb #bbb;outline: none;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ color: #666;border: 1px solid #ccc;border-radius: 0;padding: 3px;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus{ color: #111;outline: 2px solid var(--bright);border: none;border-radius: 2px;box-shadow: none;transition: var(--ease);} input[type="text"].hasDatePicker:focus{ outline: none;} select{ border: 1px solid #ccc;} textarea{ width: 100%;} textarea:focus::placeholder, input:focus::placeholder{ color: auto;} select option[disabled], textarea::placeholder, input::placeholder{ font-style: italic;font-size: 15px;color: #969696;} textarea:focus::placeholder, input:focus::placeholder{ color: transparent;} @media screen and (max-width: 800px){ .csgm-form .wpcf7-not-valid-tip{ top: 140%;transform: none;left: 5px;} .csgm-form .double.daterange{ grid-template-columns: 1fr;grid-gap: 20px;}} .accordion button.parent{ background: whitesmoke;color: #222;width: 100%;text-align: left;font-family: var(--serif);font-weight: bold;padding: 10px 20px;margin: 0 0 10px;} .accordion button.parent.active, .accordion button.parent:hover{ box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);background: var(--book);color: white} .toggle .trigger{ display: block;padding: 10px 20px;font-family: 'Oswald', sans-serif;text-transform: uppercase;font-weight: 100;font-size: 24px;border: 1px solid #c8c8c8;color: #222;margin: 10px auto;} .toggle .csgm-toggle{ font-size: 30px;float: right;line-height: 1;color: #00aeef;} .toggle .hidden, .toggle .fa-toggle-on{ display: none;} .toggle .accordion{ margin: 0 auto 40px !important;} .accordion .parent{ display: block;} .accordion .children{ display: none;padding: 20px 10px;background: whitesmoke;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;} .accordion.faq > div{ margin: 0 0 10px;} .accordion{ margin: 30px auto;} .accordion h2:hover{ cursor: pointer;} .accordion h2.parent{ background: whitesmoke;border-radius: 2px;padding: 10px;font-size: 24px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);margin: 0;} .accordion.faq h2.parent{ margin: 0;padding: 10px;font-size: 24px;font-family: var(--serif);position: relative;} .accordion h2.parent svg, .accordion h2.parent i{ float: right;margin: 3px auto;} .accordion.faq > div:not(:last-child) > h2.parent{ border-bottom: 1px solid #80808057;} .accordion.faq .children{ padding: 16px;margin: 0 0 10px;} .accordion.faq .children h3{ margin: 0 0 10px;font-family: var(--serif);color: #00aeef;font-size: 20px;} .accordion.faq .children p{ margin: 0 0 10px;} .accordion.faq .svg-inline--fa, .accordion.faq i{ position: absolute;color: #00aeef;right: 8px;top: 15px;} .slide-toggle .children{ display: none;} .iframe-wrap{ position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;} .iframe-wrap iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media screen and (min-width: 600px){ .csgm-sc-grid_6 .iframe-wrap{padding-bottom: 45%;}} .csgm-attribution.large, div.row-img.attr-center + .csgm-attribution, div.row-img.wide.has-source + .csgm-attribution{ font-size: 13px;margin: 10px auto;text-align: center;} div.row-img.wide{ max-width: 100%;} div.row-img{ position: relative;max-width: 500px;} div.row-img img{ display: block;margin: auto;} .cc-crop{ max-height: 13px;} div.row-img p.attribution-under, div.row-img p.attribution-under a{ color: #333;font-weight: 400;} div.row-img p.attribution-under{ position: absolute;bottom: -10px;color: gray;font-size: 10px;padding-left: 0;display: table-caption;width: 100%;text-align: left;margin: 0;left: 0;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} div.row{ margin: 30px auto;} div.row-short{ width: 80%;} .row.csgm-drop .drop-content{ padding-top: 30px;} @media screen and (max-width: 600px){ div.row{margin: 20px auto;} .csgm-sc-grid_6 .iframe-wrap, div.row-img{margin: 0 -20px 10px;} div.row-img.has-lead .lead{padding: 30px 0 3px 20px;}} .small-banners{ margin: 0 auto 20px;} .small-banners a img{ box-shadow: 0 3px 6px rgba(0,0,0,0.36), 0 3px 6px rgba(0,0,0,0.23);} .small-banners a:hover img{ box-shadow: 0 14px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} @media screen and (max-width: 700px){ .small-banners{margin: 0 -20px 20px;}} .anchor-nav{ text-align: center;font-size: 18px;padding: 14px 0;border-top: 1px dotted #1d294370;border-bottom: 1px dotted #1d294370;} .anchor-nav .jump{ margin: 0;font-family: var(--fancy);color: #222} .anchor-nav a{ padding: 0 5px;color: #00aeef;font-weight: 400;font-family: 'Oswald', sans-serif;text-transform: uppercase;letter-spacing: 0.5px;} .anchor-nav a:hover{ transform: scale(1.1);transition: all 100ms ease-in-out;} .entry-header{ padding-top: 20px;} .entry-header h1.entry-title{ text-align: center;color: #404040;font-size: 38px;margin: 0 0 5px;} .entry-header h2.subtitle{ text-align: center;margin: 0 0 10px;line-height: 1;color: #696969;font-size: 24px;} .entry-header .entry-meta{ text-align: center;font-size: 14px;font-weight: normal;} .entry-header .entry-meta .modified{ font-style: italic;display: block;} .entry-meta .csgm-tags{ margin: 0;hyphens: none;} .entry-meta .csgm-tags .single, .entry-meta .csgm-tags .single.linked a{ color: var(--book);font-weight: 400;} .entry-meta span.categories a{ color: var(--green);text-transform: uppercase;letter-spacing: 1.5px;font-weight: 600;} .entry-header .entry-meta{ position: relative;padding-bottom: 20px;border-bottom: 2px dotted rgba(50,52,79,0.6);} .slug-pigeon-forge-cabin-rentals .entry-header .entry-meta{ border-bottom: none;padding-bottom: 0;} .event-header .categories, .entry-header div.categories{ display: inline-block;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px;background: #1d2943;padding: 8px 10px;line-height: 1;color: white;} .entry-header div.categories a{ font-weight: normal;color: white;} .entry-meta .biz img{ border-radius: 100px;float: left;} .entry-meta .biz .biz-name{ float: left;line-height: 1;padding: 12.5px 5px;} .entry-header div.categories{display: none;} @media screen and (max-width: 900px){ .entry-header div.categories{display: inline-block;} .entry-header .entry-meta span.categories{display: none;} .single-post .entry-content{ max-width: 600px;margin: 1.5em auto;} .csgm-sc-grid_6{ width: 100%;margin: 0 auto 16px;float: none;display: block;} .row.numbered .csgm-sc-grid_6 .number, .row-img.default-img{display: none;} .single-post .entry-header h1.entry-title{ text-align: left;font-size: 38px;font-family: var(--slim);text-transform: uppercase;line-height: 1;margin: 12px 0;} .entry-header .entry-meta{text-align: left;}} @media screen and (max-width: 700px){ .page-header h1.entry-title{ font-family: var(--slim);text-transform: uppercase;margin: 0;} .page.has-entry-meta h1.entry-title{ text-align: left;line-height: 1;margin: 12px 0;} .entry-header h1.entry-title{font-size: 30px;} .entry-header h2.subtitle{font-size: 18px;} .entry-meta > .csgm-tags > span:not(:last-child){ padding: 0 10px 0 0;}} .row-img.has-lead .lead{ position: absolute;bottom: 0;left: 0;padding: 30px 0 3px 10px;background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));width: 100%;color: white;font-family: 'Montserrat', 'Open Sans', sans-serif;text-shadow: 0 2px 3px black;font-weight: normal;z-index: 3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .row-img.has-lead a .lead::after{ content: ' →';} .row-img.has-lead a:hover .lead{ letter-spacing: 0.4px;transition: all 180ms ease-in-out;} img.shadow, .row-img.stacked a:hover img, .row-img img{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .row-img a:hover img{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: all 200ms ease;} .row-img .badge{ position: absolute;bottom: -20px;right: -20px;box-shadow: none;width: 100px;z-index: 4;} .row-img a:hover .badge{ box-shadow: none;} @media screen and (max-width: 600px){ .row-img .badge{right: -10px;} .row-img.has-lead .lead{font-size: 14px;}} .row-img.center-text .lead{ text-align: center;display: table;background: transparent !important;padding: 5px 20px !important;margin: 0;position: absolute;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);text-transform: uppercase;letter-spacing: 2px;font-weight: normal;font-size: 26px;line-height: 1;font-family: 'Oswald', sans-serif !important;} .row-img.center-text a:hover .lead{ letter-spacing: 3px;transition: all 180ms ease;} .row-img.center-text .lead::after{ content: none;} @media screen and (min-width: 500px){ .mobile-view{display: none;} .mobile-block{display: block;}} @media screen and (max-width: 500px){ .mobile-view{display: block;} .mobile-block{display: none;}} @media screen and (min-width: 1500px){ #main.hike{ max-width: 1500px;display: grid;grid-template-columns: 1060px 350px;grid-gap: 10px;} .more-hikes.section{display: none;}} @media screen and (max-width: 1500px){ #main.hike .hike-sidebar{display: none;}} .hike-content .leconte-hikes{ margin: 0 0 20px;} .hike-content .leconte-hike span{ color: #222;font-weight: normal;} .hike-content .leconte-hikes > .leconte-hike:not(:last-child)::after{ content: ',';} #main.hike article{ max-width: 1060px;} .hike-sidebar{ padding: 20px 0;} .hike-sidebar .single-related{ margin: 0 0 20px;} .related-trails{ margin-top: 20px;} .related-trails span{ font-weight: 400;} .related-trails .trail a{ color: #1e3f9a;font-weight: 600;} .related-trails .trail a:hover{ color: #ff5a59;} .related-trails > .trail:not(:last-child)::after{ content: ', ';} @media screen and (min-width: 900px){ body.logged-in article.type-hike{margin-top: 0;} article.type-hike{margin-top: 10px;}} .single-hike .section{ margin: 0 0 40px;} .hike-sidebar h2, .single-hike .section h2{ margin: 0 0 10px;font-size: 20px;font-weight: 600;border-bottom: 4px dotted #22222226;padding: 0 0 5px;} .single-hike .section h2 .author{ font-size: 14px;font-weight: normal;font-style: italic;} .single-hike .section h2 .author .written-by{ text-transform: lowercase;} .single-hike .section.leconte h2 button{ display: inline-block;background: var(--book);padding: 5px 8px;line-height: 1;border-radius: 2px;font-weight: 400;color: white;font-size: 12px;margin-left: 10px;} .single-hike .section.leconte h2 button:hover{ background: var(--pink);transition: all 200ms ease-in-out;} .single-hike .section.scales h2{ display: grid;grid-template-columns: 1fr 200px;align-items: end;} .single-hike .section.scales h2 a{ font-size: 12px;display: block;text-align: right;font-style: italic;} .hike-header{ position: relative;} .hike-header img{ display: block;} .hike-header .attr{ position: absolute;top: 10px;left: 10px;color: white;line-height: 1;font-size: 12px;text-shadow: -3px 2px 6px black;} .hike-header .attr a{ color: white;} .hike-header .overlay{ position: absolute;bottom: 0;color: white;left: 0;right: 0;background: linear-gradient(to top, #000000cc, transparent);padding: 50px 20px 10px;} .hike-header h1{ margin: 0;color: white;color: white;} .hike-header h1 span.diff{ margin-left: 20px;display: inline-block;} .row-img span.diff{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);display: block;} .row h2 span.diff, p.mileage span.diff{ letter-spacing: 0;font-size: 12px;line-height: 1;padding: 0 6px 1.5px;} span.diff{ text-transform: lowercase;font-size: 14px;line-height: 1;padding: 3px 6px;border-radius: 2px;color: white;} span.diff.mobile{ display: none;} span.diff.easy{ background: #1acc1a;} span.diff.moderate{ background: var(--orange);} span.diff.difficult{ background: #ff5a59;} .hike-header .mobile-location{ display: none;margin: 0;font-size: 12px;text-shadow: 0 2px 3px black;} .hike-header .mobile-location a{ color: white;} .hike-header .map-thumb{ position: absolute;width: 140px;right: 20px;top: 20px;border: 2px solid #222;} .hike-header .map-thumb a{ position: relative;display: block;} .hike-header .map-thumb .overlay img{ width: 10px;display: inline;margin-right: 3px;vertical-align: -3px;} .hike-header .map-thumb .overlay{ opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: #0000009c;color: white;font-size: 11px;text-align: center;line-height: 100px;} .hike-header .map-thumb:hover .overlay{ opacity: 1;transition: var(--ease);cursor: pointer;} .hike-specs{ background: #009344;padding: 20px;color: white;display: grid;grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );grid-gap: 10px;font-size: 20px;text-align: center;margin: 0 0 40px;} .hike-specs.count4{ grid-template-columns: repeat(4, auto);} .hike-specs .spec a{ color: white;font-weight: normal;} .hike-specs .spec a:hover{ color: white;text-decoration: underline;} @media screen and (min-width: 800px){ .hike-specs.count5{ grid-template-columns: repeat(5, auto);}} .hike-specs .spec .label{ margin: 0;font-size: 11px;font-weight: 600;text-transform: uppercase;line-height: 1;letter-spacing: 0.4px;} .hike-content .description > p:not(:first-child){ display: none;} .hike-content .description .toggle{ display: block;text-align: right;color: #ff5a59;font-weight: 600;} .hike-content .description .toggle.more{ margin: -20px 0 30px 0;} .hike-content .description .toggle:hover{ cursor: pointer;color: #ffb51b;transition: var(--ease);} .hike-tips ul{ margin: 0;padding-left: 20px;} .hike-tips ul > li:not(:last-child){ margin: 0 0 20px;} .hike-tags{ margin: 20px auto;} .hike-tags .tag{ display: inline-block;background: #ffb51b47;margin: 0 8px 5px 0;padding: 5px 8px;line-height: 1;border-radius: 2px;font-size: 14px;font-weight: 400;} .hike-tags .tag.elevation-trigger{ text-transform: lowercase;background: var(--book);color: white;cursor: pointer;} .hike-tags .tag.elevation-trigger:hover{ transform: scale(1.1);transition: var(--ease);} .hike-tags .tag.elevation-trigger[aria-expanded="true"]{ background: var(--navy);} .section.elevation-profile{ margin-top: 40px;display: none;} .section.elevation-profile img{ display: block;margin: 0 auto 20px;} .section.elevation-profile .attribution{ display: block;text-align: center;font-size: 12px;font-style: italic;} #big-photo{ display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 9999;} #big-photo .container{ position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: 1200px;width: 100%;max-height: 90%;z-index: 2;} #big-photo .background{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;background: #000000e3;} #big-photo .container .esc{ color: white;position: absolute;right: 0;font-size: 30px;top: -50px;display: block;} #big-photo .container .esc:hover{ cursor: pointer;} #big-photo .container img{ display: block;margin: auto;} #big-photo .container .caption{ color: white;text-align: center;margin: 5px 0 0;} #big-photo .container .caption a{ color: white;font-weight: 400;} .masonry-gallery .gallery-photo{ position: relative;width: 350px;float: left;margin: 0 0 4px;overflow: hidden;border-radius: 4px;} .masonry-gallery .gallery-photo .caption{ position: absolute;bottom: 0;left: 0;width: 100%;font-size: 11px;background: #000000b0;color: white;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;padding: 5px;line-height: 1;} .masonry-gallery .gallery-photo .caption a{ color: white;font-weight: 400;} .masonry-gallery .gallery-photo img{ display: block;} .masonry-gallery .gallery-photo:hover img{ transform: scale(1.05);transition: all 1000ms ease-in-out;cursor: pointer;} @media screen and (max-width: 1100px){ .masonry-gallery{ max-width: 705px;margin: auto;}} .hike-gallery .gallery-icon{ position: relative;} .hike-gallery .gallery-item figcaption{ opacity: 0;position: absolute;bottom: 0;left: 0;width: 100%;font-size: 11px;background: #000000b0;color: white;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;padding: 3px;line-height: 1;} .hike-gallery .gallery-item:hover figcaption{ opacity: 1;} #hike-map{ width: 100%;height: 400px;border: none;} @media screen and (min-width: 600px){ .all-maps > a:not(:last-child)::after{ content: ', ';}} .all-maps a:not(.active):hover{ cursor: pointer;} .all-maps a.active{ color: #716f6f;} .hike-grid{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} .hike-grid .single-related{ min-width: 0;max-width: 346px;} .hike-grid a{ min-width: 0;} .single-related.hike .img{ overflow: hidden;position: relative;} .single-related.hike .difficulty{ position: absolute;bottom: 8px;right: 8px;line-height: 1;font-size: 12px;color: white;text-transform: lowercase;padding: 3px 8px;font-weight: 400;border-radius: 2px;z-index: 3;} .single-related.hike .difficulty.easy{ background-color: #1acc1a;} .single-related.hike .difficulty.moderate{ background-color: var(--orange);} .single-related.hike .difficulty.difficult{ background-color: #ff5a59;} .hike-posts .card{ display: grid;grid-template-columns: 1fr 1.5fr;grid-gap: 10px;align-items: center;border-radius: 2px;overflow: hidden;margin: 0 0 20px;} .hike-posts .card .top{ overflow: hidden;} .hike-posts .post-label{ background: #1d2943;} .hike-content.leconte button.trigger{ background: transparent;padding: 0;box-shadow: none;font-weight: 600;color: var(--book);text-align: right;font-size: 12px;} .hike-content.leconte button.trigger svg, .hike-content.leconte button.trigger i{ font-size: 10px;} .hike-content .graph-container{ margin: 0;} @media screen and (max-width: 1200px){ #big-photo .container{max-width: 900px;}} @media screen and (max-width: 1060px){ .single-hike main#main{padding: 0;} .single-hike .section{padding: 0 10px;} .single-hike p#share-this{display: none;} .single-hike .social-buttons-container, .single-hike .share-social #copyButton{width: 40px;} .hike-header .map-thumb{ top: 10px;right: 10px;}} @media screen and (min-width: 1000px){ .hike-grid > a:nth-child(4) > .single-related{ display: none;} .hike-posts .card .csgm-mobile{ display: none;}} @media screen and (max-width: 700px){ .hike-posts .card .csgm-desktop{ display: none;} .hike-posts .card{ grid-template-columns: 1fr;margin: 0 0 30px;max-width: 100%;padding-top: 0;grid-gap: 5px;} .hike-grid > a:nth-child(4) > .single-related{ display: grid;} .hike-specs{ font-size: 16px;padding: 10px 0;} .hike-grid{ grid-template-columns: repeat(2, 1fr);} .hike-grid .single-related{ display: grid;max-width: 100%;} #big-photo .container{max-width: 90%;}} @media screen and (max-width: 600px){ .single-hike .related.grid{padding: 0 10px;} .masonry-gallery{ display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 5px;} .masonry-gallery .gallery-photo{ width: 100%;float: none;margin: 0;height: 130px;overflow: hidden;border-radius: 5px;background-size: cover;background-position: center;background-repeat: no-repeat;} .masonry-gallery .gallery-photo img{ display: none;} .masonry-gallery .gallery-photo .caption{display: none;} .hike-content #pickatrail{ display: block;text-align: center;} .hike-content #pickatrail button{ display: inline-block;padding: 5px 10px;margin: 2.5px;} .hike-header h1{margin: 0 0 10px;} .hike-header .attr{margin-top: 5px;} .hike-header h1 span.diff{display: none;} span.diff.mobile{display: inline-block;font-size: 12px;} .hike-header .mobile-location{display: block;} .hike-content .description .toggle{color: var(--book);} .hike-content .description .toggle:hover{ color: var(--book);text-decoration: underline;} .hike-posts .card .text h3, .single-related.hike h3{white-space: normal;} .single-hike .single-related p, .single-related.hike p{display: none;} .hike-specs.count5, .hike-specs.count3{grid-template-columns: repeat(3, auto);} .hike-specs.count4{grid-template-columns: repeat(2, auto);} .hike-header .overlay{padding: 50px 10px 10px;} .hike-header h1 span.title{ line-height: 1;display: block;margin-bottom: -8px;text-shadow: 0 2px 3px black;font-size: 20px;font-weight: 600;} .hike-header h1 span.diff{margin-left: 0;font-size: 12px;} .hike-header .map-thumb{display: none;} .single-hike .gallery-columns-2 .gallery-item, .single-hike .gallery-columns-3 .gallery-item, .single-hike .gallery-columns-4 .gallery-item, .single-hike .gallery-columns-5 .gallery-item, .single-hike .gallery-columns-6 .gallery-item, .single-hike .gallery-columns-7 .gallery-item, .single-hike .gallery-columns-8 .gallery-item, .single-hike .gallery-columns-9 .gallery-item, .single-hike .gallery-item{ max-width: none;max-height: 100px;} .hike-specs{ font-size: 15px;padding: 16px 0;} .hike-specs .spec.trailhead, .hike-specs .spec.location, .hike-specs .miles span{display: none;} .hike-grid{ grid-template-columns: 1fr;} .hike-grid .single-related{ display: block;padding: 0;max-width: none;} .hike-list{padding: 10px 0;} .hike-list li{ overflow: hidden;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;} .hike-content .description .toggle{text-align: left;} .all-maps a{display: block;} p.leconte-hikes a.leconte-hike{ display: block;font-size: 14px;}} .hike-graph{ display: grid;grid-template-columns: 50px 1fr;grid-template-rows: 1fr 50px;grid-template-areas: "yaxis graph" "xaxis xaxis";} .hike-graph svg.x-labels{ grid-area: xaxis;} .hike-graph svg.y-labels{ grid-area: yaxis;} .hike-graph svg.csgm-chart{ grid-area: graph;min-height: 300px;width: 100%;} .csgm-chart .grid{ stroke: #ccc;stroke-dasharray: 0;stroke-width: 1px;} .csgm-chart polyline{ stroke-width: 5;fill: none;stroke-linecap: round;stroke-linejoin: round;} .csgm-chart .labels text{ font-size: 12px;font-weight: bold;font-family: 'Oswald', var(--sans);} .trail-table.abc .trailhead{ background-color: #102663;color: white;padding: 20px 10px;font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;text-align: center;line-height: 1;position: relative;} .trail-table.abc .trailhead, .trail-table.abc .trailbody .single-trail{ display: grid;grid-template-columns: 1fr 100px 1fr;} .trail-table button.trigger{ background: transparent;padding: 0;box-shadow: none;margin-left: 10px;line-height: 1;vertical-align: 2px;color: var(--book);} .trail-table.abc .trail-name{ font-weight: 600;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;overflow: hidden;} .trail-table.abc .trail-name span.count{ font-family: 'oswald';font-weight: normal;line-height: 1;font-size: 13px;display: inline-block;width: 20px;} .trail-table .single-trail.active, .trail-table .has-info:hover{ background: var(--book);color: white;transition: var(--ease);cursor: pointer;} .trail-table .single-trail.active button.trigger, .trail-table .has-info:hover button.trigger{ color: white;} .trail-table .single-trail.active button.trigger{ transform: rotate(180deg);vertical-align: -2px;} .trail-table .single-trail.inactive button.trigger{ transform: none;} .trail-table .trail-info{ display: none;padding: 10px;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 6%);margin: 0 10px 20px 10px;} .trail-table .trail-info .grid{ display: grid;grid-template-columns: 250px 1fr;grid-gap: 20px;} .trail-table .trail-info a h3{ margin: 0 0 10px;line-height: 1;font-weight: 600;color: #222;grid-area: title;} .trail-table .trail-info a:hover h3{ color: var(--book);transition: var(--ease);} .trail-table .trail-info a h3 span{ font-weight: 100;font-style: italic;font-size: 14px;} .trail-table .trail-info .info-label{ display: inline-block;background: whitesmoke;line-height: 1;text-transform: uppercase;margin: 0 0 5px;padding: 5px 10px;border: none;letter-spacing: 2px;font-size: 10px;border-radius: 2px;} .trail-table .trail-info .title{ display: grid;grid-template-columns: 1fr 100px;} .trail-table span.diff{ float: right;font-size: 10px;margin-top: 4px;} .trail-table .trail-info .hike-specs{ margin: 0;background: transparent;color: #222;padding: 0;font-size: 15px;text-align: left;} .trail-table .trail-info .hike-specs .spec .label{ display: inline;} .trail-table .trail-info p.trail-content{ margin: 5px 0 0 0;font-size: 14px;font-style: italic;} .trail-table .trail-info p.trail-content .hike-anchor-text{ font-style: normal;} .trail-area-info{ margin: 20px auto;padding: 20px 0;} .trail-area-info h2{ margin: 0 0 10px;font-size: 24px;font-family: var(--serif);text-transform: uppercase;letter-spacing: 2px;text-align: center;} .trail-table thead th{ padding: 5px;background: #d2d2d2;line-height: 1;} .trail-table thead th.trail-name{ text-align: left;} .trail-table .miles{ text-align: center;font-family: 'Oswald', var(--sans);font-weight: bold;} .trail-table.abc .intersects{ font-size: 14px;font-style: italic;text-overflow: ellipsis;max-width: 100%;white-space: nowrap;overflow: hidden;} .trail-table .single-trail{ border-radius: 100px;margin: 10px auto;} .trail-table .single-trail div, .trail-table tbody td{ padding: 6px 10px;align-self: end;} .trail-table .even, .trail-table > tbody > tr:nth-child(even){ background: #5078e41f;} .trail-table .odd{ border: 1px solid #eaeefc;} .trail-table .trailhead .filter-trigger{ position: absolute;color: white;background: transparent;box-shadow: none;padding: 0;font-size: 20px;left: 16px;top: 16px;line-height: 1;} .trail-table .filter{ padding: 10px;background: #09163c;display: none;} .trail-table .filter .grid{ display: grid;grid-template-columns: 250px 1fr;grid-gap: 10px;} .trail-table .text-filter{ width: 250px;position: relative;} .trail-table .text-filter .esc{ background: transparent;box-shadow: none;padding: 0;position: absolute;right: 5px;top: 7px;line-height: 1;} #trail-filter{ width: 100%;font-family: 'courier';font-size: 12px;padding: 7px;} .trail-table .found{ margin: 0;font-size: 12px;line-height: 30px;font-style: italic;opacity: 0;color: white;} @media screen and (max-width: 900px){ .trail-table .trail-info img{ max-width: 500px;display: block;margin: 0 auto 10px;} .trail-table .trail-info .grid{display: block;} .trail-table.abc .trailhead, .trail-table.abc .trailbody .single-trail{ grid-template-columns: 3fr 60px 2fr;} .trail-table .trail-info a h3{line-height: initial;}} .trail-table .none-found{ display: none;background: whitesmoke;padding: 20px;text-align: center;border-bottom: 1px solid #0a173c21;} .trail-table .none-found p{ font-style: italic;font-size: 15px;margin: 0;} .trail-table .trail-info .intersects{display: none;} @media screen and (max-width: 600px){ .trail-table.abc{ width: 110%;margin-left: -5%;} .trail-table .trail-info a h3 span{display: none;} .trail-table .trail-info img{max-width: 100%;} .trail-table .trail-info .hike-specs{ display: block;margin: 0 0 10px;} .trail-table .trail-info img{margin: 0;} .trail-table.abc .trail-info{padding: 0;} .trail-table .trail-info .info{padding: 10px;} .trail-table .trail-info .intersects{display: block;} .trail-table.abc .single-trail div.intersects, .trail-table.abc > .trailhead > div:last-child{display: none;} .trail-table.abc .trailhead{padding: 20px} .trail-table.abc .trailhead, .trail-table.abc .trailbody .single-trail{ grid-template-columns: 1fr 70px;} .trail-table.abc .trailbody .single-trail .miles, .trail-table.abc .trailhead .name{ text-align: left;} .trail-table.abc .trailhead .distance{text-align: right;} .trail-table .filter{display: block;} .trail-table .trailhead .filter-trigger{display: none;} .trail-table .found{ opacity: 1;text-align: right;}}:root{ --easy: #24c224;--emod: #ffb51b;--smod: #f47e1f;--hard: #c259ff;--stren: #5e1e9a;} .hike-content.section.scales{ margin-top: 40px;} .hike-content.section.scales h3{ font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: normal;margin: 0 0 10px;} .hike-content.section.scales h3 span{ text-decoration: underline;color: #222;font-weight: bold;font-weight: 500;} .hike-content.section.scales .result{ text-align: center;margin: 0;font-weight: bold;font-size: 30px;} .hike-content .measure{ text-align: center;} .hike-content .shen .measure{ text-align: center;} .hike-content .measure .under5, .hike-content .measure .over5, .hike-content .measure .easiest, .hike-content .measure .moderate, .hike-content .measure .modstren, .hike-content .measure .strenuous, .hike-content .measure .verystren{ border-right: 1px solid #8080804f;} .hike-content .measure.easiest .easiest, .hike-content .measure.easy .under5{ background: var(--easy);color: white;font-weight: 600;} .hike-content .measure.moderate .moderate{ background: var(--emod);color: white;font-weight: 600;} .hike-content .measure.moderately-strenuous .modstren, .hike-content .measure.moderate .over5{ background: var(--smod);color: white;font-weight: 600;} .hike-content .measure.strenuous .strenuous, .hike-content .measure.strenuous .over10{ background: var(--hard);color: white;font-weight: 600;} .hike-content .measure.very-strenuous .verystren{ background: var(--stren);color: white;font-weight: 600;} .hike-content.scales .circle{ width: 150px;height: 150px;border: 1px solid #8080804f;border-radius: 100px;position: relative;background-repeat: no-repeat;margin: 0 auto;} .hike-content.scales .circle .center{ width: 100px;height: 100px;border: 1px solid #8080804f;border-radius: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #ffffffd1;} .hike-content.scales .circle p.result{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;margin: 0;font-weight: bold;font-size: 30px;line-height: 1;} .hike-content.scales .circle.grade{ overflow: hidden;} .hike-content.scales .grade .center{ z-index: 2;} .hike-content.scales .scale .grade .fill{ height: 50%;width: 120%;position: absolute;bottom: 0;z-index: 1;transform: rotate(-13deg);z-index: 1;} .hike-content.scales .scale.over13 .grade .fill{ left: 5px;} .hike-content .scale.fairly-flat .grade .fill{background-color: var(--easy);} .hike-content .scale.gentle-slope .grade .fill{background-color: var(--smod);} .hike-content .scale.fairly-steep .grade .fill{background-color: var(--hard);} .hike-content .scale.very-steep .grade .fill{background-color: var(--stren);} .hike-content.scales .classification{ text-align: center;font-weight: bold;margin: 10px auto;} .hike-content.scales p.label{ margin: 0 0 10px;text-align: center;font-size: 14px;font-weight: bold;} .hike-content.scales .measure{ margin: auto;position: relative;} .hike-content.scales .measure .linear{ height: 5px;background: whitesmoke;border-radius: 100px;border: 1px solid #8080804f;margin: 10px auto;width: 200px;position: relative;} .hike-content.scales .measure .linear .fill{ position: absolute;top: 0;bottom: 0;left: 0;} .hike-content.scales .measure .labels{ display: grid;text-align: center;width: 200px;margin: auto;} .hike-content .scale .measure .labels{ grid-template-columns: repeat(3, 1fr);width: 180px;} .hike-content.scales .measure .labels p{ margin: 0;position: relative;} .hike-content.scales .measure .labels p span{ font-size: 12px;font-weight: 600;} .hike-content.scales .measure .labels p i, .hike-content.scales .measure .labels p svg{ position: absolute;top: -8px;left: 0;right: 0;margin: auto;} @media screen and (max-width: 700px){ .hike-content.scales .grid3{ display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 0;} .hike-content.scales .scale{ min-width: 0;display: grid;grid-template-rows: 35px 120px 45px;align-items: center;} .hike-content.scales .measure{display: none;} .hike-content.scales .measure .linear{width: 100%;} .hike-content.scales .classification{font-size: 12px;} .hike-content.scales .circle{ width: 120px;height: 120px;} .hike-content.scales .circle .center{ width: 70px;height: 70px;} .hike-content.scales .circle p.result{ font-size: 20px;} .hike-content.scales .classification, .hike-content.scales p.label{ font-size: 12px;line-height: 1;margin: 0;}} #trail-jump{ hyphens: none;} #show-hikes{ background: #1e3f9a;color: white;text-align: center;margin: 30px auto;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);font-family: 'Merriweather', var(--sans);padding: 20px 10px;border-radius: 2px;font-size: 18px;display: block;} #show-hikes:hover{ cursor: pointer;background: #ff5a59;transition: var(--ease);} .hike-list{ margin: 20px auto;padding: 10px 0 10px 20px;border-top: 1px solid #22222240;border-bottom: 1px solid #22222240;display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 5px;} .hike-list li{ margin: 0;} .hike-list li a{ color: #1e3f9a;} .hike-list li a:hover{ color: #ffb51b;} .horse-trails{ font-size: 14px;} .trail-table tbody tr td.trail-name{ font-weight: 600;max-width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;min-width: 0;} img.area-map{ display: block;margin: auto;} @media screen and (max-width: 1100px){ .hike-list{display: block;}} @media screen and (max-width: 800px){ #show-hikes{ font-size: 16px;margin-top: 0;} #show-hikes i, #show-hikes svg{display: none;} .hike-list{padding-left: 0;} .trail-area-info table tbody td{ padding: 5px 10px;} .trail-table thead th.intersects{display: none;} .trail-table thead th.miles{text-align: right;} .trail-table tr{ display: grid;grid-template-columns: 1fr 1fr;line-height: 1;} .trail-table tbody tr td.trail-name{ padding: 10px 5px 0 10px;} .trail-table tbody tr td.miles{ text-align: right;padding: 10px 5px 0 10px;} .trail-table tbody tr td.intersects{ grid-column: 1 / 3;grid-row: 2;font-size: 14px;font-style: italic;padding: 5px 10px 10px;} .trail-table tbody tr td.intersects::before{ content: 'Intersects: ';font-weight: 600;}} .csgm-after{ margin: 30px auto;} .related{ border-top: none;max-width: 1100px;margin: 20px auto 0;} @media screen and (max-width: 600px){ .slug-things-to-do-in-smoky-mountains .row-img{margin: 0 auto 20px;} .row.stacked .row-img{margin: 0 0 10px;}} @media screen and (max-width: 1030px){ .related h3.section-head{margin: 0 auto 10px;}} .row-img .rel-overlay{ position: absolute;top: 10px;left: 10px;} .row-img.stacked .under{ position: absolute;left: 0;top: 0;opacity: 0;} .row-img.stacked:hover .under{ opacity: 1;transition: var(--ease);} .row-img .hov{ position: absolute;right: 5px;top: 5px;line-height: 1;z-index: 999;padding: 5px;border-radius: 300px;font-size: 14px;} .row-img .hov svg, .row-img .hov i{ color: white;} .csgm-capacity{ font-family: var(--serif);} .csgm-capacity span{ font-size: 14px;} .csgm-capacity.extra{ display: grid;grid-template-columns: 0.8fr 2fr;} .csgm-capacity .wrap{ display: grid;grid-template-columns: repeat(3, 1fr);max-width: 150px;} .csgm-capacity .float div{ display: inline-block;} .csgm-capacity > .float > div:not(:first-child){ padding-left: 10px;} .csgm-capacity svg{ color: #406b91;} .csgm-capacity .float div span, .csgm-capacity .wrap div span{ padding-left: 5px;font-weight: 400;} .csgm-capacity .extra span{ font-weight: 400;font-size: 14px;padding-left: 5px;text-transform: lowercase;} .csgm-location{ font-size: 14px;display: block;margin: 5px 0;} .csgm-location a{ font-family: 'Merriweather';color: #00aeef;padding-left: 10px;} .csgm-location a:hover{ letter-spacing: 1px;color: #009344;transition: all 300ms ease-in-out;} @media screen and (max-width: 600px){ .row-img .hov{display: none;} .csgm-capacity.extra{display: block;} .row-img.stacked .under{ position: relative;opacity: 1;left: auto;top: auto;margin: 10px auto 0;}} .row.sponsor{ display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 10px;align-items: center;} .row.sponsor .side{ min-width: 0;} .entry-content .row.sponsor h2, .row.sponsor h2, .row.sponsor a h2{ color: #1d2943;font-size: 30px;font-family: var(--slim);text-transform: uppercase;text-overflow: ellipsis;overflow: hidden;max-width: 100%;min-width: 0;white-space: nowrap;margin: 0;} .row.sponsor h3{ color: var(--green);margin: 0;border-bottom: 2px dotted #1d294354;font-family: var(--serif);text-transform: none;letter-spacing: 0;padding: 10px 0;font-size: 16px;font-weight: 500;line-height: 1;} .row.sponsor .last{ position: relative;max-width: 525px;min-width: 0;} .row.sponsor p{ margin: 10px 0;} .row.sponsor .omega .sponsor-notes{ font-size: 13px;font-style: italic;letter-spacing: 0.4px;font-weight: 400;} .countdown.is-countdown{ margin: 0 auto 20px;width: 300px;} .countdown.is-countdown .countdown-row{ display: grid;grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));text-align: center;} .countdown .countdown-section{ position: relative;} .countdown .countdown-row > .countdown-section:not(:last-child)::after{ content: ':';display: block;position: absolute;top: 0;right: 0;font-weight: 600;font-size: 18px;} .countdown .countdown-amount{ display: block;line-height: 1;font-size: 20px;font-weight: 600;line-height: 1;margin: 0 auto 5px;} .countdown .countdown-period{ display: block;text-transform: uppercase;line-height: 1;font-size: 10px;font-weight: 600;} @media screen and (max-width: 1000px){ .row.sponsor{ display: block;margin: 30px auto;max-width: 500px;} .row.sponsor a .csgm-btn{width: 100%;}} @media screen and (max-width: 600px){ .single .giveaway .webhead{margin: 0 auto 20px;} .row.sponsor h2.below{margin-bottom: 0 !important;} .row.sponsor h3.above{font-size: 15px;} .row.sponsor .omega .sponsor-notes{top: 30px;font-size: 12px;} .entry-content .row.sponsor h2, .row.sponsor h2, .row.sponsor a h2{ margin: 10px 0 0;white-space: normal;font-family: var(--sans);text-transform: none;letter-spacing: 0;font-weight: 600;font-size: 24px;} .countdown.is-countdown{ background: var(--book);color: white;padding: 10px;width: 100%;}} .csgm-enter{ padding: 60px 10px;} .csgm-enter.insta .group{ margin: 0 0 10px;} .csgm-enter.insta .group .subtext{ font-size: 12px;line-height: 1;margin: 0 0 3px;} .csgm-enter.insta .group.double > div{ display: grid;grid-template-columns: auto auto;align-items: center;} .csgm-enter.insta .group.double .subtext{ text-align: right;} .csgm-enter.insta h2{ margin: 0;} .csgm-enter #mce-success-response{ color: var(--green);} .csgm-enter .padding{ max-width: 600px;margin: 10px auto;background: white;padding: 20px;border-radius: 4px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);} .csgm-enter h2{ font-family: var(--fancy);margin: 10px 0;text-align: center;font-size: 40px;} .csgm-enter h3{ margin: 0;font-size: 16px;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;color: #222;} .csgm-enter .group{ margin: 0 0 20px;} .csgm-enter .group .subtext{ font-size: 14px;font-style: italic;margin: 0;} .csgm-enter .group input[type="text"], .csgm-enter .group input[type="email"]{ width: 100%;padding: 10px 14px;} .csgm-enter .group .double{ display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 5px;} .csgm-enter .group.smi{ padding-left: 12px;} .csgm-enter #mce-responses{ text-align: center;margin: 10px auto;font-style: italic;font-size: 18px;} .csgm-enter .group.smi input[type="checkbox"]{ -webkit-appearance: none;width: 16px;height: 16px;border: 2px solid;margin-bottom: -2px;margin-right: 10px;outline: none;position: relative;} .csgm-enter .group.smi input:checked::before{ content: '✓';font-size: 18px;position: absolute;top: -5px;} .csgm-enter .group.smi label{ font-size: 14px;} .csgm-enter input[type="submit"]{ width: 100%;padding: 20px;font-size: 20px;line-height: 1;text-transform: uppercase;font-style: italic;font-weight: 900;background: var(--yellow);} .csgm-enter input[type="submit"]:hover{ background: var(--book);box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);} #contest-closed{ padding: 40px 10px;border-top: 4px dotted #1d2943;border-bottom: 4px dotted #1d2943;max-width: 1000px;margin: auto;} #contest-closed h2{ margin-bottom: 0;font-family: var(--fancy);font-size: 50px;margin: 0;text-align: center;line-height: 1;} #contest-closed h3{ font-family: var(--serif);color: #222;margin: 0 0 20px;text-align: center;} #contest-closed .site-footer .social-widget{ display: grid;grid-template-columns: repeat(4,1fr);width: 300px;margin: auto;text-align: center;} @media screen and (max-width: 600px){ #contest-closed h3 .exp{font-size: 18px;} .csgm-enter.insta .group.double > div{display: block;} .csgm-enter.insta .group.double .subtext{text-align: left;}} #entry{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius: 3px;max-width: 1200px;margin: auto;background-position: center;background-repeat: no-repeat;background-size: cover;} @media screen and (min-width: 600px){ .giveaway .webhead{display: none;}} @media screen and (max-width: 600px){ #entry{background: white;} .giveaway .webhead{display: block;} .csgm-enter{box-shadow: none;} .csgm-enter .padding{ box-shadow: none;margin: 0;padding: 0 20px 20px;} .row.sponsor h2{margin: 15px 0 0;} .row.sponsor p{font-size: 15px;} .csgm-enter{padding: 0;background: transparent;} .csgm-enter .group.smi input[type="checkbox"]{ -webkit-appearance: checkbox;} .csgm-enter .group.smi input:checked::before{content: none;}} .biz-filter input[type="checkbox"]{margin: 0;} .csgm.biz-filter .filter .form-group .checkbox label{ display: inline;} .csgm.biz-filter#hotel-filter .filter .form-group .checkbox, .csgm.biz-filter .filter .form-group .checkbox{ float: none;width: auto;display: inline-block;background: transparent;font-size: 14px;border: 1px solid #dedede;box-shadow: none;hyphens: none;border-radius: 100px;line-height: 1;padding: 5px 10px;margin: 3px;position: relative;} .csgm.biz-filter#hotel-filter .filter .form-group .checkbox:hover, .csgm.biz-filter .filter .form-group .checkbox:hover{ cursor: pointer;background: #7d14d0;border-color: #7d14d0;transform: scale(1.03);transition: var(--ease);color: white;} .csgm.biz-filter .filter .form-group .checkbox input{ opacity: 0;position: absolute;} .biz-filter{ border: 2px solid #80808096;padding: 16px;position: relative;margin: 26px 0;} .biz-filter h3.title{ position: absolute;text-align: center;top: -14px;right: 0;left: 0;background: white;width: 300px;margin: 0 auto;font-size: 18px;text-transform: uppercase;letter-spacing: 1.5px;color: #222;font-weight: 500;} .biz-filter .filter{ padding: 14px;} .biz-filter .filter .form-group .checkbox label{ display: grid;grid-template-columns: 13px 1fr;grid-gap: 5px;align-items: center;line-height: 1;margin: 3px 0;} .biz-filter#hotel-filter .filter .form-group .checkbox{ width: 25%;float: left;} .biz-filter#hotel-filter label[for="amenity-big-cabins"], .biz-filter#hotel-filter label[for="amenity-studio-cabins"], .biz-filter#hotel-filter label[for="amenity-home-theater"], .biz-filter#hotel-filter label[for="amenity-gatlinburg"], .biz-filter#hotel-filter label[for="amenity-near-dollywood"], .biz-filter#hotel-filter label[for="amenity-on-the-water"], .biz-filter#hotel-filter label[for="amenity-swimming-pool"], .biz-filter#hotel-filter label[for="amenity-near-rocky-top-sports"], .biz-filter#hotel-filter label[for="amenity-near-ripken"], .biz-filter#hotel-filter label[for="amenity-luxury"], .biz-filter#hotel-filter label[for="amenity-hot-tub"]{ display: none;} .biz-filter#cabin-filter .filter .form-group .checkbox{ width: 20%;float: left;} .biz-filter#cabin-filter label[for="amenity-near-tanger"], .biz-filter#cabin-filter label[for="amenity-continental-breakfast"], .biz-filter#cabin-filter label[for="amenity-studio-cabins"], .biz-filter#cabin-filter label[for="amenity-indoor-pool"], .biz-filter#cabin-filter label[for="amenity-outdoor-pool"], .biz-filter#cabin-filter label[for="amenity-parkway"], .biz-filter#cabin-filter label[for="amenity-handicap-accessible"], .biz-filter#cabin-filter label[for="amenity-river-view"], .biz-filter#cabin-filter label[for="amenity-big-cabins"], .biz-filter#cabin-filter label[for="amenity-near-rocky-top-sports"], .biz-filter#cabin-filter label[for="amenity-near-ripken"], .biz-filter#cabin-filter label[for="amenity-water-park"]{ display: none;} .biz-filter .filter .form-item-checkbox label{ font-weight: normal;} .biz-filter .controls{ padding: 0 14px;display: grid;grid-template-columns: 2fr 1fr;grid-gap: 10px;align-items: center;} .biz-filter .controls .keyword{ display: grid;grid-template-columns: 1fr 1.4fr;grid-gap: 10px;} .biz-filter .controls .btns{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;} .biz-filter .controls .keyword h3{ margin: 0;display: block;font-size: 16px;text-transform: uppercase;letter-spacing: 1px;color: var(--book);} .biz-filter .controls .keyword input{ display: block;width: 100%;padding: 2px;} .biz-filter .controls .keyword input:focus{ outline: none;} .biz-filter .controls .btns .filter-btn{ background: var(--book);border: 0;border-radius: 2px;padding: 8px;width: 100%;color: white;font-size: 15px;font-weight: normal;letter-spacing: 0.5px;font-family: 'Merriweather', var(--sans);} .biz-filter .controls .btns .filter-btn:hover{ background: var(--bright);box-shadow: none;transition: var(--ease);} .listings{ margin: 0 auto 20px;} .listings.standard{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40px 10px;margin: 0 auto 40px;} .listings.ext{ display: grid;grid-gap: 40px;} .biz-listing-wrapper{ max-width: 100%;min-width: 0;} .biz-listing{ position: relative;margin: auto;min-width: 0;} .listings.standard .biz-listing{ max-width: 500px;} .listings.ext .biz-listing{ display: grid;grid-template-columns: 1fr 1fr;max-width: 100%;grid-gap: 5px;align-items: start;margin: 0;} .listings.standard .biz-listing .top{ margin: 0 0 10px;} .biz-listing .bottom{ position: relative;display: grid;} .biz-listing .post-edit-link{ display: block;position: absolute;top: 5px;color: transparent;} .listings.standard .biz-listing .post-edit-link{ left: -20px;} .listings.ext .biz-listing .post-edit-link{ right: 20px;} .biz-listing:hover .post-edit-link{ color: var(--book);transition: var(--ease);} h2.biz-title{ font-family: var(--sans);text-transform: none;font-size: 26px;margin: 3px 0;font-weight: 600;color: var(--navy);white-space: nowrap;text-overflow: ellipsis;max-width: 500px;overflow: hidden;position: relative;} a.title-link{ min-width: 0;} .biz-listing .biz-img{ margin: 0 auto;display: block;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);} .listings.ext .biz-listing .biz-img{ margin: 0;} a:hover .biz-img{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} .biz-listing p.biz-desc{ margin: 0 0 8px 0;font-weight: 400;} a.biz-more{ color: var(--navy);font-weight: 600;padding-left: 6px;} a.biz-more:hover{ color: var(--green);transition: var(--ease);} @media screen and (min-width: 900px){ .listings.standard .biz-listing .buttons{ justify-self: end;} .listings .biz-listing .buttons .ticket-btn{ float: right;margin-left: 10px;}} @media screen and (max-width: 900px){ .listings.ext .biz-listing{ display: block;max-width: 500px;} .listings .biz-listing .buttons .csgm-btn{ width: 100%;}} @media screen and (max-width: 800px){ h2.biz-title{font-size: 22px;} .biz-listing p.biz-desc{margin: 0 0 15px;font-size: 14px;}} @media screen and (max-width: 700px){ .listings.standard{grid-template-columns: 1fr;} .biz-listing .buttons .csgm-btn.ticket-btn{ margin-left: 0;grid-column: 1;} .biz-listing .buttons.has-tickets{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;} .listings.standard .biz-listing .top, .listings.ext .biz-listing .top{ margin: 0 -5px 10px;} .biz-listing .bottom{ display: block;padding: 0 5px;}} .entry-content div.row.bizext a h2, .entry-content div.row.bizext h2{ font-size: 28px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 0 5px;line-height: 1.2;} .biz.address, .biz-listing p.address, .bizext p.address{ font-weight: 600;font-size: 14px;margin: 5px 0;} .biz-grid{ display: grid;grid-template-columns: 150px 1fr;grid-gap: 20px;align-items: center;margin: 20px 0;} @media screen and (max-width: 900px){ .biz-filter#cabin-filter .filter .form-group .checkbox, .biz-filter#hotel-filter .filter .form-group .checkbox{ width: 33%;}} @media screen and (max-width: 700px){ .biz-grid{display: block;} .biz-grid .img img{display: block;margin: 0 auto 20px;} .biz-filter#cabin-filter .filter .form-group .checkbox, .biz-filter#hotel-filter .filter .form-group .checkbox{ width: 50%;font-size: 15px;} .biz-filter .filter .form-group .checkbox input[type="checkbox"]{ vertical-align: -1.5px;} .biz-filter .controls .keyword h3{ width: 100%;display: block;text-align: center;} .biz-filter .controls .keyword input{width: 100%;} .biz-filter .controls, .biz-filter .controls .keyword{ grid-template-columns: 1fr;}} @media screen and (max-width: 500px){ .biz-filter .filter{padding: 14px 0;} .biz-filter .filter .form-item label{font-size: 15px;} .biz-filter#hotel-filter{padding: 12px;} .biz-filter#hotel-filter .filter .form-group .checkbox{font-size: 14px;}} .breadcrumb{ font-size: 14px;} .breadcrumb .current{ font-weight: bold;} main.full{ max-width: 100%;width: 100%;background: rgba(255, 255, 255, .5);} .listing-page .csgm-after, .listing-page .padded-content{ max-width: 1040px;margin: auto;} .listing-page .listings.standard{ grid-gap: 40px;} .listings-header{ text-align: left;padding: 40px 0;} .listings-header h1.entry-title{ font-weight: 600;font-size: 2.5em;} .open-content{ font-size: 17px;} #csgm-filter{ margin: 20px auto;background: var(--navy);color: white;padding: 10px;border-radius: 2px;} #csgm-filter h4{ margin: 0 0 5px;font-size: 15px;} #csgm-filter select{ border: none;padding: 3px;font-size: 18px;font-weight: 500} @media screen and (max-width: 600px){ .listings-header{padding: 10px;} .listings-header h1.entry-title{font-size: 2em;} .open-content{font-size: 15px;} .open-content > p:not(:first-child){display: none;}} .rich-listings{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;} .rich-listings .single{ display: block;padding: 1%;max-width: 500px;margin: auto;} .rich-listings .single a .stacked{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);margin-bottom: 10px;position: relative;} .rich-listings .single a:hover .stacked{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} .rich-listings .single .stacked .price{ position: absolute;right: 0;top: 16px;color: white;font-family: 'oswald', sans-serif;text-transform: uppercase;letter-spacing: 0.6px;font-weight: normal;font-size: 16px;background: #00000091;padding: 4px 12px;z-index: 2;display: none;} .single-bc .top .price{display: none;} .rich-listings .single a .stacked .images .main{ opacity: 1;z-index: 1;} .rich-listings .single a:hover .stacked .images .main{ opacity: 0;transition: all 300ms ease;top: 0;left: 0;} .rich-listings .single a .stacked .images .under{ position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;} .rich-listings .single a:hover .stacked .images .under{ opacity: 1;transition: all 300ms ease;} .rich-listings .single .stacked .info{ background: var(--navy);padding: 10px 12px;margin-top: -7px;} .rich-listings .single h2{ font-size: 22px;margin: 0;font-weight: normal;color: white;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow: hidden;} .rich-listings .single a .stacked .info .company{ color: white;padding-right: 5px;margin: 0 0 3px;font-size: 12px;font-style: italic;display: block;} .rich-listings .single .stacked .info .details{ padding: 0 3px;width: 70%;float: left;} .rich-listings .single .stacked .info .website{ width: 30%;float: left;text-align: center;color: white;text-transform: uppercase;letter-spacing: 1px;font-size: 13px;font-weight: 600;background: #426b8f;padding: 4px 0;} .rich-listings .single a:hover .stacked .info .website{ background: var(--yellow);color: #1d2943;transition: var(--ease);letter-spacing: 1.5px;} .rich-listings .single .stacked .info .item{ color: white;padding-right: 16px;font-size: 15px;font-weight: normal;} .rich-listings .single .stacked .info .item#location .text{ font-size: 13px;} .rich-listings .single p{ margin: 0 0 8px 0;} @media screen and (min-width: 600px){ #location-break{display: none;}} @media screen and (max-width: 600px){ .rich-listings{display: block;} .rich-listings .single{margin: 20px auto;} #location-break{display: block;}} .single-coupon .coupon-header{ margin: 20px 0 30px;} .single-coupon article{ max-width: 100%;} .single-coupon .coupon-content{ display: grid;grid-template-columns: 3fr 1fr;grid-gap: 30px;margin: 0 0 30px;align-items: start;} .single-coupon .coupon-content .csgm-coupon{ grid-column: 1;} .csgm-coupon img{ display: block;} .csgm-coupon.single .coupon-head{ display: grid;grid-template-columns: 200px 1fr;grid-gap: 20px;overflow: hidden;position: relative;min-height: 230px;border-bottom: 2px dashed;background-image: url(https://www.pigeonforge.com/wp-content/uploads/triangles.jpg);} .csgm-coupon .backup{ width: 80px;height: 100%;} .csgm-coupon.single .big-deal{ top: -30px;left: -90px;} .csgm-coupon .pflogo{ width: 100px;} .csgm-coupon.single .details{ align-self: center;} .csgm-coupon.single .details a h3, .csgm-coupon.single .details h3{ font-size: 40px;margin: 0 0 5px;} .csgm-coupon.single .details h2{ margin: 5px 0;} .csgm-coupon .coupon-foot{ grid-column: 1 / 3;display: grid;grid-template-columns: 110px 2fr auto;grid-gap: 10px;align-items: center;position: relative;overflow: hidden;} .csgm-coupon .coupon-foot .backlink{ padding-left: 10px;overflow: hidden;} .csgm-coupon .coupon-text{ margin: 0;hyphens: none;font-size: 13px;} .single-coupon .restrictions, .csgm-coupon .restrictions{ text-align: left;max-width: 100%;font-size: 12px;font-style: italic;margin: 5px 0 0;border-top: none;} .csgm-coupon .barcode{ padding: 10px;border-left: 2px dashed;min-width: 200px;} .csgm-coupon .barcode img{ max-width: 250px;max-height: 100px;margin: auto;} .csgm-coupon .barcode p{ margin: 0;text-align: center;font-size: 12px;font-weight: bold;text-transform: uppercase;line-height: 1;} .csgm-coupon .barcode h2{ font-weight: bold;text-align: center;margin: 0;} .csgm-coupon.single .cred{ grid-template-columns: 210px 1fr;z-index: 2;padding: 10px 0;} .csgm-coupon.single .cred .logo{ max-height: none;max-width: 200px;} .csgm-coupon .else{ display: grid;grid-gap: 10px;text-align: center;padding: 30px 20px;border-left: 2px dashed;height: 100%;} .csgm-coupon .else p{ margin: 0;color: white;text-transform: uppercase;font-weight: bold;font-size: 14px;line-height: 1;padding: 5px 10px;display: inline-block;} .single-coupon .buttons{ text-align: center;} .single-coupon .buttons img{ display: block;margin: 0 auto 20px;} .single-coupon .csgm-btn{ width: 100%;display: block;margin: 0 0 10px;} .single-coupon .csgm-btn.website{ padding: 20px 0;background: var(--green);} .single-coupon .csgm-btn.website:hover{ background: var(--yellow);} .single-coupon .csgm-btn:hover{ cursor: pointer;} #more-coupons{ margin: 0 0 60px;} #more-coupons .coupon-loop{ margin-top: 10px;} #dead-coupon{ text-align: center;} .coupon-loop{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;} .coupon-loop h2.coupon-heading{ text-align: center;margin: 0 0 20px;} @media screen and (min-width: 1000px){ .coupon-loop h2.coupon-heading{grid-column: 1 / 3;}} .coupon-loops > .coupon-loop:not(:last-child){ margin: 0 0 40px;padding: 0 0 40px;border-bottom: 3px dotted #ccc;} .coupon-loop .coupon-foot{ display: none;} .csgm-coupon .edit{display: none;} .csgm-coupon.standalone, .coupon-loop .csgm-coupon{ display: grid;grid-template-columns: 1fr 2fr;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);position: relative;overflow: hidden;grid-gap: 40px;} .csgm-coupon.standalone, .csgm-coupon{ background: white;border-radius: 3px;border: 3px solid;align-items: center;overflow: hidden;} .csgm-coupon.standalone{ max-width: 500px;min-height: 250px;} .csgm-coupon .big-deal{ text-align: center;border-right: 2px dashed #22222270;align-items: center;color: white;position: absolute;width: 300px;height: 300px;border-radius: 100%;border-right: none;color: white;display: grid;left: -100px;padding: 90px 0 90px 80px;} .csgm-coupon.generic .big-deal, .csgm-coupon.generic .csgm-btn, .csgm-coupon.generic .backup, .csgm-coupon.generic .else p{background: #222;} .csgm-coupon.generic{border-color: #222;} .csgm-coupon.free-night .big-deal, .csgm-coupon.free-night .csgm-btn, .csgm-coupon.free-night .backup, .csgm-coupon.free-night .else p{background: var(--bright);} .csgm-coupon.free-night{border-color: var(--bright);} .csgm-coupon.free-night .barcode h2{color: var(--bright);} .csgm-coupon.amount-off .big-deal, .csgm-coupon.amount-off .csgm-btn, .csgm-coupon.amount-off .backup, .csgm-coupon.amount-off .else p{background: var(--green);} .csgm-coupon.amount-off{border-color: var(--green);} .csgm-coupon.amount-off .barcode h2{color: var(--green);} .csgm-coupon.percent-off .big-deal, .csgm-coupon.percent-off .csgm-btn, .csgm-coupon.percent-off .backup, .csgm-coupon.percent-off .else p{background: var(--book);} .csgm-coupon.percent-off{border-color: var(--book);} .csgm-coupon.percent-off .barcode h2{color: var(--book);} .csgm-coupon.bogo .big-deal, .csgm-coupon.bogo .csgm-btn, .csgm-coupon.bogo .backup, .csgm-coupon.bogo .else p{background: var(--yellow);} .csgm-coupon.bogo{border-color: var(--yellow);} .csgm-coupon.bogo .barcode h2{color: var(--yellow);} .csgm-coupon.low-rate .big-deal, .csgm-coupon.low-rate .csgm-btn, .csgm-coupon.low-rate .backup, .csgm-coupon.low-rate .else p{background: var(--pink);} .csgm-coupon.low-rate{border-color: var(--pink);} .csgm-coupon.low-rate .barcode h2{color: var(--pink);} .csgm-coupon .big-deal .amount{ font-weight: bold;font-size: 80px;line-height: 1;} .csgm-coupon.amount-off .big-deal .amount, .csgm-coupon.percent-off .big-deal .amount, .csgm-coupon.low-rate .big-deal .amount{ display: grid;grid-template-columns: repeat(2, auto);align-items: center;} .csgm-coupon.percent-off .big-deal .amount .number, .csgm-coupon .big-deal .amount .tag.dollar{ text-align: right;} .csgm-coupon.amount-off .big-deal .amount .number, .csgm-coupon.low-rate .big-deal .amount .number, .csgm-coupon .big-deal .amount .tag.percent{ text-align: left;} .csgm-coupon .big-deal .amount span.tag{ font-weight: 400;font-size: 40px;} .csgm-coupon.low-rate .big-deal .amount span, .csgm-coupon.amount-off .big-deal .amount span{ vertical-align: 16px;} .csgm-coupon .big-deal .secondary{ font-weight: bold;line-height: 1;text-transform: uppercase;letter-spacing: 5px;font-size: 25px;} .csgm-coupon.generic .big-deal .amount, .csgm-coupon.bogo .big-deal .amount{ font-family: 'oswald';font-size: 60px;line-height: 1;margin: 0 0 10px;} .csgm-coupon.bogo .big-deal .secondary{ font-size: 16px;max-width: 200px;text-align: center;margin: auto;} .csgm-coupon.low-rate .big-deal .secondary{ font-size: 16px;font-family: 'Oswald';letter-spacing: 3px;} .csgm-coupon.free-night .big-deal .amount{ text-transform: uppercase;font-size: 60px;} .csgm-coupon .big-deal .code{ margin: 10px 0 0;font-size: 14px;font-family: var(--sans);text-transform: uppercase;} .csgm-coupon .big-deal .code .the-code{ font-weight: bold;} .csgm-coupon .details{ padding: 20px;min-width: 0;grid-column: 2;grid-gap: 10px;align-items: center;} .csgm-coupon.standalone .details, .coupon-loop .csgm-coupon .details{ display: grid;} .csgm-coupon .details .main-text{ grid-column: 1;} .csgm-coupon .cred{ display: grid;grid-template-columns: 110px 1fr;align-items: center;grid-gap: 10px;} .csgm-coupon .cred .logo{ max-width: 100px;max-height: 80px;display: block;margin: auto;} .csgm-coupon .cred > div:first-child{ padding-right: 10px;border-right: 1px solid #bdbdbd;} .csgm-coupon .cred .location{ max-width: 100%;overflow: hidden;} .csgm-coupon .cred .location p{ margin: 0;font-size: 12px;} .csgm-coupon .cred .location span{ display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .csgm-coupon .details h2{ margin: 0 0 10px;font-size: 20px;font-style: italic;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;min-width: 0;} .csgm-coupon .details h3, .csgm-coupon .details a h3{ margin: 0;color: #222;font-size: 30px;line-height: 1;} .coupon-loop .csgm-coupon .details h3, .coupon-loop .csgm-coupon .details a h3{ margin: 5px 0 0 0;} .csgm-coupon .details p.description{ margin: 10px 0;} .csgm-coupon .details p.expiration{ margin: 0;font-size: 12px;position: absolute;top: 5px;right: 5px;} .csgm-coupon .redeem{ display: grid;text-align: center;padding: 20px;} .csgm-coupon .redeem .logo{ max-height: 130px;display: block;margin: 0 auto 10px;} .csgm-coupon .csgm-btn{ display: block;padding: 14px 0;} .csgm-coupon .csgm-btn:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transform: scale(1.1);} #no-coupons img{ margin: auto;display: block;} @media screen and (max-width: 1000px){ .coupon-loop{ grid-template-columns: 1fr;max-width: 800px;margin: auto;} .csgm-coupon{grid-template-columns: 160px auto;}} @media screen and (max-width: 900px){ .single-coupon .buttons img, .csgm-coupon .backup{display: none;} .single-coupon .coupon-content{display: block;} .single-coupon .buttons .csgm-btn{padding: 20px 0;} .single-coupon .buttons{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} .single-coupon .buttons .back{grid-column: 1 / 4;}} @media screen and (max-width: 600px){ .single-coupon .coupon-content .csgm-coupon{ margin: 0 0 20px;} .csgm-coupon .big-deal{ border-radius: 0;padding: 0 10px;left: auto;width: auto;position: relative;height: 100%;} .csgm-coupon.standalone, .coupon-loop .csgm-coupon{ grid-gap: 10px;grid-template-columns: 130px auto;} .csgm-coupon .details{ padding: 20px 10px 20px 0;} .csgm-coupon .details h3, .csgm-coupon .details a h3{ font-size: 24px;margin: 10px 0 0 0;} .csgm-coupon .big-deal .amount{font-size: 60px;} .csgm-coupon.free-night .big-deal .amount, .csgm-coupon.generic .big-deal .amount, .csgm-coupon.bogo .big-deal .amount{font-size: 40px;} .csgm-coupon.free-night .big-deal .amount, .csgm-coupon.bogo .big-deal .amount, .csgm-coupon.percent-off .big-deal .amount, .csgm-coupon.amount-off .big-deal .secondary, .csgm-coupon.bogo .big-deal .secondary, .csgm-coupon.low-rate .big-deal .secondary{align-self: end;} .csgm-coupon.free-night .big-deal .secondary, .csgm-coupon.bogo .big-deal .secondary, .csgm-coupon.percent-off .big-deal .secondary, .csgm-coupon.amount-off .big-deal .amount, .csgm-coupon.low-rate .big-deal .amount{align-self: start;} .csgm-coupon .big-deal .code{display: none;} .csgm-coupon.low-rate .big-deal .secondary, .csgm-coupon .big-deal .secondary{letter-spacing: 0;} .csgm-coupon.single .details a h3, .csgm-coupon.single .details h3{font-size: 30px;} .csgm-coupon .else, .csgm-coupon.single .cred, .csgm-coupon.single .backlink, .csgm-coupon.single .big-deal{display: none;} .csgm-coupon.single .coupon-head{display: block;} .csgm-coupon.single .details{padding: 20px;} .csgm-coupon .details h2{white-space: normal;} .csgm-coupon .coupon-foot{ height: auto;display: block;} .single-coupon .buttons{grid-template-columns: 1fr 1fr;} .single-coupon .buttons .back, .single-coupon .csgm-btn.website{grid-column: 1 / 3;} .csgm-coupon .barcode{border-left: none;} .csgm-coupon.single .coupon-head{min-height: 0;} .csgm-coupon.single.else .coupon-head{border-bottom: 0;} .csgm-coupon .barcode img{ margin: auto;max-width: 100%;} .single-coupon img.csgm-mobile{ max-width: 110%;margin-left: -5%;}} @media print{ .single-coupon .csgm-after, .single-coupon img.csgm-mobile, .coupon-header, .csgm-coupon .backup, .coupon-content .buttons, .coupon-header .edit-link, .coupon-sidebar, .single-coupon .entry-footer{display: none;} .single-coupon .coupon-content{display: block;} .coupon-body{max-width: 530px;} .csgm-coupon.single .details{border-left: 2px solid #222;} .csgm-coupon.single .big-deal{ padding: 60px 10px;padding: 0;position: relative;padding: 0;border-radius: 0;left: auto;top: auto;max-width: 100%;max-height: 150px;align-self: center;} .csgm-coupon.generic .big-deal, .csgm-coupon.free-night .big-deal, .csgm-coupon.amount-off .big-deal, .csgm-coupon.percent-off .big-deal, .csgm-coupon.low-rate .big-deal, .csgm-coupon.bogo .big-deal, .csgm-coupon.single .coupon-head{ background: none !important;color: #222;}} .tribe-events-ajax-loading{display: none;} #tribe-events-pg-template{padding: 0;} .single-tribe_events .entry-content{ margin-top: 0;} .csgm-single-event{ max-width: 1040px;margin: 20px auto;} .csgm-single-event .event-header{ display: grid;grid-template-columns: 300px 1fr;grid-gap: 20px;align-items: center;} .csgm-single-event .event-header img{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius: 3px;} .csgm-single-event .event-header h2{ font-family: 'Merriweather', 'Monsterrat', sans-serif;margin: 5px 0;} .csgm-single-event .buttons{ margin-top: 5px;} .csgm-single-event .buttons > .csgm-btn:first-child{ margin-right: 5px;} .csgm-single-event .venue, .csgm-single-event .schedule{ font-size: 18px;font-family: 'Merriweather', var(--sans);margin: 0;} .csgm-event-categories .single-cat{ display: inline-block;margin-right: 5px;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px;background: #1d2943;padding: 8px 10px;line-height: 1;color: white;} .csgm-event-categories .single-cat.happening-now{ background: var(--yellow);} .csgm-single-event .entry-content .overview li, .csgm-single-event .entry-content .overview p{ font-size: 18px;} .csgm-single-event .section{ margin: 0 0 20px;background: #ffffffb8;} .csgm-single-event .section.blogs{ margin: 0;} .csgm-single-event .section.additional > div, .csgm-single-event .section.overview > div{ padding: 10px;} .csgm-single-event .single-date{ margin: 0;} .csgm-single-event .section.overview > div > p:last-child{ margin: 0;} .csgm-single-event .section h3.section-heading{ background: var(--navy);text-align: center;color: white;line-height: 1;padding: 10px;border-radius: 3px;} .csgm-single-event .grid-item{ display: grid;grid-gap: 10px;align-items: center;} .csgm-single-event .grid-item > div{ overflow: hidden;} .csgm-single-event .section .grid-item .address{ font-weight: bold;font-size: 14px;margin: 0 0 5px;} .csgm-single-event .section .grid-item a img{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);margin: auto;} .csgm-single-event .section .grid-item a h2, .csgm-single-event .section .grid-item h2{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;margin: 0 0 5px;color: #222;font-weight: bold;font-size: 22px;} .csgm-single-event .section .grid-item p.desc{ margin: 0 0 5px;font-size: 16px;} .csgm-single-event .section.blogs .grid.count1 .grid-item.card, .csgm-single-event .section.business .grid-item{ grid-template-columns: repeat(2, 1fr);} #past-event{ text-align: center;max-width: 1040px;margin: 20px auto;font-weight: normal;color: #9a2929;font-style: italic;padding: 10px;border-radius: 2px;background: white;border: 1px solid #9a2929;} #past-event a{ color: #9a2929;} body.single-tribe_events .related.recent .related-img{ width: 100%;float: none;} body.single-tribe_events .related.recent{ max-width: 1040px;} body.single-tribe_events .related.recent{ border-top: none;} div.related-module{ margin-bottom: 20px;} .related-module .related-img{ width: 33%;float: left;} .related-module .related-img img{ max-width: 100%;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .related-module .related-img a:hover img{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} .related-module .related-description{ width: 67%;float: left;padding-left: 10px;} .related-module .related-titles{ margin-bottom: 8px;} body.single-tribe_events .related-description a h2, .related-module .related-description h2{ font-family: var(--sans);text-transform: none;margin: 0;font-size: 24px;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;font-size: 30px;font-weight: 400;color: #222;} body.single-tribe_events .related-description a:hover h2, .related-module .related-description a:hover h2{ color: var(--book);transition: all 200ms ease;} body.single-tribe_events #related-content h2.event-module-title{ margin-bottom: 18px;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;} body.single-tribe_events .related-module a.more-link{ font-family: var(--sans);font-size: 18px;} @media screen and (max-width: 600px){ .related-module .related-description{ width: 100%;float: none;padding: 0;margin-top: 18px;} #parent-content.related-module .related-img{ max-width: none;} .related-module .related-img{ width: 100%;max-width: 327px;float: none;margin: auto;} .csgm-single-event .csgm-after{margin: 0;}} .after-event{ max-width: 1100px;margin: 20px auto;} #recent-blogs{ margin: 20px auto;} #recent-blogs .single{ width: 32.666%;float: left;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);background: white;max-height: none;} @media screen and (min-width: 600px){ #recent-blogs > a:first-child > div, #recent-blogs > a:nth-child(2) > div{ margin-right: 1%;}} #recent-blogs a .single .first{ padding: 5px;overflow: hidden;} #recent-blogs .single img{ margin: auto;display: block;} #recent-blogs a:hover .single img{ -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);transition: var(--ease);} #recent-blogs .single .last{ padding: 0 8px 10px;} #recent-blogs .single h3{ text-align: left;font-size: 17px;color: #1d2943;margin: 5px 0;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #recent-blogs .single p{ margin-bottom: 0;font-size: 14px;color: #343434;} @media screen and (max-width: 600px){ #recent-blogs .single{ width: 100%;float: none;max-width: 350px;margin: 20px auto;} #recent-blogs a .single .first{padding: 10px 5px 0;} #recent-blogs .single .last{padding: 0 10px 10px;}} @media screen and (max-width: 1040px){ .csgm-single-event{padding: 0 10px;}} @media screen and (max-width: 800px){ .csgm-single-event .section .grid-item .desc{display: none;} .csgm-single-event .section .grid-item h2{white-space: normal;}} @media screen and (max-width: 700px){ .csgm-single-event .venue .city-state, .csgm-single-event .event-header{display: block;} .csgm-single-event .venue .sep{display: none;} .csgm-single-event .section .grid-item, .csgm-single-event .section .grid-item .desc{display: block;} .csgm-single-event .event-header .buttons > .csgm-btn:first-child{ margin-right: 0;} .mobile-grid{ display: grid;grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );}} .is-csgm .event-pagination{ display: none;} .event-pagination{ display: grid;grid-template-columns: 1fr 1fr;} .event-pagination a{ display: block;} .event-pagination a.back{ text-align: left;} .event-pagination a.next{ text-align: right;} .events-header h2.entry-title{ margin-top: 0;font-family: 'Oswald', var(--sans);text-transform: uppercase;text-align: center;} .events-header h1.entry-title{ text-align: center;} .events-archive .entry-content{ margin: auto;} div.tribe-events-loop{ max-width: none;} .tribe-events-list-separator-month{ font-size: 26px;text-transform: none;text-align: center;font-family: var(--sans);width: 60%;margin: auto;} body.events-archive .tribe-events-list{ max-width: 1040px;width: 1040px !important;} div.event-img img{ box-shadow: 0 3px 5px black;} h2.tribe-events-list-event-title{ white-space: nowrap;width: 95%;overflow: hidden;text-overflow: ellipsis;} .tribe-events-venue-details{ margin-top: 0 !important;} @media screen and (min-width: 500px){ .events-header .category, .events-header .tags{display: none;}} @media screen and (max-width: 500px){ #more-event{width: 60%;margin-bottom: 20px;} .event-first-col{margin-right: 18px;padding-right: 12px;} .mo{font-size: 18px;letter-spacing: 3px;text-align: center;} .day{font-size: 40px;text-align: center;} .tribe-events-list-separator-month{display: none;} .events-header{padding: 10px 10px 0;}} @media screen and (max-width: 999px){ body.events-archive .tribe-events-list{max-width: 604px;} #tribe-events-content{margin-right: auto;margin-left: auto;} .event-pagination{display: none;}} @media screen and (max-width: 480px){ body.events-archive .tribe-events-list{ max-width: 100% !important;padding-right: 20px;} h2.tribe-events-list-event-title::before{ display: none;}} @media screen and (max-width: 768px){ .tribe-events-event-meta{ background: transparent !important;border: none !important;padding-top: 0;padding-bottom: 0;}} .tribe-events-sub-nav{ width: 100%;padding: 0;} .tribe-events-nav-previous{ text-align: left;float: left;} .tribe-events-nav-next{ text-align: right;float: right;} h2 a.tribe-event-url{ color: #1d2943;font-family: var(--sans);font-size: 22px;text-transform: none;font-weight: 400;} h2 a.tribe-event-url:hover{color: #009344;} h2.tribe-events-list-event-title{margin-top: 0;margin-bottom: 0;} .tribe-events-venue-details{ color: #009344;font-family: var(--sans);font-size: 16px;} .tribe-events-list-event-description{color: #313131;} .event-first-col{ position: relative;min-height: 200px;padding-right: 10px;} .event-sched{ width: 100%;} .tribe-event-schedule-details{ font-family: var(--sans);text-transform: uppercase;text-align: right;color: #1d2943;} .month, .start-month-date, .end-month-date{ font-size: 18px;letter-spacing: 1px;color: #1d2943;} .dates span.sep{ font-size: 18px;vertical-align: 4px;} .list-single-event{ margin: 40px auto;} a .event-more{ font-family: var(--sans);color: #1d2943;font-size: 18px;margin-top: 20px;} a:hover .event-more{ transition: var(--ease);letter-spacing: 1px;} @media screen and (max-width: 500px){ #tribe-events-header{display: none;} .list-single-event{ margin: 20px auto;max-width: 380px;} .event-img, .event-main{width: 100%;display: block;} .event-first-col{display: none;} .event-img img{margin-bottom: 10px;} h2.tribe-events-list-event-title{ white-space: normal !important;overflow: visible;text-overflow: inherit;margin: 0 !important;} .tribe-events-venue-details, .tribe-events-event-meta{ padding: 0 !important;border: none !important;} a.tribe-event-url{font-size: 24px !important;} .event-schedule-mobile{ display: block;font-family: 'Avenir', sans-serif;color: #313131;}} .tribe-events-list h2.event-title{ margin: 5px 0;font-size: 26px;white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis;} .list-single-event{ border-top: 1px solid #80808073;border-bottom: 1px solid #80808073;padding: 0;} .list-single-event .event-schedule{ width: 15%;float: left;padding-top: 20px;text-align: center;} .list-single-event .event-img{ width: 40%;float: left;margin: 0;padding: 20px 0;} .list-single-event .event-main{ width: 45%;float: left;padding: 20px 0 20px 10px;} .list-single-event .venue{ margin-bottom: 10px;color: #333;font-weight: 400;} .csgm-dates{ padding-right: 10px;} .csgm-dates .multiple-day-week, .csgm-dates .day-week{ font-family: 'times', serif;letter-spacing: 1px;font-style: italic;text-transform: lowercase;} .csgm-dates .month{} .csgm-dates .multiple-day-month{ font-size: 38px;line-height: 1;} .csgm-dates .day-month{ font-size: 50px;line-height: 1;} .csgm-dates .multimonth .month{ vertical-align: 5px;} .csgm-dates .multimonth .day{ font-size: 34px;} a:hover .list-single-event{ background: #80808021;transition: var(--ease);} a .list-single-event .csgm-dates{ color: #333;} a:hover .list-single-event .csgm-dates{ color: #333;} a:hover .event-img img{ opacity: 1;transition: var(--ease);transform: scale(1.06);} a .event-description{ color: #333;font-weight: normal;} a:hover .event-description{ color: #333;} @media screen and (min-width: 800px){ .list-single-event .event-schedule .csgm-dates-mobile{ display: none;}} @media screen and (max-width: 800px){ #tribe-events-content{ max-width: 700px;} .list-single-event{ border-bottom: none;margin-bottom: 0;} .list-single-event .event-schedule{ width: 100%;float: none;} .list-single-event .event-img{ width: 50%;} .list-single-event .event-main{ width: 50%;} .list-single-event h2.event-title{ font-size: 22px;} .list-single-event .event-schedule .csgm-dates{ display: none;} .list-single-event .event-schedule .csgm-dates-mobile{ font-family: 'times', serif;letter-spacing: 1px;font-style: italic;text-transform: lowercase;display: block;color: #333;}} @media screen and (max-width: 600px){ .list-single-event .event-schedule{padding: 10px 0;} .list-single-event .event-img{ width: 100%;float: none;padding: 0;} .list-single-event .event-main{ width: 100%;float: none;padding: 0;} .list-single-event h2.event-title{ font-size: 20px;}} body.events-archive .tribe-events-list{ max-width: 1040px;width: 1040px;} #tribe-events-content{ margin-right: auto;margin-left: auto;} .tribe-events-loop{max-width: none;} div.tribe-events-event-meta a{ color: #009344 !important;} a.tribe-events-read-more, a.tribe-events-read-more:visited{ margin-top: 15px;width: 35%;font-family: 'McLaren', sans-serif;text-transform: uppercase;color: white;background-color: #009344;border-radius: 4px;padding: 5px;text-align: center;font-size: 14px;position: absolute;bottom: 10px;right: 10px;} a.tribe-events-read-more:hover{ letter-spacing: 2.5px;text-decoration: none !important;color: white !important;transition: all 280ms ease-in-out;} .cancelled-date{ font-size: 13px;font-weight: 400;font-style: italic;} #tribe-events-content ul.tribe-events-sub-nav li.tribe-events-nav-next{ margin: 0;} #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous{ margin: 0;} #csgm-events-calendar{ display: grid;grid-template-columns: 1fr 3fr;grid-template-areas: "nav main";grid-gap: 20px;max-width: 1340px;margin: auto;padding: 0 10px;}:root{ --jan: #0054a6;--feb: #9e005d;--mar: #009344;--apr: #f26522;--may: #ffb202;--jun: #00bff3;--jul: #912bdd;--aug: #8dc63f;--sep: #630460;--oct: #e0a14e;--nov: #9e0b0f;--dec: #005826;} .csgm-event-preview{ display: grid;grid-template-columns: 1fr 1.5fr;grid-gap: 10px;align-items: center;margin: 20px auto;} .csgm-event-preview .text{ display: grid;grid-gap: 5px;} .csgm-event-preview .venue{ margin: 0;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;color: #222;line-height: 1;} .csgm-event-preview a h2{ font-weight: 600;font-size: 26px;margin: 0;color: #222;line-height: 1.2;} .csgm-event-preview .schedule{ margin: 0;font-size: 18px;color: #222;line-height: 1;padding: 5px 0;} .csgm-event-preview .desc{ margin: 0;padding: 5px 0;} .csgm-event-preview .btn{ display: block;background: #1d2943;color: #fff;padding: 10px;width: 160px;text-align: center;font-weight: 900;font-style: italic;font-size: 14px;border-radius: 2px;line-height: 1;} .csgm-event-preview .btn:hover{ transition: var(--ease);transform: scale(1.025);} .csgm-event-preview .thumb{ border-right: 5px solid;} .page-events-loop .csgm-event-preview .thumb{ max-width: 400px;border: none;} .csgm-event-preview .thumb{ border-radius: 2px;overflow: hidden;box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);} .csgm-event-preview .thumb:hover{ transition: var(--ease);transform: scale(1.025);box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);} .csgm-event-preview .thumb img{ display: block;} @media screen and (max-width: 600px){ #csgm-events-calendar .csgm-event-preview .thumb{ border-right: none;border-bottom: 0;height: 200px;}} [data-month-color="jan"] .thumb{border-color: var(--jan);} [data-month-color="feb"] .thumb{border-color: var(--feb);} [data-month-color="mar"] .thumb{border-color: var(--mar);} [data-month-color="apr"] .thumb{border-color: var(--apr);} [data-month-color="may"] .thumb{border-color: var(--may);} [data-month-color="jun"] .thumb{border-color: var(--jun);} [data-month-color="jul"] .thumb{border-color: var(--jul);} [data-month-color="aug"] .thumb{border-color: var(--aug);} [data-month-color="sep"] .thumb{border-color: var(--sep);} [data-month-color="oct"] .thumb{border-color: var(--oct);} [data-month-color="nov"] .thumb{border-color: var(--nov);} [data-month-color="dec"] .thumb{border-color: var(--dec);} h2[data-month-color="jan"]{background: var(--jan);} h2[data-month-color="feb"]{background: var(--feb);} h2[data-month-color="mar"]{background: var(--mar);} h2[data-month-color="apr"]{background: var(--apr);} h2[data-month-color="may"]{background: var(--may);} h2[data-month-color="jun"]{background: var(--jun);} h2[data-month-color="jul"]{background: var(--jul);} h2[data-month-color="aug"]{background: var(--aug);} h2[data-month-color="sep"]{background: var(--sep);} h2[data-month-color="oct"]{background: var(--oct);} h2[data-month-color="nov"]{background: var(--nov);} h2[data-month-color="dec"]{background: var(--dec);} #mobile-event-filter, #dynamic-month{display: none;} .event-nav li a span.wide-screen{ display: block;} .event-nav li a span.slim-screen{ display: none;} .past-events{ max-width: 1080px;margin: 20px auto;} @media screen and (max-width: 1200px){ #csgm-events-calendar{grid-template-columns: 140px 1fr;} .event-nav{padding-top: 20px;} .event-nav h2, .event-nav li a span.wide-screen{display: none;} .event-nav li a span.slim-screen{display: block;} .csgm-event-preview{grid-template-columns: 360px 1fr;} .csgm-event-preview .desc{padding:÷0;font-size:14px;}} @media screen and (max-width: 900px) and (min-width: 600px){ .csgm-event-preview .desc{display: none;}} @media screen and (max-width: 900px){ #csgm-events-calendar{display: block;}} @media screen and (max-width: 600px){ #csgm-events-calendar .events-header{padding: 0;} .csgm-event-preview{ grid-template-columns: 1fr;max-width: 400px;border-bottom: 2px solid #1d294342;padding-bottom: 20px;} .csgm-event-preview .thumb img{margin-top:-25px;} .csgm-event-preview a h2{font-size:22px;} .csgm-event-preview .btn{width: 100%;} #mobile-event-filter{display: block;}} .event-filter{ max-width: 280px;} .filter-header, .not-csgm .filter-header{ display: none;} .filter-header{ background: var(--book);} .event-month-header.venue-header{ display: none;background: var(--brightgreen);} #csgm-months .csgm-event.past-event{ display: none !important;} .events-archive .entry-content, .events-archive .entry-header{ width: 100%;} #tribe-events-content{ margin: 0;max-width: 100%;} .post-type-archive-tribe_events .site-content, #tribe-events-content-wrapper{ display: grid;grid-template-columns: 1fr 3fr;grid-template-areas: "nav main";grid-gap: 20px;max-width: 1340px;margin: auto;} .event-nav{ grid-area: nav;} #tribe-events-content{ grid-area: main;} .tribe-events-sub-nav{ display: none;} .csgm-event{ display: grid;grid-template-columns: 1fr 1.6fr;grid-column-gap: 10px;margin: 20px auto;align-items: center;grid-template-areas: "thumb ." "thumb loc" "thumb title" "thumb date" "thumb par" "thumb btn" "thumb .";} .csgm-event .thumb{ border-radius: 2px;grid-area: thumb;} .csgm-event a img{ display: block;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .csgm-event a:hover img{ transform: scale(1.05);box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} .csgm-event a.title{ grid-area: title;} .csgm-event a h2{ font-weight: 600;font-size: 26px;margin: 5px 0;color: #222;hyphens: none;} .csgm-event h3.venue{ margin: 0;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;color: #222;grid-area: loc;} .csgm-event h4{ margin: 0 0 10px;font-size: 18px;color: #222;grid-area: date;} .csgm-event h4 > span:not(:last-child)::after{ content: ', ';} .csgm-event h4 svg, .csgm-event h4 i{ margin-right: 5px;} .csgm-event p{ margin: 0 0 10px;color: #222;grid-area: par;} .csgm-event a.btn{ grid-area: btn;} .csgm-event a .more{ display: block;background: #1d2943;color: white;padding: 10px;width: 160px;text-align: center;font-weight: 900;font-style: italic;font-size: 14px;border-radius: 2px;line-height: 1;} .csgm-event a:hover .more{ transform: scale(1.1);transition: var(--ease);} .event-nav ul{ margin: 0;padding: 0;list-style: none;} .event-nav ul li{ margin: 5px 0;font-size: 18px;} .event-nav select option.past-month, .event-nav ul li.past-month{ display: none;} .event-nav li a{ display: block;font-weight: 900;margin: 5px auto;background: whitesmoke;padding: 10px;line-height: 1;letter-spacing: 0;border-right: 10px solid whitesmoke;color: #222;border-radius: 2px;font-weight: 800;} .event-nav li #all:hover{ color: #222;border-right: 10px solid #1d2943;} .event-nav li #all.active{ border-right: 10px solid #1d2943;} .event-nav li a:hover{ cursor: pointer;transition: all 300ms ease-in-out;} .event-nav li a:hover span, .event-nav li a.active span{ transform: skew(-10deg, 0);transition: var(--ease);} .event-month-header{ margin: 0 0 10px;text-align: center;border-radius: 2px;padding: 10px;line-height: 1;font-size: 26px;font-weight: 900;} #csgm-months .top-month span, .event-month-header span{ color: white;} .event-month-header.top-this-month, .event-month-header.this-month, .event-month-header.past-month{ display: none;} .tribe-events-loop{ position: relative;} .tribe-events-loop.push{ padding-top: 46px;} .event-month-header.top{ position: absolute;width: 100%;top: 0;} .csgm-event .thumb h3{display: none;} #to-top{ display: block;position: fixed;z-index: 999;bottom: 20px;right: 20px;width: 60px;height: 60px;text-align: center;font-size: 30px;color: white;background: var(--navy);border-radius: 100px;} #to-top svg, #to-top i{ margin: 14px auto;} #to-top:hover{ transform: scale(1.05);transition: var(--ease);} #to-top img{ display: block;} @media screen and (max-width: 900px){ #to-top.not-events{ width: 40px;height: 40px;bottom: 22px;right: 22px;} #to-top svg, #to-top i{ margin: 0 auto 4px;font-size: 24px;}} @media screen and (max-width: 1215px){ .tribe-events-loop .csgm-event{grid-template-columns: 0.8fr 1fr;}} @media screen and (max-width: 1340px){ .post-type-archive-tribe_events .site-content, #tribe-events-content-wrapper{ max-width: 98%;grid-template-columns: minmax(180px,250px) minmax(600px, 80%);margin: auto;} .tribe-events-list, .tribe-events-loop{max-width: 100%;} .event-nav li a{font-size: 16px;} .csgm-event .details{overflow: hidden;} .csgm-event p{font-size: 14px;} .csgm-event a h2{font-size: 22px;}} #mobfilter{display: none;} @media screen and (max-width: 900px){ .csgm-event a:hover img{ transform: translate(-50%, -50%);} #mobfilter{display: block;} #to-top{ display: block;position: fixed;z-index: 999;bottom: 5px;right: 5px;width: 60px;} #to-top img{ display: block;} .post-type-archive-tribe_events .site-content, #tribe-events-content-wrapper{display: block;} .event-nav{display: none;} .events-header{ position: relative;margin-top: 10px;} .events-header{ display: grid;grid-template-columns: 3fr 1fr;} .events-header h1.entry-title, .events-header h2.entry-title{ text-align: left;font-size: 38px;line-height: 1;margin: 12px 0 5px;font-family: 'Oswald', var(--sans);text-transform: uppercase;position: relative;grid-column: 1 / 3;} .events-header .category{ font-weight: normal;color: white;text-transform: uppercase;font-size: 13px;letter-spacing: 0.5px;background: #1d2943;line-height: 1;color: white;display: inline-block;width: 150px;padding: 8px 0;text-align: center;} .events-header .tags{ font-weight: 400;font-size: 13px;color: #1d2943;margin: 0 0 6px;} .mobile-event-nav{ display: grid;background: #1a2234;position: fixed;width: 100%;bottom: 0;left: 0;right: 0;z-index: 99999;padding: 20px;text-align: center;height: 45px;padding: 5px;grid-template-columns: 1fr 1.3fr;align-items: center;grid-gap: 5px;} .mobile-event-nav span.current{ display: block;background: #77777736;border-radius: 2px;height: 100%;padding: 5px;color: white;font-weight: 900;} .mobile-event-nav a{ color: white;text-align: center;font-weight: 900;font-style: italic;font-size: 18px;}} @media screen and (max-width: 800px){ .csgm-event{ grid-template-columns: 0.5fr 1fr;grid-template-areas: "thumb loc" "thumb title" "thumb date" "thumb btn";} .csgm-event h3.venue{align-self: end;} .csgm-event a h2{margin: 0;} .csgm-event h4{align-self: start;margin: 0;} .csgm-event p{display: none;} .csgm-event a .more{align-self: start;}} @media screen and (max-width: 600px){ .events-header .tags{ grid-column: 1 / 3;} .csgm-event{ display: block;max-width: 400px;margin: 20px auto;border-bottom: 2px solid #1d294342;padding-bottom: 20px;} .csgm-event .thumb{ margin: 0 0 10px;position: relative;overflow: hidden;height: 200px;} .csgm-event .thumb img{ position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;} .event-month-header{ max-width: 400px;margin: auto;font-size: 18px;} .csgm-event a .more{width: 100%;} .csgm-event p{display: block;} .csgm-event h4{margin: 0 0 10px;} .csgm-event a h2{ white-space: initial;hyphens: auto;margin: 5px 0;} .csgm-event h3.venue{display: none;} .csgm-event .thumb h3{ display: block;position: absolute;bottom: 0;left: 0;color: white;background: linear-gradient(to top, #000000a3, transparent);line-height: 1;padding: 50px 5px 5px;width: 100%;margin: 0;font-weight: 400;text-transform: none;letter-spacing: 0;font-size: 14px;z-index: 2;} .event-nav h2{ display: none;} .event-nav{ position: fixed;background: #1d2943;width: 60%;bottom: 0;top: 0;right: 0;z-index: 9999;padding: 10px;} .event-nav > ul > li:nth-child(1){grid-column: 1 / 3;} .event-nav ul li{margin: 0;} .event-nav ul li a{ background: #77777736;color: white;text-align: center;border-right: none;margin: 0;} .event-nav ul li a.all, .event-nav ul li a.active, .event-nav ul li a.active.all{ border-right: none;color: white;}} .camp-table{ margin: 0 0 20px;} .camp-table .grid{ grid-gap: 10px;} .camp-table .grid .row-item{ display: grid;grid-gap: 0 5px;border-radius: 100px;padding: 5px 10px;} #campgrounds .grid .row-item{ grid-template-columns: 3fr 1fr 1fr 1fr;} #ccc-camps .grid .row-item{ grid-template-columns: 60px 4fr 2fr 1fr 2fr;} .camp-table .grid > .row-item:nth-child(even){ background: #ececec;} .camp-table .grid .row-item.heading{ background: transparent;text-transform: uppercase;font-size: 12px;letter-spacing: 1px;color: var(--book);font-weight: bold;text-align: center;padding-left: 5px;} .camp-table .grid > .row-item.standard > .cell:first-child{ font-weight: 600;padding: 0 0 0 10px;} #campgrounds .grid .row-item.standard .cell.title{ grid-area: title;} .camp-table .grid .cell.title em{ font-weight: normal;font-size: 12px;} #campgrounds .grid .row-item.standard{ align-items: center;grid-template-areas: "title sites price dates" "details sites price dates";} #campgrounds .grid .row-item.standard .cell.sites, #campgrounds .grid .row-item.standard .cell.price, #campgrounds .grid .row-item.standard .cell.dates{ text-align: center;} #campgrounds .grid .row-item.standard .cell.sites{ grid-area: sites;line-height: 1;} #campgrounds .grid .row-item.standard .cell.price{ grid-area: price;} #campgrounds .grid .row-item.standard .cell.dates{ grid-area: dates;} #campgrounds .row-item.standard{ font-weight: 500;} #campgrounds .grid .row-item .details{ grid-row: 2;line-height: 1;padding: 0 10px;grid-area: details;} #campgrounds .grid .row-item .details .item{ display: inline-block;font-size: 11px;font-style: italic;line-height: 1;padding: 3px 5px;border-radius: 100px;border: 1px solid #ccc;background: white;margin-right: 5px;} #campgrounds .grid .row-item .details .item.no span{ color: #9b4444;} #campgrounds .grid .row-item .details .item.no{ color: #646464;} #campgrounds .grid .row-item .details .item.yes{ border-color: var(--green);} #campgrounds .grid .row-item .details .item.yes span{ color: var(--green);} .camp-details{ margin: 20px auto;} .camp-details .grid{ display: grid;grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;} .camp-details .grid.heading{ text-align: center;font-size: 12px;font-family: 'Merriweather', var(--sans);font-weight: 600;padding: 10px 0;align-items: end;line-height: 1;} .camp-details .grid.values{ border-top: 1px solid #2222223b;border-bottom: 1px solid #2222223b;padding: 10px 0;} .camp-details .grid .name{ text-align: left;font-weight: 600;} .camp-details .grid.values .sites{ text-align: center;} .camp-details .grid.values .price{ text-align: center;} .camp-details .grid.values .elevation{ text-align: center;} .camp-details .grid.values .store, .camp-details .grid.values .rv{ text-align: center;font-weight: 600;} .camp-details .grid.values .trails{ text-align: left;grid-column: 1 / 7;padding-top: 5px;font-style: italic;font-size: 14px;} #ccc-camps .grid .row-item{ align-items: center;} #ccc-camps .grid .row-item.standard .cell.camp{ font-size: 14px;font-weight: bold;} #ccc-camps .grid .row-item.standard .cell.title{ line-height: 1;font-weight: 600;font-size: 15px;} #ccc-camps .grid .row-item.standard .cell.small{ text-align: center;font-weight: 500;font-size: 14px;} @media screen and (max-width: 920px){ #campgrounds .grid .row-item.standard{ grid-template-areas: "title sites price dates" "details details details details";} #ccc-camps .grid .row-item.standard .cell.small{ font-size: 12px;}} @media screen and (max-width: 700px){ .camp-details .grid{ grid-template-columns: 2fr 1fr 1fr 1fr .5fr .5fr;} .camp-details .grid.heading{font-size: 10px;} .camp-details .grid.values{font-size: 14px;}} @media screen and (max-width: 600px){ #ccc-camps .grid .row-item{ grid-template-columns: 50px 3fr 2fr 1.5fr;} #campgrounds .grid .row-item .details{display: none;} #campground-overview, #ccc-camps{margin: 0 -20px 0 -20px;} #campgrounds .grid .row-item.heading{grid-template-columns: 2fr 1fr 1.2fr 1.5fr;} #campgrounds .grid .row-item.heading .cell span{display: none;} #campgrounds .grid .row-item.standard .cell.title{line-height: 1;} #campgrounds .grid .row-item.standard .cell.title em{display: block;} #ccc-camps .grid .row-item .cell.office, #ccc-camps .grid .row-item.standard .cell.title em{display: none;} .camp-table .grid > .row-item.standard > .cell:first-child, .camp-table .grid .row-item.standard .cell.details{padding: 0;} .camp-table .grid .row-item{border-radius: 0;padding: 5px;} #campgrounds .grid .row-item.standard{ grid-template-columns: 2fr 1fr 1.2fr 1.5fr;font-size: 15px;}} #guide-loader{ position: fixed;z-index: 99999;background: var(--navy);top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;} #guide-loader .grid{ display: grid;align-items: center;height: 100%;width: 100%;text-align: center;} #guide-loader .logo-wrap{ width: 150px;margin: auto;} #guide-loader h2{ color: white;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;font-family: var(--sans);font-weight: 400;} @keyframes spin{ 0%{ transform: rotate(0deg);} 100%{ transform: rotate(360deg);}} @-webkit-keyframes spin{ 0%{ -webkit-transform: rotate(0deg);} 100%{ -webkit-transform: rotate(360deg);}} #guide-loader .spinner{ -webkit-animation: spin 1s linear infinite;animation: spin 2s linear infinite;width: 30px;height: 30px;margin: auto;} #guide-loader .spinner img{ display: block;margin: auto;} .travel-guide .entry-header{ padding: 0;position: relative;} .travel-guide .nav-btn{ border: 1px solid;font-size: 14px;border-radius: 2px;text-align: center;display: inline-block;padding: 15px 30px;} .travel-guide .nav-btn:hover{ cursor: pointer;transition: all 400ms ease-in-out;} .travel-guide .line-sep{ margin: 50px auto 0;display: grid;align-items: center;grid-template-columns: 1fr auto 1fr;grid-gap: 20px;} .travel-guide .line-sep h3{ margin: auto;display: inline;} .travel-guide .line-sep .line{ background: #222;width: 100%;height: 3px;} .travel-guide .entry-header .container{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #ffffffa8;padding: 40px;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);} .travel-guide .entry-header .entry-title{ margin-bottom: 14px;} .travel-guide .entry-header .entry-title .top{ display: block;font-size: 20px;text-transform: uppercase;letter-spacing: 3px;} .travel-guide .entry-header .guide-intro{ font-size: 14px;text-align: center;} .travel-guide .entry-header .guide-intro p{ margin: 0;} .guide-blocks .grid{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;margin: auto;} .single-guide-block .image{ border-radius: 3px;overflow: hidden;margin: 0 0 10px;} .single-guide-block img{ display: block;} .single-guide-block a:hover img{ transform: scale(1.05);transition: var(--ease);} .single-guide-block a h2, .single-guide-block h2{ margin: 0 0 5px;hyphens: none;} .single-guide-block p{ margin: 0 0 5px;font-size: 14px;} .single-guide-block a.btn{ border: 1px solid;line-height: 1;padding: 10px 20px;display: inline-block;} @media screen and (max-width: 1020px){ .travel-guide .entry-header .container{padding: 30px 20px;} .travel-guide .entry-header .entry-title .bottom{font-size: 40px;}} @media screen and (max-width: 850px){ .travel-guide .entry-header .container{ width: 80%;padding: 20px 10px;}} @media screen and (max-width: 700px){ .travel-guide .guide-intro{display: none;} .travel-guide .entry-header .entry-title{margin: 0;}} @media screen and (max-width: 600px){ .travel-guide .entry-header .container{ background: #22222245;box-shadow: none;color: white;width: 100%;height: 100%;padding: 80px 10px;} .travel-guide .entry-header img{max-width: 130%;} .guide-blocks .grid .box .image{height: 200px;}} .travel-guide .entry-content{ max-width: 1100px;margin: 10px auto 0;display: none;} .travel-guide p, .travel-guide .guide-intro{ font-family: 'Merriweather', var(--sans);} @media screen and (min-width: 800px){ .travel-guide .skinny{max-width: 800px;}} @media screen and (max-width: 800px){ .travel-guide .skinny{max-width: 100%;}} @media screen and (min-width: 1000px){ .travel-guide .med{max-width: 1000px;}} @media screen and (max-width: 1000px){ .travel-guide .med{max-width: 100%;}} @media screen and (min-width: 1200px){ .travel-guide .wide{max-width: 1200px;}} @media screen and (max-width: 1200px){ .travel-guide .wide{max-width: 100%;} .guide-blocks .grid{ max-width: 700px;grid-template-columns: 1fr 1fr;}} @media screen and (max-width: 700px){ .guide-blocks .grid{ padding: 0 10px;grid-template-columns: 1fr;max-width: 400px;}} .travel-guide .section{ margin: 30px auto;position: relative;} .travel-guide a.go{ font-family: var(--serif);font-style: italic;} .travel-guide .divider{ width: 80%;margin: auto;height: 5px;background: #484848;position: relative;z-index: 4;} .mag h2{ margin: 0 0 10px;} .mag p{ margin: 0;} .tiled-rows{ max-width: 1100px;margin: 40px auto;background: white;border-radius: 5px;overflow: hidden;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);position: relative;z-index: 3;} .tiled-rows > .tiled-row:nth-child(odd){ display: grid;grid-template-columns: 2fr 3fr;grid-template-areas: "text img";} .tiled-rows > .tiled-row:nth-child(even){ display: grid;grid-template-columns: 3fr 2fr;grid-template-areas: "img text";} .tiled-row .text{ grid-area: text;text-align: center;padding: 20px 40px;align-self: center;} .tiled-row .text h2{ margin: 0;font-family: var(--sans);font-size: 22px;font-weight: 700;line-height: 1;text-transform: uppercase;} .tiled-row .text .border{ height: 6px;background: #222;width: 30px;margin: 10px auto;} .tiled-row .text p{ font-size: 14px;line-height: 1.3;margin: 0;} .tiled-row .text .go{ display: inline-table;margin-top: 10px;font-family: var(--sans);font-style: normal;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;font-size: 13px;border: 1px solid #1d2943;padding: 10px;line-height: 1;color: #1d2943;background: white;} .tiled-row .text .go:hover{ color: white;background: #1d2943;transition: var(--ease);} .tiled-row .side{ grid-area: img;display: block;position: relative;} .tiled-row .side img{ display: block;} @media screen and (max-width: 1100px) and (min-width: 900px){ .tiled-rows{max-width: 900px;} .tiled-row .text{padding: 20px;} .tiled-row .text h2{font-size: 18px;} .tiled-row .text p{font-size: 12px;}} @media screen and (max-width: 900px){ .tiled-rows{max-width: 600px;} .tiled-rows > .tiled-row:nth-child(even), .tiled-rows > .tiled-row:nth-child(odd){ display: grid;grid-template-columns: 1fr;grid-template-areas: "img" "text";}} @media screen and (max-width: 600px){ .tiled-rows{max-width: 100%;}} @media screen and (max-width: 400px){ .tiled-rows .text{padding: 20px;}} .checklist .padding{ max-width: 1200px;margin: 30px auto;} .checkbox-tiles{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;} .checkbox-tiles .tile{ position: relative;} .checkbox-tiles .tile .top{ position: relative;overflow: hidden;} .checkbox-tiles .tile .top .checks{ position: absolute;font-size: 40px;line-height: 1;top: 5px;left: 5px;} .checkbox-tiles .tile .top .checks svg:hover{ cursor: pointer;} .checkbox-tiles .tile .top .checks svg{ position: relative;z-index: 2;color: white;} .checkbox-tiles .tile .top .checks .background{ z-index: 1;border-radius: 5px;height: 34px;width: 100%;position: absolute;top: 3px;background: transparent;} .checkbox-tiles .tile .top .checks.checked .background{ background: #ffb51b;} .checkbox-tiles .tile .top img{ display: block;} .checkbox-tiles .tile .bottom{ margin: 10px 0;} .checkbox-tiles .tile .bottom p{ font-size: 14px;margin: 0 0 10px;} .checkbox-tiles .tile .bottom h3{ font-family: 'Fjalla One', 'Oswald', sans-serif;text-transform: uppercase;margin: 0 0 10px;line-height: 1;color: #222;font-size: 28px;} .checkbox-tiles .tile .bottom .btn{ display: inline-block;font-family: 'Fjalla One', 'Oswald', sans-serif;text-transform: uppercase;text-align: center;padding: 10px 30px;border: 3px solid var(--yellow);color: #222;} .checkbox-tiles .tile .bottom .btn:hover{ transition: var(--ease);} @media screen and (max-width: 1200px){ .checklist{padding: 0 10px;} .checkbox-tiles{grid-gap: 10px;} .checkbox-tiles .tile .bottom h3{font-size: 24px;}} @media screen and (max-width: 700px){ .checklist .title h2{font-size: 40px;text-align: center;} .checkbox-tiles{display: block;max-width: 400px;margin: auto;} .checkbox-tiles .tile{margin: 0 0 30px;} .checkbox-tiles .tile .top{border-bottom: none;} .checkbox-tiles .tile .top img{margin-top: -60px;}} .section.blogs .grid{ display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;} .section.blogs .grid.count1 .card{ grid-column: 1 / 3;grid-template-columns: 1fr 1.5fr;align-items: center;} .section .card.extra, .section .card-container.extra{ display: none;} .card .top .published{ position: absolute;z-index: 2;background: white;top: 10px;left: 10px;line-height: 1;font-size: 12px;margin: 0;padding: 5px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .card .csgm-btn{ width: 100%;margin: 0;} button.blog-toggle, .blog-toggle{ text-align: right;background: transparent;box-shadow: none;padding: 0;color: var(--book);font-weight: bold;letter-spacing: 0;} .section.blogs .blog-toggle{grid-column: 1 / 3;} button.blog-toggle:hover, .blog-toggle:hover{ background: transparent;letter-spacing: 0;box-shadow: none;color: var(--green);} @media screen and (max-width: 600px){ .section.blogs .grid{display: block;}} .news-pop .nope:hover{ cursor: pointer;} .news-pop.image-top{ position: fixed;z-index: 99999;background: #000000a1;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;} .news-pop.image-top .esc{ background: none;box-shadow: none;padding: 0;line-height: 1;position: absolute;top: 10px;right: 10px;font-size: 20px;} .news-pop.image-top .esc:hover{ color: var(--book);} #popdw{ display: none;} @keyframes wiggle{ 0%{ -webkit-transform: translate(-50%, -50%) rotate(5deg) scale(0.5);transform: translate(-50%, -50%) rotate(5deg) scale(0.5);} 25%{ -webkit-transform: translate(-50%, -50%) rotate(-5deg) scale(1.1);transform: translate(-50%, -50%) rotate(-5deg) scale(1.1);} 50%{ -webkit-transform: translate(-50%, -50%) rotate(5deg) scale(1.2);transform: translate(-50%, -50%) rotate(5deg) scale(1.2);} 75%{ -webkit-transform: translate(-50%, -50%) rotate(-5deg);transform: translate(-50%, -50%) rotate(-5deg);} 100%{ -webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}} .news-pop.image-top .center{ position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);width: 600px;background: white;border-radius: 2.5px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);overflow: hidden;animation: wiggle 0.5s;animation-direction: alternate;animation-fill-mode: forwards;animation-timing-function: linear;} .news-pop.image-top .img{ height: 250px;overflow: hidden;} .news-pop.image-top img{ display: block;} .news-pop.image-top .text{ padding: 20px;text-align: center;} .news-pop.image-top h2{ font-weight: 900;font-style: italic;line-height: 1;} #popdw h2{ color: #a80b8c;font-size: 2.5em;} #popdw p.bod{ max-width: 450px;margin: 10px auto;hyphens: none;font-size: 17px;} #popdw .signup{ padding-top: 5px;border-top: 1px solid #22222212;} #popdw .signup form{ display: grid;grid-template-columns: 3fr 1.5fr;align-items: center;grid-gap: 10px;grid-template-areas: "email submit" "alert alert";} #popdw .signup input{ width: 100%;box-shadow: none !important;} #popdw .signup .email{ height: 100%;} #popdw .signup .email input{ height: 100%;} #popdw .signup .btn input{ width: 100%;font-weight: 900;font-style: italic;background: #a80b8c;} #popdw .signup .btn input:hover{ box-shadow: none;background: #ffa300;} #popdw .signup .smi{ max-width: 350px;margin: 10px auto;} .news-pop.image-top a.nope{ text-align: center;color: gray;font-size: 12px;font-style: italic;margin: 0 0 10px;font-weight: normal;text-decoration: underline;display: block;line-height: 1;cursor: pointer;} #popdw #mce-responses{ grid-area: alert;text-align: center;margin: 10px auto;max-width: 500px;font-size: 15px;} #popdw #mce-success-response{ font-family: 'Relation-two', var(--sans);font-size: 26px;} #book-pop{ display: none;} #book-pop .img{ background-size: cover;background-repeat: no-repeat;background-position: center;} #book-pop .csgm-btn{ display: block;font-size: 18px;margin: 0 auto 20px;} #book-pop p.bod{ margin: 20px auto;max-width: 400px;hyphens: none;} #evpop{ display: none;width: 300px;position: fixed;z-index: 99999;bottom: 0;right: 5%;padding: 3px;background: white;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} #evpop .slide{ padding: 30px 20px;border: 5px solid black;border-bottom: none;position: relative;} #evpop .slide .mail{ position: absolute;top: -25px;right: 10px;width: 75px;} #evpop .text{ margin: 0 0 30px;} #evpop h2{ text-transform: uppercase;text-align: center;font-weight: 900;text-transform: uppercase;font-style: italic;font-size: 26px;} #evpop p.bod{ font-family: var(--serif);font-size: 14px;margin: 10px auto;text-align: center;} #evpop .email{ margin: 0 0 5px;} #evpop .email input{ width: 100%;height: 100%;padding: 8px 3px;} #evpop .btn input{ padding: 10px 20px;font-size: 13px;color: black;font-weight: 800;text-transform: uppercase;background: white;line-height: 1;border: 4px solid black;width: 100%;display: block;border-radius: 0;box-shadow: none;} #evpop .btn input:hover{ transform: none;box-shadow: none;letter-spacing: normal;background: black;color: white;} #evpop .nope{ position: absolute;left: 0;top: 0;background: black;line-height: 1;padding: 1px 5px 4px 1px;color: white;font-weight: normal;font-size: 14px;} #evpop .nope:hover{ font-weight: 600;transition: var(--ease);} #evpop #mce-responses{ text-align: center;font-size: 14px;margin: 10px 0 0;font-style: italic;} @media screen and (max-width: 700px){ #evpop{ position: absolute;left: 50%;top: 50%;bottom: auto;transform: translate(-50%, -50%);right: auto;} #evpop .slide{border-bottom: 5px solid black;}} #flyin{ background: rgba(0, 0, 0, 0.53);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: none;} @keyframes spinIn{ 0%{ -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(0.1);transform: translate(-50%, -50%) rotate(360deg) scale(0.1);} 25%{ -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(0.25);transform: translate(-50%, -50%) rotate(180deg) scale(0.25);} 50%{ -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.5);transform: translate(-50%, -50%) rotate(90deg) scale(0.5);} 75%{ -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.75);transform: translate(-50%, -50%) rotate(45deg) scale(0.75);} 100%{ -webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}} #flyin .container{ background: #ffca08;width: 600px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding: 40px 30px 60px;overflow: hidden;border-radius: 2px;border: 2px solid white;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);animation: spinIn 0.3s;animation-direction: alternate;animation-fill-mode: forwards;animation-timing-function: linear;} #flyin .container .grid{ position: relative;z-index: 2;} #flyin .mail{ display: block;width: 400px;position: absolute;right: -90px;bottom: -50px;z-index: 1;} #flyin h1{ font-weight: 900;margin: 0 0 20px;font-size: 3.5em;width: 300px;line-height: 1.2;} #flyin p{ width: 300px;font-size: 18px;font-weight: 500;hyphens: none;} #flyin .signup{ width: 400px;margin: 20px 0 0;} #flyin .form-grid input{ width: 100%;} #flyin .form-grid input.email{ margin: 0 0 10px;padding: 10px;} #flyin .nope{ font-size: 12px;color: #4e4e4e;font-style: italic;text-decoration: underline;display: block;margin: 20px 0 0;font-weight: normal;line-height: 1;position: absolute;} #flyin .smi{ width: 300px;margin: 0 0 10px;} #flyin .response{ margin: 10px 0 0;font-style: italic;} @media screen and (max-width: 610px){ .news-pop.image-top .center{width: 95%;} #book-pop h2{width: 300px;margin: auto;} #book-pop p.bod{line-height: 1.2;font-size: 15px;}} @media screen and (min-width: 600px){ #flyin br.mob{display: none;}} @media screen and (max-width: 600px){ #flyin .container{ width: 95%;padding: 30px 30px 50px;} #flyin .mail{ width: 250px;right: -70px;bottom: 0;} #flyin h1{ font-size: 2.3em;width: 100%;} #flyin .signup{width: 100%;} #flyin .smi{width: 100%;margin: 10px 0 0;}} .whats-new-grid{ width: 1020px;max-width: 100%;margin: auto;} .whats-new-grid .card{ max-width: 500px;background: white;margin: 0 0 20px;border-radius: 4px;overflow: hidden;} .whats-new-grid .card h3{ margin: 0;} .whats-new-grid .card .top{ position: relative;overflow: visible;} .whats-new-grid .card .text .edit{ color: transparent;margin-left: 5px;font-size: 12px;} .whats-new-grid .card:hover .edit{ color: var(--book);transition: var(--ease);} .whats-new-grid .card a:hover img{ transform: none;} .whats-new-grid .card p{ font-weight: 400;} .whats-new-grid .card .top .attr{ font-size: 10px;line-height: 1;color: #9b9b9b;font-weight: 400;text-align: right;position: absolute;right: 3px;top: 101%;z-index: 3;} .whats-new-grid .card .status{ position: absolute;top: 10px;left: 10px;line-height: 1;font-size: 12px;text-transform: uppercase;color: white;font-weight: 600;display: inline-block;padding: 5px 8px;border-radius: 2px;letter-spacing: 1px;} .whats-new-grid .card.no-image .status{ position: relative;} .whats-new-grid .card.now-open .status{ background: var(--brightgreen);} .whats-new-grid .card.coming-soon .status{ background: var(--bright);} #new-restaurants .row .tags, .whats-new-grid .card .tags{ margin: 0;text-transform: uppercase;font-size: 10px;letter-spacing: 0.7px;} .whats-new-grid .card .csgm-btn{ width: auto;margin-top: 10px;font-size: 12px;padding: 10px 16px;} .whats-new-grid .card .location{ font-size: 12px;margin: 0 0 3px;} .whats-new-grid .card .desc{ margin: 3px 0 0;} @media screen and (max-width: 1060px){ .whats-new-grid{width: 500px;max-width: 100%;}} @media screen and (max-width: 600px){ .whats-new-grid .card .text .edit{display: none;}} .dw-calendars .grid{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px 10px;margin: 0 auto 30px} .dw-calendars table{ border-collapse: collapse;margin: 0} .dw-calendars table td, .dw-calendars table th{ border: 1px solid #222;text-align: center} .dw-calendars table td .the-date{ font-weight: 600} .dw-calendars [data-color=yellow]{ background: #ff0} .dw-calendars [data-color=pink]{ background: pink} .dw-calendars [data-color=orange]{ background: orange} .dw-calendars [data-color=purple]{ background: purple} .dw-calendars [data-color=blue]{ background: var(--book)} .dw-calendars [data-color=green]{ background: var(--green)} .dw-calendars [data-color=blue], .dw-calendars [data-color=green], .dw-calendars [data-color=purple]{ color: #fff} .dw-calendars .no-date{ background: 0 0} .dw-calendars .legend{ display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));grid-gap: 20px} .dw-calendars .legend .item{ display: grid;grid-template-columns: 20px auto;align-items: center;grid-gap: 10px} .dw-calendars .legend .item .box{ display: inline-block;width: 20px;height: 20px;border: 1px solid #222} .dw-calendars .legend .item p{ margin: 0;font-size: 20px} @media screen and (min-width: 600px){ .dw-calendars#splash-schedule .grid{ grid-template-columns: repeat(3, 1fr);max-width: 750px;} .dw-calendars#splash-schedule .legend{ grid-template-columns: repeat(3, auto);max-width: 800px;margin: auto;}} @media screen and (max-width:900px){ .dw-calendars .grid{ grid-template-columns: repeat(3, 1fr)}} @media screen and (max-width:600px){ .dw-calendars .grid{grid-template-columns: repeat(2, 1fr)} .dw-calendars .legend{grid-gap: 0}} #dw-rides{ margin: 0 auto 20px;} #dw-rides .rides > .single:nth-child(even){ background: #5078e41f;} #dw-rides .single{ display: grid;grid-template-columns: 1.6fr 1fr 1fr 1.5fr;padding: 10px 0;align-items: center;border-radius: 2px;} #dw-rides .single.heading{ background: var(--navy);margin: 0;} #dw-rides .single.heading div{ padding: 10px;} #dw-rides .single.heading > div:first-child{ text-align: left;} #dw-rides .single h2{ text-align: center;margin: 0;color: white;font-size: 12px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;text-align: center;line-height: 1;} #dw-rides .single .ride{ padding: 5px 0 5px 20px;} #dw-rides .single h3{ margin: 0;color: #222;font-size: 18px;line-height: 1;} #dw-rides .single h3 .timesaver{ color: #ecb477;font-size: 15px;margin-left: 5px;} #dw-rides .single h3 .timesaver:hover{ cursor: pointer;transition: var(--ease);} #dw-rides .single .height{ text-align: center;font-weight: bold;font-size: 18px;} #dw-rides .single .type{ text-align: center;} #dw-rides .single p{ margin: 0;} #dw-rides .single .loc{ display: inline;color: white;text-transform: uppercase;line-height: 1;font-weight: bold;letter-spacing: 0.65px;font-size: 10px;border-radius: 2px;padding: 2px 5px;} #dw-rides .single .loc.wilderness-pass{background:#603686;} #dw-rides .single .loc.craftsmans-valley{background:#285cba;} #dw-rides .single .loc.owens-farm{background:#03a8c3;} #dw-rides .single .loc.timber-canyon{background:#b73722;} #dw-rides .single .loc.wildwood-grove{background:#47797d;} #dw-rides .single .loc.rivertown-junction{background:#f26422;} #dw-rides .single .loc.the-village{background:#007b78;} #dw-rides .single .loc.showstreet{background:#0090ce;} #dw-rides .single .loc.country-fair{background:#db1e2b;} #dw-rides .single .loc.jukebox-junction{background:#bf1b8b;} #dw-rides .single .other{ padding: 10px;text-align: center;} #dw-rides .single .other p{ font-size: 12px;hyphens: none;font-style: italic;line-height: 1.2;font-weight: 600;} @media screen and (max-width: 800px){ #dw-rides .single .other.empty, #dw-rides .single.heading > div:last-child{display: none;} #dw-rides .single{grid-template-columns: 1.5fr 1fr 1fr;} #dw-rides .single .other{ grid-row: 2;grid-column: span 3;text-align: left;padding: 0 20px;} #dw-rides .single .other p::before{content: '*';}} @media screen and (max-width: 600px){ #dw-rides{margin:0 -20px;} #dw-rides .single{grid-template-columns: 3fr 1fr 1fr;} #dw-rides .single .height, #dw-rides .single .type{ font-size: 15px;line-height: 1;}} table.shaded{ border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} table.shaded caption{ font-size: 24px;font-weight: 700;padding: 10px 0;border-top: 1px solid #ccc;} table.shaded thead{ background: var(--navy);} table.shaded thead th{ color: #fff;padding: 10px 5px;line-height: 1;} table.shaded tbody > tr:nth-child(even){ background: #5078e41f;} table.shaded td{ padding: 10px 5px;text-align: center;} table.shaded .yes svg, table.shaded .yes i{ font-size: 20px;line-height: 1;color: var(--green);} table.shaded .no svg, table.shaded .no i{ font-size: 20px;line-height: 1;color: #c60606;} #ancient-lore-passes tbody tr > td:last-child{ text-align: left;} #ancient-lore-passes tr > td:not(:last-child){ width: 10%;} @media screen and (max-width: 600px){ #ancient-lore-passes thead th{font-size: 12px;} #ancient-lore-passes tbody tr>td:last-child{font-size: 14px;}} .dw-table{ font-family: var(--serif);text-align: center;} #dwtix{ font-weight: 800;font-size: 18px;} .dw-table, .dw-table th, .dw-table td{ border: 1px solid #222;border-collapse: collapse;} .dw-table th{ padding: 15px;line-height: 1;} .dw-table td{ padding: 10px;} #dw-prices td{ font-weight: bold;} #dw-prices tr > td:first-child{ line-height: 1;} .dw-table .adult{ color: var(--green);font-weight: bold;} .dw-table .senior{ color: var(--book);font-weight: bold;} .dw-table td.foot{ font-size: 15px;} .dw-table td.foot span{ font-weight: 800;} #dwpass th{ font-size: 18px;} #dwpass .fat td{ padding: 14px 0px;} .dw-table .yes span{ font-weight: 800;color: #009344;} .dw-table .no{ color: red;font-weight: 800;font-family: var(--sans);} #season-passes thead tr > th:nth-child(2){ background: linear-gradient(25deg, #c9c9c9, #ececec);} .dw-table .silver-tier{ background: #f2f2f2;} #season-passes thead tr > th:nth-child(3){ background: linear-gradient(25deg, #e7b465, #fff1b3);} .dw-table .gold-tier{ background: #f9e5a8;} .event-table{ border-collapse: collapse;border-top: 1px solid #22222230;border-bottom: 1px solid #22222230;} .event-table#shadrack h3{ margin: 0;text-align: center;} .event-table thead{ border-bottom: 1.5px #222;} .event-table thead td{ font-size: 20px;font-family: var(--serif);padding: 10px;font-weight: bold;padding: 5px;text-align: center;} .event-table tr td{ padding: 10px;} .event-table > tbody > tr:nth-child(2n+1){ background: rgba(34, 34, 34, 0.04);} table.savings > tbody > tr:nth-child(odd){ background: #1e3f9a0f;box-shadow: 1px 2px #00000008;} .savings .thing{ padding: 10px 0 10px 10px;line-height: 1;} .savings .thing a{ font-family: 'Oswald', var(--sans);text-transform: uppercase;font-size: 18px;color: #222;} .savings .thing a:hover{ color: #4c81f6;transition: var(--ease);} .savings .reg{ text-align: center;text-decoration: line-through;color: #1e3f9a;font-weight: 400;font-size: 18px;line-height: 1;} .savings .sale{ text-align: center;font-weight: 700;color: #1e3f9a;font-size: 20px;} .savings .save{ text-align: center;color: #ffb51b;font-weight: 600;font-style: italic;} #avg-temps{ text-align: center;border-collapse: collapse;} #avg-temps td{ border: 1px solid;line-height: 1;} #avg-temps td.month{ font-weight: bold;padding: 5px 0;} #avg-temps td.month > span:last-child{ display: none;} #avg-temps td.temp{ font-weight: 500;padding: 10px 0;} @media screen and (max-width: 600px){ table.shaded{ margin-left: -5px;margin-right: -5px;width: 103%;} .table-wrap{margin: 0 -20px;} table.savings{ margin: 0 -20px 20px -20px;width: 110%;} .savings .thing a, .savings .reg, .savings .sale{font-size: 15px;} .savings .save{font-size: 14px;} #avg-temps tbody{ display: grid;grid-template-columns: 1fr 1fr;} #avg-temps tbody tr > td:nth-child(odd){ background: #1d29430d;} #avg-temps tr, #avg-temps td{display: block;} #avg-temps td.month, #avg-temps td.temp{ display: block;padding: 8px 0;font-size: 15px;border: none;} #avg-temps td.month > span:last-child{display: inline;}} #client-list .single{ margin: 10px 0 30px;position: relative;} #client-list .single p{ margin: 0;} #client-list .single a.website{ color: transparent;} #client-list .single:hover a.website{ color: var(--book);transition: var(--ease);} #client-list .single p.biz{ margin: 0;font-size: 18px;} #client-list .single p.biz .date-published{ font-size: 15px;font-style: italic;} #client-list .single .new{ color: var(--yellow);font-weight: 600;line-height: 1;top: -12px;left: 0;text-transform: uppercase;letter-spacing: 1px;font-size: 12px;position: absolute;} @media screen and (max-width: 700px){ #client-list .single p.biz .date-published{display: block;}} body.parent-thanks .bestof-content{ max-width: 1040px;margin: auto;} body.parent-thanks .bestof-content .section{ max-width: 700px;margin: 0 auto 40px;} #thanks-tiles{ max-width: 700px;margin: auto;} #thanks-tiles .related.grid{ grid-template-columns: 1fr 1fr;} @media screen and (max-width: 1040px){ body.parent-thanks .bestof-content{max-width: 700px;}} @media screen and (max-width: 700px){ #thanks-tiles{padding: 0 20px;} #thanks-tiles .related.grid{grid-template-columns: 1fr;}} #bestof-nom-head h2{ text-align: center;color: #009344;margin: 5px 0;font-size: 20px;text-transform: uppercase;letter-spacing: 3px;} #bestof-nom-head h2 span{ color: #00aeef;} .bestof-content hr{ max-width: 1040px;margin: auto;} .stars-border{ color: #ffcc4d;font-size: 18px;letter-spacing: 6px;text-align: center;} h3#period-closed{ border-top: 4px dotted #00aeef;border-bottom: 4px dotted #00aeef;padding: 20px 0;} @media screen and (max-width: 900px){ .bestof-content{padding: 0 20px;}} @media screen and (max-width: 600px){ .bestof-content{ padding: 0;}} .bpf .nom{ position: relative;margin: 10px auto 20px;padding: 0 10px;} .bpf .nom input{ width: 100%;font-weight: 500;padding: 10px;color: black;border-radius: 2px;} .bpf .group label{ font-family: var(--serif);font-size: 17px;position: relative;padding-left: 5px;} .bpf-edit >:first-child{ color: transparent;margin-left: 10px;} .bpf .group label:hover .bpf-edit >:first-child{ transition: var(--ease);color: var(--book);} .bpf .group label .progress{ color: var(--green);display: none;position: absolute;left: -18px;} #bestof-nom{ padding-bottom: 20px;border-bottom: 2px dashed #00aeef78;} #bestof-nom .bestof-group{ margin: 10px 0;padding: 0 0 15px 0;} #bestof-nom .section .padding{ padding: 0 20px;} #bestof-nom .section > .bestof-group:not(:last-child){} #bestof-nom .bestof-group label{ font-size: 18px;} #bestof-nom .bestof-group input{ width: 100%;} #bestof-nom .bestof-group input::placeholder{ font-style: italic;font-size: 15px;font-weight: normal;color: #969696;} #bestof-nom .bestof-group input:focus{ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);padding: 8px 5px;transition: var(--ease);} #bestof-nom .bestof-group input:focus::placeholder{ color: transparent;} #bestof-nom .bestof-group#email{ padding-top: 20px;border-top: 2px dashed #00aeef6e;} .bpf #newsletter label{ padding-left: 5px;vertical-align: -1px;} #bestof-nom a .clickfor{ text-align: right;font-weight: 400;font-size: 16px;} #bestof-nom a:hover .clickfor{ color: #00aeef;letter-spacing: 0.1px;transition: var(--ease);} #bestof-nom .hints{ margin: 10px auto;display: none;} #bestof-nom .hints div{ width: 31.33%;float: left;margin: 3px;} #bestof-nom .hints div a{ font-weight: normal;font-size: 15px;padding: 3px 5px;border-radius: 2px;text-align: center;color: gray;} #bestof-nom .hints div a:hover{ letter-spacing: 0.2px;transition: var(--ease);} #bestof-nom .hints div a:hover{ transition: var(--ease);} #bestof-nom a.show-hints{ font-weight: 400;font-size: 16px;} #bestof-nom a.show-hints:hover{ color: #00aeef;letter-spacing: 0.1px;transition: var(--ease);} @media screen and (max-width: 700px){ .bpf .group label .progress{ left: auto;right: 0;}} h3.best-cat{ margin-bottom: 30px;background-color: #00aeef;padding: 20px;color: white;border-radius: 5px;text-align: center;} .bpf .group select{ -webkit-appearance: none;border-radius: 0;padding: 10px 28px 10px 10px;font-size: 16px;line-height: 1;background-image: url('https://www.pigeonforge.com/wp-content/uploads/arrows.png');background-repeat: no-repeat;background-size: 30px;background-position: right;display: block;width: 100%;border: none;background-color: #e0ecfa;border-radius: 2px;} .bpf .group select:focus{ transition: var(--ease);outline: 2px solid var(--bright);background-color: white;} .bpf .group input[type="text"]:focus{ box-shadow: none;outline: 2px solid var(--bright);border: none;} @media screen and (max-width: 700px){ .bpf .group select{padding: 14px 28px 14px 10px;}} .suggested{ background: #fdfaf1;width: 110%;margin-left: -5%;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .suggested .result{ max-width: 90%;margin: auto;} .suggested .label{ text-transform: uppercase;letter-spacing: 2px;font-size: 10px;font-weight: 400;} .conditional-search{ margin: 10px 0;} .conditional-search img{ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} .conditional-search a:hover img{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: all 200ms ease;} div.search-results{ max-width: 1100px;margin: 0 auto;padding: 10px 28px;box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);background: rgba(255,255,255,0.9);overflow: hidden;} .search-header{ background: #1d2943;} .search-header .padding{ max-width: 1100px;margin: 0 auto;padding: 10px;} .search-header .filter-grid{ display: grid;grid-template-columns: repeat(2, auto);margin: 0 0 20px;align-items: center;} .search-header #mobile-filter{ display: none;background: transparent;padding: 0;box-shadow: none;font-size: 28px;} .search-header h1{ margin: 0;color: white;font-size: 28px;padding: 20px 0;font-weight: 600;} .search-header h1 span.val{ font-weight: normal;} .search-header .filter-grid h1{ padding: 0;} .search-header .breakdown, .search-header .breakdown a{ color: white;font-weight: normal;} .search-header .breakdown .value{ font-weight: 600;} #searched .form{ position: relative;display: grid;grid-template-columns: 1fr minmax(80px, 150px);grid-gap: 5px;} #searched .icon{ position: absolute;left: 10px;height: 100%;color: #222;display: grid;align-items: center;} #searched [type="search"]{ width: 100%;border: 0;padding: 8px 12px 8px 35px;border-radius: 1px;font-weight: 500;-webkit-appearance: none;} #searched [type="search"]::placeholder{ color: #222;font-style: normal;font-weight: 500;} #searched [type="search"]::value{ display: none;} #searched [type="search"]:focus::placeholder{ color: transparent;} #searched button{ padding: 0;background: var(--green);box-shadow: none;font-weight: 500;border-radius: 1px;color: white;} #searched button:hover{ background: var(--book);} .search-header .breakdown .post-types .type{ display: inline-block;} #search-filter button.type{ border-radius: 100px;line-height: 1;padding: 3px 8px;background: #4c566b;font-size: 14px;box-shadow: none;border: 1px solid #4c566b;font-weight: 500;font-family: var(--sans);} #search-filter button.all.active, #search-filter button.all:hover{ background: transparent;} #search-filter button.type-post.active, #search-filter button.type-post:hover{ background: var(--green);} #search-filter button.type-business.active, #search-filter button.type-business:hover{ background: var(--yellow);} #search-filter button.type-tribe_events.active, #search-filter button.type-tribe_events:hover{ background: var(--stren);} #search-filter button.type-page.active, #search-filter button.type-page:hover{ background: #152860;} #search-filter button.type-hike.active, #search-filter button.type-hike:hover{ background: #1e3f9a;} #search-filter button.type-travel-guide.active, #search-filter button.type-travel-guide:hover{ background: var(--pink);} #search-filter button.type.active, #search-filter button.type:hover{ transition: var(--ease);box-shadow: none;} #search-filter button.type.active{ border: 1px solid white;} .search-header .breakdown .post-types .type a.active, .search-header .breakdown .post-types .type a:hover{ background: var(--book);transition: var(--ease);} #search-filter > div{ float: right;} #search-filter > div > button:not(:last-child){ margin-right: 3px;} .search-paging-top a.prev-page{ text-align: left;display: block;width: 50%;float: left;} .search-paging-top a.next-page{ text-align: right;display: block;width: 50%;float: right;} .search-paging-top a{ color: #88a8c3;} .search-paging-top a:hover{ color: var(--yellow);} .edit-wrapper{ position: relative;} .single-search.result{ position: relative;} .single-search.result .edit{ position: absolute;left: -20px;top: 33px;color: transparent;} .single-search.result:hover .edit{ color: var(--book);} .single-search{ padding: 20px 0;} .single-search h2{ text-align: left;margin: 3px 0;max-width: 100%;font-size: 26px;} .single-search h2 svg, .single-search h2 i{ font-size: 14px;margin-left: 10px;} .suggested h2 a, .single-search h2 a{ color: var(--navy);font-weight: 500;} .suggested h2 a:hover, .single-search h2 a:hover{ color: var(--book);} .single-search .entry-summary{ margin: 10px 0 0;} .single-search .entry-summary p{ margin: 0;} .single-search .entry-summary p .private{ color: #ae0404;} .single-search .entry-summary a .read-more{ font-weight: 400;color: #009344;padding-left: 5px;} .single-search .entry-summary a:hover .read-more{ font-weight: 400;color: #1d2943;letter-spacing: 1px;transition: var(--ease);} .single-search .entry-meta .post-type{ text-transform: uppercase;font-weight: 400;color: white;line-height: 1;padding: 2px 6px;border-radius: 2px;letter-spacing: 1px;font-size: 12px;} .single-search .entry-meta .post-type i, .single-search .entry-meta .post-type svg{ vertical-align: -1px;} .single-search.type-hike .entry-meta .post-type{ background: #1e3f9a;} .single-search.type-post .entry-meta .post-type{ background: #009344;} .single-search.type-post .entry-meta .post-type.giveaway-live{ background: #0cbf5f;} .single-search.type-page .entry-meta .post-type{ background: #152860;} .single-search.type-travel-guide .entry-meta .post-type{ background: #ff5a59;} .single-search.type-post .entry-meta .post-type.giveaway-past, .single-search.type-tribe_events .entry-meta .post-type.past{ background: white;color: #c33939;border: 1px solid #c33939;padding: 1px 5px;} .single-search .entry-meta .venue i, .single-search .entry-meta .venue svg{ display: none;} .single-search.type-tribe_events .entry-meta .post-type{ background: #6819a0;} .single-search.type-wedding-service .entry-meta .post-type, .single-search.type-business .entry-meta .post-type{ background: #ffb51b;} .single-search .entry-meta .more-dates{ font-weight: 500;font-style: italic;padding: 0 0 0 3px;} .single-search .entry-meta{ text-align: left;margin: 0 0 5px 0;color: #1d2943;font-size: 14px;font-weight: 400;} .single-search .entry-meta .event .past{ color: #c33939;} #search-pagination{ padding: 20px 0;margin: auto;} #results-types{ margin: 0;padding: 0;list-style-type: none;} #results-types li{ display: inline;padding-right: 16px;} #results-types a{ color: white;} #results-types a:hover{ color: #6081c4;} @media screen and (max-width: 900px){ .search-header .filter-grid{display: block;} #search-filter > div{float: none;} .search-header .filter-grid h1{ margin: 0 0 10px;display: grid;grid-template-columns: 1fr 50px;}} @media screen and (max-width: 600px){ .search-header .filter-grid{margin: 0 0 10px;} div.search-results{padding: 10px !important;} #search-filter{display: none;} .search-header #mobile-filter{display: block;} #searched .form{grid-template-columns: 1fr 100px;} #search-filter button{margin-bottom: 5px;} .search-header .breakdown .total{display: none;} .search-header .breakdown .post-types > .type:first-child{padding-left: 0;} .single-search h2{ font-family: 'Oswald', var(--sans);text-transform: uppercase;white-space: normal;line-height: 1.1;} .edit-wrapper .edit{display: none;} .search-header h1 .search-term{display: block;}} .archive-grid{ display: grid;grid-template-columns: 190px 1fr;grid-gap: 20px;} .archive-grid .feed .single{ display: grid;grid-template-columns: minmax(200px, 327px) 1fr;grid-gap: 10px;align-items: center;margin: 0 0 20px;} .archive-grid .feed .single a.image-link{ display: block;border-radius: 2px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .archive-grid .feed .single a.image-link:hover{ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transition: var(--ease);} .archive-grid .feed .single img{ display: block;} .archive-grid .feed .single a h2{ font-size: 24px;font-weight: 700;color: #222;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;max-width: 100%;} .archive-grid .feed .single a:hover h2{ color: var(--book);} .archive-grid .feed .single p.posted{ font-size: 12px;margin: 5px 0;} .archive-grid .feed .single p.posted > span:not(:last-child){ padding-right: 10px;} .archive-grid .feed .single p.excerpt{ font-size: 15px;} .archive-list .current-term{ font-weight: 600;} .archive-list-mobile{ margin: 0 auto 10px;padding: 5px;width: 100%;outline: none;display: none;} header.archive-header{ border-bottom: 2px dotted rgba(34,34,34,0.4);padding: 20px 0;text-align: center;margin: 0 auto 20px;} h1.archive-title{ margin: 0;font-size: 34px;} h2.archive-type, h2.term-list-title{ margin: 0;font-size: 18px;font-weight: bold;} h2.archive-type .count{ font-weight: 400;} h1.archive-title span.archive-category{ color: #009344;} ul.archive-list{ margin: 10px 0;padding: 0;font-size: 14px;} ul.archive-list li{ list-style-type: none;padding: 0;margin-bottom: 3px;} ul.archive-list .type-post_tag{ text-transform: lowercase;} #archive-pagination{ margin: 20px auto;} .pagination .grid{ display: grid;grid-template-columns: 1fr 100px 1fr;grid-template-areas: "prev select next";grid-gap: 20px;} .pagination .grid .prev-container{ grid-area: prev;text-align: right;} .pagination .grid .next-container{ grid-area: next;text-align: left;} @media screen and (max-width: 800px){ .archive-grid{grid-template-columns: 1fr;} .archive-grid .feed .single p.excerpt,.archive-grid .term-list{display: none;} .archive-list-mobile{display: block;} .archive-grid .feed .single{grid-template-columns: 1fr 1fr;} .archive-grid .feed .single a h2{font-size: 16px;display: block;}} .giveaways-message, .giveaways-message a{ font-weight: 600;} article.giveaway .giveaway-content > p:first-child{ display: none;} h1.contests{ font-size: 32px;border: 2px dashed #1d2943;padding: 15px;} div.open-contests{ border-bottom: 4px dotted #1d2943;margin-bottom: 15px;} #giveaway-archive .grid{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;} #giveaway-archive .single-giveaway{ position: relative;margin: auto;max-width: 327px;} #giveaway-archive a:hover .single-giveaway{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} #giveaway-archive .single-giveaway img{ display: block;margin: auto;} #giveaway-archive .single-giveaway .date{ position: absolute;width: 100%;color: white;background: rgba(34,34,34,0.5);bottom: 0;left: 0;font-size: 14px;padding: 3px 5px;} .contest-open-single{ margin-bottom: 30px;padding-bottom: 10px;border-bottom: 2px dotted #1d2943;} .contest-open-single img{ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);} .contest-open-single a:hover img{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);transition: var(--ease);} .contest-open-single-title{ text-align: center;font-size: 24px;margin-top: 0;margin-bottom: 0;} .contest-open-single span.title{ font-family: 'McLaren', sans-serif;color: #009344;} .contest-open-single p.single-details{ text-align: center;margin-bottom: 8px;font-size: 14px;} .contest-open-single ul.features{ margin-top: 0;padding-left: 20px;} @media screen and (max-width: 800px){ #giveaway-archive .grid{grid-template-columns: 1fr 1fr;}} @media screen and (max-width: 600px){ #giveaway-archive .grid{grid-gap: 10px;}} .open-contest{ text-align: center;border-top: 6px dotted #222;border-bottom: 6px dotted #222;padding: 10px 0;margin: 20px auto;} .open-contest h3{ color: #222;} .open-contest p{ font-family: 'Merriweather', var(--sans);text-align: center;} .open-contest p.sponsors{ margin: 10px auto;} @media screen and (max-width: 600px){ .open-contest h3 a{display: block;}} .csgm-tab-container{ margin: 0 0 30px;} ul.csgm-tabs{ padding: 8px 8px 0;list-style: none;margin: 0;border-radius: 2px;} ul.csgm-tabs li[aria-selected="true"], ul.csgm-tabs li.current{ background: #f2f8ff;color: black;font-weight: 600;} ul.csgm-tabs li{ display: inline-block;padding: 14px 20px;line-height: 1;margin: 0 5px;border-top: 1px solid #80808059;border-right: 1px solid #80808059;border-left: 1px solid #80808059;border-radius: 3px 3px 0 0;color: #808080d9;} ul.csgm-tabs li:hover{ cursor: pointer;background: #f2f8ff;color: black;transition: var(--ease);} .csgm-tab-content.current{ display: inherit;} .csgm-tab-content{ display: none;position: relative;border: 1px solid #80808059;padding: 20px;border-radius: 3px;} .page-template-info-page h5{ text-transform: uppercase;font-weight: 600;letter-spacing: 1px;margin: 0 0 20px;font-family: var(--slim);} .parent-giveaway-calculator header.info-header{ display: none;} .entry-table{ font-family: 'courier', monospace;} .entry-table .info-header{ display: grid;grid-template-columns: 1fr 1fr;} .entry-table .info-header .controls{ text-align: right;} .entry-table .info-header .find-text{ grid-column: 1/3;} .entry-table .info-header button{ color: white;line-height: 1;padding: 10px 20px;} .entry-table .info-header .controls > button:first-child:hover{ box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);letter-spacing: 0;} .entry-table .info-header .controls > button:first-child:hover{ background: var(--yellow);} .entry-table .info-header .controls > button:last-child{ background: var(--pink);} .entry-table .info-header .controls > button:last-child:hover{ background: var(--booknavy);} .entry-table .entry-search{width: 100%;} .entry-table .results{ display: none;margin: 0 auto 20px;border-bottom: 2px dotted #222;padding: 0 auto 20px;} .entry-table .results .head{ background: var(--yellow);padding: 0;color: #222;} .entry-table .entries .single{ margin: 7px 0;align-items: center;font-family: 'courier', monospace;} .entry-table .entries .single .entry-item{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;} .entry-table .entries .single .name{ padding-left: 10px;font-size: 14px;font-weight: bold;} .entry-table .entries .single .email{ font-size: 12px;} .entry-table .entries .single .phone{ text-align: center;font-size: 14px;} .entry-table .entries .single .date{ text-align: center;font-size: 14px;} .entry-table .entries .single .group{ text-align: center;font-size: 12px;} .entry-table .entries .single .smi{ text-align: center;} .entry-table .entries .single[data-subscribed="true"] .smi{ color: var(--green);} .entry-table .entries .single[data-subscribed="false"] .smi{ color: red;} .page-template-booking-page .entry-content{ margin-top: 0;padding-top: 20px;} .booking-header{ height: 600px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;padding: 0 10px;} .booking-header .grid{ display: grid;text-align: center;align-items: center;height: 100%;position: relative;z-index: 2;} .booking-header .overlay{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;background: #1d294366;z-index: 1;} .booking-header h1.entry-title{ color: white;font-size: 3em;font-family: 'Merriweather', sans-serif;text-shadow: 0 2px 3px black;} .booking-header #csgm-book{ border: 0;max-width: 800px;padding: 0;border-radius: 0;} .booking-header #csgm-book .grid{ border-top: 1px solid #ccc;} #csgm-book.cabins-page{ margin-top: 0;} @media screen and (max-width: 800px){ .booking-header{height: auto;padding: 20px 10px;} .booking-header #csgm-book .daterange{border-bottom: none;} .booking-header #csgm-book .grid{grid-gap: 0;} .booking-header h1.entry-title{font-size: 2.5em;}} body.error404 main{ box-shadow: none;background: transparent;} .did-you-mean{ font-size: 20px;} @media screen and (max-width: 700px){ body.search .site-header .search{display: none;}} .site-footer{ background-color: #1d2943;background-image: none;position: relative;z-index: 9999;} #footer-content{ max-width: 1080px;margin: auto;padding: 50px 0;} .site-footer .logo-container{ margin: auto;display: block;max-width: 170px;} #csgm-footer{ max-width: 1080px;margin: auto;padding: 140px 10px;} .site-footer .support-container{ margin: 30px auto 0;text-align: center;} .site-footer .support{ display: inline-block;} .site-footer .support img{ width: 80px;} .site-footer .support a:hover img{ transform: scale(1.1);transition: var(--ease);} #fmenu{ display: grid;grid-template-columns: repeat(4, 1fr);} .foot-col h2, #fmenu a h2{ font-family: 'relation-two', sans-serif;margin: 5px 0;color: white;font-weight: normal;font-size: 30px;} #fmenu .col p.child{ margin: 0;} .foot-col div a, #fmenu .col p.child a{ color: #e4e0e0;font-weight: normal;letter-spacing: 1px;text-transform: none;font-size: 12.5px;} .foot-col div a:hover, #fmenu .col p.child a:hover{ color: white;letter-spacing: 1.3px;transition: all 240ms ease-in-out;} .social-widget{ text-align: center;} .site-footer .social-widget{ margin: 20px auto;} .social-widget a div{ display: inline-block;color: white;font-size: 20px;border-radius: 100px;line-height: 1;width: 40px;height: 40px;margin: auto 10px;padding: 10px;} .social-widget .fb div{background: var(--fb);} .social-widget .tw div{background: var(--tw);} .social-widget .yt div{background: var(--yt);} .social-widget .pin div{background: var(--pin);} .social-widget .tt div{background: var(--tt);} .social-widget .in div{background: var(--in);} .site-footer .social-widget a:hover div{ transform: scale(1.1);transition: var(--ease);} .lower-links{ text-align: center;} .lower-links a{ text-transform: uppercase;font-family: var(--sans);font-size: 13px;letter-spacing: 3px;color: #ababab;font-weight: normal;} .lower-links a:hover{ letter-spacing: 3.3px;color: white;transition: all 240ms ease-in-out;} #smi-footer .grid{ margin: 40px auto;display: grid;grid-template-columns: 1fr 410px;align-items: center;} #smi-footer .form{ display: grid;grid-template-columns: 260px 150px;grid-template-areas: "input btn";margin: auto;} #smi-footer .form input.email{ grid-area: input;} #smi-footer .form button{ padding: 14px 0;line-height: 1;color: #222;background: var(--yellow);border-radius: 0;box-shadow: none;font-family: var(--sans);font-weight: bold;grid-area: btn;} #smi-footer .form button:hover{ background: var(--bright);color: white;} #smi-footer h3{ color: white;margin: 0;text-transform: uppercase;font-weight: normal;font-size: 15px;letter-spacing: 2px;} #home-news-container{ margin: -1px 0;background: var(--navy);} #home-news-container #smi-footer .grid{ margin: auto;} #home-news-container .wrapper{ max-width: 1080px;padding: 60px 20px 20px;margin: auto;} #home-news-container img{ max-width: 100%;width: 800px;display: block;margin: 0 auto 10px;} @media screen and (max-width: 1020px){ #smi-footer .grid{ grid-template-columns: 1fr;text-align: center;grid-gap: 10px;padding: 0 10px;}} footer .site-info{ padding: 20px 0;background: #292929;} footer .site-info p{ text-align: center;color: #818181;color: #bababa;text-transform: uppercase;letter-spacing: 3px;font-size: 11px;margin: 0;} footer .site-info p a{ color: #818181;} @media screen and (max-width: 1000px){ #csgm-footer{max-width: 900px;} .footer-last{padding: 0 0 0 40px;}} @media screen and (max-width: 800px){ footer .col-container{padding: 10px 30px;} #fmenu{ grid-template-columns: repeat(2, 1fr);padding: 0 20px;}} @media screen and (max-width: 750px){ footer .foot-col{width: 50%;}} @media screen and (max-width: 600px){ #smi-footer .form{grid-template-columns: 2fr 1fr;width: 100%;} .lower-links span a{font-size: 12px;letter-spacing: 2px;} footer .site-info{padding: 40px 50px;}} @media screen and (min-width: 600px){ #other-links .mob-show{display: none;}} @media screen and (max-width: 600px){ #csgm-footer{padding: 50px 0;} .foot-col#info{margin-top: 20px;} .foot-col#deals{margin-top: 20px;} #other-links .mob-show{display: inline;} #other-links .mob-hide{display: none;}} .print-only{display: none;} @media print{ .row-img .lead,#masthead,footer#colophon,nav.post-navigation,.single .related,.pf-topbar,.noprint{display: none;} .entry-header h1.entry-title{ text-align: left;font-size: 28px;} .entry-header .entry-meta{text-align: left;} .print-only{display: block;} .page-template-wide-page .print-only.print-footer{display: block;} .page-template-wide-page .print-only.print-footer img{ margin: auto;width: 150px;display: block;}} @media screen and (min-width: 500px){ .csgm-mobile.bigbtn, .csgm-mobile{display: none;} .csgm-btn.csgm-desktop, .csgm-desktop{display: block;margin: auto;}} @media screen and (max-width: 500px){ .csgm-btn.has-toggle.csgm-desktop, .csgm-btn.csgm-desktop, .csgm-desktop{display: none;} .csgm-mobile.bigbtn, .csgm-mobile{display: block;}} @media screen and (min-width: 600px){ .csgm-mobile-head{display: none;} .csgm-desktop-head{display: block;}} @media screen and (max-width: 600px){ .csgm-desktop-head{display: none;} .csgm-mobile-head{display: block;width: 100%;}}