Infographic: How to Plan a Trip to Disney World

WDW Prep School2021 & 2022 Disney World Vacation PlannerBasicsInfographic (How to Plan)

Heather Thomas

Need a visual to help you work through the 6-step Disney World planning process?

Check this out.

Want more help planning?

Check out our planning and tips for more information.

Related News

Author
Recent Posts

Heather Thomas

With 15+ years planning Disney World trips, Heather joined WDW Prep in 2014 to help others plan for their own families. As the WDW Prep Editor, she travels monthly to stay current and has helped propel the site to millions of views per year. Email Heather

Heather Thomas

Latest posts by Heather Thomas (see all)

First thoughts on Disney Genie & Genie+ - October 19, 2021
Candlelight Processional Dining Packages Open October 26 - October 15, 2021
Genie+ Debuts at Walt Disney World on October 19 - October 8, 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-37 .dpt-featured-content, #dpt-wrapper-37 a.dpt-permalink, #dpt-wrapper-37 .dpt-featured-content:after, #dpt-wrapper-37 .dpt-thumbnail img { border-radius: 5px; } .display-post-types { opacity: 0; } #dpt-wrapper-38 .dpt-featured-content, #dpt-wrapper-38 a.dpt-permalink, #dpt-wrapper-38 .dpt-featured-content:after, #dpt-wrapper-38 .dpt-thumbnail img { border-radius: 5px; }