Pros and cons of Universal hotels (onsite and nearby offsite options)

WDW Prep SchoolComplete Guide to UniversalHotels

Allyson Koerner

Universal doesn’t have as many hotels as Walt Disney World, but there are still quite a few to choose from when looking into reservations.

Universal has a total of 8 hotels that are onsite, but there are also many other choices offsite that are in close proximity to the resort.

Let’s take a look at the onsite options and some good offsite choices.

Stay tuned for more information!

Related News

Author
Recent Posts

Allyson Koerner

Allyson Koerner

Allyson was able to take her lifelong love of Disney and her education (Bachelor’s Degree in English/minor in writing and a Master’s Degree in Print & Multimedia Journalism) and turn it into a career writing about all things Disney parks. Her writing can be seen in a few places, including her site, Magically Main Street. Email Allyson

Allyson Koerner

Latest posts by Allyson Koerner (see all)

Harmonious Dining Package vs. Disney Enchantment Dessert After-Party - October 8, 2021
Indiana Jones Epic Stunt Spectacular Returns In December 2021 - October 5, 2021
Disney Announces New MagicBand+, Launching In 2022 - September 30, 2021

Ready to book a trip for 2021 or 2022?

The team at Small World Vacations is ready to help get you started.

Leave a Reply

WDWPrepSchool.com is not affiliated with, authorized or endorsed by, or in any way officially connected with, the Walt Disney Company

© 2021 PREP SCHOOL PRODUCTIONS, INC.

