/* * BEST OF (plan.css) * * Plan section styles. * */ /* Headings */ h1 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-size: 2em; color: #BA2234; margin: 0 0 .4em 0; page-break-inside: avoid; } h1 span.highlight { color: #D3CABD; font-size: 1em; } h2 { margin-bottom: 0; color: #BA2234; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.5em; } h3 { margin-bottom: 0; color: #BA2234; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.25em; } h4 { color: #000; margin-bottom: 0; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: 1.1em; } p { font-family: LPBentonSans, Helvetica, Arial, sans-serif; } /* Lists */ .list-a, .list-b { font-family: LPBentonSans, Helvetica, Arial, sans-serif; margin-top: .5em; font-size: .9em; line-height: 130%; } .bullet_arrow { color: #136491 !important; } .list-a .poi { font-size: 100%; } /* SECTION: Opener Title Page */ .title-page h2 { color: #003D51; font-size: 2em; } .planner-module p.introduction-flush-left, .title-page p.introduction-flush-left { font-style: italic; font-family: Georgia, Times, serif; font-size: 1em; } .title-page p { margin-top: .3em; } /* SECTION: Opener Ultimate Itinerary */ .ultimate-itinerary h2 { color: #003D51; } .ultimate-itinerary h3 { margin-top: 2px; margin-bottom: 2px; } .ultimate-itinerary .travel-info .disc-icons { color: #BA2234; } .ultimate-itinerary .itinerary-stop { border-bottom: 3px solid #D3CABD; } .ultimate-itinerary .itinerary-stop samp.disc-icons { color: #BA2234; } /* SECTION: Top Twelve */ .top-twelve h2 { color: #003D51; } .top-twelve .context-eps { display: block; } .top-twelve .experience-number { margin-right: 5px; } /* SECTION: Need to Know; */ .sidebar { background-color: #BA2234; font-family: LPBentonSans, Helvetica, Arial, sans-serif; margin-top: 0; font-size: .9em; color: white; } .sidebar .box-heading-1-white { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; } .sidebar .box-list-white { font-size: 1.1em; } .sidebar .box-list-white a { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; color: white; -webkit-text-fill-color: white; font-weight: bold; } .need-to-know h3 em { font-weight: normal; font-style: normal; font-family: LPBentonSans; } .need-to-know .arrival-heading, .need-to-know .arrival-heading a { color: #BA2234; -webkit-text-fill-color: #BA2234; } .sidebar .box-flush-left-white a { color: white; -webkit-text-fill-color: white; } .need-to-know .bullet_arrow { color: #777776; } .daily-costs { border-top: 3px solid #BA2234 !important; } .daily-costs h3 { margin-top: 0; } .daily-costs h4 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; } .daily-costs h4 span.highlight { color: #BA2234; } .need-to-know h4 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; color: #BA2234; font-size: 1em; } .need-to-know .survival-guide-xref { padding: 1em .7em; color: #fff; background-color: #BA2234; font-family: LPBentonSans, Helvetica, Arial, sans-serif; margin-top: 1em; float: right; } .need-to-know .survival-guide-xref span, .need-to-know .survival-guide-xref samp.font-icon, .need-to-know .survival-guide-xref a { color: #FFFFFF; font-weight: bold; } .need-to-know .survival-guide-xref a { text-decoration: underline; -webkit-text-fill-color: #FFFFFF; } .need-to-know .survival-guide-xref samp.font-icon { font-size: 1em; } .need-to-know .sidebar span { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* SECTION: Hotspots CRMS */ .hotspots-crms .hotspot-module { border-left: solid 6px #D3CABD; padding-left: .5em; margin-bottom: 1em; margin-bottom: 1em; } .hotspots-crms .introduction-flush-left { font-style: italic; font-family: Georgia, Times, serif; font-size: 1.3em; margin-bottom: .5em; } /* SECTION: If You Like */ .if-you-like h2 { border-top: 6px solid #D3CABD; color: #BA2234; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: 1.3em; margin-top: 1em; padding-top: 0.3em; font-weight: bold; margin-bottom: .2em; } .if-you-like .flush-left span.name { font-weight: bold; font-size: 1em; } /* SECTION: Top-Days; */ .top-days h2 { color: #003D51; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: bold; margin: 1em 0 .3em 0em; padding: 0; } .plan p.introduction { font-style: italic; font-family: Georgia, Times, serif; font-size: 1em; } .top-days .travel-info { color: #595A59; } .top-days .travel-info p { font-size: 0.9em; border-bottom: 1px solid #D2CABC; margin-top: 5px; } .top-days .travel-info img { display: inline-block; } .top-days .travel-info .font-prac-icon { color: #BA2234; padding-right: 0.3em; } .top-days .travel-info .disc-icons { color: #BA2234; padding-right: 5px; } /* SECTION: Plan Feature */ .feature h1 { margin-bottom: .1em; } .feature h2 { border-top: 6px solid #D3CABD; color: #BA2234; font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: bold; padding-top: 0.3em; } h2.plan-your-trip { font-family: LPMillerBold, Georgia, Times, serif; font-weight: normal; margin: 0; line-height: 100%; border: none; } .feature div div div div h3 { font-family: LPBentonSans, Helvetica, Arial, sans-serif; color: #BA2234; font-weight: bold; margin: 1em 0 .2em 0; font-size: 1em; } .feature h3 { margin-bottom: 0; } .feature .intro { padding: 0; } .feature .poi { margin-top: .9em; } .feature .poi-line .name { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; } .snippets { background-color: #fce4d7; border-radius: 10px 10px 10px 10px; margin-bottom: 0; margin-top: 1em; padding: 1em; padding-top: .2em; } /* SECTION: Month by Month */ .month-by-month h2 { border-top: 6px solid #D3CABD; padding-top: 0.3em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; } .month-by-month h3 { font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 0.2em; margin-top: 1.2em; padding-right: .2em; } .month-by-month .event-heading-wrapper h3 { color: #000; } .month-by-month .event-heading-wrapper .font-icon { color: #BA2234; font-size: 100%; } .month-by-month .event-heading-wrapper img.prac-icon { padding-right: 3px; } .month-by-month .event-heading-wrapper img.prac-icon { padding-right: 3px; } .month-by-month .module1 { background-color: #BA2234; padding: 5px 10px; color: #FFF; } .month-by-month .module1 a { color: #FFF; -webkit-text-fill-color: #FFF; } .month-by-month .module1 span.name { color: #FFF; } .month-by-month .module1 p.box-heading-1-white { font-size: 1.1em; font-weight: 800; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; } .month-by-month .module1 p.box-heading-1-white span.text-wrapper { margin-left: 5px; } .hotspots .box-text h3 { margin-top: 0; } .hotspots .box-list-a samp { color: #BA2234; font-size: 100%; } span.name { color: #000; font-weight: normal; } /* Boxes */ .feature .module1 { background-color: #BA2234; } .box-text { border-top: none; } .feature .module1 p.box-heading-1-white { color: white; font-size: 1.2em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; } .feature .module1 p { color: white; } .feature .module1 a { color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } h1 samp.best-of-icons { color: #D3CABD; font-size: 1.8em; height: 50px; margin-bottom: 10px; line-height: 100%; } /* .year-planner */ .year-planner h2 { color: #003D51; } .year-planner .introduction h2 { font-size: 1.5em; } .year-planner .top-list-box { margin: 1em 0; padding: 1em; } .year-planner .event-heading-wrapper { display: inline-block; width: 100%; padding-top: 1em; } .year-planner p { padding: 0; } .year-planner .event-heading-wrapper h3 { float: left; margin: 0; color: #000; } .year-planner .event-heading-wrapper .font-icon { color: #000; font-size: 100%; } .year-planner .event-heading-wrapper p.month { float: right; font-weight: 200; vertical-align: center; font-size: 1.3em; color: #BA2234; } .year-planner .box-text .event-heading-wrapper { margin-top: 0; } .year-planner .box-text .event-heading-wrapper p.month { font-size: 1em; } /*top-list-box*/ .year-planner .planner-module .box-text, .top-list-box { background-color: #BA2234; } .year-planner .planner-module .box-text p.box-heading-1-white { display: inline-block; } .year-planner .planner-module .box-text p.box-heading-1-white, .top-list-box p.box-heading-1-white { color: white; font-size: 1.2em; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; } .top-list-box samp.font-prac-icon, .top-list-box img.prac-icon { margin-right: 5px; } .year-planner .planner-module .box-text p, .year-planner .planner-module .box-text span, .top-list-box span.name, .top-list-box p { color: white; } .year-planner .planner-module .box-text a, .top-list-box a { color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } .top-list-box p.box-list-b { background: url(images/empty.gif); } .year-planner h4 { font-weight: 800; margin: 5px 0 0; font-family: LPBentonSansBold, Helvetica, Arial, sans-serif; } .year-planner h4 samp.font-icon { color: #000000; font-size: 1em; } .year-planner .planner-module p.box-heading-2-white { font-family: LPBentonSans, Helvetica, Arial, sans-serif; font-weight: 800; } .year-planner .box-text .prac-icon { background-color: #FFFFFF; } .year-planner .box-heading-2-white .prac-icon { background-color: transparent; margin-right: 5px; } .day-module, .month-module { border-top: 2px solid #BA2234; background-color: #F2EDE3; width: 100%; } .day-module .module-intro, .month-module-intro { padding: 0 10px 10px 10px; } .month-module .clearfix { clear: both; } .day-module .number, .planner-module .number { vertical-align: middle; display: table-cell; padding: 20px; background-color: #BA2234; color: #D3CABD; font-size: 2em; letter-spacing: 5px; } .planner-module .number { width: 47px; } .day-module, .planner-module .month-module { display: table; } .day-module .module-intro, .planner-module .month-module-intro { display: table-cell; } .day-module .day-label { display: inline-block; } .day-module .day-number { text-align: center; font-size: 1.5em !important; }