/* Theme Name: Winchester Theme URI: https://www.webweaving.com Description: Divi Child Theme Author: Web Weaving Author URI: https://www.webweaving.com/ Template: Divi Version: 1.0.0 */ @import url('https://fonts.googleapis.com/css2?family=Lora&display=swap'); @import url('https://fonts.googleapis.com/css?family=Crimson+Pro:300,500,600,700'); @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Jost&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap'); /* CLEAN UP UNUSED FONTS AFTER DESIGN IS DONE */ /* ENABLE MENU ITEMS WHEN SITE IS COMPLETE: (hidden for now) */ #mega-sub-menu-7702, #mega-menu-item-7557, #mega-menu-item-8337, #mega-menu-item-8195, #mega-menu-item-8036, #mega-sub-menu-4730 { display: none!important; } /* !! DELETE THE "Photo Gallery" ITEM IN THE DASHBOARD MENU EDITOR WHEN YOU MAKE #7557 VISIBLE!! END */ /* Chad's additions */ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module.callOutBox, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module.callOutBox { margin: 0px auto 0px auto!important; padding: 15px 0px 20px 0px; } .callOutBox .et_pb_text_inner { display: block; position: relative; z-index: 2; margin: 0px auto 0px auto!important; width: 95%; max-width:720px; padding:15px 10px 10px 10px; border:3px solid #4c5859; background-color:#e2ded6; font-family: "Lora", serif; } .callOutBox h3 { font-size:24px; color:#4c5859; font-weight: bold; } .callOutBox h3 span { color: #000!important; } .callOutBox h3 p { font-size:18px; color:#000; } .callOutBox a { color:#738688; transition: all 0.4s ease-in-out; } .callOutBox a:hover { color:#555147; transition: all 0.4s ease-in-out; } .page-id-33 .thumbSpot { display: none!important; } @media only screen and ( max-width: 530px ) { .shrinkme { width: 45%; height: auto; } } @media only screen and ( max-width: 370px ) { .shrinkme { display:block!important; clear: both!important; width: 200px; height: auto; float: none!important; margin: 0px auto 15px auto!important; } } .listing-item__title { color: #979E53!important; } .list-img img {width:auto!important; margin:0px auto 0px auto;} .apfl-gallery .mySlides img {width:auto!important;} .mySlides {text-align:center!important;} /* maximize html and body tags, so that the iFrame will inherit as much width height as possible */ .chadsFrame div#iframe-div { /* Allow some padding so that the window can be scrolled easily */ padding-left: 3em; padding-right: 3em; /* Auto width will adjust the width of the encapsulating div to 100% - 2em. Height is kept at 100% here, but this can be adjusted to other sizes as desired.*/ width: auto; height: 100vh; } /* If the screen is narrow enough to be a mobile device, set the iFrame to a fixed height so that it still looks great. */ @media (max-width:767px) { .chadsFrame iframe { height:450px; } } /* Center the sample header in the middle of the window. */ .chadsFrame h2 { text-align: center; } /* ends Chad's additions */ /* Cat's newest slant edits */ .slantThis, .slantThat { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .slantThat { clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%); z-index: 2; } .leftSlant, .rightSlant { width: 50%!important; margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important; position: relative; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .slantThis .leftSlant .et_pb_text { width: 95%; max-width: 650px; margin: 0px auto 0px auto; padding: 25px 0px 25px 25px; } .slantThat .rightSlant .et_pb_text { width: 95%; max-width: 650px; margin: 0px auto 0px auto; padding: 165px 25px 25px 0px; } .slantCode, .slantCode .et_pb_code_inner { width: 100%!important; height: 130%!important; z-index: -1; } .home .leftSlant img.alignright { float: right!important; width: 190px; max-width: 45%; margin: 15px 0px 5px 15px!important; height: auto; border: none; box-shadow: none; } .leftSlant h2, .rightSlant h2, .leftSlant h3, .rightSlant h3 { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; } .bulleted p { padding-left: 5px; padding-bottom: 0px; } .bulleted p::before { content: '\2022'; color: #000; font-size: 14px; position: relative; top: 0px; left: -5px; line-height: 18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .sortMe { column-count: 2; column-gap: 6%; } .sortMe p { margin: 0 0 10px 0; width: auto; break-inside: avoid; } /* SPORT SIMULATOR STYLES: */ .sortMe p.sport { position: relative; } .sortMe p.sport a { position: relative; color: #000; text-decoration: underline; display: inline-block; width: 100%; max-width: 238px; } .sortMe p.sport a:hover { color: #FF0000; } .sortMe p.sport a::before { content: ""; background: url("images/arrowCTA.webp"); background-size: cover; width: 65px; height: 46px; display: block; position: absolute; top: 37px; right: auto; left: 15px; } .sortMe p.sport a::after { content: "Click to explore our state-of-the-art HD Golf & Sport Simulator"; font-size: 14px; line-height: 18px; font-style: italic; color: #FF0000; text-align: center; width: 165px; display: block; position: absolute; top: 32px; right: 0px; left: auto; } @media only screen and ( max-width: 1200px ) { .sortMe p { width: 100%; } .sortMe p.sport a { width: auto; max-width: none; } .sortMe p.sport a::before { background: url("images/arrowCTA2.webp"); background-size: cover; width: 52px; height: 20px; top: 15px; right: auto; left: 145px; } .sortMe p.sport a::after { line-height: normal; text-align: center; width: 165px; top: -20px; right: auto; left: 185px; } } @media only screen and ( max-width: 980px ) { .sortMe p.sport a { width: 100%; max-width: 280px; } .sortMe p.sport a::before { background: url("images/arrowCTA.webp"); background-size: cover; width: 65px; height: 46px; top: 37px; right: auto; left: 70px; } .sortMe p.sport a::after { line-height: 18px; width: 165px; top: 32px; right: 0px; left: auto; } /* END SPORT SIMULATOR STYLES: */ .slantThis, .slantThat { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .slantThat { clip-path: none; } .leftSlant, .rightSlant { width: 100%!important; } .slantCode, .slantCode .et_pb_code_inner { height: 300px!important; } .slantThat .rightSlant { order: 1; } .slantThat .leftSlant { order: 2; } .page-id-31 .slantThis .rightSlant { order: 1; } .page-id-31 .slantThis .leftSlant { order: 2; } .page-id-31 .slantThat .rightSlant { order: 2; } .page-id-31 .slantThat .leftSlant { order: 1; } .slantThis .leftSlant .et_pb_text, .slantThat .rightSlant .et_pb_text { width: 95%; max-width: none; margin: 0px auto 0px auto; padding: 25px 0px 25px 0px; } .leftSlant h3, .rightSlant h3 { text-align: center; } } @media only screen and ( max-width: 675px ) { .sortMe p { width: 100%; } /* SPORT SIMULATOR STYLES: */ .sortMe p.sport a { width: auto; max-width: none; } .sortMe p.sport a::before { background: url("images/arrowCTA2.webp"); background-size: cover; width: 52px; height: 20px; top: 15px; right: auto; left: 145px; } .sortMe p.sport a::after { line-height: normal; text-align: center; width: 165px; top: -20px; right: auto; left: 185px; } } @media only screen and ( max-width: 390px ) { .sortMe p.sport a::before { width: 45px; height: 17px; top: 15px; right: auto; left: 145px; } .sortMe p.sport a::after { font-size: 12px; width: 140px; top: -15px; right: auto; left: 175px; } } @media only screen and ( max-width: 375px ) { .sortMe p.sport a::before { width: 37px; height: 14px; top: 15px; right: auto; left: 140px; } .sortMe p.sport a::after { text-align: right; font-size: 12px; width: 135px; top: -5px; right: auto; left: 155px; } } /* SPORT SIMULATOR STYLES: */ /* END Cat's slant edits */ /* Cat's additions */ .page-id-49 .colorContainer { display: none!important; } .driveTable { width: 100%; display: block; position: relative; margin: 0px auto; } .driveRow { display: flex; flex-flow: row nowrap; align-items: stretch; align-content: flex-start; border-bottom: solid 1px #eee; } .driveRow:first-child { background: rgba(255,255,255,0.25); } .driveRow span { text-align: left; font-size: 14px; font-family: "Jost", sans-serif; } .driveRow span:first-child { flex: 1 1 auto; min-width: 0; padding-right: 15px; padding-left: 5px; } .driveRow span:nth-child(2), .driveRow span:nth-child(3) { flex: 0 0 75px; width: 75px; } #mni-membership-639238540316127707 .mn-widget-member-name { display: none!important; } #mni-membership-639238540316127707 { font-size: 12px!important; line-height: 18px!important; margin: 0px auto!important; padding: 0px 0px 0px 0px!important; } #mni-membership-639238540316127707 .mn-widget-member-logo { width: 140px; height: 50px; object-fit: cover; object-position: center center; } .cff-likebox.cff-top, .cff-likebox iframe { height: 70px!important; padding: 0px 0px 0px 0px!important; margin: 0px 0px 0px 0px!important; } @media only screen and ( max-width: 1200px ) { .cff-wrapper-fixed-height { height: auto!important; max-height: 650px!important; } } @media only screen and ( max-width: 767px ) { .cff-wrapper-fixed-height { height: auto!important; max-height: 500px!important; } } .single .entry-content ul.wp-block-list { line-height: 36px; } .single .entry-content ul#jumpmenu, .single .entry-content ul#jumpmenu ul, .single .entry-content ul#jumpmenu.wp-block-list, .single .entry-content ul#jumpmenu.wp-block-list ul { line-height: 32px!important; list-style-type: none; padding: 0px 0px!important; margin-bottom: 25px!important; } .single .entry-content ul#jumpmenu ul, .single .entry-content ul#jumpmenu.wp-block-list ul { margin-left: 15px!important; } .single .entry-content ul#jumpmenu li a, .single .entry-content ul#jumpmenu.wp-block-list li a { display: inline-block; } .single .entry-content ul#jumpmenu li a::before, .single .entry-content ul#jumpmenu.wp-block-list li a::before { content: "\27A7"; margin-right: 5px; display: inline-block; } /* DECLARATION BANNER: */ #mastHead.immediate { top: 40px; } .headAnnounce { position: fixed; top: 0px; width: 100%; height: 40px; background-color: #555149; z-index: 9996; } .bounce-element { position: relative; width: 100%; height: 40px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;transform: translateY(-2000px); animation-name: bounceInDown; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0.5s; z-index: 9997; } @keyframes bounceInDown { 0% { transform: translateY(-2000px); /* Starts far above the viewport */ } 60% { transform: translateY(10px); /* Bounces past the final position */ } 80% { transform: translateY(-10px); /* Bounces back up slightly */ } 100% { transform: translateY(0); /* Ends at its natural, final position */ } } .pulse-button, .pulse-button .content { width: 100%; height: 40px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } /* Animation for only one statement in one

tag: .pulse-button p { position: absolute; display: block; width: 1200px; max-width: 100%; height: 40px; margin: 0px auto; padding: 0px 0px; color: #fff; animation: pulse 10s infinite; animation-delay: 1s; z-index: 9998; } @keyframes pulse { 0% { transform: scale(1); } 89% { transform: scale(1); } 93% { transform: scale(1.05); } 100% { transform: scale(1); } } End single statement animation */ /* Animation for two statements in separate

tags: */ .pulse-button p { position: absolute; display: block; width: 1200px; max-width: 100%; height: 40px; margin: 0px auto; padding: 0px 0px; color: #fff; animation: pulse 10s infinite; animation-delay: 1s; z-index: 9998; } .pulse-button p:nth-child(2) { position: absolute; display: block; width: 1200px; max-width: 100%; height: 40px; margin: 0px auto; padding: 0px 0px; color: #fff; animation: pulseToo 10s infinite; animation-delay: 1s; z-index: 9997; } .pulse-button p:nth-child(3), .pulse-button p:nth-child(4), .pulse-button p:nth-child(5) { display: none!important; } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 25% { transform: scale(1); } 30% { transform: scale(1.05); } 35% { transform: scale(1); } 48% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes pulseToo { 0% { transform: scale(1); opacity: 0; } 50% { opacity: 0; } 52% { opacity: 1; } 65% { transform: scale(1); } 70% { transform: scale(1.05); } 75% { transform: scale(1); } 97% { opacity: 1; } 98% { transform: scale(1); opacity: 0; } 100% { transform: scale(1); opacity: 0; } } /* End dual statement animation */ .pulse-button div.content { font-family: "Jost", sans-serif; font-size: 24px; line-height: 40px; text-transform: uppercase; position: relative; z-index: 9999; color: #fff; text-align: center; } /* END DECLARATION BANNER */ /* Button Animation */ @keyframes rotate { 100% { transform: rotate(1turn); } } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link { position: relative; z-index: 0; border-radius: 5px; overflow: hidden; padding: 0 3px; display: flex; justify-content: center; align-items: center; line-height: 32px; height: 40px; width: auto; color: #333; font-size: 18px; font-weight: 400; outline: none; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link::before { content: ''; position: absolute; z-index: -2; left: -50%; top: -50%; width: 200%; height: 200%; background-color: #555149; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#555149, #555149), linear-gradient(#b7c7cf, #b7c7cf), linear-gradient(#976d59, #976d59), linear-gradient(#02344f, #02344f); animation: rotate 4s linear infinite; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link span { background: #fff; width: 100%; height: calc(100% - 6px); border-radius: 3px; padding: 0px 5px; transition: all 0.4s ease-in-out; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link:hover { color: #fff; transition: all 0.4s ease-in-out; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link:hover span { background: #555149; transition: all 0.4s ease-in-out; } /* End Button Animation */ #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item ul.mega-sub-menu { left: auto!important; z-index: 9999; width: 150px; background: #f1f1f1; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { padding: 0px 0px 0px 0px; width: 150px; } /* Cat added 10/22: DELETE THIS IN ALL SITES AND REPLACE IT WITH THE CODE MARKED BELOW: @media only screen and ( max-width: 1200px ) { #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item ul.mega-sub-menu { width: 100%; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width: 100%; } } END DELETION */ #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { width: 150px; display: block; background: #f1f1f1; color: #555149; font-family: inherit; font-size: 18px; font-weight: 400; padding: 0 10px; line-height: 35px; text-decoration: none; text-transform: none; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover { font-weight: 400; background-color: #555149; color: #fff; } /* Cat added 10/22: ADD THIS IN ALL SITES: */ @media only screen and ( max-width: 1185px ) { #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { width: 100%; } } /* END ADDITION */ .recipeBlock { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch; margin-bottom: 25px; } .recipeBlock div { width: 47%; margin: 25px auto 5px auto; padding: 15px; display: block; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } .recipeBlock p, .recipeFull p { line-height: 28px; padding-bottom: 0px!important; margin-bottom: 10px!important; } .recipeBlock p.teensie { font-size: 12px!important; line-height: 18px!important; } .recipeFull { padding: 15px; display: block; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); margin: 25px auto!important; width: 90%; max-width: 600px; } @media only screen and ( max-width: 767px ) { .recipeBlock { justify-content: center; align-items: center; } .recipeBlock div { width: 98%; } } .adBox { color: #fff; background: #44687C; border: double 10px #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-family: "Jost", sans-serif; font-size: 26px; line-height: 34px; padding: 10px; margin: 25px auto 20px auto; width: 500px; max-width: 95%; } .adBox a { color: #fff; } .adBox a:hover {color: #000; } #myBtn { font-family: "Nunito", sans-serif; display: none; position: fixed; bottom: 20px; right: 49%; z-index: 99; border: none; outline: none; background-color: rgba(58,58,58,0.75); color: #fff; cursor: pointer; padding: 0px 5px 5px 5px; border-radius: 10px; font-size: 54px; line-height: 54px; transition: all 0.5s ease-in-out; } #myBtn:hover { background-color: rgba(68,104,125,1); transition: all 0.5s ease-in-out; } .jumptarget::before, .jumptarget2::before { content:""; display:block; height:100px; /* fixed header height*/ margin:-100px 0 0; /* negative fixed header height */ } #et-main-area.announced .jumptarget::before, #et-main-area.announced .jumptarget2::before { content:""; display:block; height:120px; /* fixed header height*/ margin:-120px 0 0; /* negative fixed header height */ } /* ends Cat's additions */ /* Julias's additions */ /* ends Julias's additions */ /* =Theme customization starts here ------------------------------------------------------- */ body, html { height: 100% !important; } body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #e2ded6; letter-spacing: normal; font-family: "Lora", serif; font-size: 18px!important; font-weight: 500; line-height: 36px; color: #000; overflow-y: scroll; overflow-x: hidden; } html { scroll-behavior: smooth; } .slick-arrow { background: transparent!important; border: none!important; } .wdcl_logo_carousel_0 .slick-prev { border-radius: 0px!important; left: -20px!important; } .wdcl_logo_carousel_0 .slick-next { border-radius: 0px!important; right: -5px!important; } .wdcl_logo_carousel_0 .slick-prev::before { content: "4"!important; color: #000!important; font-size: 30px!important; } .wdcl_logo_carousel_0 .slick-next::before { content: "5"!important; color: #000!important; font-size: 30px!important; } .wdcl_logo_carousel_child .dcm-logo-carousel-item { padding: 0px 5px!important; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; } .home .slick-slider .slick-arrow { z-index: 999!important; cursor: pointer!important; } .home .wdcl_logo_carousel_child .et_pb_module_inner div div { display: none!important; } @media only screen and ( max-width: 340px ) { .wdcl_logo_carousel_0 .slick-prev, .wdcl_logo_carousel_0 .slick-next { display: none!important; } } .et_pb_text_inner { width: 98%; max-width: 1200px; margin: 0px auto!important; } .et_pb_gutters3 .et_pb_column { margin-right: 0px!important; } @media (min-width: 981px) { .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 0px!important; } } .awardList { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch; align-content: center; width: 95%; max-width: 1200px; margin: 0px auto 25px auto; } .awardList div { width: 32%; min-width: 300px; margin-bottom: 25px; background: #e2ded6; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); padding: 15px 5px 5px 5px; border-radius: 20px; font-family: "Jost", sans-serif; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; } .awardList h3 { padding-top: 10px!important; width: 100%; display: block; text-align: center; color: #1e3d4f; } .awardList img { display: block; max-width: 95%; height: auto; margin: 0px auto 25px auto; background: #fff; border-radius: 20px; padding: 20px; } .awardList p { line-height: normal!important; max-width: 95%; margin: 0px auto 15px auto; font-size: 14px; color: #1e3d4f; } .awardList p strong { font-weight: 600; color: #1e3d4f; font-size: 16px; } p.lineAwards { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } p.lineAwards img { max-width: 48%; height: auto; padding: 5px; } @media screen and ( max-width: 1100px ) { .awardList { max-width: 800px; } .awardList div { min-width: 300px; } } .review { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } .review a { display: block; border: solid #eee 5px; margin-bottom: 25px; width: 220px; height: 163px; } .review a img { width: 200px; height: auto; padding: 10px; margin: 0px auto; } .reviewBlock { padding: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin-bottom: 25px; } .reviewBlock p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container { padding-top: 0px!important; } .et_right_sidebar #main-content .container::before { display: none !important; } #main-content .container::before { display: none !important; } .single #et-main-area, .error404 #et-main-area { padding-top: 100px; } .single #et-main-area.announced, .error404 #et-main-area.announced { padding-top: 140px; } a { color: #53646d; transition: 0.5s ease-in-out all; } .sortMe a { color: #555149; transition: 0.5s ease-in-out all; } a:hover { color: #95a2a3; } h1, h2, h3, h4 { font-family: "Jost", sans serif; } .single .entry-content h3, .error404 .entry-content h3 { font-size: 22px!important; line-height: 32px!important; } .single .entry-content h3 a { text-decoration: underline!important; color: #555149; } .single .entry-content h3 a:hover { color: #95a2a3; } .single .entry-content ul { line-height: 36px!important; } .single .entry-content .listMe { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; margin-top: 25px; } .single .entry-content .listMe div { width: 47%; margin-bottom: 10px; border: solid 1px #999; border-radius: 5px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; text-align: center; transition: all 0.3s ease-in-out; } .single .entry-content .listMe h3 { width: 100%; margin-bottom: 0px; padding-bottom: 0px; background: #555149; color: #fff; text-transform: uppercase; align-self: flex-start; transition: all 0.3s ease-in-out; } .single .entry-content .listMe h3 a { text-decoration: none!important; color: #fff; } .single .entry-content .listMe p { width: 90%; padding: 0px 5px; margin: 0px auto 0px auto; } .single .entry-content .listMe div:hover { background: #eee; transition: all 0.3s ease-in-out; } .single .entry-content .listMe div:hover h3 { background: #666; transition: all 0.3s ease-in-out; } @media screen and (max-width: 800px) { .single .entry-content .listMe { justify-content: center; align-items: center; } .single .entry-content .listMe div { width: 100%; } } #page-container { padding-top: 0px!important; display: flex; height: 100%; align-items: stretch; flex-flow: row wrap; } #page-container > * { flex: 1 100%; } #et-main-area { background: #fff; } .page-id-49 #et-main-area, .page-id-63 #et-main-area, .page-id-688 #et-main-area { padding-top: 100px; background: #fff; } .page-id-49 #et-main-area.announced, .page-id-63 #et-main-area.announced, .page-id-688 #et-main-area.announced { padding-top: 140px; } .container { width: 1200px; margin: 0px auto 0px auto; } #fullBlock { padding-bottom: 50px; } .whiteContain { width: 100%; background: #fff; padding-top: 0px; position: relative; } #mastHead { height: 100px; line-height: 23px; font-weight: 500; top: 0; background-color: #fff; width: 100%; box-shadow: 0 1px 0 rgba(0,0,0,.1); position: fixed; z-index: 9998; font-family: "Crimson Pro", serif; transition: all 0.4s ease-in-out, -webkit-transform 0.4s; } #mastHead.shrink { height: 75px; } #mastHead .container { max-width: none; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; transition: all 0.4s ease-in-out; width: 95%; } #mastHead.shrink .container { height: 75px; } a.headLogo { max-width: none; width: 325px; height: 113px; display: block; overflow: hidden; transition: all 0.4s ease-in-out; position: relative; top: -12px; } #mastHead.shrink a.headLogo { width: 70px; transition: all 0.4s ease-in-out; top: -23px; } a.headLogo img { max-width: none; width: 325px; height: auto; display: block; z-index: -1; } .stretchHead { width: 100%; max-width: 85%; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; padding-top: 10px; padding-left: 25px; transition: all 0.4s ease-in-out; } #mastHead.shrink .stretchHead { width: 100%; max-width: 100%; padding-top: 5px; transition: all 0.4s ease-in-out; } @media screen and ( max-width: 3000px ) {.stretchHead { max-width: 82%; padding-left: 5px; }} @media screen and ( max-width: 2000px ) {.stretchHead { max-width: 80%; padding-left: 5px; }} @media screen and ( max-width: 1700px ) {.stretchHead { max-width: 77%; padding-left: 5px; }} @media screen and ( max-width: 1500px ) {.stretchHead { max-width: 75%; }} @media screen and ( max-width: 1400px ) {.stretchHead { max-width: 72%; } #mastHead .container { width: 99%; }} @media screen and ( max-width: 1200px ) {.stretchHead { max-width: 850px; }} #socialMedia { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; transition: all 0.4s ease-in-out; width: 225px; width: auto; padding-right: 0px; } #socialMedia p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; } #socialMedia .icon { display: block; width: 26px; height: 26px; } #socialMedia .phone { display: block; width: auto; height: 26px; line-height: 26px; padding-left: 30px; letter-spacing: normal; color: #5e7474; background: url("images/phone.png") no-repeat left center; background-size: 26px; transition: 0.5s ease-in-out all; } #socialMedia .phone:hover { color: #545149; background: url("images/phoneHover.png") no-repeat left center; background-size: 26px; } #socialMedia #email { background: url("images/email.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #email:hover { background: url("images/emailHover.png") no-repeat center center; background-size: cover; } #socialMedia #facebook { background: url("images/facebook.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #facebook:hover { background: url("images/facebookHover.png") no-repeat center center; background-size: cover; } #socialMedia #instagram { background: url("images/instagram.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #instagram:hover { background: url("images/instagramHover.png") no-repeat center center; background-size: cover; } #socialMedia #pinterest { background: url("images/pinterest.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #pinterest:hover { background: url("images/pinterestHover.png") no-repeat center center; background-size: cover; } #socialMedia #linkedIn { background: url("images/linkedIn.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #linkedIn:hover { background: url("images/linkedInHover.png") no-repeat center center; background-size: cover; } #socialMedia #youTube { background: url("images/youTube.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #youTube:hover { background: url("images/youTubeHover.png") no-repeat center center; background-size: cover; } #socialMedia #twitter { background: url("images/twitter.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } #socialMedia #twitter:hover { background: url("images/twitterHover.png") no-repeat center center; background-size: cover; } nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu { float: none; width: 98%; } #mega-menu-wrap-primary-menu { width: 100%; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; padding-left: 0px; padding-top: 10px; transition: all 0.4s ease-in-out; } #mastHead.shrink #mega-menu-wrap-primary-menu #mega-menu-primary-menu { padding-top: 0px; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none!important; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu { z-index: 9999; top: 35px; } #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated::before { content: 'Menu'; display: block; position: absolute; top: -2px; left: -85px; font-size: 32px!important; color: #5e7474; } #et_mobile_nav_menu { display: none!important; } .hero { width: 100%!important; height: 100vh; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; position: relative; max-height: 100vh; z-index: 0; } .introSpot { position: absolute; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 100px!important; z-index: 1; } #et-main-area.announced .introSpot { padding-top: 140px; } .introSpot .container h2 { font-family: "Cormorant Garamond", serif; font-size: 72px; font-weight: bold; letter-spacing: -1px; color: #fff; text-align: center; padding: 10px 5px 10px; margin: 0px auto; outline: 0; border: 2px solid #fff; position: relative; z-index: 2; background-color: rgba(85,81,73,0.75); clear: both; max-width: 750px; } .introSpot .container h2 span { font-size: 36px; } .buttonField { width: 320px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin: 0px auto; padding-top: 25px; } .buttonField span.superStuff { position: relative; display: flex; width: 320px; height: 55px; margin: 0px auto 12px auto; perspective: 1000px; } .buttonField span.superStuff::after { content: "\27A7"; position: absolute; width: 25px; height: 37px; right: 3px; top: 8px; font-size: 48px; color: #333; transition: 0.5s ease-in-out all; } .buttonField a:hover span.superStuff::after { color: #555149; } .buttonField span.superStuff span.superInner { width: 320px; font-size: 22px; transform-style: preserve-3d; transform: translateZ(-25px); transition: transform .25s; font-family: 'Jost', serif; text-transform: uppercase; text-align: left; text-decoration: none; } .buttonField span.superStuff span.superInner:before, .buttonField span.superStuff span.superInner:after{ position: absolute; content: "BUTTON"; height: 55px; width: 320px; display: flex; align-items: center; justify-content: flex-start; /* chad change 5/1 for long menu title - temporary padding-left: 10px; */ padding-left: 10px; border-top: 5px solid #fff; border-right: 30px solid #fff; border-bottom: 5px solid #fff; border-left: 5px solid #fff; box-sizing: border-box; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); border-radius: 3px; } .buttonField span.superStuff span.superInner:before{ color: #333; background: rgba(255,255,255,0.75); box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5); transform: rotateY(0deg) translateZ(25px); } .buttonField span.superStuff span.superInner:after{ color: #fff; background: rgba(85,81,73,1); transform: rotateX(90deg) translateZ(25px); } .buttonField span.superStuff span.superInner:hover{ transform: translateZ(-25px) rotateX(-90deg); } .buttonField span.superStuff span.superInner#requestInfo:before, .buttonField span.superStuff span.superInner#requestInfo:after { content: "Join Our VIP List"; } .buttonField span.superStuff span.superInner#scheduleTour:before, .buttonField span.superStuff span.superInner#scheduleTour:after { content: "Schedule a Tour"; } .buttonField span.superStuff span.superInner#applyToday:before, .buttonField span.superStuff span.superInner#applyToday:after { content: "Apply Today"; } .buttonField span.superStuff span.superInner#faqs:before, .buttonField span.superStuff span.superInner#faqs:after { content: "FAQs"; } .buttonField span.superStuff span.superInner#neighborhood:before, .buttonField span.superStuff span.superInner#neighborhood:after { content: "About Winchester"; } .logoField { display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; padding-top: 10px; max-width: 400px; margin: 0px auto; } .logoField img:nth-child(1) { height: 65px; width: auto; } .logoField img:nth-child(2) { height: 120px; width: auto; } .logoField img:nth-child(3) { height: 77px; width: auto; } .callOut div { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding-top: 50px; } .callOut div a { display: block; } .homeIntro { display: block; width: 100%; } .homeIntro h3 { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; } p.especially { line-height: 30px!important; } h3.especially { line-height: 42px!important; } .especially em { font-size: 14px!important; } .especially img { width: 14px; height: auto; position: relative; top: 1px; } /* Fill button styling */ .fill_1, .fill_2, .fill_7 { font-family: "Jost", sans serif; text-transform: uppercase; font-size: 20px; font-weight: 200; letter-spacing: 1px; padding: 10px 50px 10px; outline: 0; border: 1px solid black; cursor: pointer; position: relative; z-index: 2; background-color: rgba(0, 0, 0, 0); clear: both; margin-top: 25px; } .fill_1 a, .fill_2 a, .fill_7 a { color: #fff; display: block; } .fill_1::after, .fill_2::after, .fill_7::after { content: ""; background-color: rgba(85,81,73,0.85); width: 100%; z-index: -1; position: absolute; height: 100%; top: 5px; left: 7px; transition: 0.2s; } .fill_7::after { background-color: rgba(85,81,73,0.85); } .fill_1:hover::after, .fill_2:hover::after, .fill_7:hover::after { top: 0px; left: 0px; } /* End of Fill Button */ .neighborhood { display: block; width: 100%; padding: 50px 0px 50px 0px; position: relative; box-shadow: 5px 5px 3px rgba(0,0,0,0.35); z-index: 5; } .neighborhoodBuckets { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; width: 95%; max-width: 1400px; margin: 0px auto 25px auto; } .bucket { width: 400px; max-width: 33%; display: block; } .bucket img { width: 400px; height: 300px; object-fit: cover; display: block; margin: 25px auto 25px auto; } .bucket p { font-size: 16px; line-height: 36px; width: 100%; max-width: 350px; display: block; margin: 0px auto 0px auto; } .mappies { position: relative; width: 100%; height: 530px; z-index: 1; } .mappies iframe { width: 100%; height: 100%; display: block; z-index: 1; } .overlay { box-shadow: inset 0px 0px 5px rgba(0,0,0,1); width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .introFoot { width: 100%; clear: both; background: #555149; display: block; box-shadow: -5px -5px 3px rgba(0,0,0,0.35); position: relative; padding: 25px 0px 20px 0px; display: block; z-index: 5; } .introFoot .container { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; max-width: 1150px; } .reviews { width: 275px; display: block; color: #fff; font-size: 16px; line-height: 28px; } .reviewAuthor { text-align: right; font-style: italic; display: block; clear: both; } .awardField { width: auto; max-width: 300px; color: #fff; font-family: "Jost", sans serif; text-align: center; border-radius: 10px; background: rgba(0,0,0,0.35); padding: 10px; display: block; } .awardBox, .awardBox:hover { color: #fff; } .awardBox p:first-child { padding: 0px 0px 0px 0px!important; margin: 0px 0px 0px 0px!important; height: 0px!important;} .awardField p { line-height: normal; font-size: 16px; padding: 0px 0px 10px 0px!important; margin: 0px auto 0px auto; max-width: 200px; color: #fff!important; } .awardField a { color: #fff!important; } div.awardLink { display: block; font-family: "Jost", sans serif; font-weight: 18px; text-transform: uppercase; text-align: center; border-radius: 5px; padding: 2px 10px; margin-top: 5px; background: rgba(0,0,0,0.75); color: #fff; transition: all 0.3s ease-in-out; } .awardField:hover div.awardLink { background: rgba(255,255,255,1); color: #000; transition: all 0.3s ease-in-out; } .awardField img { max-width: 175px; height: auto; margin-top: 5px; } div.imageHover { display: block; position: relative; width: 240px; height: 187px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; } div.imageHover img { opacity: 1; transition: all 0.3s ease-in-out; } .awardField:hover div.imageHover img { opacity: 0.33; transition: all 0.3s ease-in-out; } div.imageHover::after { content: "View All Awards"; position: absolute; top: 1px; left: 26px; width: 187px; height: 187px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; border-radius: 100%; font-family: "Jost", sans serif; font-size: 24px; text-transform: uppercase; text-align: center; background: rgba(0,0,0,0); color: transparent; transition: all 0.3s ease-in-out; } .awardField:hover div.imageHover::after { background: rgba(0,0,0,0.85); color: #fff; transition: all 0.3s ease-in-out; } .specialBox p { line-height: normal!important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a.specialOffers { width: 175px; display: block; background: #fff; position: relative; border-radius: 10px; font-family: "Jost", sans serif; text-align: center; color: #555149; margin: 0px auto 15px auto; } a.specialOffers img { position: relative; display: block; top: -10px; width: 175px; height: auto; margin: 0px auto; } a.specialOffers span { width: 100%; position: relative; display: block; top: -10px; margin: 0px auto; font-size: 16px; letter-spacing: -0.5px; } a.clubCard { background: url("images/cathcartClub.jpg") 0px 0px no-repeat #fff; background-size: cover; display: block; font-family: "Jost", sans serif; font-size: 16px; line-height: normal; color: #00265a; text-align: center; width: 235px; height: 136px; padding-top: 85px; } .newsletterThumb { text-align: center; width: 150px; font-family: "Jost", sans serif; font-size: 18px; line-height: 24px; color: #fff; } .newsletterThumb img { width: 150px; height: auto; margin: 10px auto 0px auto; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); border-radius: 5px; } .newsletterThumb a { color: #fff; transition: 0.5s ease-in-out all; } .newsletterThumb a:hover { color: #000; } .containNews { width: 1200px; margin: 0px auto 0px auto; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } .newsThumb { text-align: center; width: 175px; font-family: "Jost", sans serif; font-size: 18px; line-height: 24px; margin: 0px 15px 25px 15px; } .newsThumb img { width: 175px; height: auto; margin: 10px auto 0px auto; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); border-radius: 5px; } .newsThumb a { color: #000; transition: 0.5s ease-in-out all; } .newsThumb a:hover { color: #555149; } .topArrow { width: 100%; height: 150px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; position: relative; background-color: #555149; clip-path: polygon(0 0, 100% 0, 50% 150px); } .topArrow h3 { font-family: "Jost", sans serif; font-size: 48px; padding-bottom: 0px; margin-bottom: 25px; text-align: center; color: #fff; } .error404 .entry { text-align: center!important; } .phatArrow { width: 100%; height: 300px; display: block; position: relative; background-color: #555149; clip-path: polygon(0 0, 100% 0, 50% 300px); } img.arrowLogo { margin: 0px auto; display: block; width: 250px; height: auto; padding-top: 25px; } img.ehoLogo { margin: 0px auto; width: auto; height: 60px; display: block; padding: 15px 0px 15px 0px; clear: both; } p.announceSmall { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; font-family: "Jost", sans serif; font-size: 12px; line-height: 18px; color: #fff; display: block; clear: both; text-align: center; } .belowTheArrow { width: 100%; height: 400px; } .belowTheArrow .container { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; position: relative; } .logo-block { width:500px; display:block; margin:25px auto 0 auto; padding:20px; font-size:18px; font-weight:700; text-align:center; color:#666; } .logotest { width:100%; margin:0 auto 0 auto; color:#666; font-size:14px; } .addressSpot { width: 350px; } .addressSpot p { text-align: center; line-height: 54px; font-family: "Jost", sans serif; font-size: 30px; display: block; margin: 0px auto; padding: 0px 0px 0px 0px; } .addressSpot a { color:#555149; transition: 0.5s ease-in-out all; } .addressSpot a:hover { color: #95a2a3; } .hoursBlock { width: 350px!important; } .hoursBlock p { text-align: center; line-height: 48px; font-family: "Jost", sans serif; font-size: 30px; display: block; margin: 0px auto; padding: 0px 0px 0px 0px; color:#666; } .hoursBlock p span { font-size: 20px; } .hoursBlock #socialMedia { margin: 0px auto 0px auto!important; max-width: 185px!important; padding-top: 10px!important; padding-bottom: 9px!important; } .hoursBlock #socialMedia .icon { display: block; width: 35px; height: 35px; } .hoursBlock #socialMedia p:first-child { margin-left:0px; } .headArrow { width: 100%; height: 600px; display: block; position: relative; clip-path: polygon(0 0, 100% 0, 100% 500px, 50% 600px, 0 500px, 0 0px); background: #fff; padding-top: 100px; } #et-main-area.announced .headArrow { padding-top: 140px; } .headArrow img { width: 100%; height: 100%; object-fit: cover; } h1.title, h1.entry-title { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; text-align: center; } .pageIntro { display: block; width: 100%; background-color: #e7e7e8; } .containTop, .containTopMain { width: 1200px; margin: 0px auto 0px auto; padding-top: 35px; padding-bottom: 50px; } .containTopMain { padding-bottom: 0px; } .pageIntro h3 { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; } .floatThis { position: relative; width: 100%; padding-top: 300px; background: #fff; display: block; } .floatThis .phatArrow { width: 100%; height: 300px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #555149; clip-path: polygon(0 0, 100% 0, 50% 300px); } .apply { width: 50%; height: 300px; position: relative; } .applyTainer { width: 95%; max-width: 565px; margin: 0px 35px 0px auto; padding: 0px 0px 0px 0px; } .applyTainer .buttonField span.superStuff::after { color: #fff; } .applyTainer .buttonField a:hover span.superStuff::after { color: #fff; } .applyTainer .buttonField span.superStuff span.superInner:before, .applyTainer .buttonField span.superStuff span.superInner:after{ border-top: 5px solid #555149; border-right: 30px solid #555149; border-bottom: 5px solid #555149; border-left: 5px solid #555149; box-shadow: none; } .applyTainer .buttonField span.superStuff span.superInner:before{ color: #555149; } .applyTainer .buttonField span.superStuff span.superInner:after{ color: #fff; background: #555149; } .planMe { width: 100%; height: 800px; background: #e2ded6; position: relative; } .planMe .backup { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 800px; clip-path: polygon(0 225px, 50% 375px, 100% 225px, 100% 800px, 50.07% 800px, 50.07% 375px, 49.93% 375px, 49.93% 800px, 0 800px); display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .halvies { width: 50%; height: 800px; position: relative; display: block; } .featureList { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 800px; display: block; margin: 0px auto; padding-top: 25px; text-align: left; font-family: "Jost", sans serif; font-size: 16px; line-height: 24px; } .featureList h3 { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; text-align: center; } .fineLine { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; } .fineLine div { width: 33%; text-align: center; } .teenie { font-size: 12px; width: 100%; padding-top: 15px; text-align: center; } .encaseme, .encaseme2 { width: 100%; display: block; } .smallPrint { width: 100%; display: block; font-size: 14px; line-height: normal; font-family: "Jost", sans-serif; } #studio { background: #bebeb4; } #oneBed { background: #cbc8c4; } #twoBed { background: #c8d2d2; } #threeBed { background: #d3cec6; } .encaseme h2.begin, .encaseme2 h2.begin { text-align: center; display: block; padding: 15px 0px; color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); font-family: inherit; } .encaseme h2.begin span::before { content: "- Hide Plans"; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 12px; line-height: 16px; height: 16px; text-align: center; display: block; border: solid 1px #666; width: 115px; margin: 10px auto; background: #fff; color: #666; } .encaseme h2.begin span.close::before { content: "+ Show Plans"; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 12px; line-height: 16px; height: 16px; text-align: center; display: block; border: solid 1px #666; width: 115px; margin: 10px auto; background: #fff; color: #666; } #studio.encaseme h2.begin span::before { content: "- Hide Plan"; } #studio.encaseme h2.begin span.close::before { content: "+ Show Plan"; } .encaseme h2.begin span.close::before { background: #eee; animation-name: tryThis; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: alternate; } @keyframes tryThis { from {background-color: #58585a; color: #fff;} to {background-color: #fff; color: #000; } } #electric { background: #bebeb4; } #communications { background: #cbc8c4; } #cellular { background: #c8d2d2; } #moving { background: #d3cec6; } #storage { background: #f1e5d0; } #cville { background: #d5d5d5; } .encaseme2 h2.begin span::before { content: "- Hide"; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 12px; line-height: 16px; height: 16px; text-align: center; display: block; border: solid 1px #666; width: 85px; margin: 10px auto; background: #fff; color: #666; } .encaseme2 h2.begin span.close::before { content: "+ Show"; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 12px; line-height: 16px; height: 16px; text-align: center; display: block; border: solid 1px #666; width: 85px; margin: 10px auto; background: #fff; color: #666; } a.wunderbar, a.wunderbar2, a.wunderbar3, a.wunderbar4, a.wunderbar5, a.wunderbar6 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } a.wunderbar h2 { background: #555149; } a.wunderbar2 h2 { background: #7d7469; } a.wunderbar3 h2 { background: #5d7272; } a.wunderbar4 h2 { background: #9a9282; } a.wunderbar5 h2 { background: #555149; } a.wunderbar6 h2 { background: #58585a; } .wunder, .wunder2, .wunder3, .wunder4, .wunder5, .wunder6 { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch; width: 1200px; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; text-align: center; } .wunder p, .wunder2 p, .wunder3 p, .wunder4 p, .wunder5 p, .wunder6 p { text-align: center; display: block; margin: 0px auto; } .wunder a, .wunder2 a, .wunder3 a, .wunder4 a, .wunder5 a, .wunder6 a { color: #000; } .postTab { padding: 25px 0px; } .planFormat { width: 30%; display: block; background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); padding: 10px; text-align: center; margin: 15px auto 35px auto; position: relative; } a.foobox::after { display: block; content:''; background: url("images/zoomW.png") center center no-repeat; background-size: cover; width: 50px; height: 50px; top: 40%; right: 44%; position: absolute; transition: all 0.25s; } a.foobox:hover::after { width: 100px; height: 100px; top: 35%; right: 35%; } .planFormat h3 { font-family: "Jost", sans serif; font-size: 36px; line-height: 30px!important; margin-top: 25px; } .planFormat h3 span { font-size: 18px; } .planFormat img { display: block; margin: 25px auto 15px auto; width: auto; height: 165px; } .fbx-caption-title em { font-size: 12px!important; } /* DELETE THE FOLLOWING TO ACTIVATE FLOOR PLAN BUTTONS: */ .planFormat { padding-bottom: 25px; } .planFormat button { display: none!important; } /* END FLOOR PLAN BUTTON DEACTIVATION */ /* Fill button styling */ .fill_3, .fill_4, .fill_5, .fill_6, .fill_8 { font-family: "Jost", sans serif; text-transform: uppercase; font-size: 16px; font-weight: 200; letter-spacing: 1px; padding: 5px 25px 5px; outline: 0; border: 1px solid black; cursor: pointer; position: relative; z-index: 2; background-color: rgba(0, 0, 0, 0); clear: both; margin-top: 15px; margin-bottom: 25px; } .fill_3 a, .fill_4 a, .fill_5 a, .fill_8 a { color: #fff; } .fill_6 a { color: #000; } .fill_3::after, .fill_4::after, .fill_5::after, .fill_6::after, .fill_8::after { content: ""; background-color: rgba(85,81,73,0.85); width: 100%; z-index: -1; position: absolute; height: 100%; top: 4px; left: 6px; transition: 0.2s; } .fill_4::after { background-color: rgba(65,91,91,0.85); } .fill_5::after { background-color: rgba(85,81,73, 0.85); } .fill_6::after { background-color: rgba(255,255,255, 0.75); } .fill_8::after { background-color: rgba(85,81,73, 0.85); } .fill_3:hover::after, .fill_4:hover::after, .fill_5:hover::after, .fill_6:hover::after, .fill_8:hover::after { top: 0px; left: 0px; } .reviews .fill_6 { margin-top: 10px; margin-bottom: 0px; } .planFormat .fill_4, .planFormat .fill_5, .planFormat .fill_8 { margin-top: 5px!important; margin-bottom: 15px; } /* End of Fill Button */ .colorContainer { background: #555149; color: #fff; padding-top: 25px; } .colorContainer3 { background: #555149; color: #fff; } .colorContainer4 { background: #555149; } .page-id-49 .colorContainer h1.title { font-family: "Fredericka the Great", "Lora", serif; font-size: 54px; color: #fff; text-align: left; padding-bottom: 25px; border-bottom: solid 1px #fff; margin-bottom: 25px; } .page-id-49 .colorContainer h1.title span { font-family: "Lora", serif; font-size: 20px; line-height: 30px; display: inline-block; } .newsPage { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width: 100%; } .newsContainer { padding-bottom: 75px; width: 450px; } .extraTainer { display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-start; width: 250px; margin: 0px 25px; } .extraTainer .newsBox .newsletterThumb { margin: 35px auto 0px auto; padding-bottom: 25px; } .extraTainer .specialBox { padding-top: 65px; } .midTainer { width: 450px; } .midTainer h3 { font-family: "Fredericka the Great", "Lora", serif; font-size: 42px; color: #fff; font-weight: normal; padding-bottom: 10px; border-bottom: solid 1px #fff; margin-bottom: 15px; } .midTainer .small { font-family: "Lora", serif; font-size: 14px; color: #fff; clear: both; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; display: block; } .minimize span.small, .minimize h3 { padding-bottom: 5px; } .minimize h3 { margin-bottom: 5px; } .newsEntry, .lazyEntry { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; position: relative; padding: 10px; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin-bottom: 35px; font-family: "Jost", sans serif; clear: both; transition: 0.5s ease-in-out all; } .minimize .newsEntry, .minimize .lazyEntry { margin-bottom: 15px; } .minimize a:last-child { margin-bottom: 0px; } .newsEntry:hover, .lazyEntry:hover { background: #cdd8df; } .newsEntry img, .lazyEntry img { display: block; width: 100px; height: 100px; object-fit: cover; margin-right: 15px; margin-bottom: 5px; border: solid 3px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .newsEntry::after { content: ""; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 94px; height: 94px; background: rgba(0,0,0,0); position: absolute; top: 13px; right: auto; bottom: auto; left: 13px; color: #fff; font-size: 16px; line-height: normal; text-align: center; text-transform: uppercase; transition: 0.5s ease-in-out all; } .newsEntry:hover::after { content: "Learn More"; background: rgba(0,0,0,0.75); } .excerptBlock { display: block; position: relative; font-size: 14px; color: #333; line-height: normal; width: 100%; } .excerptBlock h4 { text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; } .excerptBlock p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .navButtons { display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; padding: 10px 0px 10px 0px; } .colorContainer2 { background: #e2ded6; color: #fff; padding: 25px 0px; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5); position: relative; } .page-id-49 .colorContainer2 h1.title { font-family: "Fredericka the Great", "Lora", serif; font-size: 54px; color: #555146; text-align: left; padding-bottom: 25px; border-bottom: solid 1px #555146; margin-bottom: 25px; } .page-id-49 .colorContainer2 h1.title span { font-family: "Lora", serif; font-size: 20px; line-height: 30px; display: inline-block; color: #555146; } .blogContain { width: 1200px; margin: 0px auto; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .blogEntry { display: block; width: 30%; padding-bottom: 10px; margin: 0px auto 25px auto; background: #fff; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.5); } .blogEntry img { width: 100%; height: 150px; object-fit: cover; z-index: 1; } .shadow { width: 100%; height: 150px; position: relative; display: block; } .shadow::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75); z-index: 5; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 20px; transition: 0.5s ease-in-out all; } .blogEntry a:hover .shadow::after { content: "Learn More"; background: rgba(0,0,0,0.65); text-align: center; color: #fff; } .blogExcerpt { position: relative; padding: 20px 20px 30px 20px; font-family: "Jost", sans serif; line-height: normal; font-size: 16px; min-height: calc(100% - 150px); display: block; } .blogEntry a { color: #333; height: 100%; display: block; } .blogExcerpt h4 { color: #000; line-height: 24px; } .blogExcerpt p { width: 95%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } .blogEntry a span.learn-more { font-family: "Jost", sans serif; line-height: normal; text-align: center; display: block; position: absolute; font-size: 14px; padding: 2px; border: solid 1px #666; width: 100px; margin-top: 5px; bottom: 0px; right: 10px; background: transparent; transition: 0.5s ease-in-out all; } .blogEntry a:hover span.learn-more, .blogEntry a span.learn-more:hover { color: #fff; background: #555149; } .buttonSpot { display: flex; flex-flow: row nowrap; justify-content: space-evenly; align-items: center; width: 100%; } .page-id-31 .pageIntro { z-index: 5; } .reserve { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; width: 100%; position: relative; z-index: 0; } .walking, .convenience, .schools { width: 33.3333333334%; background: #e1d7ca; display: block; text-align: center; z-index: 1; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .convenience { background: #c8d2d2; z-index: 2; } .schools { background: #ada497; z-index: 3; } .reserve h2 { font-family: "Jost", sans serif; font-size: 32px; color: #000; padding: 0px 0px 0px 0px; margin: 15px auto 25px auto; } .reserve p { width: 90%; max-width: 600px; margin: 0px auto 15px auto; padding: 0px 0px 0px 0px; } .photoContainer { position: relative; } .photoContainer img { width: 100%; height: 300px; object-fit: cover; } .photoContainer::after { content: ""; position: absolute; width: 100%; height: 300px; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.75); } .schoolList { background: #e7e7e8; border: solid 1px #333; padding: 20px; font-family: "Jost", sans serif; width: 90%; max-width: 400px; margin: 0px auto 15px auto; } .schoolList a { color: #53646d; } .schoolList a:hover { color: #95a2a3; } .walking .schoolList { background: #fff; } #jtg-519 { padding-top: 25px; } .divvieUp { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; padding-top: 25px; } .tourIt { width: 300px; height: 300px; box-shadow: 0px 0px 5px rgba(0,0,0,0.75); } .divvieUp p { padding: 0px 0px 0px 0px !important; } .divvieUp iframe { margin-bottom: 25px; } .shadowBox { box-shadow: 0px 0px 5px rgba(0,0,0,0.75); } h3.heading { font-family: "Jost", sans serif; font-size: 36px; padding-bottom: 0px; margin-bottom: 25px; text-align: center; } .single .containTopMain { padding-top: 0px; } .thumbSpot { float: right; margin: 0px 0px 5px 25px; max-width: 45%; height: auto; } .thumbSpot img { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; height: auto; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); display: block; } .single .thumbSpot { float: none; margin: -35px auto 25px auto; width: 100%; max-width: 1200px; height: auto; } .single .thumbSpot img { height: 375px; object-fit: cover; object-position: center center; border: solid 5px #555149; } .single .alignright, .single .alignrightNew, .single .alignleft { width: 45%; max-width: 400px; height: auto; margin: 15px 0px 5px 25px; } .single .alignright.smaller, .single .alignright.Small, .single .alignright.Small2 { max-width: 200px; } .single .alignright.Medium { max-width: 300px; } .single iframe { border: solid 5px #fff !important; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin-bottom: 25px!important; } .single .alignright img, .single .alignrightNew img, .single .alignleft img { border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 100%; height: auto; margin: 0px 0px 0px 0px; } .single img.alignRight { width: 45%; max-width: 500px; height: auto; margin: 15px 0px 5px 25px; float: right; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .speshies { float: right; margin: 0px 0px 5px 25px; } .entry-content img.alignright, .entry-content img.alignleft, .entry-content img.alignrightz { border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 45%; max-width: 300px; height: auto; margin: 15px 0px 5px 25px; } .entry-content img.alignrightNew { float: right; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); width: 45%; max-width: 400px; height: auto; margin: 15px 0px 5px 25px; } .entry-content img.alignrightz { float: right; width: 200px; max-width: 200px; height: 200px; object-fit: cover; } .entry-content img.alignleft { margin: 15px 25px 5px 0px; } .entry-content img.alignright.noStyle, .entry-content img.alignleft.noStyle { border: none; box-shadow: none; } .single article iframe { width: 95%; height: 300px; margin: 25px auto 25px auto; border: solid 5px #fff!important; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .superImage, .superImage2 { float: right; width: 200px; height: 193px; border: solid 5px #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); margin: 15px 0px 5px 25px; position: relative; } .superImage2 { width: 300px; height: 290px; } .superImage:after, .superImage2:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0px 0px 3px rgba(0,0,0,0.75); z-index: 5; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-family: "Jost", sans serif; text-transform: uppercase; font-size: 20px; transition: 0.5s ease-in-out all; } .superImage:hover:after, .superImage2:hover:after { content: "View Site Map"; background: rgba(0,0,0,0.65); text-align: center; color: #fff; } .superImage img { width: 190px; height: 183px; object-fit: cover; } .superImage2 img { width: 290px; height: 280px; object-fit: cover; } .teeny { font-family: "Jost", sans serif; font-size: 16px; } .listies { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: flex-start; padding-bottom: 25px; margin-bottom: 25px; border-bottom: solid 1px #ddd; margin-top: 25px; } .listies li { width: 29%; margin: 0px auto 15px auto; display: block; } .listies li a { font-family: "Jost", sans serif; color: #333; display: block; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); padding: 5px 5px 5px 10px; } .listies li a:hover { color: #fff; background: #333; } .listies2, .flexieList { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; } .listies2 li, .flexieItem { width: 29%; margin: 0px 25px 15px 0px; display: block; } .listies2 li a, .flexieItem a { font-family: "Jost", sans serif; color: #333; display: block; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); padding: 5px 5px 5px 10px; } .listies2 li a:hover, .flexieItem a:hover { color: #fff; background: #333; } .wallpaper { width: 100%; height: 50px; clear: both; background: url("images/wallpaper1.webp") repeat-x; background-size: auto; display: block; } .wallpaper2 { width: 100%; height: auto; padding: 50px 0px; clear: both; background: url("images/wallpaper2.webp") center; display: block; } .entry-content img.alignspecial { margin: 0px 0px 5px 25px; float: right; width: 36%; max-width: 300px; } .specialLink { font-family: "Jost", sans-serif!important; display: block; width: 100%; line-height: 30px!important; } .specialLink em { font-size: 14px!important; font-style: normal!important; } #main-footer { background-color: #e2ded6; } footer .container { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; font-family: "Jost", sans serif; font-size: 18px; line-height: 36px; padding: 25px 0px!important; } body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container { padding-top: 0px !important; } footer a { color: #617777; } footer a:hover { color: #000; } .footLogo { max-height: 60px; } .footLogo a img { max-height: 60px; width: auto; } .footContact .phone { display: block; width: auto; height: 26px; line-height: 26px; padding-left: 30px; letter-spacing: normal; color: #5d7272; background: url("images/phone.png") no-repeat left center; background-size: 26px; } .footContact .phone:hover { color: #000; background: url("images/phoneHover2.png") no-repeat left center; background-size: 26px; } footer #socialMedia { width: 150px; padding-top: 5px; margin: 0px; } footer #socialMedia p:first-child { margin-left: 0px; } footer #socialMedia #email { background: url("images/emailHover.png") no-repeat center center; background-size: cover; transition: 0.5s ease-in-out all; } footer #socialMedia #email:hover { background: url("images/email.png") no-repeat center center; background-size: cover; } footer #socialMedia #facebook { background: url("images/facebookG.png") no-repeat center center; background-size: cover; } footer #socialMedia #facebook:hover { background: url("images/facebookHover.png") no-repeat center center; background-size: cover; } footer #socialMedia #instagram { background: url("images/instagramG.png") no-repeat center center; background-size: cover; } footer #socialMedia #instagram:hover { background: url("images/instagramHover.png") no-repeat center center; background-size: cover; } footer #socialMedia #pinterest { background: url("images/pinterestG.png") no-repeat center center; background-size: cover; } footer #socialMedia #pinterest:hover { background: url("images/pinterestHover.png") no-repeat center center; background-size: cover; } footer #socialMedia #linkedIn { background: url("images/linkedInG.png") no-repeat center center; background-size: cover; } footer #socialMedia #linkedIn:hover { background: url("images/linkedInHover.png") no-repeat center center; background-size: cover; } footer #socialMedia #youTube { background: url("images/youTubeG.png") no-repeat center center; background-size: cover; } footer #socialMedia #youTube:hover { background: url("images/youTubeHover.png") no-repeat center center; background-size: cover; } footer #socialMedia #twitter { background: url("images/twitterG.png") no-repeat center center; background-size: cover; } footer #socialMedia #twitter:hover { background: url("images/twitterHover.png") no-repeat center center; background-size: cover; } .accessible { padding-right: 15px; } .accessible img.ehoLogo { margin: 0px auto; width: 56px; height: auto; display: block; padding: 0px 0px 0px 0px; clear: both; } .accessible1 img.cocLogo { margin: 0px auto; width: auto; height: 50px; display: block; padding: 0px 0px 0px 3px; clear: both; } footer p.announceSmall { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; font-family: "Jost", sans serif; font-size: 12px; line-height: 18px; color: #000; display: block; clear: both; text-align: center; } .credit { text-align: center; font-family: "Jost", sans serif; font-size: 14px; line-height: normal; padding-bottom: 25px; } @media only screen and ( max-width: 1200px ) { .page-id-49 #et-main-area, .page-id-63 #et-main-area, .page-id-688 #et-main-area, .single #et-main-area, .error404 #et-main-area { padding-top: 75px; } .page-id-49 #et-main-area.announced, .page-id-63 #et-main-area.announced, .page-id-688 #et-main-area.announced, .single #et-main-area.announced, .error404 #et-main-area.announced { padding-top: 115px; } .introSpot .container h2 { font-size: 54px; } .container { width: 95%; margin: 0px auto 0px auto; } .containNews { width: 95%; margin: 0px auto 0px auto; display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; } .containTop { width: 95%; margin: 0px auto 0px auto; padding-top: 35px; padding-bottom: 50px; } .containTopMain { width: 95%; } .wunder, .wunder2, .wunder3, .wunder4, .wunder5, .wunder6 { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch; width: 95%; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; text-align: center; } .blogContain { width: 95%; } .phatArrow, .floatThis .phatArrow { clip-path: polygon(0 0, 100% 0, 100% 150px, 50% 300px, 0 150px, 0 0px); } .navButtons { flex-flow: row wrap; } .navButtons .fill_1, .navButtons .fill_2 { padding: 10px 20px 10px 20px; font-size: 18px; } .navButtons .fill_1 a, .navButtons .fill_2 a { width: 200px; } .newsPage { width: 725px; margin: 0px auto; justify-content: space-between; } .extraTainer { margin: 0px 0px 0px 25px; } .midTainer { width: 725px; margin: 0px auto; } .blogEntry { width: 310px; } } @media only screen and ( max-width: 1185px ) { #mastHead { height: 75px; line-height: 23px; font-weight: 500; top: 0; background-color: #fff; width: 100%; box-shadow: 0 1px 0 rgba(0,0,0,.1); position: fixed; z-index: 9998; font-family: "Crimson Pro", serif; transition: all 0.4s ease-in-out, -webkit-transform 0.4s; } #mastHead.shrink { height: 75px; } #mastHead .container { max-width: none; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; transition: all 0.4s ease-in-out; width: 98%; } a.headLogo { max-width: none; width: 325px; height: 113px; display: block; overflow: hidden; transition: all 0.4s ease-in-out; position: relative; top: -23px; } #mastHead.shrink a.headLogo { width: 325px; transition: all 0.4s ease-in-out; top: -23px; } a.headLogo img { max-width: none; width: 325px; height: auto; display: block; } .stretchHead { width: 320px; max-width: auto; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: flex-end; padding-top: 10px; padding-left: 5px; transition: all 0.4s ease-in-out; } #mastHead.shrink .stretchHead { width: 320px; max-width: auto; padding-top: 10px; transition: all 0.4s ease-in-out; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link { margin: 0px auto; padding: 0 0; text-align: center; } /* Cat added 10/22: */ #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link { line-height: 30px!important; font-size: 22px!important; font-weight: 400!important; color: #555149!important; width: 69px!important; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.rainbow.mega-menu-link:hover span { background: #fff!important; transition: all 0.4s ease-in-out; } /* End addition 10/22 */ #socialMedia { margin-bottom: 7px; } #mega-menu-wrap-primary-menu .mega-menu-toggle { justify-content: flex-end; align-items: flex-end; align-self: flex-end; } #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block { justify-content: flex-end; align-items: flex-end; align-self: flex-end; } #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { margin-right: 0px; } #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated { align-self: flex-end; } .headArrow { height: 400px; clip-path: polygon(0 0, 100% 0, 100% 300px, 50% 400px, 0 300px, 0 0px); padding-top: 50px; } #et-main-area.announced .headArrow { padding-top: 90px; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { text-align: center!important; } footer .container { display: flex; flex-flow: row wrap; justify-content: space-around!important; align-items: center; padding: 25px 0px !important; max-width: 300px!important; } .footLogo { margin: 0px auto 0px auto; } .footLogo a img { max-height: none!important; width: auto!important; } .footAddress, .footContact { margin: 0px auto!important; } .footContact { width: 100%!important; padding-bottom: 10px; clear: both; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .footContact p.phoneBreak { display: block; clear: both; width: 155px; } .footAddress p { line-height: normal; margin-bottom: 5px; text-align: center; } .footHours { width: 100%; clear: both; } .accessible { padding-right: 0px; align-self: center; margin: 0px 0px 0px 0px auto!important; } .credit { max-width: 465px; margin: 0px auto 0px auto; } } @media only screen and ( max-width: 1100px ) { .introFoot .container { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; max-width: 625px; } .awardField, .reviews { margin-bottom: 35px; } .belowTheArrow .container { flex-flow: row wrap; justify-content: space-evenly; max-width: none; } .addressSpot, .hoursBlock { width: 100%; max-width: 235px;} .addressSpot p, .hoursBlock p { margin-left: auto; margin-right: auto; width: 235px; font-size: 20px; line-height: 36px; } /* Until the hours are added: */ .hoursBlock p { padding-bottom: 0px!important; } .hoursBlock #socialMedia p { width: auto; margin: 0px 0px 0px 0px; } /* Until the hours are added: */ .hoursBlock span { font-size: 16px!important; line-height: normal!important; } .hoursBlock #socialMedia .icon { width: 30px; height: 30px; } .logo-block { width: 300px; padding: 10px; } } @media only screen and ( max-width: 1050px ) { #myBtn { font-size: 36px; line-height: 36px; transition: all 0.5s ease-in-out; } .neighborhoodIntro { margin-left: auto; margin-right: auto; width: 600px; } .neighborhoodIntro h3 { line-height: 48px; } .mappies { height: 400px; } .reserve { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; position: relative; z-index: 0; } .walking, .convenience, .schools { width: 100%; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); } .navButtons { flex-flow: row wrap; width: 500px; margin: 0px auto 0px auto; justify-content: center; padding: 0px 0px 0px 0px; } .navButtons .fill_1, .navButtons .fill_6, .navButtons .fill_2 { padding: 10px 10px 10px 10px; font-size: 18px; margin-left: 10px; margin-right: 10px; } .navButtons .fill_1 a, .navButtons .fill_2 a { width: 200px; margin: 0px 0px 0px 0px; } .single .thumbSpot img { height: 200px; } .divvieUp2 { justify-content: center; } } @media only screen and ( max-width: 1000px ) { .neighborhoodBuckets { flex-flow: row wrap; justify-content: space-between; align-items: flex-start; width: 100%; max-width: none; margin: 0px auto 25px auto; } .bucket { width: 80%; max-width: none; margin: 0px auto 0px auto; } .bucket img { width: 100%; max-width: 450px; height: 250px; object-fit: cover; display: block; margin: 15px auto 15px auto; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); border: solid 5px #fff; } .bucket h3 { text-align: center; } .bucket p { width: 95%; max-width: 550px; } } @media only screen and ( max-width: 990px ) { .homeIntro h3 { margin: 0px auto 25px auto; text-align: center; } .fill_1, .fill_2 { margin: 25px auto 0px auto; display: block; } } @media only screen and ( max-width: 980px ) { .et_pb_column { margin-bottom: 0px!important; } } @media only screen and ( max-width: 975px ) { .planMe { height: 800px; } .planMe .backup { height: 800px; clip-path: polygon(0 275px, 50% 350px, 100% 275px, 100% 800px, 0 800px); } .halvies { width: 100%; height: 800px; margin-top: 180px; } .planMe .backup .halvies:nth-child(2) { display: none; } } @media only screen and ( max-width: 935px ) { .belowTheArrow { height: auto; } .hoursBlock #socialMedia p { margin: 0px 0px 0px 0px; } /* Cat added 10/22: DELETE AND MOVE TO BELOW** .addressSpot { order: 1; padding-top: 0px; } .hoursBlock { order: 2; } .logo-block { order: 3; } END MOVE */ .listies li { width: 45%; } } @media only screen and ( max-width: 915px ) { .planFormat { width: 340px; } } /* Cat added 10/22: MARKED AS "BELOW**" */ @media only screen and ( max-width: 810px) { .addressSpot { order: 1; } .home .hoursBlock { order: 2; padding-top: 25px; } .logo-block { order: 3; } } /* END "BELOW**" */ @media only screen and ( max-width: 800px ) { .featureList { width: 97%; } .newsPage { width: 95%; margin: 0px auto; justify-content: space-between; } .extraTainer { margin: 0px 0px 0px 25px; } .midTainer { width: 95%; order: 2; } .newsContainer { padding-bottom: 25px; width: 95%; margin: 0px auto; order: 1; } .extraTainer { justify-content: space-between; width: 250px; margin: 0px auto; order: 3; } .newsBox { margin-bottom: 25px; } } @media only screen and ( max-width: 770px ) { #myBtn { bottom: 10px; font-weight: bold; font-size: 24px; line-height: 24px; border-radius: 5px; transition: all 0.5s ease-in-out; } .fineLine div { width: 45%; } .planMe { height: 800px; } .planMe .backup { height: 800px; clip-path: polygon(0 375px, 50% 450px, 100% 375px, 100% 800px, 0 800px); } .halvies { width: 100%; height: 620px; margin-top: 180px; } .planMe .backup .halvies:nth-child(2) { display: none; } .topArrow { clip-path: polygon(0 0, 100% 0, 100% 50px, 50% 150px, 0 50px, 0 0px); } .divvieUp, .divvieUp2 { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; padding-top: 25px; max-width: 300px; margin: 0px auto; } .tourIt { width: 300px; height: 300px; } } @media only screen and ( max-width: 700px ) { .floatThis { background: none!important; } .apply { width: 300px; margin: 0px auto 0px auto; height: 250px; } .applyTainer { width: 300px; } .buttonField { width: 300px; } .buttonField span.superStuff { width: 300px; } .buttonField span.superStuff span.superInner { width: 300px; } .buttonField span.superStuff span.superInner:before, .buttonField span.superStuff span.superInner:after{ width: 300px; } } @media only screen and ( max-width: 650px ) { #mastHead { height: 45px; line-height: 23px; transition: all 0.4s ease-in-out, -webkit-transform 0.4s; } #mastHead.shrink { height: 45px; transition: all 0.4s ease-in-out; } #mastHead .container { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; transition: all 0.4s ease-in-out; width: 98%; } a.headLogo { max-width: none; width: auto; height: 55px; display: block; overflow: hidden; transition: all 0.4s ease-in-out; position: relative; top: -12px; } #mastHead.shrink a.headLogo { width: auto; transition: all 0.4s ease-in-out; top: -12px; } a.headLogo img { max-width: none; width: auto; height: 70px; display: block; transition: all 0.4s ease-in-out; } .stretchHead { display: flex; flex-flow: row wrap; align-items: flex-start; padding-left: 0px; width: auto; max-width: auto!important; justify-content: space-between; padding-top: 0px; transition: none; } #mastHead.shrink .stretchHead { display: flex; flex-flow: row wrap; align-items: flex-start; padding-left: 0px; width: auto; max-width: auto!important; justify-content: space-between; padding-top: 0px; transition: none; } nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu { display: block; width: 95px; height: auto; padding-top: 7px; } #socialMedia { display: flex; flex-flow: row wrap; align-items: center; position: relative; width: auto; max-width: none!important; justify-content: space-between; padding-top: 7px; transition: all 0.4s ease-in-out; } #socialMedia p { margin: 0px 10px 0px 0px; } #socialMedia p.phoneBreak { display: block; margin: 0px 10px 0px auto; text-align: center; transition: all 0.4s ease-in-out; width: auto; } #socialMedia a.phone { width: 150px; margin: 0px auto 0px auto; } #socialMedia .icon { width: 24px; height: 24px; } .neighborhoodIntro { width: 90%; } .introFoot .container { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: center; width: 95%; max-width: 320px; } .reviews { max-width: 290px; } a.clubCard { margin-top: 25px; margin-bottom: 25px; } .headArrow { height: 450px; clip-path: polygon(0 0, 100% 0, 100% 300px, 50% 450px, 0 300px, 0 0px); padding-top: 25px; } #et-main-area.announced .headArrow { padding-top: 65px; } } @media only screen and ( max-width: 600px ) { #mastHead .container { justify-content: center; align-items: flex-start; } #mastHead { height: 96px; line-height: 23px; transition: all 0.4s ease-in-out, -webkit-transform 0.4s; } #mastHead.shrink { height: 96px; transition: all 0.4s ease-in-out; } a.headLogo { max-width: none; width: auto; height: 70px; display: block; overflow: hidden; transition: all 0.4s ease-in-out; position: relative; top: -12px; } #mastHead.shrink a.headLogo { width: auto; transition: all 0.4s ease-in-out; top: -12px; } a.headLogo img { max-width: none; width: auto; height: 80px; display: block; transition: all 0.4s ease-in-out; } .stretchHead { display: flex; flex-flow: row wrap; align-items: flex-start; padding-left: 0px; width: 100%; max-width: auto!important; justify-content: space-between; padding-top: 0px; transition: none; position: relative; top: -14px; } #mastHead.shrink .stretchHead { display: flex; flex-flow: row wrap; align-items: flex-start; padding-left: 0px; width: 100%; max-width: auto!important; justify-content: space-between; padding-top: 0px; transition: none; } #socialMedia p { margin: 0px 3px 0px 0px; } .mappies { height: 300px; } .phatArrow, .floatThis .phatArrow { clip-path: polygon(0 0, 100% 0, 100% 200px, 50% 300px, 0 200px, 0 0px); } .chatprompt img, .chatprompt svg { width: 60px!important; border-radius: 30px!important; } .respageChatNudgeWrapper { top: 0px!important; } .chatprompt { right: 25px!important; bottom: 25px!important; height: 60px!important; } } @media only screen and ( max-width: 575px ) { .fineLine div { width: 95%; } .planMe { height: 1000px; } .planMe .backup { height: 1000px; clip-path: polygon(0 650px, 50% 725px, 100% 650px, 100% 1000px, 0 1000px); } .halvies { width: 100%; height: 700px; margin-top: 500px; } .planMe .backup .halvies:nth-child(2) { display: none; } .entry-content ul.listies, .entry-content ul.listies2, .entry-content ul.flexieItem { justify-content: center; align-items: center; padding: 0 0 0 0; } .listies li, .listies2 li, .flexieItem li { width: 90%; } .blogContain { align-items: center; } .sortMe { column-count: 1; column-gap: 0; } } @media only screen and ( max-width: 530px ) { .navButtons { flex-flow: row wrap; width: 100%; margin: 0px auto 0px auto; justify-content: center; padding: 0px 0px 0px 0px; } .navButtons .fill_1, .navButtons .fill_2 { padding: 10px 20px 10px 20px; font-size: 20px; } .navButtons .fill_1 a, .navButtons .fill_2 a { width: 250px; margin: 0px 0px 0px 0px; } .page-id-49 .navButtons { width: 100%; } .page-id-49 .navButtons .fill_6 a { width: 250px; margin: 0px 0px 0px 0px; display: block; } .page-id-49 .navButtons .fill_6 { padding: 10px 20px 10px 20px; } .fb_iframe_widget iframe { width: 100%!important; position: relative!important; } } @media only screen and ( max-width: 515px ) { .introSpot .container h2 { font-size: 48px; } .introSpot .container h2 span { margin: 10px auto 0px auto; letter-spacing: normal!important; max-width: 200px; font-size: 20px; display: block; clear: both; line-height: 24px!important; } } @media only screen and ( max-width: 500px ) { .thumbSpot { float: none; margin: 0px auto 25px auto; max-width: 95%; } .single .thumbSpot { margin: -15px auto 15px auto; width: 95%; } .single .thumbSpot img { height: 150px; } .single h1.title { font-size: 24px; line-height: 36px; } .single .alignright, .single .alignrightNew, .single .alignleft, img.alignRight { width: 95%; margin: 15px auto 25px auto; float: none!important; } .entry-content img.alignright, .entry-content img.alignrightNew, .entry-content img.alignleft, .entry-content img.alignrightz { float: none; display: block; width: 95%; margin: 15px auto 25px auto; } .entry-content img.alignrightz { float: none; } .entry-content img.alignleft { margin: 15px auto 25px auto; } .superImage, .superImage2 { float: none; margin: 15px auto 25px auto; display: block; } .speshies { float: none; margin: 0px auto 5px auto; } h3.breakPoint { text-align: center; } h3.breakPoint span { clear: both; width: 100%; display: block; } .questions h3.et_pb_toggle_title { font-size: 18px!important; line-height: 24px!important; } .questions .et_pb_toggle_content { font-size: 16px!important; line-height: 30px!important; } } @media only screen and ( max-width: 450px ) { .entry-content img.alignspecial { margin: 0px auto 15px auto; float: none; width: 282px; max-width: none; } .universalCenter { display: block; margin: 0px auto; width: 282px; } .shadowBox { height: 300px; } } @media only screen and ( max-width: 430px ) { .thumbSpot { float: none; margin: 0px auto 25px auto; max-width: 95%; height: auto; } .page-id-39 .thumbSpot { max-width: 210px; } } @media only screen and ( max-width: 415px ) { .fill_1, .fill_2 { padding: 10px 15px 10px; } .fill_1 a, .fill_2 a { max-width: 200px; } .phatArrow, .floatThis .phatArrow { clip-path: polygon(0 0, 100% 0, 100% 250px, 50% 300px, 0 250px, 0 0px); } .headArrow { height: 400px; clip-path: polygon(0 0, 100% 0, 100% 300px, 50% 400px, 0 300px, 0 0px); padding-top: 25px; } #et-main-area.announced .headArrow { padding-top: 65px; } .newsEntry, .lazyEntry { flex-flow: row wrap; width: 300px; margin: 0px auto 25px auto; } .newsEntry img, .lazyEntry img { margin: 0px auto 15px auto; clear: both; } .excerptBlock h4 { text-align: center; } .newsEntry::after { right: auto; left: 103px; } .topArrow { clip-path: polygon(0 0, 100% 0, 100% 75px, 50% 150px, 0 75px, 0 0px); } } @media only screen and ( max-width: 375px ) { .single .alignright, .single img.alignRight, .single .alignrightNew, .single .alignleft, .single .entry-content img.alignright, .single .entry-content img.alignleft { width: 95%; max-width: 400px; height: auto; margin: 15px auto 15px auto; float: none; display: block; } } @media only screen and ( max-width: 370px ) { #mastHead .container { justify-content: flex-start; } nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu { position: absolute; top: -45px; left: 70%; padding-top: 0px; } #socialMedia { width: 95%; margin: 0px auto 0px auto; } #socialMedia p.phoneBreak { margin: 0px 10px 0px 0px; } .introSpot .container h2 { font-size: 54px; letter-spacing: -1px; } } @media only screen and ( max-width: 350px ) { .headArrow { height: 350px; clip-path: polygon(0 0, 100% 0, 100% 300px, 50% 350px, 0 300px, 0 0px); padding-top: 25px; } #et-main-area.announced .headArrow { padding-top: 65px; } .encaseme h2.begin, .encaseme2 h2.begin { font-size: 24px; } .planFormat { width: 300px; } .page-id-31 .pageIntro h3 { font-size: 30px; line-height: 40px; } .buttonSpot { flex-flow: row wrap; } } @media only screen and ( max-width: 340px ) { .newsEntry, .lazyEntry { flex-flow: row wrap; width: 280px; margin: 0px auto 25px auto; } }