html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0; padding:0; border:0;font-size: 100%;font: inherit;vertical-align: baseline;outline:none;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height: 1;} ol,ul {list-style:none;} blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}table{border-collapse: collapse;border-spacing:0;}a{text-decoration:none;}input,textarea{-webkit-appearance: none;border-radius: 0;outline:none;border:0px;}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp,.pswp__bg,.pswp__scroll-wrap{width:100%;height:100%}.pswp,.pswp__item,.pswp__scroll-wrap{overflow:hidden;top:0;position:absolute;left:0}.pswp,.pswp__bg,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp--touch:not(.pswp--preventswipe) .pswp__button--arrow--left,.pswp--touch:not(.pswp--preventswipe) .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__share-modal,.pswp__share-tooltip,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp{display:none;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp--open,.pswp__button{display:block}.pswp *{box-sizing:border-box}.pswp--animate_opacity{opacity:.001;will-change:opacity;transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{left:0;top:0;background:#000;opacity:0;will-change:opacity;transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{right:0;bottom:0}.pswp__img{width:auto;height:auto;top:0;left:0}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;border:0;padding:0;margin:0;float:right;opacity:.75;transition:opacity .2s;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(/events/images/photoswipe/default-skin.png) no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(/events/images/photoswipe/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;transition:opacity .25s ease-out;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;box-shadow:0 2px 5px rgba(0,0,0,.25);transform:translateY(6px);transition:transform .25s;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__counter,.pswp__preloader{height:44px;top:0;position:absolute}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{left:0;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__preloader{width:44px;left:50%;margin-left:-22px;opacity:0;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(/events/images/photoswipe/preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@keyframes clockwise{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes donut-rotate{0%,100%{transform:rotate(0)}50%{transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.videofigure,.videofigure iframe{width:100%;height:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}.videofigure{display:block;margin:0;padding:0;cursor:pointer;position:relative}.videofigure .youtubeOverlay{background-color:#000;z-index:200;display:block;position:absolute;width:100%;height:100%;opacity:0}.videofigure iframe .ytp-thumbnail-overlay{width:120%;height:120%;margin:auto}.pswp_fullscreen{position:relative;display:block;width:100%;height:100%}.pswp_fullscreen .pswp_iframe_holder{width:1000px;height:700px;display:block;left:50%;top:50%;margin-left:-500px;margin-top:-350px;position:relative}.pswp_fullscreen .pswp_iframe_holder iframe{width:100%;height:100%;border:0}.home .comms{max-width:1000px;margin:30px auto 0}.home .comms .oneCommunity{margin-bottom:20px}.home .comms .oneCommunity a{color:#fff;text-decoration:none;margin-bottom:10px}.gallery .image_collection{max-width:1200px;display:block;position:relative;margin:20px auto}.gallery .image_collection .oneimage{display:inline-block;margin:0 5px 20px}@media only screen and (min-width:48em){.gallery .image_collection .oneimage{width:calc(50% - 20px)}}@media only screen and (min-width:60em){.gallery .image_collection .oneimage{width:32%}}.gallery .image_collection .oneimage figure{display:block;width:100%;margin:0}.gallery .image_collection .oneimage figure img{display:block;width:100%}.gallery .image_collection .oneimage figure figcaption{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.models .modelsbody{min-height:100vh}.models .modelsbody h2,.models .modelsbody h4,.models .modelsbody p{margin:20px}.models .modelsbody .modellist{margin:0 20px}.models .modelsbody .modellist .oneModel,.models .modelsbody .modellist .oneQDH{display:inline-block;margin:0 5px 20px}.models .modelsbody .modellist .oneModel a,.models .modelsbody .modellist .oneQDH a{text-decoration:none;color:#000}@media only screen and (min-width:48em){.models .modelsbody .modellist .oneModel,.models .modelsbody .modellist .oneQDH{width:calc(50% - 20px)}}@media only screen and (min-width:60em){.models .modelsbody .modellist .oneModel,.models .modelsbody .modellist .oneQDH{width:32%}}.models .modelsbody .modellist .oneModel figure,.models .modelsbody .modellist .oneQDH figure{display:block;width:100%;margin:0}.models .modelsbody .modellist .oneModel figure img,.models .modelsbody .modellist .oneQDH figure img{display:block;width:100%}.models .modelsbody .modellist .oneModel figure figcaption,.models .modelsbody .modellist .oneQDH figure figcaption{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid .grid-docs{padding:10px}.grid .grid-docs p{margin-bottom:15px}.grid .grid-div{color:#fff}.grid .grid-div .grid-span{height:100px;padding:20px;margin-bottom:10px}.grid .grid-div .grid-span.bg1{background-color:#900}.grid .grid-div .grid-span.bg2{background-color:#090}.grid .grid-div .grid-span.bg3{background-color:#009}.grid .grid-div .grid-span.bg4{background-color:#999}.siteplans .siteplan_collectiomn{max-width:1200px;display:block;position:relative;margin:20px auto}.siteplans .siteplan_collectiomn .oneplan{width:32%;margin:0 10px 20px 0;display:inline-block;position:relative}.siteplans .siteplan_collectiomn .oneplan figure{display:block;width:100%;margin:0}.siteplans .siteplan_collectiomn .oneplan figure img{display:block;width:100%}.siteplans .siteplan_collectiomn .oneplan figure figcaption{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.siteplans .siteplan_collectiomn .oneplan.interactive_sp{padding-top:30px}.siteplans .siteplan_collectiomn .oneplan .special-callout{display:block!important;opacity:1!important;position:absolute;width:100%;top:0;left:0;padding:6px 0 5px;color:#fff;line-height:1.5em;font-size:1em;text-indent:12px;background:#4885e7;z-index:11}.siteplans .siteplan_slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.siteplans .siteplan_slide .siteplan_container{width:calc(100% - 80px);height:calc(100% - 90px);display:flex;align-items:center;justify-content:center;position:relative}.siteplans .siteplan_slide .siteplan_container img.sp_img{width:auto;height:100%}.siteplans .siteplan_slide .siteplan_container img.sp_img.tooWide{width:100%;height:auto}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-XLight_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-XLight_Web.woff") format("woff");
font-weight: 200;
font-style: normal
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-XLightItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-XLightItalic_Web.woff") format("woff");
font-weight: 200;
font-style: italic
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-LightItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-LightItalic_Web.woff") format("woff");
font-weight: 300;
font-style: italic
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Book_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Book_Web.woff") format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-BookItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-BookItalic_Web.woff") format("woff");
font-weight: 400;
font-style: italic
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: "Gotham Narrow";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-MediumItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-MediumItalic_Web.woff") format("woff");
font-weight: 500;
font-style: italic
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-XLight_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-XLight_Web.woff") format("woff");
font-weight: 200;
font-style: normal
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-XLightItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-XLightItalic_Web.woff") format("woff");
font-weight: 200;
font-style: italic
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Light_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Light_Web.woff") format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-LightItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-LightItalic_Web.woff") format("woff");
font-weight: 300;
font-style: italic
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-BookItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-BookItalic_Web.woff") format("woff");
font-weight: 400;
font-style: italic
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Medium_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Medium_Web.woff") format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: "Gotham";
src: url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-MediumItalic_Web.woff2") format("woff2"),url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-MediumItalic_Web.woff") format("woff");
font-weight: 500;
font-style: italic
}
body { font-family: "Gotham", sans-serif; font-weight: 300; background-color: #e1e1e1; }
.wrapper { width: 100%; max-width: 1200px; margin: 0px auto; background-color: #f8f8f8; }
.content-wrapper { padding: 40px 60px; width: 100%; max-width: 1080px; }
.content-wrapper .content-wrapper { padding-left: 0px; padding-right: 0px; }
.cssAnime { -webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; }
.sprite { background-image: url('/events/images/spritesheet.png'); background-size: 205px 134px; }
div.displayNone { display: none !important; }
header { padding: 25px 60px; overflow: hidden; min-height: 43px; position: relative; }
header .logo { display: block; width: 205px; height: 43px; background-position: 0px 0px; overflow: hidden; text-indent: -999px; float: left; position: absolute; top: 50%; margin-top: -22px; }
header .logo.centered { float: none; margin: 0px auto; position: static; margin-top: 0px; }
header .logo.centered.storybook { float: none; background-image: url('https://cdn.tollbrothers.com/sites/comstorybooknewhomes/sb-logo.png'); background-size: contain; }
header .community-logo { float: right; max-width: 190px; display: inline-block; text-align: right; }
header .community-logo img { display: inline-block; max-width: 190px; }
hr { display: block; width: 100%; height: 22px; background-color: #313131; border: 0px; margin: 0px; }
hr.tablet { display: none; }
.banner { background: url('/events/images/banner-tile.jpg') repeat 0px 0px; position: relative; min-height: 508px; }
.banner img { position: absolute; z-index: 10; display: none; }
.banner img.preloaded { display: block; }
article { color: #6f6f6f; letter-spacing: 0.5px; }
article h1,
article h2 { font-size: 27px; margin-bottom: 35px; line-height: 1.2em; }
article p,
article .event-copy-content { margin-bottom: 24px; line-height: 1.4em; font-size: 17px; }
article ul { margin-bottom: 24px; margin-left: 20px; }
article li { font-size: 17px; color: #6f6f6f; line-height: 1.5em; list-style: disc; margin-left: 18px; padding-left: 1px; }
article a { text-decoration: underline; color: #6f6f6f; }
.page article { padding: 30px; }
/* copy styles */
.center { text-align: center; margin-left: 0px; }
em { font-weight: 600; }
sup { font-size: .6em; display: inline-block; top: -10px; position: relative; }
ul.box,
li.box,
ul.box li { list-type: square; list-style-type: square; }
ul.no-bullet,
li.no-bullet,
ul.no-bullet li { list-type: none !important; list-style-type: none !important; }
ul.split-50 { overflow: hidden; width: 80%; margin-left: 18%; }
ul.split-50 li { float: left; width: 45%; }
ul.center li { margin-left: 0px; }
.community-tabs { padding-top: 0px; }
.pages-nav { overflow: hidden; padding: 5px 8px 0px 8px; background-color: #d7d8da; }
.pages-nav a { display: inline-block; color: #9c9c9d; background-color: #ececed; margin: 0px 3px; float: left; padding: 0px 20px; height: 60px; line-height: 60px; font-size: 17px; border-top: 6px solid #d7d8da; }
.pages-nav a.on,
.pages-nav a:hover { background-color: #ffffff; color: #434343; }
.pages-nav a .sprite { display: none; float: right; width: 20px; height: 10px; background-position: -90px -124px; margin-top: 25px; }
.pages-nav.singular { display: none; }
.pages-wrapper { margin-top: 18px; position: relative; margin-bottom: 35px; }
.page-sub-nav { background-color: #ebebec; padding: 5px 6px; overflow: hidden; margin-bottom: 6px; }
.page-sub-nav a { display: inline-block; color: #9c9c9d; height: 35px; line-height: 38px; padding: 0px 13px; font-size: 16px; }
.page-sub-nav a:hover,
.page-sub-nav a.on { background-color: #ffffff; color: #434343; }
.page-sub-nav a .pin-icon { display: block; float: left; background-position: 0px -116px; width: 11px; height: 15px; margin: 9px 10px 0px 0px; }
.page-sub-nav a .list-icon { display: block; float: left; background-position: -14px -116px; width: 17px; height: 16px; margin: 9px 9px 0px 0px; }
.page { display: none; background: none; }
.page.loading { display: block; min-height: 350px; }
.page.on { display: block; min-height: 0px; background: #f8f8f8; position: relative; z-index: 100; }
.pages-wrapper .ajax-loader { width: 33px; height: 33px; background: url('/events/images/spritesheet.png') no-repeat -80px -235px; position: absolute; z-index: 50; left: 50%; top: 48%; margin-left: -16px; -webkit-animation-name: rotate; -webkit-animation-duration: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 0.8s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: linear; }
@-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
@-moz-keyframes rotate { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} }
@keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);} }
h2.singular-tab { color: #434343; font-size: 20px; line-height: 1.2em; background-color: #e4e5e6; padding-left: 22px; letter-spacing: 0.8px; padding-top: 25px; padding-bottom: 23px; }
.sub-page { overflow: hidden; display: none; }
.sub-page.on { display: block; }
.sub-page.image-style a { display: block; }
.sub-page.image-style img { width: 100%; }
.gallery-container { overflow: hidden; }
.gallery-image { float: left; width: 23%; margin: 10px 1%; height: 160px; display: block; background-size: cover; }
/* community listings */
.listing { float: left; width: 348px; margin-right: 18px; margin-bottom: 35px; background-color: #fbfbfb; -webkit-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); }
.listing.no-margin { margin-right: 0px; }
.listing-image { background: #d8d8d8; position: relative; width: 100%; height: 238px; display: block; overflow: hidden; }
.listing-image img {
position: absolute; z-index: 2; left: -40px; top: 0px; width: 125%; opacity: 1.0;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listing-image .listing-gradient {
display: block; padding-left: 5%; position: absolute; z-index: 3; width: 95%; height: 52px; left: 0px; bottom: 0px; background-position: 0px -180px; background-size: 410px 268px;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listing-image .listing-headline {
display: block; font-size: 16px; font-weight: 400; line-height: 1.2em; padding-left: 5%; color: #ffffff; position: absolute; left: 0px; bottom: 13px; z-index: 4;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.listing-image:hover img { opacity: 0.9; }
.listing-image .icon { left: 50%; top: 50%; margin-left: -20px; margin-top: -16px; display: block; width: 41px; height: 33px; background: url('/events/images/spritesheet.png') no-repeat -124px -235px; position: absolute; z-index: 1; }
.listing.loaded .listing-image .icon { display: none; }
.listing ul { padding: 17px 17px 10px 17px; }
.listing ul li { color: #595959; font-size: 14.5px; font-weight: 300; line-height: 1.0em; padding-bottom: 4px; }
.listing ul li em { font-weight: 400; color: #303030; }
.listing ul li a { color: #595959; }
.listing nav { padding: 2px 17px 12px 17px; overflow: hidden; }
.listing nav span { color: #666; vertical-align: middle; font-size: 10.5px; }
.listing nav a { color: #303030; font-size: 11.5px; font-weight: 400; vertical-align: middle; }
.listing nav a.small_btn { display: inline-block; padding: 6px 19px 5px 19px; border: 4px solid #595959; }
.listing nav a.contact_osc { background-color: #595959; color: #ffffff; float: right; }
.listing nav a.small_btn:hover { text-decoration: none; }
.listing nav a:hover { text-decoration: underline; }
.listing-clear { clear: both; }
.clear-both { clear: both; }
.listing.qdhSearchListing li { font-size: 0px; padding-bottom: 6px; line-height: 14.5px; }
.listing.qdhSearchListing li .col1 { font-size: 14.5px; display: inline-block; vertical-align: top; min-width: 100px; }
.listing.qdhSearchListing li .col2 { font-size: 14.5px; width: calc(100% - 100px); vertical-align: top; display: inline-block; }
.listing.qdhSearchListing li a { color: #4a85af; }
.listing.qdhSearchListing li a.btnbtn { display: block; color: #fff; font-size: 15px; padding: 14px; background-color: #3083be; text-align: center; }
.listing.qdhSearchListing li a.btnbtn:hover { background-color: #2d75a8; }
.listing-image .ribbon {
display: block;
position: absolute;
z-index: 10;
color: #fff;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
width: 100%;
left: 0px;
top: 0px;
padding: 8px;
text-align: center;
-webkit-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #004978;
}
.listing.qdhSearchListing ul li .stat {
display: inline-block;
vertical-align: top;
text-align: center;
width: 25%;
font-size: 11px;
}
.listing.qdhSearchListing ul li .stat em {
font-size: 18px;
font-weight: 500;
display: block;
padding-top: 3px;
}
/* event maps */
#map-tool-tip { display: none; font-size: 0.65em; color: #444444; max-width: 220px; line-height: 1.1em; position: fixed; z-index: 900; background-color: #ffffff; padding: 10px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.46); }
#map-tool-tip span { display: block; margin-bottom: 3px; line-height: 1.0em; }
#map-tool-tip .title { font-size: 12px; font-weight: 400; }
#map-tool-tip .clickhere { margin-bottom: 0px !important; margin-top: 9px; }
.google-map { width: 100%; height: 580px; position: relative; z-index: 1; }
#info-window { overflow: hidden; white-space: nowrap; font-size: 0.85em; color: #444444; line-height: 1.1em; max-width: 350px; }
#info-window h6 { margin-bottom: 8px; }
.info-window-title { font-weight: 600; color: #444444; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.info-window-title:hover { color: #777777; }
#info-window em { font-weight: 600; color: #444444; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.info-window-image { position: relative; display: block; overflow: hidden; width: 170px; height: 95px; float: left; }
.info-window-image img { position: absolute; width: 100%; }
#info-window p { clear: both; padding-top: 10px; font-weight: 400; white-space: normal !important; line-height: 1.2em; }
#info-window ul { margin-left: 184px; }
#info-window ul li { padding-bottom: 2px; white-space: normal !important; }
#info-window ul li a { color: #444444; }
#info-window nav { float: right; padding-top: 8px; }
#info-window nav a { font-size: 1.05em; font-weight: 600; color: #444444; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
#info-window nav a:hover { color: #777777; }
.info-window-btn { border-top: 10px solid #fff; display: block; text-align: center; font-weight: 400; font-size: 1.05em; color: #ffffff; background-color: #4e73be; clear: both; height: 40px; line-height: 40px; }
.info-window-btn:hover { background-color: #4565a7; }
.state-listings { padding: 50px; text-align: center; color: #6f6f6f; font-size: 15px; line-height: 1.4em; letter-spacing: 1px; }
.state-listings a { text-decoration: none; color: #6f6f6f; letter-spacing: 0px; display: inline-block; position: relative; margin: 0px 10px; }
.state-listings a:before { content: ""; display: block; position: absolute; left: -12px; top: 3px; width: 1px; height: 14px; background-color: #9f9f9f; }
.state-listings a:first-child:before,
.state-listings a.nodivider:before { display: none; }
section.form { overflow: hidden; padding-top: 0px; margin-top: -10px; }
section.form article { float: left; width: 38%; }
section.form form { float: right; width: 54.5%; }
section.form form fieldset.left { float: left; width: 48%; }
section.form form fieldset.right { float: right; width: 48%; }
form input[type="text"],
form input[type="email"] { margin-top: 0px; color: #000000; font-family: "Gotham", sans-serif; font-weight: 300; background-color: #e6e6e6; font-size: 15px; padding: 12px 5%; width: 90%; margin-bottom: 8px; }
form textarea { margin-top: 0px; color: #717171; height: 110px; font-family: "Gotham", sans-serif; font-weight: 300; background-color: #e6e6e6; font-size: 15px; padding: 12px 5%; width: 90%; margin-bottom: 8px; }
form textarea.on { color: #000000; }
form input[type="text"]:hover,
form input[type="text"]:focus,
form input[type="email"]:hover,
form input[type="email"]:focus,
form textarea:hover,
form textarea:focus { background-color: #e0e0e0; }
form input[type="submit"] { margin-top: 0px; cursor: pointer; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; width: 100%; font-weight: 300; height: 52px; text-align: center; line-height: 52px; font-size: 23px; color: #d9e4f3; background-color: #4673bc; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; -webkit-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0.5px 0.5px 0px rgba(0,0,0,0.2); font-family: "Gotham", sans-serif; }
form input[type="submit"]:hover { background-color: #3d64a3; }
form .errors { text-align: center; color: #a97777; font-size: 13px; padding-top: 5px; display: none; }
form .privacy { font-size: 13px; float: right; text-align: left; color: #818181; margin-top: 4px; margin-bottom: 10px; }
form .privacy a { text-decoration: underline; color: #000; }
form input[type="text"].invalid,
form input[type="email"].invalid,
form textarea.invalid { background-color: #f6dfe3; }
form input[type="text"].invalid:hover,
form input[type="text"].invalid:focus,
form input[type="email"].invalid:hover,
form input[type="email"].invalid:focus,
form textarea.invalid:hover,
form textarea.invalid:focus { background-color: #edd7db; }
.form form h2 { color: #6f6f6f; letter-spacing: 0.5px; font-size: 27px; margin-bottom: 13px; line-height: 1.2em; }
.form form p.thankyou { color: #6f6f6f; letter-spacing: 0.5px; margin-bottom: 24px; line-height: 1.4em; font-size: 17px; }
footer { background-color: #5e6268; padding: 45px 0px; }
footer .disclaimer { font-size: 11px; color: #fafafa; margin: 0px 38px; line-height: 1.3em; margin-bottom: 65px; }
footer .logo { display: block; width: 205px; height: 43px; background-position: 0px -44px; overflow: hidden; text-indent: -999px; margin: 0px auto 65px auto; }
footer .logo.centered.storybook { float: none; background: url('https://cdn.tollbrothers.com/sites/comstorybooknewhomes/sb-footer-logo.png') no-repeat; background-size: contain; }
footer nav { text-align: center; font-size: 14px; color: #fafafa; letter-spacing: 1px; line-height: 1.25em; }
footer nav a { color: #fafafa; text-decoration: underline; }
/* sub pages */
body.subpage { background-color: #f8f8f8; padding: 30px; }body.subpage hr { height: 1px; margin: 30px 0px; background-color: #c1c1c1; } body.subpage article a { color: #4673bc; } body.subpage article strong { font-weight: 400; color: #5f5f5f; }
@media only screen and (max-width: 1200px) {
article ul { margin-left: 3%; width: 94%; }
header { padding: 25px 5%; }
.content-wrapper { padding: 40px 5%; width: 90%; }
.community-tabs { padding-top: 0px; }
.banner { min-height: 0px; }
hr.tablet { display: block; }
.listing { width: 32%; margin-right: 2%; }
.listing-image { height: 185px; }
.listing-image img { left: -17px; width: 110%; }
.listing nav .qdh { display: none; }
.gallery-image { height: 15vw; }
section.content-wrapper.community-tabs { width: 100%; padding: 40px 10px; margin: 0px auto; box-sizing: border-box; }
}
@media only screen and (max-width: 1050px) {
.listing-image img { width: 135%; left: -16%; }
.listing nav a.small_btn { padding: 6px 7px 5px 7px; }
}
@media only screen and (max-width: 980px) {
section.form article { float: none; width: 100%; }
section.form form { float: none; width: 100%; }
}
@media only screen and (max-width: 860px) {
ul.split-50 { width: 94%; margin-left: 3%; }
.pages-nav a { font-size: 15px; }
}
@media only screen and (max-width: 815px) {
.pages-nav { padding: 5px 8px 10px 8px; }
.pages-nav a.on .sprite { display: block; }
.listing { margin-right: 0px; width: 48%; }
.listing.even-listing { margin-right: 4%; }
.listing-clear { display: none; }
.listing-image img { width: 115%; left: -6%; }
.google-map { height: 340px; }
.listing nav a.small_btn { padding: 6px 13px 5px 13px; }
.gallery-image { width: 31.333%; height: 20vw; }
.listing.clear-both { clear: none; }
.listing.even-listing { clear: left; }
.state-listings { overflow: hidden; padding: 40px 20px; }
.state-listings a { margin: 0px 0px; text-align: center; width: 33%; float: left; font-size: 13px; }
.state-listings a:before { display: none; }
.pages-nav a {
display: block; float: none;
height: auto;
line-height: 20px;
padding: 18px 50px 18px 20px;
position: relative;
}
.pages-nav a .sprite {
position: absolute;
float: none;
margin-top: -5px;
right: 20px;
top: 50%;
}
}
@media only screen and (max-width: 670px) {
.listing-image img { width: 135%; left: -16%; }
}
@media only screen and (max-width: 600px) {
header .logo { margin: 0px auto; float: none; position: static; }
header .community-logo { margin: 15px auto 0px auto; float: none; display:block; text-align: center; width: 100%; }
.listing { width: 348px; margin: 25px auto !important; float: none; }
.listing-image { background: #d8d8d8; position: relative; width: 100%; height: 238px; display: block; overflow: hidden; }
.listing-image img { position: absolute; z-index: 2; left: -40px; top: 0px; width: 125%; opacity: 1.0; }
section.form form fieldset.left,
section.form form fieldset.right { width: 100%; float: none; }
.listing nav a.small_btn { padding: 6px 14px 5px 14px; }
}
@media only screen and (max-width: 550px) {
.mobile-hide { display: none; }
ul.split-50 li { float: none; width: auto; }
.info-window-image { display: none; }
#info-window ul { margin-left: 0px; }
#info-window nav,
#info-window p { display: none; }
h2.singular-tab { font-size: 17px; }
}
@media only screen and (max-width: 350px) {
.listing { width: 100%; }
.listing-image { height: 190px; }
}