.has-text-align-justify { text-align: justify; } div#ez-toc-container p.ez-toc-title { font-size: 120%; } div#ez-toc-container p.ez-toc-title { font-weight: 500; } div#ez-toc-container ul li { font-size: 95%; } div#ez-toc-container { width: 75%; } @font-face { font-family: eicons; src: url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/source/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.eot"); src: url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/source/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.eot#iefix") format("embedded-opentype"), url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/source/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.woff2") format("woff2"), url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/source/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.woff") format("woff"), url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/source/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.ttf") format("truetype"), url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/optimized/rev-bc4c081/wp-content/plugins/elementor/assets/lib/eicons/fonts/487fb88d73d41a26c611d95e94cc95a3.eicons.svg#eicon") format("svg"); font-weight: 400; font-style: normal; } #gform_wrapper_17 { display: block !important; } .atcb-link:hover~ul { visibility: visible !important; } .resorts-content .header { height: auto; background: black; color: white; padding: 0 5px; } .resorts-content { background: #deebfe; margin-bottom: 15px; float: left; width: 95%; padding: 20px; } #refurb { text-align: center; margin-top: 150px; } .refurb-section { display: grid; grid-template-columns: 25% 25% 25% 25%; padding: 0 2%; justify-items: center; } #refurb h1 { font-family: "Nunito", sans-serif; font-weight: 900; font-size: 35px; margin-top: 0; line-height: 1.25; } #refurb h3 { margin-bottom: 0; font-weight: 400; } #toggle-button { border: 2px solid #c21d03; text-transform: uppercase; padding-top: 5px; font-weight: 900; font-size: 20px; margin: 0 auto; display: block; margin-bottom: 55px; } @media screen and (max-width: 600px) { .resorts-content { width: 100%; } .refurb-section { grid-template-columns: 1fr; } } @media screen and (max-width:600px) { .cal-head-top-cont, .cal-head-bott-cont { width: 100% !important; } #header { height: 200px !important; margin-bottom: 40px; } } @media only screen and (min-width: 980px) { #crowd .col-9 { width: 115px; } table#crowd th { white-space: initial; } table#crowd { table-layout: fixed; } table#crowd h5 { font-size: .8rem; } } #calendar-placeholder, table#crowd { width: 100%; min-width: 90vw; } div#calendar-placeholder { width: calc(100vw - 50px); margin: 0 auto; } .month-nav-links { text-align: center; } .month-nav-link { font-size: 14px; } .month-nav a { padding: 6px 16px; } .month-nav-link.active { background: #000; } .quick-toggle h3 { text-align: center; font-weight: 300; text-transform: uppercase; font-size: 18px; font-family: "Nunito"; margin-top: 5px; } .quick-toggle { text-align: center; width: 80%; background: #f1f1f1; border: 2px dotted #e3e3e3; padding: 10px; margin: 20px auto; padding-bottom: 0; } .quick-toggle button.toggle { display: inline; padding: 0 10px; background: #fff; border: 1px solid #e53838; margin-bottom: 10px; cursor: pointer; font-weight: bold; } .quick-toggle button.toggle.active { border-color: #a4a4a4; font-weight: normal; } table#crowd { font-family: "Nunito", sans-serif; width: 100%; } table#crowd thead { border-left: 2px solid #e1e1e1; border-right: 2px solid #e1e1e1; } table#crowd th, table#crowd td { border: 2px solid #e1e1e1; background: #fff; padding: 8px 4px; } table#crowd th { white-space: nowrap; font-weight: bold; border-right: none; border-left: none; } table#crowd td { font-family: "Nunito", sans-serif; font-size: .7rem; line-height: 1.15; vertical-align: top; text-align: center; } table#crowd td li { list-style-type: none; margin-left: 10px; margin-bottom: 5px; text-align: left; } table#crowd td li:before { content: "- "; margin-left: -10px; } table#crowd tr td:first-child { text-align: center; } table#crowd span.main, table#crowd span.crowd, table#crowd span.spl, table#crowd span.emh { padding: 4px; display: inline-block; text-align: center; color: #fff; margin-bottom: 10px; } table#crowd span.emh { background: #f2f2f2; color: #222; font-weight: 600; display: inline-block; } table#crowd span.crowd { margin-top: 4px; } table#crowd span.crowd-1, table#crowd span.crowd-2, table#crowd span.crowd-3 { background: #2cd13c; } table#crowd span.crowd-4, table#crowd span.crowd-5, table#crowd span.crowd-6 { background: #3434ff; } table#crowd span.crowd-7, table#crowd span.crowd-8, table#crowd span.crowd-9, table#crowd span.crowd-10 { background: #e53838; } table#crowd span.spl { background: #fee; color: #c53333; font-weight: 600; } table#crowd h5 { font-family: "Nunito", sans-serif; font-weight: 500; text-transform: unset; font-size: 1rem; line-height: 1.25; margin: 0; } th.din, td.din, th.att, td.att { display: none; } .title { text-align: center; } .title h2 { font-family: "Nunito", sans-serif; font-weight: bolder; font-size: 36px; line-height: 1.15; } .title h2 small { font-size: 20px; text-transform: uppercase; font-weight: normal; } .title input[type="button"], .title input[type="submit"] { color: #666; background: #eee; border-radius: 2px; padding: 12px 16px; height: 44px; } .title select { border: none; background: #e5e5e5; height: 44px; } .title { margin-bottom: 40px; } .title::after { content: ""; clear: both; display: block; } .title select { display: inline; width: 100px; } .title form { width: 47.5%; margin: 0; box-sizing: border-box; float: left; padding: 10px; } .title form input[type="button"] { float: right; } .title form select { display: none; } .title form:hover select { display: block; } .title form select, .title form input[type="submit"] { float: left; } .atcb-link { display: inline; } .addtocalendar { font-weight: bold; } .for-print-cal { position: absolute; } .advanced-dining, .on-site-fastpass, .off-site-fastpass { display: block; margin-top: 10px; margin-bottom: 5px; } .advanced-dining { margin-top: 0; } .post-checklist h2 span, .post-checklist h2, .related-cal h2 span, .related-cal h2 { font-size: 38px; background-image: linear-gradient(#f5d6a9 100%, transparent 75%); background-position: 0 78%; background-repeat: repeat-x; background-size: 1px 8px; display: inline; padding: 0 1%; line-height: 1.5; font-weight: 900 !important; text-transform: uppercase !important; } .post-checklist, .related-cal { text-align: center; } .post-checklist p, .post-checklist li, .post-checklist ul, .related-cal p, .related-cal li, .related-cal ul { text-align: left; } .page-template-monthly-page, .page-template-monthly-page h3, .page-template-monthly-page h4 { font-family: "Nunito" !important; } .page-template-monthly-page .month-nav a { background: #bf2d32; border: 2px solid black; color: white; } .page-template-monthly-page .month-nav a:hover { background: white; color: black; } .page-template-monthly-page .title form { width: 100% !important; float: none !important; display: inline-block !important; padding: 0 !important; } .page-template-monthly-page .title form select { display: inline; } .page-template-monthly-page .title { text-align: center !important; display: block; } .page-template-monthly-page .title form select, .page-template-monthly-page .title form input[type="submit"] { float: none !important; } .page-template-monthly-page #crowd thead th { font-family: "Nunito"; text-align: center; white-space: initial !important; } .page-template-monthly-page .month-nav-link.active { background: #000; } .title { text-align: inherit; } .page-template-monthly-page .title { text-align: center; } .page-template-monthly-page input#btn_print_pdf { display: none; } .page-template-monthly-page #crowd th { vertical-align: middle; line-height: 1.5; } .page-template-monthly-page td:hover { background: #f1f1f1 !important; transition: 1s background; } .page-template-monthly-page #crowd span.main, .page-template-monthly-page #crowd span.spl, .page-template-monthly-page #crowd span.emh { text-align: left; } .page-template-monthly-page .calendar-date span { white-space: unset !important; } .page-template-monthly-page #crowd td li:before { display: none; } .page-template-monthly-page #crowd td li { margin-left: 0; } .page-template-monthly-page .visible-xs.inline-block { display: none !important; } .page-template-monthly-page .quick-toggle { margin-bottom: 0; margin-top: 50px; font-size: 1rem; } .page-template-monthly-page .atc-style-menu-wb .atcb-item, .atc-style-menu-wb .atcb-item-link { font-family: "Nunito", sans-serif !important; margin: 0 !important; padding: 10% !important; color: #c21d03 !important; } .page-template-monthly-page table#crowd td .atcb-item:before { display: none; } .page-template-monthly-page .atc-style-menu-wb .atcb-list { width: 100% !important; } .page-template-monthly-page .atc-style-menu-wb .atcb-item-link:hover { font-size: 1em !important; margin: 0 !important; padding: 10% !important; font-family: "Nunito", sans-serif !important; } .page-template-monthly-page .atc-style-menu-wb .atcb-item:hover { background: #efefef !important; } .page-template-monthly-page #crowd th { background: black; color: white !important; padding: .5% 3px; z-index: 15; } .page-template-monthly-page #crowd td { padding: 1.5% 10px; } .page-template-monthly-page #crowd tbody:nth-of-type(1) tr:nth-of-type(1) td { border-top: none !important; } .page-template-monthly-page #crowd thead th { border-top: none !important; border-bottom: none !important; box-shadow: inset 0 1px 0 #bf2d32, inset 0 -2px 0 #bf2d32; } .page-template-monthly-page #crowd thead th { position: sticky; top: -1px; } .page-template-monthly-page .month-nav a { font-weight: 700; text-transform: uppercase; } .page-template-monthly-page .title h2 { font-weight: 800 !important; text-transform: none; margin-bottom: 0; } .page-template-monthly-page table#crowd td li:hover { box-shadow: 2px 2px #ececec; background: #f9f9f9; transition: background .5s; } .page-template-monthly-page table#crowd span.emh { font-size: 1.2em; } .page-template-monthly-page .quick-toggle button:not(.active) { font-style: italic; color: black; border-color: #a4a4a4; font-weight: 500; background-image: url("https://staging-new.wdwprepschool.com/wp-content/uploads/inactive-button-bg.png"); background-size: cover; } .page-template-monthly-page .quick-toggle button.toggle.active { border: 1px solid #efefef !important; font-weight: 600; } .page-template-monthly-page table#crowd span.main, .page-template-monthly-page table#crowd span.crowd { font-weight: 600; } .page-template-monthly-page table#crowd h5 { font-weight: 600 !important; } .page-template-monthly-page .advanced-dining, .page-template-monthly-page .on-site-fastpass, .page-template-monthly-page .off-site-fastpass { font-weight: 600; font-size: .75rem; } .page-template-monthly-page .addtocalendar { font-weight: 300; font-size: .85rem; } .page-template-monthly-page table#crowd td li { font-weight: 400; box-shadow: 1px 1px #ececec; border-radius: 2px; margin-bottom: 15px; font-size: .9rem; padding: 6px 5px; } .page-template-monthly-page table#crowd th, .page-template-monthly-page table#crowd td { border-width: 1px; border-color: #efefef; } .page-template-monthly-page .quick-toggle { background: #f9f9f9; } .page-template-monthly-page table#crowd th { text-transform: uppercase; font-size: 15px; border-left: 1px solid #efefef !important; color: black; } .page-template-monthly-page table#crowd thead { border-right: 1px solid #efefef; border-left: 1px solid #efefef; } .page-template-monthly-page button.toggle[for="all"] { background: black; color: white; font-weight: 800; font-style: unset; text-transform: uppercase; letter-spacing: 2px; } .page-template-monthly-page tbody h5 { text-transform: uppercase !important; font-weight: 300; } .page-template-monthly-page table#crowd span.crowd { font-size: 1rem; } .page-template-monthly-page tbody h5 span { font-size: 1.3rem; text-transform: none !important; } .page-template-monthly-page table#crowd span.spl { text-align: left; font-size: .75rem; } .page-template-monthly-page table#crowd span.main { font-size: .75rem; } .page-template-monthly-page .addtocalendar a { color: #26a61c; } .page-template-monthly-page .fa-plus-circle:before { box-shadow: .5px .5px #254fe4; border-radius: 100px; } .page-template-monthly-page .month-nav a { line-height: 2.5; } .page-template-monthly-page td.park .recommended-No, .page-template-monthly-page td.park .recommended--1, .page-template-monthly-page td.park .recommended-Moderate, .page-template-monthly-page td.park .recommended-Yes { font-weight: 800 !important; line-height: 1.85; padding: 0 10px !important; } .page-template-monthly-page .xs-toggle-content span.visible-xs { font-size: 1rem; } .ludo-col-1o3 { width: 100%; margin: 0; } .show_crowd_ratings>img { height: 110px !important; margin-right: 20px; margin-top: 10px; margin-bottom: 15px; } .wdw-wrapper { width: 100% !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; } .page-template-monthly-page .main-container { width: 100%; } .row1 { display: flex; flex-direction: column; } .col1 { width: 100%; } .col2 { width: 100%; } .ludo-col-1o3 { display: none; } .ludo-col-2o3 .post { display: none; } .post-checklist { max-width: 950px; margin: 0 auto; } .row1:after { content: ""; display: table; clear: both; } .textwidget { font-size: 15px !important; } .textwidget h2 { font-size: 19px !important; margin-top: 15px !important; } .ludo-col-1o3 .post { width: calc(100vw - 50px) !important; } .ludo-col-1o3 .post .widget { padding-top: 5px; padding-bottom: 5px; } .ludo-col-2o3 { width: calc(100vw - 50px) !important; margin: 0; padding: 2% 0; } .ludo-col-2o3 .post h2 { font-size: 19px !important; } .show_crowd_ratings>img { height: 100px !important; } .fc-today-button, .fc-prev-button, .fc-next-button { display: none; } .for-print-cal { position: absolute; display: none; z-index: 9999; background: #fff; top: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; padding: 20px; } @media only print { .wdw-wrapper, .reservation-dates .addtocalendar .atcb-link, #btn_print_close { display: none; } } .page-template-monthly-page #crowd h5 { font-size: 1rem; } .page-template-monthly-page .wdw-post-thumbnail { display: none; } @media only screen and (max-width: 981px) { .cal-head-bott-cont { width: 80%; padding: 1% 3% 1% 7% !important; } .page-template-monthly-page .cal-head-top-cont { width: 90%; } .page-template-monthly-page #crowd thead tr { display: none; } .page-template-monthly-page .visible-xs.inline-block { display: block !important; } .page-template-monthly-page form#mc-embedded-subscribe-form { width: 100%; } .page-template-monthly-page #crowd tr { display: grid; box-shadow: 5px 5px #bdbdbd; margin-bottom: 35px; border: 1px solid black; } .page-template-monthly-page #crowd tr td { width: 100%; padding-top: 10px !important; } .page-template-monthly-page #crowd tr td:before, .page-template-monthly-page #crowd tr .reservation-dates:before { font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; line-height: 1.15; } .page-template-monthly-page #crowd tr td.park-din:before { content: "Dining Closings"; } .page-template-monthly-page #crowd tr td.park-att:before { content: "Attraction Closings"; } .page-template-monthly-page .reservation-dates:before { content: "Reservation Dates"; } .page-template-monthly-page table#crowd span.spl { font-size: .85rem; margin-left: 5px; padding: 10px; } .page-template-monthly-page table#crowd td li { box-shadow: 0px 1px #ececec; } .page-template-monthly-page .reservation-dates { text-align: center; } .page-template-monthly-page .advanced-dining, .page-template-monthly-page .on-site-fastpass, .page-template-monthly-page .off-site-fastpass { font-size: .9rem; } .page-template-monthly-page table#crowd h5 { font-size: 1.1rem; letter-spacing: 2px; } .page-template-monthly-page table#crowd h5 span { font-weight: 800; font-size: 1.35rem; } .page-template-monthly-page table#crowd h5 { font-weight: 500 !important; } .page-template-monthly-page .title form input { font-size: .85rem; } .reservation-dates .addtocalendar { display: block !important; width: 100% !important; text-align: center; } .reservation-dates .addtocalendar .atcb-link { display: inline-block; } .fc-today-button, .fc-prev-button, .fc-next-button { display: inherit; } .page-template-monthly-page td.park .recommended-No, .page-template-monthly-page td.park .recommended--1, .page-template-monthly-page td.park .recommended-Moderate, .page-template-monthly-page td.park .recommended-Yes { font-size: 1rem !important; text-transform: uppercase; letter-spacing: 1.5px; } .page-template-monthly-page .xs-toggle-content span.visible-xs { font-size: .85rem; padding-left: 5px; font-weight: 600; margin-bottom: 15px; padding-top: 6px; padding-bottom: 6px; border: 1px solid #bababa; border-top: none; background: #efefef; } .page-template-monthly-page table#crowd span.main, .page-template-monthly-page table#crowd span.crowd, .page-template-monthly-page table#crowd span.spl, .page-template-monthly-page table#crowd span.emh { margin-bottom: 0; } .page-template-monthly-page .mobile-toggle-button { margin-top: 15px; } } @media only screen and (max-width: 800px) { .row1 { display: block !important; } .col1 { width: 100% !important; } .col2 { width: 100% !important; } } .page-template-monthly-page .how-it-works { border: 1px solid #bf2d32; margin-top: 15px; } .page-template-monthly-page form#mc-embedded-subscribe-form { border: 2px solid #ff2905; padding: 1%; background: black; color: white; font-weight: 800; display: none; } .page-template-monthly-page form#mc-embedded-subscribe-form input[type="submit"] { background: #ff2905; color: black; border: 1px solid white; } .page-template-monthly-page form#mc-embedded-subscribe-form .sample { font-size: .8em; } .page-template-monthly-page .how-it-works.expand .group { background: #ededed; padding: 1%; border: 1px dashed #ff2905; } .page-template-monthly-page .how-it-works .group .heading { font-weight: 800; margin: 3% 0; background: white; padding: 2%; } .page-template-monthly-page .how-it-works.expand h3 { border-bottom: 1px solid black; margin-bottom: 3%; } .page-template-monthly-page .how-it-works .desc.highlight { border: 1px solid #bebebe; } .page-template-monthly-page table#crowd td { text-align: left; } .page-template-monthly-page .how-it-works { background: black; border: 3px solid #ff2905; } .page-template-monthly-page .how-it-works h3 a { color: white; font-weight: 800; } .page-template-monthly-page .how-it-works.expand { background: #595959; } .page-template-monthly-page .title form input { font-weight: 600; } .page-template-monthly-page table#crowd { min-width: 50vw; max-width: 75vw; margin: 0 auto; } .page-template-monthly-page .quick-toggle { min-width: 50vw; max-width: 1000px; padding-bottom: 10px; } .page-template-monthly-page .how-it-works.expand p.desc { margin-bottom: 10px; } .page-template-monthly-page .cal-head-title { font-weight: 800; margin-bottom: 10px; } .page-template-monthly-page .cal-head-top-cont { width: 50%; padding: 1%; } .page-template-monthly-page .cal-head-subtitle { font-weight: 300; } .page-template-monthly-page .cal-head-bott-cont li { list-style-type: disc; font-weight: 300; } .page-template-monthly-page .cal-head-bott-cont strong { font-weight: 800; } .page-template-monthly-page .cal-head-bott-cont { padding: 1% 2%; margin-left: 0; min-height: 65%; height: auto; background: rgba(0, 0, 0, .7); } .page-template-monthly-page .cal-hero-image { height: auto; min-height: 40vh; } .page-template-monthly-page .title form input[type="submit"] { text-transform: none; } .page-template-monthly-page .calendar-tr:nth-child(even) td { background: #f9f9f9 !important; } .page-template-monthly-page .calendar-tr:nth-child(even) td:hover { background: white !important; } .page-template-monthly-page .header:before { display: none; } .resorts-content .header { margin-bottom: 15px; } .recommended-No, .recommended-Moderate, .recommended-Yes, .ant-hours { background: #000; } .related-cal { margin-top: 150px; } .post-content.trip-cal img { margin: 0 auto; display: block; } .wdw-desc-month { background: #2f2f30; padding: 1%; text-align: center; color: white; } .wdw-desc-month h2 { font-weight: 800; margin-bottom: 10px; text-transform: none; font-size: 36px; padding-bottom: 3px; color: white; } .wdw-desc-month p { font-weight: 300; font-size: 20px; font-style: italic; } .calender-placeholder { padding-top: 0; } .ludo-col-all { width: 100%; float: none; margin: 0 auto; } .page-template-monthly-page .wp-post-image { float: none; } .post-checklist p { margin-bottom: 20px; font-size: 20px; line-height: 1.75; } .post-checklist h2+p { margin-top: 15px; } .post-checklist h2+ ul:not(.atcb-list) { margin-top: 15px !important; } .post-checklist ul li:not(.atcb-item) { list-style-type: disc; list-style-position: outside; margin-bottom: 15px; font-size: 20px; line-height: 1.75; } .page-template-monthly-page h2+h3 { margin-top: 20px; } .page-template-monthly-page #move_feat_img { margin-top: 20px; } div.title { margin-bottom: 0; } .how-it-works { background: #f9f9f9; padding: 0 30px; max-width: 950px; margin: 0 auto; font-size: 12px; line-height: 1.15; font-weight: 400; } .how-it-works > h3.heading a { margin-bottom: 0; } .how-it-works:not(.expand) .toggle-content { display: none; } .how-it-works > h3.heading a::after { content: "↓"; } .how-it-works.expand > h3.heading a::after { content: "↑"; } .how-it-works > h3.heading { padding: 15px 0; margin: 0; text-align: center; font-weight: 300; text-transform: none; font-style: italic; } .how-it-works .desc.highlight { background-color: #f2f2f2; padding: 5px; line-height: 1; text-align: center; display: block; max-width: 410px; margin: 0 auto; } .how-it-works [class*="col-"] { float: left; margin-left: 5px; margin-right: 5px; margin-top: 20px; } .how-it-works .col-30 { width: calc(33% - 10px); } .how-it-works .col-40 { width: calc(40% - 10px); } .how-it-works .col-50 { width: calc(50% - 10px); } .how-it-works .col-60 { width: calc(60% - 10px); } .clearfix { clear: both; } .how-it-works .group { text-align: center; } .how-it-works .group .heading { line-height: 1.15; font-size: 16px; font-weight: 400; text-align: center; } .how-it-works .group li { list-style-type: none; margin-bottom: 10px; text-align: left; } .highlight.white { background: #fff; } .highlight.red { background: #c20000; } .highlight.green { background: #27a700; } .highlight.blue { background: #201bff; } .highlight.small { padding: 4px; } .highlight.big { padding: 10px 15px; margin-bottom: 10px; font-weight: 500; font-size: 14px; height: 50px; } .how-it-works .park-key-ex-time { white-space: nowrap; color: #fff; font-size: 9px; font-weight: 400; } .highlight.big.park-cc-ex { padding: 15px; height: auto; } .park-cc-ex .ex-day, .park-cc-ex .ex-date { display: block; text-align: center; margin-bottom: 5px; } .park-cc-ex .park-cc-ex-level { color: #fff; font-size: 12px; display: block; margin: 0 auto; width: 120px; padding: 6px; } li.park-key::before { content: ""; display: inline-block; top: 0; left: 0; height: 20px; width: 20px; margin-right: 10px; vertical-align: bottom; } li.park-key.red::before { background: #c20000; } li.park-key.green::before { background: #27a700; } li.park-key.blue::before { background: #201bff; } li.park-key { padding: 0 10px; width: 80%; margin-left: 20%; font-weight: 500; line-height: 20px; margin-bottom: 0 !important; } .visible-xs { display: none !important; } @media screen and (max-width:768px) { .how-it-works [class*="col-"] { width: 100% !important; margin: 10px 0; } .highlight.white.big.park-key-ex-head { line-height: 1.8; font-size: 16px; } .highlight.park-key-ex-time { font-size: 11px; display: inline-block !important; } .month-nav a { margin-bottom: 3px; display: inline-block; } table#crowd thead { display: none; } table#crowd tr { border: 2px solid #e1e1e1; padding: 10px 20px !important; display: block; } table#crowd td { display: block; clear: both; width: 100%; border: none !important; text-align: left !important; } table#crowd { margin-top: 40px; } td.dining-closings, td.attraction-closings { display: none !important; } .hidden-xs { display: none !important; } .visible-xs { display: block !important; } .visible-xs.inline-block { display: inline-block !important; } td.date .calendar-date { float: left; } td.date .crowd { float: right; } td.reveal-td { position: relative; } .reveal-xs { position: absolute; right: 0; bottom: 0; font-size: 14px; color: #222 !important; } .reveal-xs::before { content: "↕"; position: absolute; left: -18px; bottom: 6px; font-size: 20px; color: #222 !important; } tr.calendar-tr .xs-toggle-content { display: none !important; } tr.calendar-tr.expand .xs-toggle-content { display: block !important; } tr.calendar-tr .reveal-xs span.hide { display: none; } tr.calendar-tr.expand .reveal-xs span.reveal { display: none; } tr.calendar-tr.expand .reveal-xs span.hide { display: block; } } li.park-key.red::before { background: #c20000; } li.park-key.green::before { background: #27a700; } li.park-key.blue::before { background: #201bff; } form#mc-embedded-subscribe-form { text-align: center; width: 600px; margin: 20px auto; margin-bottom: 0; font-weight: 500; } form#mc-embedded-subscribe-form .sample { font-size: .7em; font-style: italic; display: block; text-align: center; } form#mc-embedded-subscribe-form #mce-EMAIL { background: #000 url("https://cdn-bmoim.nitrocdn.com/ykuSIRNatSPIqHuCLRwaIlyJFRdMbdyM/assets/static/optimized/rev-bc4c081/wp-content/themes/thesis_184/custom/images/email.png") no-repeat .8em center; margin-bottom: 1em; background-color: white; margin-top: 0; width: 10em; padding: 0 .5em 0 2em; display: inline-block; margin-left: 10px; } form#mc-embedded-subscribe-form input[type="submit"] { color: #eee; margin-bottom: 0; margin-top: 0; padding: .5em; display: inline-block; float: none; border-radius: 0; margin-left: 10px; } .how-it-works .collapse { cursor: pointer; display: block; } .how-it-works .collapse + input { display: none; } .how-it-works .collapse + input + div.toggle-content { display: none; } .how-it-works .collapse + input:checked + div.toggle-content { display: block; } .how-it-works > label::after { content: " ↕"; font-size: 30px !important; vertical-align: middle; } .how-it-works label { font-size: 21px; color: white; font-weight: 800 !important; font-weight: 300; padding: 15px 0; margin: 0; text-align: center; text-transform: none; font-style: italic; } .how-it-works .toggle-content { padding: 15px; background: #595959; } .how-it-works { padding: 5px; } .how-it-works .group { background: #ededed; padding: 1%; border: 1px dashed #ff2905; } .cal-head-main-cont { width: 100%; padding: 10px; float: right; margin-bottom: 20px; } .cal-hero-image { background-color: #ccc; height: 600px; background-position: center; background-repeat: no-repeat; background-size: cover; } .jan { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .feb { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .mar { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .apr { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .may { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .jun { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .jul { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .aug { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .sep { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .oct { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .nov { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .dec { background-image: url("https://staging.wdwprepschool.flywheelsites.com/wp-content/uploads/januaryheader1.png"); } .cal-head-top-cont { width: 30%; background-color: white; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; position: relative; text-align: center; } .cal-head-title { font-size: 36px; font-weight: 600; padding-bottom: 3px; } .cal-head-subtitle { font-size: 20px; font-style: italic; } .cal-head-bott-cont { height: 75%; margin-top: 20px; margin-left: 2%; width: 40%; padding-top: 2%; padding-bottom: 2%; padding-left: 3%; padding-right: 3%; position: relative; text-align: left; background: rgba(0, 0, 0, .5); } .cal-head-desc { color: white; } .printomatictext { background: #f2f2f2; display: inline-block; padding: 10px 15px; margin: 10px 0 15px; } .printomatictext:hover { text-decoration: none; } .rwp-review-wrap .rwp-review .rwp-header.rwp-has-image { width: 900px; } #logo a { font-family: "Open Sans"; font-weight: 300; font-size: 36px; color: #3498db; text-transform: uppercase; } .menu li, .menu li a { font-family: "Open Sans"; font-weight: 600; font-size: 14px; color: #353535; } body { font-family: "Open Sans", "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; color: #353535; line-height: 31px; } .post-data .post-title a, #comments-tab-content a { font-family: "Merriweather"; font-weight: 700; font-size: 17px; color: #353535; text-transform: uppercase; line-height: 1.4em; } .hentry .entry-title { font-family: "Merriweather"; font-weight: 700; font-size: 28px; color: #353535; line-height: 1.2em; text-transform: uppercase; } #sidebars .widget { font-family: "Open Sans"; font-weight: normal; font-size: 16px; color: #353535; text-transform: uppercase; } .footer-widgets, #site-footer { font-family: "Open Sans"; font-weight: normal; font-size: 16px; color: #fff; text-transform: uppercase; } h1 { font-family: "Merriweather"; font-weight: 700; font-size: 30px; color: #353535; line-height: 2em; } h2 { font-family: "Merriweather"; font-weight: 700; font-size: 25px; color: #353535; text-transform: uppercase; margin-top: .5em; } h3 { font-family: "Merriweather"; font-weight: 700; font-size: 21px; color: #353535; text-transform: uppercase; margin-top: 1em; } h4 { font-family: "Merriweather"; font-weight: 700; font-size: 18px; color: #444; text-transform: uppercase; } h5 { font-family: "Merriweather"; font-weight: 700; font-size: 15px; color: #444; text-transform: uppercase; } h6 { font-family: "Merriweather"; font-weight: 700; font-size: 13px; color: #444; text-transform: uppercase; } @media (max-width: 650px) { .mtr-table tbody, .mtr-table { width: 100% !important; display: table !important; } .mtr-table tr, .mtr-table .mtr-th-tag, .mtr-table .mtr-td-tag { display: block !important; clear: both !important; height: auto !important; } .mtr-table .mtr-td-tag, .mtr-table .mtr-th-tag { text-align: right !important; width: auto !important; box-sizing: border-box !important; overflow: auto !important; } .mtr-table .mtr-cell-content { text-align: right !important; } .mtr-table tbody, .mtr-table tr, .mtr-table { border: none !important; padding: 0 !important; } .mtr-table .mtr-td-tag, .mtr-table .mtr-th-tag { border: none; } .mtr-table tr:nth-child(even) .mtr-td-tag, .mtr-table tr:nth-child(even) .mtr-th-tag { border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; border-top: none !important; } .mtr-table tr:nth-child(odd) .mtr-td-tag, .mtr-table tr:nth-child(odd) .mtr-th-tag { border-bottom: 1px solid #bbb !important; border-left: 1px solid #bbb !important; border-right: 1px solid #bbb !important; border-top: none !important; } .mtr-table tr:first-of-type td:first-of-type, .mtr-table tr:first-of-type th:first-of-type { border-top: 1px solid #bbb !important; } .mtr-table.mtr-thead-td tr:nth-of-type(2) td:first-child, .mtr-table.mtr-thead-td tr:nth-of-type(2) th:first-child, .mtr-table.mtr-tr-th tr:nth-of-type(2) td:first-child, .mtr-table.mtr-tr-th tr:nth-of-type(2) th:first-child, .mtr-table.mtr-tr-td tr:nth-of-type(2) td:first-child, .mtr-table.mtr-tr-td tr:nth-of-type(2) th:first-child { border-top: 1px solid #ddd !important; } .mtr-table tr:nth-child(even), .mtr-table tr:nth-child(even) .mtr-td-tag, .mtr-table tr:nth-child(even) .mtr-th-tag { background: #fff !important; } .mtr-table tr:nth-child(odd), .mtr-table tr:nth-child(odd) .mtr-td-tag, .mtr-table tr:nth-child(odd) .mtr-th-tag { background: #ddd !important; } .mtr-table .mtr-td-tag, .mtr-table .mtr-td-tag:first-child, .mtr-table .mtr-th-tag, .mtr-table .mtr-th-tag:first-child { padding: 5px 10px !important; } .mtr-table td[data-mtr-content]:before, .mtr-table th[data-mtr-content]:before { display: inline-block !important; content: attr(data-mtr-content) !important; float: left !important; text-align: left !important; white-space: pre-line !important; } .mtr-table thead, .mtr-table.mtr-tr-th tr:first-of-type, .mtr-table.mtr-tr-td tr:first-of-type, .mtr-table colgroup { display: none !important; } .mtr-cell-content { max-width: 75% !important; display: inline-block !important; } .mtr-table td[data-mtr-content]:before, .mtr-table th[data-mtr-content]:before { max-width: 30% !important; } } @media (max-width: 650px) { .mtr-one-row-table .mtr-td-tag, .mtr-one-row-table .mtr-th-tag { box-sizing: border-box !important; } .mtr-one-row-table colgroup { display: none !important; } .mtr-one-row-table tbody, .mtr-one-row-table tr, .mtr-one-row-table { border: none !important; padding: 0 !important; width: 100% !important; display: block; } .mtr-one-row-table .mtr-td-tag, .mtr-one-row-table .mtr-th-tag { border: none; } .mtr-one-row-table .mtr-td-tag, .mtr-one-row-table .mtr-th-tag { display: block !important; width: 50% !important; } .mtr-one-row-table tr { display: flex !important; flex-wrap: wrap !important; } .mtr-one-row-table td:nth-child(4n+1), .mtr-one-row-table th:nth-child(4n+1), .mtr-one-row-table td:nth-child(4n+2), .mtr-one-row-table th:nth-child(4n+2) { background: #ddd !important; } .mtr-one-row-table th:nth-child(2n+1), .mtr-one-row-table td:nth-child(2n+1) { border-right: 1px solid #bbb !important; border-left: 1px solid #bbb !important; } .mtr-one-row-table td:nth-child(2n+2), .mtr-one-row-table th:nth-child(2n+2) { border-right: 1px solid #bbb !important; } .mtr-one-row-table td:nth-last-child(-n+2), .mtr-one-row-table th:nth-last-child(-n+2) { border-bottom: 1px solid #bbb !important; } .mtr-one-row-table .mtr-td-tag, .mtr-one-row-table .mtr-th-tag { border-top: 1px solid #bbb !important; padding: 5px 10px !important; } } .display-post-types { opacity: 0; } #dpt-wrapper-583 .dpt-featured-content, #dpt-wrapper-583 a.dpt-permalink, #dpt-wrapper-583 .dpt-featured-content:after, #dpt-wrapper-583 .dpt-thumbnail img { border-radius: 5px; } .display-post-types { opacity: 0; } #dpt-wrapper-584 .dpt-featured-content, #dpt-wrapper-584 a.dpt-permalink, #dpt-wrapper-584 .dpt-featured-content:after, #dpt-wrapper-584 .dpt-thumbnail img { border-radius: 5px; }