/* NYC - Global Modules Styles ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .module, .module-header, .module-content { position: relative; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .module { margin-top: 20px; margin-bottom: 40px; } #main > .row:last-child .module { margin-bottom: 0px; } .module .module-header { margin-bottom: 30px; overflow: hidden; *zoom: 1; } .module .module-header h2, .module .module-header .module-title { font-size: 36px; line-height: 1; font-weight: bold; letter-spacing: -2px; margin: 0px; padding-bottom: 3px; float: left; max-width: 75%; } .module .module-header h2.centered, .module .module-header .module-title.centered { float: none; text-align: center; max-width: 100%; } .module .module-header .button-link, .module .module-header .button-link-arrow { float: right; margin-top: 3px; margin-left: 5px; } .module-content { margin: 0px; } /* text styles */ .small-label { text-transform: uppercase !important; font-size: 12px !important; line-height: 1; font-weight: bold !important; } .link-arrow-white:after { content: url("../../../assets/img/global/link-arrow-white.png"); width: 5px; height: 8px; float: right; margin: 0 0 0 10px; } .link-arrow-green:before { content: url("../../../assets/img/global/link-arrow-green-left.png"); width: 5px; height: 8px; float: left; margin: 0 10px 0 0; } /* mobile */ @media only screen and (min-width: 320px) and (max-width: 630px) { .module .module-header h2.centered, .module .module-header .module-title.centered { text-align: left; } .module .desktop, .module .tablet { display: none !important; } .module .mobile { display: block !important; } .module .inline.mobile { display: inline !important; } } /* tablet */ @media only screen and (min-width: 631px) and (max-width: 767px) { .module .desktop, .module .mobile { display: none !important; } .module .tablet { display: block !important; } .module .inline.tablet { display: inline !important; } } /* mobile/ tablet */ @media only screen and (max-width: 767px) { .module { margin-top: 40px; margin-bottom: 20px; } #home .module { background: #fff; } #main > .row:last-child .module { margin-bottom: 0px; } .module .module-header { margin-bottom: 20px; } .module .module-header h2, .module .module-header .module-title { font-size: 18px; line-height: 1; letter-spacing: -1px; max-width: 100%; white-space: nowrap; } .module .module-header h2 span.arrow-link.black-link, .module .module-header h2 a.arrow-link.black-link, .module .module-header h2 a.arrow-link.black-link:link, .module .module-header h2 a.arrow-link.black-link:visited, .module .module-header .module-title span.arrow-link.black-link, .module .module-header .module-title a.arrow-link.black-link, .module .module-header .module-title a.arrow-link.black-link:link, .module .module-header .module-title a.arrow-link.black-link:visited { padding-right: 12px; background-position: 100% 65%; background-image: url(../../../assets/img/global/link-arrow-black-sm.png); } .module .module-header h2 span.arrow-link.black-link:hover, .module .module-header h2 span.arrow-link.black-link:active, .module .module-header h2 a.arrow-link.black-link:hover, .module .module-header h2 a.arrow-link.black-link:active, .module .module-header .module-title span.arrow-link.black-link:hover, .module .module-header .module-title span.arrow-link.black-link:active, .module .module-header .module-title a.arrow-link.black-link:hover, .module .module-header .module-title a.arrow-link.black-link:active { background-image: url(../../../assets/img/global/link-arrow-blue-sm.png); } } /* tablet */ @media only screen and (min-width: 768px) and (max-width: 959px) { .module .desktop, .module .mobile { display: none !important; } .module .tablet { display: block !important; } .module .inline.tablet { display: inline !important; } } /* desktop */ @media only screen and (min-width: 960px) { .module .mobile, .module .tablet { display: none !important; } .module .desktop { display: block !important; } .module .inline.desktop { display: inline !important; } } /* hide mobile, tablet content always in IE7 */ .lt-ie8 .module .mobile, .lt-ie8 .module .tablet { display: none !important; } /*show desktop content always in IE7 */ .lt-ie8 .module .desktop { display: block !important; } /* NYC - Global Modules Styles ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /* line 11, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module, .module-header, .module-content { position: relative; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* line 20, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module { margin-top: 20px; margin-bottom: 40px; } /* line 26, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ #main > .row:last-child .module { margin-bottom: 0px; } /* line 30, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header { margin-bottom: 30px; overflow: hidden; *zoom: 1; } /* line 34, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2, .module .module-header .module-title { font-size: 36px; line-height: 1; font-weight: bold; letter-spacing: -2px; margin: 0px; padding-bottom: 3px; float: left; max-width: 75%; } /* line 45, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2.centered, .module .module-header .module-title.centered { float: none; text-align: center; max-width: 100%; } /* line 51, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header .button-link, .module .module-header .button-link-arrow { float: right; margin-top: 3px; margin-left: 5px; } /* line 58, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module-content { margin: 0px; } /* text styles */ /* line 65, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .small-label { text-transform: uppercase !important; font-size: 12px !important; line-height: 1; font-weight: bold !important; } /* line 74, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .link-arrow-white:after { content: url("../../../assets/img/global/link-arrow-white.png"); width: 5px; height: 8px; float: right; margin: 0 0 0 10px; } /* line 82, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .link-arrow-green:before { content: url("../../../assets/img/global/link-arrow-green-left.png"); width: 5px; height: 8px; float: left; margin: 0 10px 0 0; } /* mobile */ @media only screen and (min-width: 320px) and (max-width: 630px) { /* line 95, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2.centered, .module .module-header .module-title.centered { text-align: left; } /* line 101, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .desktop, .module .tablet { display: none !important; } /* line 105, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .mobile { display: block !important; } /* line 108, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .inline.mobile { display: inline !important; } } /* tablet */ @media only screen and (min-width: 631px) and (max-width: 767px) { /* line 119, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .desktop, .module .mobile { display: none !important; } /* line 123, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .tablet { display: block !important; } /* line 126, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .inline.tablet { display: inline !important; } } /* mobile/ tablet */ @media only screen and (max-width: 767px) { /* line 133, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module { margin-top: 40px; margin-bottom: 20px; } /* line 137, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ #home .module { background: transparent; } /* line 141, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ #main > .row:last-child .module { margin-bottom: 0px; } /* line 145, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header { margin-bottom: 20px; } /* line 148, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2, .module .module-header .module-title { font-size: 18px; line-height: 1; letter-spacing: -1px; max-width: 100%; white-space: nowrap; } /* line 157, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2 span.arrow-link.black-link, .module .module-header h2 a.arrow-link.black-link, .module .module-header h2 a.arrow-link.black-link:link, .module .module-header h2 a.arrow-link.black-link:visited, .module .module-header .module-title span.arrow-link.black-link, .module .module-header .module-title a.arrow-link.black-link, .module .module-header .module-title a.arrow-link.black-link:link, .module .module-header .module-title a.arrow-link.black-link:visited { padding-right: 12px; background-position: 100% 65%; background-image: url(../../../assets/img/global/link-arrow-black-sm.png); } /* line 165, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .module-header h2 span.arrow-link.black-link:hover, .module .module-header h2 span.arrow-link.black-link:active, .module .module-header h2 a.arrow-link.black-link:hover, .module .module-header h2 a.arrow-link.black-link:active, .module .module-header .module-title span.arrow-link.black-link:hover, .module .module-header .module-title span.arrow-link.black-link:active, .module .module-header .module-title a.arrow-link.black-link:hover, .module .module-header .module-title a.arrow-link.black-link:active { background-image: url(../../../assets/img/global/link-arrow-blue-sm.png); } } /* tablet */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* line 177, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .desktop, .module .mobile { display: none !important; } /* line 181, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .tablet { display: block !important; } /* line 184, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .inline.tablet { display: inline !important; } } /* desktop */ @media only screen and (min-width: 960px) { /* line 194, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .mobile, .module .tablet { display: none !important; } /* line 198, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .desktop { display: block !important; } /* line 201, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .module .inline.desktop { display: inline !important; } } /* hide mobile, tablet content always in IE7 */ /* line 210, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .lt-ie8 .module .mobile, .lt-ie8 .module .tablet { display: none !important; } /*show desktop content always in IE7 */ /* line 214, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/modules.scss */ .lt-ie8 .module .desktop { display: block !important; } /* NYC - Subheader ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /* line 10, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader { background-color: #0a5796; padding: 23px 0; color: #fff; } /* line 14, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader.centered { margin: 0 auto; } /* line 17, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .breadcrumbs { font-size: 14px; } /* line 19, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .breadcrumbs a { color: #fff; } /* line 23, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .button-faqs-subheader { color: #fff; float: right; font-size: 14px; font-weight: bold; margin-top: 22px; } /* line 30, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .main-title { font-size: 48px; letter-spacing: -1px; margin: 2px 0 0 0; float: left; } /* line 36, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row { width: 100%; overflow: hidden; *zoom: 1; } /* line 39, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.dos { width: 97.916666666667%; margin-left: 26.041666666667%; } /* line 46, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.dos a.main-filter-category, .subheader .subheader-button-row.dos a.main-filter-category:link, .subheader .subheader-button-row.dos a.main-filter-category:visited, .subheader .subheader-button-row.dos a.main-filter-category:hover, .subheader .subheader-button-row.dos a.main-filter-category:active { width: 23.404255319149%; margin-right: 2.234042553191%; } /* line 51, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.tercio { width: 100%; margin-left: 13.541666666667%; } /* line 58, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.tercio a.main-filter-category, .subheader .subheader-button-row.tercio a.main-filter-category:link, .subheader .subheader-button-row.tercio a.main-filter-category:visited, .subheader .subheader-button-row.tercio a.main-filter-category:hover, .subheader .subheader-button-row.tercio a.main-filter-category:active { width: 23.404255319149%; margin-right: 2.127659574468%; } /* line 68, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.quatro a.main-filter-category, .subheader .subheader-button-row.quatro a.main-filter-category:link, .subheader .subheader-button-row.quatro a.main-filter-category:visited, .subheader .subheader-button-row.quatro a.main-filter-category:hover, .subheader .subheader-button-row.quatro a.main-filter-category:active { width: 23.404255319149%; margin-right: 2.127659574468%; } /* line 71, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.quatro a.main-filter-category:last-child, .subheader .subheader-button-row.quatro a.main-filter-category:link:last-child, .subheader .subheader-button-row.quatro a.main-filter-category:visited:last-child, .subheader .subheader-button-row.quatro a.main-filter-category:hover:last-child, .subheader .subheader-button-row.quatro a.main-filter-category:active:last-child { margin-right: 0%; } /* line 79, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader a.main-filter-category, .subheader a.main-filter-category:link, .subheader a.main-filter-category:visited { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; font-weight: bold; font-size: 18px; text-align: center; border: 1px solid transparent; line-height: 51px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #1771b7; width: 23.404255319149%; margin-right: 2.083333333333%; float: left; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); /* gradient overlay */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%); background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%); } /* line 105, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader a.main-filter-category:hover, .subheader a.main-filter-category:active, .subheader a.main-filter-category.active { border: 1px solid #fff; background-color: #059; background-image: none; } /* line 110, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader ul.subheader-links { bottom: 0; font-size: 14px; list-style-type: none; margin: 0; position: absolute; } /* line 116, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader ul.subheader-links li { display: inline; } /* line 118, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader ul.subheader-links li a, .subheader ul.subheader-links li a:link { color: #fff; } @media only screen and (max-width: 479px) { /* line 133, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .bg-shadow { display: block; position: relative; top: 0; } /* line 139, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .main-title { letter-spacing: 0; font-size: 20px; line-height: 26px; } } @media only screen and (min-width: 480px) and (max-width: 640px) and (-webkit-device-pixel-ratio: 1) { /* line 149, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .main-title { font-size: 36px; } } @media only screen and (max-width: 767px) { /* line 154, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader { padding: 13px 0; } /* line 161, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader a.main-filter-category, .subheader a.main-filter-category:link, .subheader a.main-filter-category:visited, .subheader a.main-filter-category:hover, .subheader a.main-filter-category:active, .subheader a.main-filter-category.active { width: 46.071428571429%; font-size: 16px; line-height: 33px; } /* line 166, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row { width: 100%; margin: 0px; } /* line 169, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.dos { margin-left: 3.5714285714285%; } /* line 176, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.dos a.main-filter-category, .subheader .subheader-button-row.dos a.main-filter-category:link, .subheader .subheader-button-row.dos a.main-filter-category:visited, .subheader .subheader-button-row.dos a.main-filter-category:hover, .subheader .subheader-button-row.dos a.main-filter-category:active, .subheader .subheader-button-row.dos a.main-filter-category.active { float: left; width: 42.857142857143%; margin-right: 7.142857142857%; } /* line 180, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.dos a.main-filter-category:last-child, .subheader .subheader-button-row.dos a.main-filter-category:link:last-child, .subheader .subheader-button-row.dos a.main-filter-category:visited:last-child, .subheader .subheader-button-row.dos a.main-filter-category:hover:last-child, .subheader .subheader-button-row.dos a.main-filter-category:active:last-child, .subheader .subheader-button-row.dos a.main-filter-category.active:last-child { margin-right: 0%; } /* line 185, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.tercio { margin-left: 0%; } /* line 192, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.tercio a.main-filter-category, .subheader .subheader-button-row.tercio a.main-filter-category:link, .subheader .subheader-button-row.tercio a.main-filter-category:visited, .subheader .subheader-button-row.tercio a.main-filter-category:hover, .subheader .subheader-button-row.tercio a.main-filter-category:active, .subheader .subheader-button-row.tercio a.main-filter-category.active { float: left; width: 46.071428571429%; margin-right: 7.85714285714199%; } /* line 196, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.tercio a.main-filter-category:nth-child(2), .subheader .subheader-button-row.tercio a.main-filter-category:link:nth-child(2), .subheader .subheader-button-row.tercio a.main-filter-category:visited:nth-child(2), .subheader .subheader-button-row.tercio a.main-filter-category:hover:nth-child(2), .subheader .subheader-button-row.tercio a.main-filter-category:active:nth-child(2), .subheader .subheader-button-row.tercio a.main-filter-category.active:nth-child(2) { margin: 0 0 10px 0; } /* line 207, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.quatro a.main-filter-category, .subheader .subheader-button-row.quatro a.main-filter-category:link, .subheader .subheader-button-row.quatro a.main-filter-category:visited, .subheader .subheader-button-row.quatro a.main-filter-category:hover, .subheader .subheader-button-row.quatro a.main-filter-category:active, .subheader .subheader-button-row.quatro a.main-filter-category.active { width: 46.4285714285715%; margin-right: 7.142857142857%; } /* line 210, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .subheader-button-row.quatro a.main-filter-category:nth-child(2), .subheader .subheader-button-row.quatro a.main-filter-category:link:nth-child(2), .subheader .subheader-button-row.quatro a.main-filter-category:visited:nth-child(2), .subheader .subheader-button-row.quatro a.main-filter-category:hover:nth-child(2), .subheader .subheader-button-row.quatro a.main-filter-category:active:nth-child(2), .subheader .subheader-button-row.quatro a.main-filter-category.active:nth-child(2) { margin: 0 0 10px 0; } } @media only screen and (max-width: 880px) { /* line 223, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .subheader .button-faqs-subheader { display: none; } } /* line 238, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader h1 { line-height: 55px; } /* line 243, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row .main-filter-category.active { line-height: 51px; width: 23.020833333333% !important; } /* line 248, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.dos { width: 100%; margin-left: 26.041666666667%; } /* line 256, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:link, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:visited, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:hover, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active { width: 23.404255319149%; margin-right: 2.234042553191%; } /* line 259, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:link.active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:visited.active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:hover.active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:active.active, .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active.active { width: 23.020833333333% !important; margin-right: 2.234042553191%; } /* line 265, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.tercio { width: 100%; margin-left: 13.541666666667%; } /* line 273, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category, .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:link, .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:visited, .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:hover, .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:active, .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category.active { width: 23.404255319149%; margin-right: 2.127659574468%; display: inline-block; } /* line 279, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.quatro { width: 100%; } /* line 286, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:link, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:visited, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:hover, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:active, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category.active { width: 23%; margin-right: 1.9%; } /* line 289, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/subheader.scss */ .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:last-child, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:link:last-child, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:visited:last-child, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:hover:last-child, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:active:last-child, .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category.active:last-child { margin: 0px; } /* NYC - Three One One Footer ------------------- */ /* line 6, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .ie7 .row-three-one-one-footer { overflow: hidden; } /* line 11, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter { background-color: #fff200 !important; padding: 0 0 25px 0; margin-top: 0px; margin-bottom: 0px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { /* line 11, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter { padding-bottom: 0; } } /* line 22, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header { padding-top: 30px; margin-bottom: 0; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { /* line 22, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header { margin-left: 10px; padding: 0; text-align: left; } } /* line 31, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2 { font-size: 24px !important; line-height: 1 !important; min-height: 35px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { /* line 31, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2 { display: inline-block; margin: 19px 0 7px 0; } } /* line 40, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2 span.ico-three-one-one { padding-left: 40px; padding-bottom: 8px; background: url("../../../assets/img/global/ico-311.png"); background-position: 0 0px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2) { /* line 40, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2 span.ico-three-one-one { background-image: url("../../../assets/img/global/ico-311@x2.png"); background-size: 31px 31px; background-position: 0 0px; background-repeat: no-repeat; } } @media only screen and (max-width: 497px) { /* line 40, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2 span.ico-three-one-one { float: left; text-align: left; white-space: nowrap; } } @media only screen and (max-width: 630px) { /* line 62, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter .module-header h2.centered { text-align: center !important; } } /* line 70, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { float: left; display: block; color: #000; margin-right: 2.083333333333%; width: 22.340425531915%; font-weight: bold; text-decoration: none; border-bottom: 1px solid #dfd11b; padding: 18px 0 18px 10px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (max-width: 479px) { /* line 70, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { width: 96%; } } @media only screen and (min-width: 480px) and (max-width: 599px) { /* line 70, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { width: 46.652174%; } } @media only screen and (min-width: 600px) and (max-width: 767px) { /* line 70, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { width: 30%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { /* line 70, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { width: 30.555555555556%; } } /* line 99, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:hover { background-color: #f1e21d; color: #000; } @media only screen and (max-width: 479px) { /* line 105, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a { margin-right: 0; } /* line 109, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:nth-child(n+6) { display: none; } /* line 113, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:first-child { border-top: 1px solid #dfd11b; } /* line 117, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:last-child { border-bottom: none; } } @media only screen and (min-width: 480px) and (max-width: 599px) { /* line 123, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:nth-child(2n+0) { margin-right: 0; } } @media only screen and (min-width: 599px) and (max-width: 767px) { /* line 129, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:nth-child(3n+0) { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 959px) { /* line 135, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:nth-child(3n+0) { margin-right: 0; } } @media only screen and (min-width: 960px) { /* line 141, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:nth-child(4n+0) { margin-right: 0; } } /* line 146, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .ie7 .module-threeoneonefooter { margin-bottom: 0 !important; position: relative; } /* line 151, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .ie7 footer { margin: 0 !important; } /* line 155, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .ie7 .module-threeoneonefooter a { width: 21%; } /* line 159, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .ie7 .module-threeoneonefooter .module-header h2 { padding: 10px 0 10px 0; } /* line 164, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/three-one-one-footer.scss */ .module-threeoneonefooter a:active, .module-threeoneonefooter a:visited { color: #000; } /* NYC - Horizontal Stats Row ------------------- */ /* line 5, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number { float: left; } /* line 8, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .mod-title { letter-spacing: -2px; padding-bottom: 15px; } @media (max-width: 767px) { /* line 8, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .mod-title { font-size: 24px; } } /* line 15, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .column { float: left; margin: 0 1%; text-align: center; } /* line 20, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .column.span2 { margin: 0 2% 30px 0; } @media (max-width: 767px) { /* line 20, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .column.span2 { width: 48%; } } /* line 26, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .column.span2:last-child { margin: 0; } /* line 29, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .columns:last-child { float: right; margin: 0; } /* line 33, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-number { font-size: 54px; line-height: 54px; display: block; font-weight: 300; letter-spacing: -3px; margin-bottom: 10px; width: 100%; } @media (max-width: 930px) { /* line 33, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-number { margin-bottom: 2px; font-size: 44px; line-height: 44px; } } @media (max-width: 767px) { /* line 33, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-number { margin-bottom: 2px; font-size: 44px; line-height: 44px; } } /* line 52, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-number sup { font-size: 34px; margin: 0 3px 0 3px; } @media (max-width: 930px) { /* line 52, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-number sup { font-size: 28px; } } /* line 60, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-description { font-size: 14px; display: block; line-height: 18px; width: 100%; } @media (max-width: 767px) { /* line 60, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/by-the-number.scss */ .module-by-the-number .stats-description { width: 60%; margin: auto; font-size: 13px; } } /* NYC - Horzintal Button Row ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /* line 8, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/button-row.scss */ .button-row { margin: 10px 0 10px 0; } /* line 12, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/button-row.scss */ .button-row a { display: block; background-color: #1771b7; color: #fff; padding: 20px; font-weight: bold; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-bottom: 2px solid #11578e; } @media (min-width: 320px) and (max-width: 630px) { /* line 12, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source../../../assets/css/modules/button-row.scss */ .button-row a { border: 1px solid red; } } /* Default styling for jQuery Datepicker v4.1.0. */ .datepick { background-color: #fff; color: #000; border: 1px solid #444; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-family: Arial,Helvetica,Sans-serif; font-size: 90%; } .datepick-rtl { direction: rtl; } .datepick-popup { z-index: 1000; } .datepick-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); } .datepick a { color: #fff; text-decoration: none; } .datepick a.datepick-disabled { color: #888; cursor: auto; } .datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #fcc; border: none; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-weight: bold; } .datepick-nav, .datepick-ctrl { float: left; width: 100%; background-color: #000; color: #fff; font-size: 90%; font-weight: bold; } .datepick-ctrl { background-color: #600; } .datepick-cmd { width: 30%; } .datepick-cmd:hover { background-color: #777; } .datepick-ctrl .datepick-cmd:hover { background-color: #f08080; } .datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; } a.datepick-cmd { height: 1.5em; } button.datepick-cmd { text-align: center; } .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2%; } .datepick-cmd-current, .datepick-cmd-today { float: left; width: 35%; text-align: center; } .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; } .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; } .datepick-month-nav { float: left; background-color: #777; text-align: center; } .datepick-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .datepick-month-nav span { color: #888; } .datepick-month-row { clear: left; } .datepick-month { float: left; width: 15em; border: 1px solid #444; text-align: center; } .datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 1.5em; background-color: #444; color: #fff; font-weight: bold; } .datepick-month-header select, .datepick-month-header input { height: 1.4em; border: none; font-size: 100%; } .datepick-month-header input { position: absolute; display: none; } .datepick-month table { width: 100%; border-collapse: collapse; } .datepick-month thead { border-bottom: 1px solid #aaa; } .datepick-month th, .datepick-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; } .datepick-month th { border: 1px solid #777; } .datepick-month th, .datepick-month th a { background-color: #777; color: #fff; } .datepick-month td { background-color: #eee; border: 1px solid #aaa; } .datepick-month td.datepick-week { border: 1px solid #777; } .datepick-month td.datepick-week * { background-color: #777; color: #fff; border: none; } .datepick-month a { display: block; width: 100%; padding: 0.125em 0em; background-color: #eee; color: #000; text-decoration: none; } .datepick-month span { display: block; width: 100%; padding: 0.125em 0em; } .datepick-month td span { color: #888; } .datepick-month td .datepick-other-month { background-color: #fff; } .datepick-month td .datepick-weekend { background-color: #ddd; } .datepick-month td .datepick-today { background-color: #f0c0c0; } .datepick-month td .datepick-highlight { background-color: #f08080; } .datepick-month td .datepick-selected { background-color: #777; color: #fff; } .datepick-month th.datepick-week { background-color: #777; color: #fff; } .datepick-status { clear: both; background-color: #ddd; text-align: center; } .datepick-clear-fix { clear: both; } /* */ /* NYC - Alphabet Nav ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .module.module-alphabet-nav { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; /* mobile */ } .module.module-alphabet-nav .module-contentrow { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; background-color: #efefef; border-bottom: 2px solid #ccc; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module.module-alphabet-nav .module-contentrow ul { list-style-type: none; margin: 0; padding: 0; } .module.module-alphabet-nav .module-contentrow div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .module.module-alphabet-nav .module-contentrow .header { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; } .module.module-alphabet-nav .module-contentrow .header h5 { font-size: 14px; text-transform: uppercase; color: #666; line-height: 10px; margin-left: 10px; } .module.module-alphabet-nav .module-contentrow .links { width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; border-left: 1px solid #ccc; } .module.module-alphabet-nav .module-contentrow .links li { text-align: center; float: left; margin-top: 5px; width: 2.84%; margin-right: 1%; margin-bottom: 5px; } .module.module-alphabet-nav .module-contentrow .links li:first-child { margin-left: 1%; } .module.module-alphabet-nav .module-contentrow .links li:last-child { margin-right: 0%; } .module.module-alphabet-nav .module-contentrow .links li a { font-size: 14px; font-weight: bold; } .module.module-alphabet-nav .module-contentrow .links li a.empty, .module.module-alphabet-nav .module-contentrow .links li a.filtered-out { color: #666 !important; cursor: default; } @media only screen and (max-width: 767px) { .module.module-alphabet-nav { width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 0px; } .module.module-alphabet-nav .module-contentrow { width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; border-bottom: none; border-right: none; margin-top: 0px; margin-right: 0px; } .module.module-alphabet-nav .module-contentrow .header { display: none; } .module.module-alphabet-nav .module-contentrow .links { width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module.module-alphabet-nav .module-contentrow .links ul { margin: 0px; width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module.module-alphabet-nav .module-contentrow .links ul li { float: none; margin-right: 0px; width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module.module-alphabet-nav .module-contentrow .links ul li a { text-align: center; width: 100%; float: left; margin-right: 25%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } } .lt-ie8 .module.module-alphabet-nav .module-contentrow .header { width: 24.9%; } .lt-ie8 .module.module-alphabet-nav .module-contentrow .links { width: 74.8%; } .lt-ie9 .module.module-alphabet-nav .module-contentrow .links ul li { float: left; width: 2.8%; margin-right: 1%; } .lt-ie9 .module.module-alphabet-nav .module-contentrow .links ul li:first-child { margin-left: 0%; } .lt-ie9 .module.module-alphabet-nav .module-contentrow .links ul li:last-child { margin-right: 0%; } .lt-ie8 .module.module-alphabet-nav .module-contentrow .links ul li.last { margin-right: 0%; } /* .lt-ie9 .module.module-alphabet-nav { .module-contentrow { width: 940px; .header {} .links { // outline: 1px solid black !important; ul { li { float: left; width: 2.84%; margin-right: 1%; // outline: 1px solid magenta !important; } li:first-child { margin-left: 0%; } // li:first-child { margin-left: 1%;} li:last-child { margin-right: 0%} } } } } */ @media only screen and (max-width: 767px) { .lt-ie9 .module.module-alphabet-nav .module-contentrow .links { width: 100%; overflow: hidden; *zoom: 1; } .lt-ie9 .module.module-alphabet-nav .module-contentrow .links ul { width: 100%; overflow: hidden; *zoom: 1; } .lt-ie9 .module.module-alphabet-nav .module-contentrow .links ul li { margin-right: 0px; width: 100%; overflow: hidden; *zoom: 1; } } /* NYC - BOOKER ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /* * Yellow column with black links */ .module-three-one-one-menu .three-one-one-logo, .module-three-one-one-menu-yellow .three-one-one-logo { width: 51px; height: 51px; background: transparent url(../../../assets/img/global/ico-311-51x51.png) no-repeat 0px 0px; } @media (-webkit-min-device-pixel-ratio: 2) { .module-three-one-one-menu .three-one-one-logo, .module-three-one-one-menu-yellow .three-one-one-logo { background-image: url("../../../assets/img/global/ico-311-51x51@x2.png"); background-size: 51px 51px; background-repeat: no-repeat; } } .module-three-one-one-menu #booker-links, .module-three-one-one-menu-yellow #booker-links { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; overflow: hidden; *zoom: 1; padding: 0px 10px; background-color: #fff200; position: relative; z-index: 200; } .module-three-one-one-menu #booker-links a.button-link-arrow.black-link, .module-three-one-one-menu #booker-links a.button-link-arrow.black-link:link, .module-three-one-one-menu #booker-links a.button-link-arrow.black-link:visited, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link:link, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link:visited { text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; line-height: 46px; text-indent: 10px; text-decoration: none; border: 2px solid #000; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding: 0px; margin-bottom: 5px; background-image: url(../../../assets/img/global/link-arrow-white-withoffset11.png); background-position: right 48%; } .module-three-one-one-menu #booker-links a.button-link-arrow.black-link:hover, .module-three-one-one-menu #booker-links a.button-link-arrow.black-link:active, .module-three-one-one-menu #booker-links a.button-link-arrow.black-link.active, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link:hover, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link:active, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link.active { background-image: url(../../../assets/img/global/link-arrow-black-withoffset11.png); background-color: transparent; color: #000; text-decoration: none; } .module-three-one-one-menu #booker, .module-three-one-one-menu-yellow #booker { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; height: 423px; position: absolute; left: -100%; top: 0%; display: none; z-index: 100; } .module-three-one-one-menu #booker *, .module-three-one-one-menu-yellow #booker * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .module-three-one-one-menu #booker .close-button, .module-three-one-one-menu-yellow #booker .close-button { position: absolute; right: 6px; top: 6px; z-index: 10; } .module-three-one-one-menu #booker .loader, .module-three-one-one-menu-yellow #booker .loader { position: absolute; left: 73%; top: 48%; z-index: 10; } .module-three-one-one-menu #booker .button-link-arrow.black-link:hover, .module-three-one-one-menu #booker .button-link-arrow.black-link:active, .module-three-one-one-menu-yellow #booker .button-link-arrow.black-link:hover, .module-three-one-one-menu-yellow #booker .button-link-arrow.black-link:active { color: #fff; } .module-three-one-one-menu #booker .inside, .module-three-one-one-menu-yellow #booker .inside { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; height: 405px; z-index: 0; -webkit-box-shadow: 0px 12px 20px -18px rgba(70, 70, 70, 0.8); -moz-box-shadow: 0px 12px 20px -18px rgba(70, 70, 70, 0.8); -ms-box-shadow: 0px 12px 20px -18px rgba(70, 70, 70, 0.8); box-shadow: 0px 12px 20px -18px rgba(70, 70, 70, 0.8); /* #booker-complaint */ /* booker-status */ /* booker-address */ } .module-three-one-one-menu #booker .inside .request-container, .module-three-one-one-menu-yellow #booker .inside .request-container { width: 100%; padding-left: 23.72881%; height: 405px; display: none; position: relative; } .module-three-one-one-menu #booker .inside .request-container .left-col, .module-three-one-one-menu #booker .inside .request-container .right-col, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col { height: 100%; padding-top: 35px; padding-bottom: 20px; padding-left: 20px; display: inline; position: relative; overflow: hidden; float: left; } .module-three-one-one-menu #booker .inside .request-container .left-col .content, .module-three-one-one-menu #booker .inside .request-container .right-col .content, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content { width: 100%; height: 100%; padding-bottom: 20px; position: relative; overflow-y: auto; word-wrap: break-word; text-wrap: normal; overflow-wrap: break-word; } .module-three-one-one-menu #booker .inside .request-container .left-col .content h6:first-child, .module-three-one-one-menu #booker .inside .request-container .right-col .content h6:first-child, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h6:first-child, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h6:first-child { margin-top: 0px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content h4, .module-three-one-one-menu #booker .inside .request-container .right-col .content h4, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h4, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h4 { font-size: 20px; font-weight: bold; margin-bottom: 17px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content h6, .module-three-one-one-menu #booker .inside .request-container .left-col .content h6 label, .module-three-one-one-menu #booker .inside .request-container .right-col .content h6, .module-three-one-one-menu #booker .inside .request-container .right-col .content h6 label, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h6, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h6 label, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h6, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h6 label { font-size: 20px; font-weight: bold; } .module-three-one-one-menu #booker .inside .request-container .left-col .content h6, .module-three-one-one-menu #booker .inside .request-container .right-col .content h6, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h6, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h6 { color: #000; margin-bottom: 5px; overflow: hidden; *zoom: 1; } .module-three-one-one-menu #booker .inside .request-container .left-col .content h6 label, .module-three-one-one-menu #booker .inside .request-container .right-col .content h6 label, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content h6 label, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content h6 label { color: #333; margin-bottom: 0px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content .recaptcha_widget_div td, .module-three-one-one-menu #booker .inside .request-container .left-col .content #recaptcha_table td { background:none !important; } .module-three-one-one-menu #booker .inside .request-container .left-col .content .recaptcha_widget, .module-three-one-one-menu #booker .inside .request-container .right-col .content .recaptcha_widget, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content .recaptcha_widget, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content .recaptcha_widget { overflow: hidden; *zoom: 1; } .module-three-one-one-menu #booker .inside .request-container .left-col .content p, .module-three-one-one-menu #booker .inside .request-container .right-col .content p, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content p, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content p { font-size: 16px; line-height: 22px; color: #333; } .module-three-one-one-menu #booker .inside .request-container .left-col .content hr, .module-three-one-one-menu #booker .inside .request-container .right-col .content hr, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content hr, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content hr { margin-top: 15px; margin-bottom: 20px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul { list-style: none; margin: 0px 0px 30px 0px; } .module-three-one-one-menu #booker .inside .request-container .right-col .content ul, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul{ margin-top:30px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul li, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul li, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul li, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul li { display: block; margin-bottom: 15px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.discs, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.discs, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.discs, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.discs { list-style-type: disc; margin: 0px 0px 30px 20px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.discs li, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.discs li, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.discs li, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.discs li { display: list-item; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.web_actions li, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.web_actions li, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.web_actions li, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.web_actions li { margin-bottom: 5px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.web_actions li p, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.web_actions li p, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.web_actions li p, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.web_actions li p { margin-bottom: 5px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.faq li, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.faq li, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.faq li, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.faq li { margin-bottom: 5px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.faq li p, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.faq li p, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.faq li p, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.faq li p { margin-bottom: 5px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list { margin-left: 25px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li { margin-bottom: 20px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li h6, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li h6, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li h6, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li h6 { margin: 0px; position: relative; left: -25px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li h6 span, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li h6 span, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li h6 span, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li h6 span { font-size: 20px; font-weight: bold; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li h6 span label, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li h6 span label, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li h6 span label, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li h6 span label { display: inline-block; position: relative; top: -20px; margin-bottom: -20px; left: 25px; float: left; text-align: left; letter-spacing: 0; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li p, .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li input, .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li span, .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li div, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li p, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li input, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li span, .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li div, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li p, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li input, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li span, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li div, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li p, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li input, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li span, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li div { font-size: 16px; line-height: 20px; font-weight: normal; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li input[type=text], .module-three-one-one-menu #booker .inside .request-container .right-col .content ul.ordered-list li input[type=text], .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ul.ordered-list li input[type=text], .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ul.ordered-list li input[type=text] { float: none !important; } .module-three-one-one-menu #booker .inside .request-container .left-col .content input[type=text], .module-three-one-one-menu #booker .inside .request-container .right-col .content input[type=text], .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input[type=text], .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input[type=text] { width: 100%; float: left; margin-right: 7.14286%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; border: 2px solid #ccc; height: 40px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content input:-moz-placeholder, .module-three-one-one-menu #booker .inside .request-container .right-col .content input:-moz-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input:-moz-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input:-moz-placeholder { color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content input:-ms-input-placeholder, .module-three-one-one-menu #booker .inside .request-container .right-col .content input:-ms-input-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input:-ms-input-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input:-ms-input-placeholder { color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content input::-webkit-input-placeholder, .module-three-one-one-menu #booker .inside .request-container .right-col .content input::-webkit-input-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input::-webkit-input-placeholder, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input::-webkit-input-placeholder { color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select, .module-three-one-one-menu #booker .inside .request-container .right-col .content select, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select { width: 100%; float: left; margin-right: 7.14286%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; height: 35px; margin-bottom: 20px; padding-top: 5px; word-wrap: normal; text-wrap: normal; overflow-wrap: normal; font-weight: bold; font-size: 16px; color: #000; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select option, .module-three-one-one-menu #booker .inside .request-container .right-col .content select option, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option { width: auto; position: relative; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select.primary, .module-three-one-one-menu #booker .inside .request-container .left-col .content label.primary, .module-three-one-one-menu #booker .inside .request-container .right-col .content select.primary, .module-three-one-one-menu #booker .inside .request-container .right-col .content label.primary, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select.primary, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content label.primary, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select.primary, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content label.primary { display: block; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select.secondary, .module-three-one-one-menu #booker .inside .request-container .left-col .content label.secondary, .module-three-one-one-menu #booker .inside .request-container .right-col .content select.secondary, .module-three-one-one-menu #booker .inside .request-container .right-col .content label.secondary, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select.secondary, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content label.secondary, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select.secondary, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content label.secondary { display: none; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select option[disabled], .module-three-one-one-menu #booker .inside .request-container .left-col .content select option:disabled, .module-three-one-one-menu #booker .inside .request-container .right-col .content select option[disabled], .module-three-one-one-menu #booker .inside .request-container .right-col .content select option:disabled, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option[disabled], .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option:disabled, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option[disabled], .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option:disabled { color: #000; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select option, .module-three-one-one-menu #booker .inside .request-container .left-col .content select option:not(:checked), .module-three-one-one-menu #booker .inside .request-container .right-col .content select option, .module-three-one-one-menu #booker .inside .request-container .right-col .content select option:not(:checked), .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option:not(:checked), .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option:not(:checked) { color: #666; } .module-three-one-one-menu #booker .inside .request-container .left-col .content select option:checked, .module-three-one-one-menu #booker .inside .request-container .left-col .content select option[checked], .module-three-one-one-menu #booker .inside .request-container .right-col .content select option:checked, .module-three-one-one-menu #booker .inside .request-container .right-col .content select option[checked], .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option:checked, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select option[checked], .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option:checked, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select option[checked] { color: #000 !important; } .module-three-one-one-menu #booker .inside .request-container .left-col .content label, .module-three-one-one-menu #booker .inside .request-container .right-col .content label, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content label, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content label { font-size: 20px; font-weight: bold; color: #000; padding-bottom: 15px; margin-bottom: 0px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content label.small-label, .module-three-one-one-menu #booker .inside .request-container .right-col .content label.small-label, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content label.small-label, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content label.small-label { padding-bottom: 0px; margin-bottom: 5px; cursor: default; margin-left:0px; } .module-three-one-one-menu #booker .inside .request-container .left-col .content button[type="reset"], .module-three-one-one-menu #booker .inside .request-container .left-col .content button[type="reset"]:link, .module-three-one-one-menu #booker .inside .request-container .left-col .content button[type="reset"]:visited, .module-three-one-one-menu #booker .inside .request-container .right-col .content button[type="reset"], .module-three-one-one-menu #booker .inside .request-container .right-col .content button[type="reset"]:link, .module-three-one-one-menu #booker .inside .request-container .right-col .content button[type="reset"]:visited, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content button[type="reset"], .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content button[type="reset"]:link, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content button[type="reset"]:visited, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content button[type="reset"], .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content button[type="reset"]:link, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content button[type="reset"]:visited { background: transparent; border: none; color: #1771b7; } .module-three-one-one-menu #booker .inside .request-container .left-col .content button[type="reset"]:hover, .module-three-one-one-menu #booker .inside .request-container .left-col .content button[type="reset"]:active, .module-three-one-one-menu #booker .inside .request-container .right-col .content button[type="reset"]:hover, .module-three-one-one-menu #booker .inside .request-container .right-col .content button[type="reset"]:active, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content button[type="reset"]:hover, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content button[type="reset"]:active, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content button[type="reset"]:hover, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content button[type="reset"]:active { color: #0a5796; } .module-three-one-one-menu #booker .inside .request-container .left-col, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col { width: 32%; padding-right: 5px; border-right: 1px solid #ccc; background-color: #e5e5e5; } .module-three-one-one-menu #booker .inside .request-container .left-col .content, .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content { padding-right: 15px; } .module-three-one-one-menu #booker .inside .request-container .right-col, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col { padding-right: 10px; width: 68%; background-color: #fff; background-image: url(../../../assets/img/global/nyc_gray.png); background-repeat: no-repeat; background-position: center center; } .module-three-one-one-menu #booker .inside .request-container .right-col.populated, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col.populated { background-image: none; } .module-three-one-one-menu #booker .inside .request-container .right-col h5.booker-cta, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col h5.booker-cta { font-weight: bold; font-size: 20px; line-height: 22px; color: #000; text-align: center; position: relative; top: 42%; } .module-three-one-one-menu #booker .inside .request-container .right-col .content, .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content { padding-right: 20px; background: #fff; } .module-three-one-one-menu #booker .inside .request-container.half-and-half .left-col, .module-three-one-one-menu #booker .inside .request-container.half-and-half .right-col, .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .left-col, .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .right-col { width: 50%; } .module-three-one-one-menu #booker .inside .request-container.half-and-half .right-col .content, .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .right-col .content { background: transparent; } .module-three-one-one-menu #booker .inside .request-container.left-white .left-col, .module-three-one-one-menu-yellow #booker .inside .request-container.left-white .left-col { background-color: #fff; } .module-three-one-one-menu #booker .inside .request-container.left-white .right-col, .module-three-one-one-menu-yellow #booker .inside .request-container.left-white .right-col { background-color: #e5e5e5; background-image: none; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .small-label, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .small-label { margin-top: 25px; margin-bottom: 0px; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset { margin-top: 15px; margin-bottom: 15px; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset img, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset img { width: 57.62712%; float: left; margin-right: 1.69492%; display: inline; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset > div, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset > div { width: 40.67797%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding-left: 10px; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset h6, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset h6 { margin-top: 0px; margin-bottom: 0px; font-size: 16px; font-weight: bold; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset .event-detail, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset .event-detail { margin-top: 0px; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset .event-detail .small-label, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset .event-detail .small-label { margin-top: 0px; margin-bottom: 10px; } .module-three-one-one-menu #booker .inside #booker-complaint .right-col .inform-inset .event-detail .event-url, .module-three-one-one-menu-yellow #booker .inside #booker-complaint .right-col .inform-inset .event-detail .event-url { width: 57.62712%; float: left; margin-right: 1.69492%; display: inline; } .module-three-one-one-menu #booker .inside #booker-status .left-col ul li p, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul li p { margin-bottom: 5px; } .module-three-one-one-menu #booker .inside #booker-status .left-col ul li a, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul li a { font-size: 14px; font-weight: normal; } .module-three-one-one-menu #booker .inside #booker-status .left-col ul li .speaker-button, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul li .speaker-button { position: relative; top: -5px; } .module-three-one-one-menu #booker .inside #booker-status .left-col ul li .button-link-arrow, .module-three-one-one-menu #booker .inside #booker-status .left-col ul li button[type="reset"], .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul li .button-link-arrow, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul li button[type="reset"] { margin-top: 20px; } .module-three-one-one-menu #booker .inside #booker-status .left-col img, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col img { margin-bottom: 10px; } .module-three-one-one-menu #booker .inside #booker-status .left-col #booker-check-status-captcha, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col #booker-check-status-captcha { width: 64.28571%; float: left; margin-right: 7.14286%; display: inline; float: left; margin-right: 1.69492%; *margin-left: auto; color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside #booker-status .left-col #booker-check-status-captcha ::-webkit-input-placeholder, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col #booker-check-status-captcha ::-webkit-input-placeholder { color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside #booker-status .left-col #booker-check-status-captcha :-moz-placeholder, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col #booker-check-status-captcha :-moz-placeholder { /* Firefox 18- */ color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside #booker-status .left-col #booker-check-status-captcha ::-moz-placeholder, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col #booker-check-status-captcha ::-moz-placeholder { /* Firefox 19+ */ color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside #booker-status .left-col #booker-check-status-captcha :-ms-input-placeholder, .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col #booker-check-status-captcha :-ms-input-placeholder { color: #666; font-weight: bold; font-size: 14px; } .module-three-one-one-menu #booker .inside #booker-status .right-col h6, .module-three-one-one-menu-yellow #booker .inside #booker-status .right-col h6 { margin-bottom: 25px; } .module-three-one-one-menu #booker .inside #booker-address .right-col h6, .module-three-one-one-menu-yellow #booker .inside #booker-address .right-col h6 { margin-bottom: 17px; } .module-three-one-one-menu #recaptcha_area { position:relative; left:-26px; } .module-three-one-one-menu #booker-links { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 405px; } .module-three-one-one-menu #booker-links .three-one-one-logo { margin: 19px auto 15px; } .module-three-one-one-menu #booker-links a.arrow-link.black-link.small { font-weight: normal; font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 10px; padding-left: 8px; padding-right: 15px; background-position: 87% 73%; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; margin: 0px auto 10px; width: 65px; clear: both; } .module-three-one-one-menu #booker { top: 0px; } .module-three-one-one-menu #booker .inside { background: #fff; } .module-three-one-one-menu #booker .inside .request-container { background-color: #e5e5e5; } .module-three-one-one-menu-yellow #booker-links { margin-right: -1em; padding-right: 1em; border-right: 1px solid #e4d61c; } .module-three-one-one-menu-yellow #booker-links :last-child { margin-bottom: 0px !important; } .module-three-one-one-menu-yellow #booker { top: 41px; } .module-three-one-one-menu-yellow #booker .inside { background: transparent; } .module-three-one-one-menu-yellow #booker .inside .request-container { background-color: transparent; } .lt-ie8 .module-three-one-one-menu #booker, .lt-ie8 .module-three-one-one-menu-yellow #booker { width: 940px; height: 405px; } .lt-ie8 .module-three-one-one-menu #booker .inside, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside { width: 940px; height: 405px; border-bottom: 1px solid #e5e5e5; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container { width: 717px; height: 405px; padding-left: 222px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col { height: 350px; overflow-x: visible; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content { position: static; overflow-x: hidden; clear: both; word-wrap: normal; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content label, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content label, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content label, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content label { word-wrap: normal; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content input, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content select, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content input, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content select, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select { width: 90%; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content select, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content select, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content select, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content select { height: auto; padding-top: 0px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content input[type=text], .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content input[type=text], .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content input[type=text], .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content input[type=text] { height: 28px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content hr, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content hr, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content hr, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content hr { width: 90%; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content ol, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content ol, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content ol, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content ol { list-style-type: decimal; margin-left: 20px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col { width: 206px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .left-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .left-col .content { width: 187px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col { width: 455px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container .right-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container .right-col .content { width: 440px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .left-col, .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .right-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .left-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .right-col { width: 332.46875px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .left-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .left-col { width: 333px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .left-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .left-col .content { width: 313px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .right-col, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .right-col { width: 328px; } .lt-ie8 .module-three-one-one-menu #booker .inside .request-container.half-and-half .right-col .content, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside .request-container.half-and-half .right-col .content { width: 313px; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-status .left-col ul.ordered-list li h6, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul.ordered-list li h6 { position: static; left: 0px; margin-left: -20px; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-status .left-col ul.ordered-list li h6 span, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul.ordered-list li h6 span { display: block; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-status .left-col ul.ordered-list li h6 span label, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul.ordered-list li h6 span label { display: inline; position: static; left: 0px; top: 0px; margin-top: -20px; margin-left: 20px; width: 90%; float: none !important; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-status .left-col ul.ordered-list li .speaker-button, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul.ordered-list li .speaker-button { position: static; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-status .left-col ul.ordered-list li button[type=submit], .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-status .left-col ul.ordered-list li button[type=submit] { margin-right: 10px; } .lt-ie8 .module-three-one-one-menu #booker .inside #booker-address .left-col #booker-address-form-number, .lt-ie8 .module-three-one-one-menu #booker .inside #booker-address .left-col #booker-address-form-street, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-address .left-col #booker-address-form-number, .lt-ie8 .module-three-one-one-menu-yellow #booker .inside #booker-address .left-col #booker-address-form-street { width: 82%; } .lt-ie8 .module-three-one-one-menu #booker-links { width: 202px; margin-right: 20px; } .lt-ie8 .module-three-one-one-menu-yellow #booker-links { width: 202px; padding-bottom: 1px; margin-right: 20px; } /* mobile */ @media only screen and (min-width: 320px) and (max-width: 630px) { .module-three-one-one-menu-yellow #booker-links { margin-bottom: 10px; } } /* mobile */ @media only screen and (max-width: 767px) { .module-three-one-one-menu #booker-links, .module-three-one-one-menu-yellow #booker-links { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: both; } .module-three-one-one-menu #booker-links a.button-link-arrow.black-link, .module-three-one-one-menu-yellow #booker-links a.button-link-arrow.black-link { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu #booker-links { margin-bottom: 20px; } .module-three-one-one-menu-yellow #booker-links { padding-right: 0px; padding-left: 0px; margin-bottom: 10px; border-right: none; } } /* tablet */ /* tablet */ @media only screen and (min-width: 768px) and (max-width: 959px) { .module-three-one-one-menu #booker-links, .module-three-one-one-menu-yellow #booker-links { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; } .module-three-one-one-menu #booker .inside .request-container, .module-three-one-one-menu-yellow #booker .inside .request-container { padding-left: 32.20339%; } } /* tablet landscape and desktop */ @media only screen and (max-width: 959px) { #booker { display: none !important; } } /* tablet landscape and desktop */ .module-three-one-one-menu .recaptcha_only_if_privacy { display:none !important; } .module-three-one-one-menu .recaptcha_input_area { margin-left:0 !important; } .module-three-one-one-menu .recaptcha_input_area input#recaptcha_response_field { padding:5px !important; font-size:14px; font-weight:bold !important; } .module-three-one-one-menu .recaptcha_input_area input#recaptcha_response_field:focus { font-weight:normal !important; } .module-three-one-one-menu #check-status-form .button-link-arrow { position: relative !important; left: -14px !important; } .module-three-one-one-menu-yellow .booker-address-select-suggested.hidden, .module-three-one-one-menu-yellow .booker-address-label-suggested.hidden, .module-three-one-one-menu .booker-address-select-suggested.hidden, .module-three-one-one-menu .booker-address-label-suggested.hidden { display:none !important; } /* addon */ .module-three-one-one-menu #booker .inside .request-container .left-col .content h6 { padding-right: 20px !important; } .module-three-one-one-menu #booker .inside .request-container .left-col .content ul.ordered-list li input { font-size: 14px; } #breadcrumb-arrows { display: block; width: 100%; margin: 20px 0 20px 0; } #breadcrumb-arrows ul { list-style: none; } #breadcrumb-arrows .crumbs { display: block; } #breadcrumb-arrows .crumbs li { display: inline; padding-top: 5px; } #breadcrumb-arrows .crumbs li.first { padding-left: 8px; } #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { color: #666; display: block; float: left; margin-left: -43px; padding: 17px 115px 17px 115px; position: relative; text-decoration: none; position: relative; } @media only screen and (max-width: 985px) { #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { padding: 17px 90px 17px 90px; } } @media only screen and (max-width: 879px) { #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { padding: 19px 79px 19px 79px; } } @media only screen and (max-width: 770px) { #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { padding: 17px 55px 17px 55px; } } @media only screen and (max-width: 767px) { #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { padding: 20px 35px 20px 25px; margin-left: -23px; } } @media only screen and (max-width: 479px) { #breadcrumb-arrows .crumbs li a, #breadcrumb-arrows .crumbs li a:link, #breadcrumb-arrows .crumbs li a:visited { padding: 20px 31px 20px 31px; margin-left: -23px; } } #breadcrumb-arrows .crumbs li.first a { margin-left: -27px; } #breadcrumb-arrows .crumbs li.first a strong, #breadcrumb-arrows .crumbs li.first a .subtitle { position: relative; left: -5px; } #breadcrumb-arrows .crumbs li a { background-image: url("../../../assets/img/global/bg-breadcrumb-arrow.png"); background-repeat: no-repeat; background-position: 100% 0; position: relative; text-align: center; } @media only screen and (max-width: 767px) { #breadcrumb-arrows .crumbs li a { background-image: url("../../../assets/img/global/bg-breadcrumb-arrow-mobile.png"); } } #breadcrumb-arrows .crumbs li a strong { display: block; } #breadcrumb-arrows .crumbs li a .subtitle { color: #666; } @media only screen and (max-width: 767px) { #breadcrumb-arrows .crumbs li a .subtitle { display: none; } } #breadcrumb-arrows .crumbs li a:hover { color: #333; cursor: pointer; } #breadcrumb-arrows .crumbs li a:hover strong { color: #1771b7; } #breadcrumb-arrows .crumbs li a.active { color: #333; background-position: 100% -85px; position: relative; top: 0px; } @media only screen and (max-width: 767px) { #breadcrumb-arrows .crumbs li a.active { background-position: 100% -59px; top: -1px; } } #breadcrumb-arrows .crumbs li a.active span.subtitle { color: #000; } #breadcrumb-arrows .crumbs li.first a span.border, #breadcrumb-arrows .crumbs li a.active span.border { height: 73px; width: 3px; border-left: 1px solid #d9d9d9; position: absolute; top: 1px; left: 0px; } @media only screen and (max-width: 767px) { #breadcrumb-arrows .crumbs li.first a span.border, #breadcrumb-arrows .crumbs li a.active span.border { height: 57px; } } /* NYC - Horizontal Stats Row ------------------- */ .module-by-the-number { float: left; } .module-by-the-number .mod-title { letter-spacing: -2px; padding-bottom: 15px; } @media (max-width: 767px) { .module-by-the-number .mod-title { font-size: 24px; } } .module-by-the-number .column { float: left; margin: 0 1%; text-align: center; } .module-by-the-number .column.span2 { margin: 0 2% 30px 0; } @media (max-width: 767px) { .column.span2 { width: 48%; } } .module-by-the-number .column.span2:last-child { margin: 0; } .module-by-the-number .columns:last-child { float: right; margin: 0; } .module-by-the-number .stats-number { font-size: 54px; line-height: 54px; display: block; font-weight: 300; letter-spacing: -3px; margin-bottom: 10px; width: 100%; } @media (max-width: 930px) { .module-by-the-number .stats-number { margin-bottom: 2px; font-size: 44px; line-height: 44px; } } @media (max-width: 767px) { .module-by-the-number .stats-number { margin-bottom: 2px; font-size: 44px; line-height: 44px; } } .module-by-the-number .stats-number sup { font-size: 34px; margin: 0 3px 0 3px; } @media (max-width: 930px) { .module-by-the-number .stats-number sup { font-size: 28px; } } .module-by-the-number .stats-description { font-size: 14px; display: block; line-height: 18px; width: 100%; } @media (max-width: 767px) { .module-by-the-number .stats-description { width: 80%; margin: auto; font-size: 13px; } } /* NYC - CAPTCHA ------------------- */ .recaptchatable #recaptcha_response_field { border: 1px solid gray !important; font-size: 10pt; height: auto !important; } .recaptchatable #recaptcha_response_field.placeholder { font-weight: normal; font-size: 10pt; } .recaptchatable #recaptcha_response_field:focus { font-weight: normal !important; font-size: 10pt !important; line-height: 20px !important; } .recaptchatable #recaptcha_response_field:-moz-placeholder { font-weight: normal !important; font-size: 10pt !important; line-height: 20px !important; } .recaptchatable #recaptcha_response_field::-ms-input-placeholder { font-weight: normal !important; font-size: 10pt !important; line-height: 20px !important; } .recaptchatable #recaptcha_response_field::-webkit-input-placeholder { font-weight: normal !important; font-size: 10pt !important; line-height: 20px !important; } .recaptcha_only_if_privacy { line-height: 12px !important; } /*iframe { display: none !important; }*/ /* sidebar */ .span3#selector-category { margin: 10px 0 0; width: 21%; } @media only screen and (max-width: 880px) { .span3#selector-category { display: none; } } .span3#selector-category.sticky { width: 197px; } #selector-category ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; display: block; float: left; } #selector-category ul li { border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; float: left; height: auto; width: 100%; } #selector-category ul li.border-bottom { border-bottom: 1px solid #e5e5e5; } #selector-category ul li.active { border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 0 5px #CCCCCC; } #selector-category ul li a { text-decoration: none; /*width: 100%;*/ height: 100%; padding: 15px; display: inline-block; color: #333333; font-size: 16px; padding-left: 15px; vertical-align: middle; color: #333333; } .ie7 #selector-category ul li a { width: 160px; } #selector-category label { display: inline; font-size: 16px; vertical-align: middle; margin-left: 10px; color: #333333; } /* NYC - Stay Connected module ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .module-connect-buttons a.connect-link { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: inset 0px -2px 3px 0px #11578e; -moz-box-shadow: inset 0px -2px 3px 0px #11578e; box-shadow: inset 0px -2px 3px 0px #11578e; font-size: 18px; color: #fff; font-weight: bold; line-height: 60px; text-align: center; } .module-connect-buttons a.connect-link img { position: relative; top: -2px; margin-right: 3px; vertical-align: middle; } .module-connect-buttons a.connect-link:link, .module-connect-buttons a.connect-link:visited { background: #1771b7; -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } .module-connect-buttons a.connect-link:hover, .module-connect-buttons a.connect-link:active { background: #0a5796; } /* mobile */ @media only screen and (max-width: 767px) { .module-connect-buttons a.connect-link { display: block; float: none; clear: both; width: 100%; margin-top: 3px; } .module-connect-buttons a.connect-link:last-child { float: left; margin-right: 1.69492%; } } .module-connect-buttons span.social-icon { display: inline-block; position: relative; margin-right:5px; left: 2px; } .module-connect-buttons span.iphone { background: url("../../../assets/img/global/iphone.png") no-repeat; width: 15px; height: 26px; top: 6px; left: 0px; } .module-connect-buttons span.like { background: url("../../../assets/img/global/like.png") no-repeat; width: 21px; height: 21px; top: 0; left: 0px; } .module-connect-buttons span.twitter { background: url("../../../assets/img/global/twitter_white.png") no-repeat; width: 25px; height: 21px; top: 4px; left: 3px; } .lt-ie8 .module-connect-buttons span.twitter { top: 1px; left: -5px; } .module-connect-buttons span.white-bars { background: url("../../../assets/img/global/white-bars.png") no-repeat; width: 20px; height: 18px; top: 2px; left: 0px; } .module-connect-buttons span.marker { background: url("../../../assets/img/global/marker_white.png") no-repeat; width: 24px; height: 26px; top: 8px; } .lt-ie8 .module-connect-buttons span.marker { top: 3px; left: -2px; } /* 311 */ .module-connect-buttons-three-one-one a.connect-link { -webkit-box-shadow: inset 0px -2px 3px 0px #ece040; -moz-box-shadow: inset 0px -2px 3px 0px #ece040; box-shadow: inset 0px -2px 3px 0px #ece040; } .module-connect-buttons-three-one-one a.connect-link:link, .module-connect-buttons-three-one-one a.connect-link:visited { background: #fff200; color: #000; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; } .module-connect-buttons-three-one-one a.connect-link:hover { background-color: #000; color: #fff200; } .module-connect-buttons-three-one-one span.iphone { background: url("../../../assets/img/global/iphone_black.png") no-repeat; width: 15px; height: 26px; top: 6px; left: -2px; } .lt-ie8 .module-connect-buttons-three-one-one span.iphone { top: 3px; left: -5px; } .module-connect-buttons-three-one-one span.twitter { background: url("../../../assets/img/global/twitter_black.png") no-repeat; width: 25px; height: 21px; top: 2px; } .lt-ie8 .module-connect-buttons-three-one-one span.twitter { top: 1px; left: -5px; } .module-connect-buttons-three-one-one span.marker { background: url("../../../assets/img/global/marker_black.png") no-repeat; width: 24px; height: 26px; top: 8px; } .lt-ie8 .module-connect-buttons-three-one-one span.marker { top: 3px; left: -2px; } .module-connect-buttons-three-one-one a.connect-link:hover span.iphone, .module-connect-buttons-three-one-one a.connect-link:active span.iphone { background: url("../../../assets/img/global/iphone_yellow.png") no-repeat; } .module-connect-buttons-three-one-one a.connect-link:hover span.twitter, .module-connect-buttons-three-one-one a.connect-link:active span.twitter { background: url("../../../assets/img/global/twitter_yellow.png") no-repeat; } .module-connect-buttons-three-one-one a.connect-link:hover span.marker, .module-connect-buttons-three-one-one a.connect-link:active span.marker { background: url("../../../assets/img/global/marker_yellow.png") no-repeat; } /* NYC - Custom Scrollbar Overwrites ------------------- */ .scroll-pane { position: relative; overflow-x: hidden !important; overflow-y: auto; } .scroll-pane::-webkit-scrollbar { width: 10px; background-color: #e5e5e5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* Track */ .scroll-pane::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .scroll-pane::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; background-color: #999; border-radius: 10px; } /* NYC - Your Elected Officials module ------------------- */ .module-elected-officials .row { width: 100%; float: left; margin-right: 1.69492%; display: inline; } .module-elected-officials .official { text-align: center; margin-bottom: 55px; } @media only screen and (min-width:768px) { .module-elected-officials .official { min-height:160px; margin-bottom:30px; } } .module-elected-officials .official.first-row { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; } .module-elected-officials .official.first-row:nth-child(4n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-elected-officials .official.second-row { margin-bottom: 0px; width: 18.64407%; float: left; margin-right: 1.69492%; display: inline; } .module-elected-officials .official.second-row:nth-child(9n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-elected-officials .official img { margin-bottom: 16px; } .module-elected-officials .official p { font-size: 16px; line-height: 20px; margin-bottom: 3px; } .module-elected-officials .official p a { font-size: 14px; font-weight: bold; text-transform: uppercase; } /* mobile */ @media (min-width: 320px) and (max-width: 630px) { .module-elected-officials .module-content { margin-top: 10px; } .module-elected-officials h2 { text-align: left; } .module-elected-officials .official, .module-elected-officials .official.first-row, .module-elected-officials .official.second-row { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; text-align: left; margin-bottom: 10px; } .module-elected-officials p { font-size: 14px; } .module-elected-officials p a { font-size: 12px; } } /* tablet */ @media only screen and (min-width: 631px) and (max-width: 959px) { .module-elected-officials .official, .module-elected-officials .official.first-row, .module-elected-officials .official.second-row { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; margin-bottom: 55px; } .module-elected-officials .official:nth-child(3n), .module-elected-officials .official.first-row:nth-child(3n), .module-elected-officials .official.second-row:nth-child(3n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-elected-officials .official:nth-child(4n), .module-elected-officials .official.first-row:nth-child(4n), .module-elected-officials .official.second-row:nth-child(4n) { float: left; margin-right: 1.69492%; *margin-left: auto; } .module-elected-officials .official:nth-child(n + 7), .module-elected-officials .official.first-row:nth-child(n + 7), .module-elected-officials .official.second-row:nth-child(n + 7) { margin-bottom: 0px; } } /* desktop */ /* NYC - Event Detail Info/Share ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .event-detail { margin: 10px 0; float: left; position: relative; width: 100%; } .lt-ie8 .event-data .event-detail { overflow: hidden; } .event-detail .event-detail-row { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; position: relative; float: left; margin: 0 0 20px 0; overflow: hidden; } .lt-ie8 .event-detail .event-detail-row { clear: both; } .event-detail .google-static-map { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; } .lt-ie9 .event-detail .google-static-map { float: left; min-width: 0px; width: 32%; clear: left; } .lt-ie8 .event-detail .google-static-map { float: left; min-width: 0px; width: auto; clear: left; } .event-detail .detail { width: 66.10169%; float: left; display: inline; clear: right; position: relative; } @media only screen and (max-width: 959px) { .event-detail .detail { float: left !important; } } @media only screen and (max-width: 767px) { .event-detail .detail { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } } .lt-ie9 .event-detail .detail { width: 62%; float: left; } .lt-ie8 .event-detail .detail { float: left; overflow: hidden; } .event-detail .detail .location, .event-detail .detail .share { width: 100%; float: left; margin-right: 2.5641%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .event-detail .detail .location h5, .event-detail .detail .location label, .event-detail .detail .location a { width: 100%; } .event-detail .detail .location h5, .event-detail .detail .location label { margin: 0; float: left; clear: left; } .event-detail .detail .location h5 { font-size: 16px; } .event-detail .detail .location label { font-weight: normal; } .event-detail .detail .location a { font-size: 16px; margin: 0; clear: left; float: left; } .event-detail .detail .location .phone-number { font-weight: normal; color: #333333; cursor: default; } .event-detail .detail .btnCloseEventFilterDetail { position: absolute; top: 0px; right: 0px; } .event-detail .event-detail-row .share { display: block; position: relative; margin-top: 15px; } .lt-ie8 .event-detail .event-detail-row .share { /* float: left; */ width: 100%; } /* override share-this style */ .event-detail .sharebtns { float: left; } .event-detail .sharebtns .stButton { width: 15px; } .event-detail .share span { float: left; } .event-detail .share label { margin: 0 0 0 2px; padding-right: 15px; float: left; font-size: 12px; line-height: 21px; font-weight: bold; color: #666666; cursor: default; } /* share this overwrites */ .event-detail .share a span, .event-detail .share > span { text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .event-detail .share .facebook_custom { background: url("../../../assets/img/global/share/facebook.png") no-repeat; } .event-detail .share .facebook_custom { background: url("../../../assets/img/global/share/facebook.png") no-repeat; } .event-detail .share .twitter_custom { background: url("../../../assets/img/global/share/twitter.png") no-repeat; } .event-detail .share .googleplus_custom { background: url("../../../assets/img/global/share/google.png") no-repeat; } .event-detail .share .tumblr_custom { background: url("../../../assets/img/global/share/tumblr.png") no-repeat; } .event-detail .share .email_custom { background: url("../../../assets/img/global/share/email.png") no-repeat; } .event-detail .event-tools { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: left; clear: left; display: block; margin: 0 0 10px 0; } @media only screen and (max-width: 767px) { .event-detail .event-tools { margin: 0px; } } .lt-ie8 .event-detail .event-tools { overflow: hidden; clear: both; width: 100%; float: none; } .event-detail .event-tools .event-url { font-size: 12px; font-weight: bold; height: 28px; padding: 0 5px; float: left; border: 1px solid #ccc; border-radius: 4px; color: #666; width: 130px; } .lt-ie9 .event-detail .event-tools .event-url { line-height: 28px; } .event-detail .event-tools .event-url, .btn-copy-link, .btn-go, .select-calendar, .btn-add-cal { display: block; float: left; margin: 0 5px 0 0; } .event-detail .event-tools a:link, .event-detail .event-tools a:visited, .event-detail .event-tools a:hover, .event-detail .event-tools a:active { color: #ffffff; font-weight: normal; } .btn-copy-link { width: 85px; height: 30px; border: 0; color: #fff; font-size: 12px; text-transform: uppercase; background: url("../../../assets/img/events/btnCopyLink.png") no-repeat; } .btn-go { width: 47px; height: 30px; color: #fff; font-size: 12px; line-height: 30px; text-align: center; text-transform: uppercase; background: url("../../../assets/img/events/btnGo.png") no-repeat; } .select-calendar { font-size: 12px; font-weight: bold; line-height: 31px; height: 31px; width: 70px; border: 1px solid #ccc; border-radius: 4px; color: #666; display: block; float: left; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } .btn-add-cal { width: 30px; height: 30px; color: #fff; font-size: 12px; text-transform: uppercase; background: url("../../../assets/img/events/btnAddItem.png") no-repeat; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } /* Event Detail Page Overrides */ .event-tools .richtext { float: left; } .event-tools .calendar-container { float: right; padding-top: 10px; } @media only screen and (max-width: 479px) { .event-tools .calendar-container { position: relative; top: -57px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .event-tools .calendar-container { position: relative; top: -57px; } } .event-tools .calendar-container.no-top-pad { padding-top: 0px; } .event-tools strong, .event-tools p { font-size: 18px; line-height: 1.0em; margin-bottom: 10px; letter-spacing: -1px; } @media only screen and (max-width: 767px) { .event-tools strong, .event-tools p { font-size: 16px; } } .event-tools strong { font-weight: bold; display: block; } .event-tools p { font-weight: normal; } @media only screen and (max-width: 767px) { .event-tools p { margin-bottom: 0px; } } /* NYC - Events Categories ------------------- */ .module-events-categories { padding: 12px 0 20px 0; border-top: 1px solid #ccc; margin-top: 42px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-events-categories { padding: 10px 0 20px 0; margin-top: 22px; } } .module-events-categories .span3 { float: left; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-events-categories .span3 { width: 100%; float: none; margin-bottom: 16px; display: block; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .module-events-categories .span3 { width: 48%; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .module-events-categories .span3:nth-child(2n+0) { margin: 0 0 20px 0; } } .module-events-categories a { display: block; line-height: 24px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-events-categories a { font-size: 14px; } } .module-events-categories a.active { color: #000; } .module-events-categories .events-category-title { font-size: 18px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-events-categories .events-category-title { font-size: 16px; } } /* NYC - Events Filter Search ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .filter-items { border-right: 1px solid #ccc; margin: 0; float: left; display: block; margin: 20px 0 0 0; } @media (max-width: 767px) { .filter-items { display: none; background: #444; padding: 20px 3% 20px 3%; margin: 0 0 0 0; width: 95%; } } .filter-box ul { list-style: none; margin: 0; } @media (max-width: 767px) { .filter-box ul { border-bottom: 1px solid #5E5E5E; } } .filter-box ul li { padding: 20px 0; border-bottom: 1px solid #ccc; width: 90%; } @media (max-width: 767px) { .filter-box ul li { border-top: 1px solid #5E5E5E; border-bottom: 1px solid #2D2D2D; width: 100%; } } .filter-box ul li label { vertical-align: middle; padding: 0 0 0 10px; font-size: 16px; } @media (max-width: 767px) { .filter-box ul li label { color: #fff; } } .filter-box ul li label.active { font-weight: bold; } .filter-box ul li label input { margin-right: 10px; } /* Filter boxes */ .filter-box .filter-header { cursor: pointer; border-bottom: 2px solid #ccc; background: #efefef; font-weight: bold; padding: 5px; overflow: hidden; padding-right: .5em; } @media (max-width: 767px) { .filter-box .filter-header { /*display:none;*/ } } .filter-box .filter-header label { color: #666; font-size: 12px; text-transform: uppercase; } .filter-box .collapsed .inner { padding: 20px 0; } /* filter by type */ .filter-by-type { float: left; width: 100%; } .filter-by-type .collapsed .inner { padding: 2px 0; float: left; width: 100%; } .filter-by-type .collapsed .inner .filtertype { margin: 0; } #btn-filter-programs-done { display: none; } @media (max-width: 767px) { #btn-filter-programs-done { display: block; } } /* Filter Search by name */ .filter-search { margin: 0 0 10px 0; } .filter-search .input-search { font-size: 14px; font-weight: bold; height: 26px; padding: 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: none; border-bottom: 1px solid #ccc; border-radius: 4px 0 0 4px; color: #000; width: 100%; float: left; } @media (min-width: 767px) and (max-width: 867px) { .filter-search .input-search { font-size: 12px; } } .filter-search .input-search:focus::-webkit-input-placeholder { color: transparent; } .filter-search .ico-search { background: url("../../../assets/img/global/sprite-ico-search.png") no-repeat white left 10px; display: block; width: 24px; height: 38px; border-radius: 0 4px 4px 0; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; cursor: pointer; float: right; text-indent: -9999px; font-size: 0px; line-height: 0px; } .filter-search .input-padding { overflow: hidden; padding-right: .5em; } /* Filter boxes */ .filter-box .filter-header { cursor: pointer; border-bottom: 2px solid #ccc; background: #efefef; font-weight: bold; padding: 5px; overflow: hidden; padding-right: .5em; } .filter-box .filter-header label { color: #666; font-size: 12px; text-transform: uppercase; } .filter-box .filter-header .filter-arw { float: right; padding-right: 2px; display: block; width: 11px; height: 11px; } .filter-box .collapsed .inner { padding: 20px 0; } /* Filter by date */ .filter-by-date { padding-top: 10px; } .filter-by-date .datepicker-container { float: left; width: 90%; } @media (max-width: 767px) { .filter-by-date .datepicker-container { width: 100%; } } .filter-by-date .to-label { float: left; height: 30px; width: 100%; } .filter-by-date .to-label .line-container { padding: 2px; vertical-align: middle; height: 10px; width: 35%; float: left; display: block; } @media (max-width: 767px) { .filter-by-date .to-label .line-container { width: 42%; padding: 0 4px; } } @media (max-width: 480px) { .filter-by-date .to-label .line-container { width: 41%; } } .filter-by-date .to-label .line-container .line { display: block; width: 100%; border-top: 1px solid #ccc; margin-top: 14px; } .filter-by-date .to-label span { padding: 2px; font-weight: bold; font-size: 10px; float: left; text-transform: uppercase; } .filter-by-date .to-label .label { width: 12%; color: #666; text-align: center; margin-top: 3px; font-weight: bold; } @media (max-width: 767px) { .filter-by-date .to-label .label { color: #fff; font-size: 12px; } } .filter-by-date .nyc-datepicker { height: 27px; padding: 4px 5px; float: left; border-radius: 4px 0 0 4px; width: 100%; overflow: hidden; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; color: #1771b7; font-size: 14px; font-weight: bold; border-left: 2px solid #e5e5e5; border-top: 2px solid #e5e5e5; border-right: none; border-bottom: 2px solid #e5e5e5; cursor: pointer; } .filter-by-date .nyc-datepicker:focus { outline: none; } .lt-ie9 .filter-by-date .nyc-datepicker { padding-top: 7px; height: 24px; } .filter-by-date .ico-date { background: url("../../../assets/img/global/datepicker.png") no-repeat white left 11px; padding: 2px 0 0 0; display: block; width: 22px; height: 39px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 0 4px 4px 0; border-right: 2px solid #e5e5e5; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; border-left: none; cursor: pointer; float: right; text-indent: -9999px; font-size: 0px; line-height: 0px; } .filter-by-date .input-padding { overflow: hidden; padding-right: .5em; } .filter-by-date .time-filter { margin: 20px 0 10px 0; width: 98%; float: left; clear: both; } .time-filter-header { font-size: 12px; font-weight: bold; } @media (max-width: 768px) { .time-filter-header { color: #fff; } } .filter-by-date .time-filter .ui-slider-horizontal { height: 0.5em; } @media (max-width: 767px) { .filter-by-date .time-filter .ui-slider-horizontal { height: 0.7em; } } .filter-by-date .time-filter .slider { //width: 96%; width: 85%; //margin-left: 4px; margin-left: 18px; } @media (max-width: 767px) { .filter-by-date .time-filter .slider { width: 99%; } } @media (max-width: 479px) { .filter-by-date .time-filter .slider { width: 99%; } } /* override widget css */ .ui-widget-content { border: 0px solid #fff; background: #e5e5e5 50% bottom repeat-x; color: #222; } .ui-widget-header { background: #1771B4 50% 50% repeat-x; color: white; font-weight: bold; } .filter-by-date .time-filter .ui-slider .ui-slider-handle { position: absolute; z-index: 1; cursor: default; border: 0; width: 12px; height: 19px; background: url("../../../assets/img/events/slider-handle.png") no-repeat; } @media (max-width: 767px) { .filter-by-date .time-filter .ui-slider .ui-slider-handle { width: 19px; height: 29px; background: url("../../../assets/img/events/slider-handle-retina.png") no-repeat; } } .time-filter .slider-ticks { display: block; height: 5px; width: 90%; margin: 5px 0 0 10px; } .time-filter .slider-time span { font-size: 10px; display: block; float: left; width: 20%; color: #666666; font-size: 14px; } @media (max-width: 867px) { .time-filter .slider-time span { font-size: 12px; } } .time-filter .slider-time span.left { float: left; background: url("../../../assets/img/events/slider-tick.png") no-repeat 30% -2px; } .time-filter .slider-time span.center { text-align: center; background: url("../../../assets/img/events/slider-tick.png") no-repeat 50% -2px; } .time-filter .slider-time span.right { float: right; text-align:right; background: url("../../../assets/img/events/slider-tick.png") no-repeat 60% -2px; } @media (max-width: 767px) { .time-filter .slider-time span.center, .time-filter .slider-time span.left, .time-filter .slider-time span.right { background:none; } } /* filter by location */ .filter-by-location { float: left; width: 100%; } .filter-by-location .zipcode-container { width: 90%; } @media (max-width: 767px) { .filter-by-location .zipcode-container { width: 100%; } } .filter-by-location .input-zip { font-size: 14px; font-weight: bold; height: 26px; padding: 5px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: none; border-bottom: 1px solid #ccc; border-radius: 4px 0 0 4px; color: #000; width: 100%; float: left; } .filter-by-location .ico-search { background: url("../../../assets/img/global/sprite-ico-search.png") no-repeat white left 10px; display: block; width: 24px; height: 38px; border-radius: 0 4px 4px 0; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; cursor: pointer; float: right; text-indent: -9999px; font-size: 0px; line-height: 0px; } .filter-by-location .input-zip:focus::-webkit-input-placeholder { color: transparent; } .filter-by-location .input-padding { overflow: hidden; padding-right: .5em; } /* filter by type */ .filter-by-type { float: left; width: 100%; } .filter-by-type .collapsed .inner { padding: 2px 0; float: left; width: 100%; } .filter-by-type .collapsed .inner .filtertype { margin: 0; } /* done button */ .done-container { margin-top: 20px; } @media (min-width: 480px) { #search-date-from, #search-date-to { font-size: 20px; } } /* override */ .lt-ie8 .event-detail .detail .btnCloseEventFilterDetail { position: absolute; top: 0px; right: 12px; } /* NYC - Events Slider ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /*.events-slider { display:block; Mobile Portrait Size to Mobile Landscape Size (devices and browsers) @media only screen and (max-width: 980px) { display:none; } }*/ .module-events { position: relative; padding: 20px 0 20px 0; visibility: hidden; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 767px) { .module-events { padding-bottom: 0; } } .module-events .event-title { font-size: 18px; display: block; font-weight: bold; } .module-events .featured-event { cursor: pointer; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .module-events .featured-event { width: 100%; } } @media only screen and (max-width: 767px) { .module-events .featured-event { width: 100%; } } .module-events .featured-event img:hover { /* All Mobile Sizes (devices and browser) */ } @media only screen and (min-width: 960px) { .module-events .featured-event img:hover { opacity: 0.9; } } .module-events .featured-event.hovered { -webkit-box-shadow: 0px 12px 25px -8px rgba(204, 204, 204, 0.6); -moz-box-shadow: 0px 12px 25px -8px rgba(204, 204, 204, 0.6); box-shadow: 0px 12px 25px -8px rgba(204, 204, 204, 0.6); } .module-events .featured-event-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; /*height:398px;*/ background-color: #fff; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .module-events .featured-event-content { height: auto; float: none; background: none; border: none; } } @media only screen and (max-width: 767px) { .module-events .featured-event-content { height: auto; float: none; background: none; border: none; } } .module-events .featured-image { /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .module-events .featured-image { width: 28.985507246377%; float: left; } } @media only screen and (max-width: 767px) { .module-events .featured-image { width: 28.985507246377%; float: left; } } .module-events .featured-event-large .module-events .featured-event-large .richtext { /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-events .featured-event-large .module-events .featured-event-large .richtext { /*padding:10px;*/ } } .module-events .richtext { padding: 15px; display: block; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .module-events .richtext { margin-left: 31.884057971014%; padding: 0; } } @media only screen and (max-width: 767px) { .module-events .richtext { margin-left: 31.884057971014%; padding: 0; } } .slide-hero-image { float: left; position: relative; width: 48.936170212766%; height: 48.936170212766%; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .slide-hero-image { width: 100%; float: none; } } .slide-hero-image img { /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 767px) { .slide-hero-image img { width: 100%; } } .slide-hero-image .featured-event-content { position: relative; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .slide-hero-image .featured-event-content { float: none; width: 100% !important; } } @media only screen and (max-width: 767px) { .slide-hero-image .featured-event-content { float: none; width: 100% !important; } } .slide-hero-image .richtext { position: absolute; z-index: 220; left: 0; bottom: 0; color: #fff; padding: 15px !important; background: url("../../../assets/img/modules/events-slider/bg-gradient.png") no-repeat 0 bottom; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .slide-hero-image .richtext { font-size: 14px; margin-left: 0; } } @media only screen and (max-width: 767px) { .slide-hero-image .richtext { margin-left: 0; } } .ie7 .slide-hero-image .richtext { width: 93.478260869565%; } .slide-hero-image .richtext a { color: #fff; } .slide-hero-image .richtext span { display: block; } .slide-hero-image .richtext .event-title { font-size: 36px; font-weight: bold; line-height: 1.0em; margin-bottom: 10px; letter-spacing: -1px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .slide-hero-image .richtext .event-title { font-size: 24px; } } .slide-hero-image .richtext .event-date { display:block; } .featured-event { /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 479px) { .featured-event { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .featured-event { margin-bottom: 20px; } } .featured-event .richtext { /*padding:15px;*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .featured-event .richtext { font-size: 14px; } } .featured-event .event-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .featured-event .event-title { font-size: 16px; margin-bottom: 0; } } .events-slider { position: absolute; left: -5000px; display: none; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 959px) { .events-slider { display: none; } } .events-slider.active { position: absolute; top: 40px; left: 20px; z-index: 500; display: block; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 959px) { .events-slider.active { display: none; } } .ie7 .events-slider.active { left: -20px; width: 1020px !important; } .events-slider .events-slider-content { position: relative; } .events-slider .events-slider-content .richtext { padding-right: 10px; } .ie7 .events-slider .events-slider-content .richtext { padding-right: 20px; } .events-slider .events-slider-content .event-detail { margin-bottom: 0; } .events-slider .slider-bg-shadow { background: url("../../../assets/img/modules/events-slider/bg-shadow.png") no-repeat center 0; height: 13px; position: relative; } .events-slider .slider-arrows { display: block; width: 41px; height: 41px; background: url("../../../assets/img/modules/events-slider/slider-arrows.png") no-repeat 0 bottom; top: 212px; z-index: 500; position: absolute; top: 50%; margin: -50px 0 0 0; } .events-slider .scroll-pane { height: 414px; } .events-slider .slider-close { display: block; width: 21px; height: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../../../assets/img/modules/events-slider/slider-close.png") no-repeat; position: absolute; right: -11px; top: -9px; cursor: pointer; z-index: 200; } .ie7 #events-slider-content-top .slider-close { /*right:8px;*/ right: 32px; } .events-slider .slider-prev { left: -50px; background-position: left top; /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 1050px) { .events-slider .slider-prev { left: -21px; } } .events-slider .slider-prev:hover { background-position: left bottom; } .events-slider .slider-next { background-position: right top; background-repeat: no-repeat; right: -50px; /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 1050px) { .events-slider .slider-next { right: -21px; } } .ie7 .events-slider .slider-next { right: -21px !important; } .events-slider .slider-next:hover { background-position: right bottom; } .events-slider .slide { float: left; width: 940px; } .events-slider .slide-content { padding: 20px; float: left; height: 418px; width: 439px; background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0 2px 2px 0; } .lt-ie8 .slide-content .event-detail .share { position: relative; /* left:20px;*/ } #events-slider-content-bottom { position: relative; height: 0; display: none; top: 0; margin: 20px 0 20px 0; left: 0; } #events-slider-content-bottom.active { /*left:0;*/ display: block; } #events-slider-content-bottom .slider-close { display: none; } /* NYC - Find Local Events ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .module-find-local-events.set-overflow { overflow-x: hidden; overflow-y: hidden; } .module-find-local-events .link-show-filters { display: none; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .link-show-filters { display: inline-block; } } .module-find-local-events .btn-view-all { padding: 10px 0 10px 0; color: #fff; display: none; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) { .module-find-local-events .btn-view-all { display: none !important; } } .module-find-local-events .btn-view-all.active { display: block !important; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) { .module-find-local-events .btn-view-all.active { display: none !important; } } .module-find-local-events .nyc-datepicker { margin-bottom: 0; } /* events list column */ .module-find-local-events .events-list { height: 400px; width: 32.234042553191%; position: relative; z-index: 9999; background-color: #fff; /* Tablet Portrait size to standard 960 (devices and browsers) */ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-list { width: 34.574468085106%; height:100%; } } @media only screen and (max-width: 767px) { .module-find-local-events .events-list { width: 100%; float: none; height:100%; } } .module-find-local-events .events-list .scroll-pane { /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 767px) { .module-find-local-events .events-list .scroll-pane { max-height: none; overflow: visible; } } .module-find-local-events .events-list ul { list-style-type: none; margin: 0; } .module-find-local-events .events-list ul li { cursor: pointer; background: url("../../../assets/img/modules/local-events/hr.png") repeat-x center bottom; } .module-find-local-events .events-list ul li:hover, .module-find-local-events .events-list ul li.hover { background-color: #efefef; } .module-find-local-events .events-list ul li.event-item { padding: 0 20px 0 20px; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-list ul li.event-item { padding: 0 10px 0 10px; } } .module-find-local-events .events-list ul li.selected { background-color: #1771b8; color: #fff; background-image: none; } .module-find-local-events .events-list ul li.selected a { color: #fff; } .module-find-local-events .events-list ul li.selected label { color: #fff; } .module-find-local-events .events-list ul li:first-child { padding-top: 0; } .module-find-local-events .events-list ul li:last-child { background-image: none; } .module-find-local-events .event-icon { width: 21px; height: 53px; padding: 20px 0 20px 0; background-position: 0 22px; background-repeat: no-repeat; float: left; margin-right: 10px; } .module-find-local-events .events-list ul li a { display: block; color: #000; } .module-find-local-events .events-list ul li a.link-show-all-events { display:inline; text-decoration:underline; } .module-find-local-events .button-link-arrow:hover, .module-find-local-events .link-show-filters:hover { color:#fff !important; } /* markers */ .module-find-local-events .event-icon.marker-1 { background-image: url("../../../assets/img/global/google-maps-markers/blue/1.png"); } .module-find-local-events .event-icon.marker-2 { background-image: url("../../../assets/img/global/google-maps-markers/blue/2.png"); } .module-find-local-events .event-icon.marker-3 { background-image: url("../../../assets/img/global/google-maps-markers/blue/3.png"); } .module-find-local-events .event-icon.marker-4 { background-image: url("../../../assets/img/global/google-maps-markers/blue/4.png"); } .module-find-local-events .event-icon.marker-5 { background-image: url("../../../assets/img/global/google-maps-markers/blue/5.png"); } .module-find-local-events .event-icon.marker-6 { background-image: url("../../../assets/img/global/google-maps-markers/blue/6.png"); } .module-find-local-events .event-icon.marker-7 { background-image: url("../../../assets/img/global/google-maps-markers/blue/7.png"); } .module-find-local-events .event-icon.marker-8 { background-image: url("../../../assets/img/global/google-maps-markers/blue/8.png"); } .module-find-local-events .event-icon.marker-9 { background-image: url("../../../assets/img/global/google-maps-markers/blue/9.png"); } .module-find-local-events .event-icon.marker-10 { background-image: url("../../../assets/img/global/google-maps-markers/blue/10.png"); } .module-find-local-events .event-icon.marker-11 { background-image: url("../../../assets/img/global/google-maps-markers/blue/11.png"); } .module-find-local-events .event-item.selected .marker-1 { background-image: url("../../../assets/img/global/google-maps-markers/white/1.png"); } .module-find-local-events .event-item.selected .marker-2 { background-image: url("../../../assets/img/global/google-maps-markers/white/2.png"); } .module-find-local-events .event-item.selected .marker-3 { background-image: url("../../../assets/img/global/google-maps-markers/white/3.png"); } .module-find-local-events .event-item.selected .marker-4 { background-image: url("../../../assets/img/global/google-maps-markers/white/4.png"); } .module-find-local-events .event-item.selected .marker-5 { background-image: url("../../../assets/img/global/google-maps-markers/white/5.png"); } .module-find-local-events .event-item.selected .marker-6 { background-image: url("../../../assets/img/global/google-maps-markers/white/6.png"); } .module-find-local-events .event-item.selected .marker-7 { background-image: url("../../../assets/img/global/google-maps-markers/white/7.png"); } .module-find-local-events .event-item.selected .marker-8 { background-image: url("../../../assets/img/global/google-maps-markers/white/8.png"); } .module-find-local-events .event-item.selected .marker-9 { background-image: url("../../../assets/img/global/google-maps-markers/white/9.png"); } .module-find-local-events .event-item.selected .marker-10 { background-image: url("../../../assets/img/global/google-maps-markers/white/10.png"); } .module-find-local-events .event-data { float: left; padding: 20px 0 20px 0; width: 80.882352941176%; } .module-find-local-events h4 { font-size: 18px; margin: 0 0 3px 0; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events h4 { font-size: 16px; margin-bottom: 0; } } .module-find-local-events label { color: #666; } /* events map column */ .module-find-local-events .events-map { /*width: 42.446808510638%;*/ margin-right: 0 !important; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-map { width: 62.829787%; } } .module-find-local-events #event-map { width: 100%; height: 400px; } .module-find-local-events #event-map img { max-width: none; } /* events filters column */ .module-find-local-events .event-filters { background-color: #fff; height: 400px; position: relative; z-index: 9999; width: 22.021276595745%; padding-right: 1.063829787234%; border-right: 1px solid #ccc; margin-right: 0; /* Tablet Portrait size to standard 960 (devices and browsers) */ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 480px) { .module-find-local-events .event-filters { padding-right: 0; height:auto;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .event-filters { display: none; height:auto;} } @media only screen and (max-width: 767px) { .module-find-local-events .event-filters { width: 100%; float: none; border-right: 0; height:auto;} } .module-find-local-events .event-filters label { color: #000; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-bottom: 0; } .module-find-local-events .event-filters .time-filter { margin-top:5px; } .module-find-local-events .event-filters .time-filter .slider-time { color: #666; font-size: 14px; } .module-find-local-events .event-filters fieldset { margin-bottom: 10px; } .module-find-local-events .event-filters .filter-by-date { padding-top: 0; } .module-find-local-events .event-filters .filter-by-date .datepicker-container, .module-find-local-events .event-filters select { width: 100%; font-size:16px !important ; } .module-find-local-events .event-filters.active { position: absolute; left: -281px; display: block; width: 256px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .module-content.active { position: relative; left: 280px; } /* events details column */ .module-find-local-events .events-detail { position: absolute; top: 87px; left: 140px; background-color: #fff; width: 390px; height: 400px; display: none; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-detail { left: -600px; } } .module-find-local-events .events-detail.active { left: 560px; display: block; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-detail.active { width: 438px; left: 475px; } } .module-find-local-events .close-events-detail { display: block; width: 21px; height: 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../../../assets/img/modules/events-slider/slider-close.png") no-repeat; position: absolute; right: -28px; top: 0; cursor: pointer; z-index: 200; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .close-events-detail { right: -8px; top: -23px; } } .module-find-local-events .close-events-detail.edge-border { right: -28px; top: 0; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .close-events-detail.edge-border { right: -10px; top: -5px; } } .module-find-local-events .events-detail .google-static-map { width: 18.20339%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-detail .google-static-map { width: 15.20339%; } } .module-find-local-events .events-detail .google-static-map img { border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .module-find-local-events .events-detail .detail { width: 80.10169%; } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-find-local-events .events-detail .detail { width: 83.10169%; } } .module-find-local-events .events-detail .share { position: static; float: none; } .module-find-local-events .events-detail .event-detail-row { float: none; margin-bottom: 10px; } .module-find-local-events .events-detail .location h5 a { font-size: 18px; color: #000; } .module-find-local-events .events-detail .location .address { font-size: 16px; } /* no results */ .module-find-local-events .events-list .no-results { padding: 0 20px 0 20px; color: #666666; } .module-find-local-events .events-list .no-results strong { color: #000; } .module-find-local-events .events-loader { padding: 20px 20px 0 20px; display: none; } .module-find-local-events .btn-continue { display: block; color: #fff; /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (min-width: 960px) { .module-find-local-events .btn-continue { display: none; } } @media only screen and (max-width: 767px) { .module-find-local-events .btn-continue { display: none; } } .module-find-local-events .btn-continue:hover { background-color: #1771b7; } .module-find-local-events .customSelect.select-neighborhood, .module-find-local-events .customSelect.select-category { background: white url("../../../assets/img/events/select-arrow.png") no-repeat 96% center; padding: 9px 4px 6px 6px; overflow: hidden; -webkit-appearance: none; -webkit-box-shadow: none; color: #1771b7; font-size: 20px; font-weight: bold; height: 23px; padding: 6px 5px; width: 194px; border-radius: 4px; overflow: hidden; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; display: block !important; border: 2px solid #e5e5e5; } @media only screen and (max-width: 979px) { .module-find-local-events .customSelect.select-neighborhood, .module-find-local-events .customSelect.select-category { width: 242px !important; } } @media only screen and (max-width: 767px) { .module-find-local-events .customSelect.select-neighborhood, .module-find-local-events .customSelect.select-category { font-size: 14px; width: auto !important; background-position: 98% center; } } .module-find-local-events select.select-category { font-size:16px !important; } @media only screen and (min-width: 980px) { .module-find-local-events .customSelectInner { width: 190px !important; } } @media only screen and (max-width: 979px) { .module-find-local-events .customSelectInner { width: 242px !important; } } @media only screen and (max-width: 767px) { .module-find-local-events .customSelectInner { width: auto !important; } } .module-find-local-events .module-header .black-link:hover { color: #000; } .lt-ie8 .module-find-local-events .btn-continue { display: none; } .module-find-local-events .slider-time label { font-weight: normal; } /* datepicker overwrite */ .module-find-local-events .ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w { width: 10px; } .events-detail .richtext { padding: 10px 10px 10px 2px; } .scroll-pane { height: 400px; overflow-x: auto; overflow-y: none; /* All Mobile Sizes (devices and browser) */ } @media only screen and (max-width: 767px) { .scroll-pane { height: auto; } } .scroll-pane.edge-border { border-right: 1px solid #ccc; } /* NYC - Gallery ------------------- */ .module-gallery { margin-top: 0; padding: 33px 0 20px 0; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* stats */ /* module stats overwrites */ } @media only screen and (max-width: 480px) { .module-gallery { padding: 20px 0 20px 0; margin-bottom: 0; } } .module-gallery #galleria { width: 100%; height: 400px; display: none; background-color: #000; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 480px) { .module-gallery #galleria { height: 230px; } } @media only screen and (max-width: 767px) { .module-gallery #galleria { height: 424px; } } .module-gallery #galleria.narrow { /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 480px) { .module-gallery #galleria.narrow { height: auto; } } .module-gallery .arrow-link { font-weight: bold; font-size: 12px; background-position: 100% 6px; float: right; letter-spacing: normal; position: relative; top: 6px; } .module-gallery .arrow-link.visible-phone { float: left; } .module-gallery .module-title { font-size: 24px; letter-spacing: -1px; margin-top: 0; margin-bottom: 15px; line-height: 20px; } @media only screen and (max-width: 400px) { .module-gallery .module-title { font-size: 18px; max-width: 100%; } } .module-gallery .galleria-bar { bottom: 20px !important; height: 31px; left: 3.333333333333%; position: absolute; width: 93.333333333333%; z-index: 3; background: none !important; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } .module-gallery .galleria-bar .galleria-fullscreen { display: none; } @media only screen and (max-width: 767px) { .module-gallery .galleria-bar .galleria-fullscreen, .module-gallery .galleria-bar .galleria-popout { display: none; } } .module-gallery .galleria-bar .galleria-info { height: 90px; opacity: 0.8; padding: 10px; } @media only screen and (max-width: 767px) { .module-gallery .galleria-bar .galleria-info { display: none; } } .module-gallery .galleria-bar .galleria-info-title p { line-height: 20px; margin-bottom: 0; position: relative; } .module-gallery .galleria-bar .photo-credit, .module-gallery .galleria-bar .photo-date { font-size: 12px; display: block; line-height: 18px; } .module-gallery .galleria-bar .photo-date { margin-top: 10px; } .module-gallery .ie7 .galleria-bar .galleria-popout { display: none !important; } .module-gallery .galleria-s1, .module-gallery .galleria-s2, .module-gallery .galleria-s3, .module-gallery .galleria-s4 { background: none; bottom: 1px; height: 29px; left: 28px; position: absolute; width: 53px !important; border: none; } .module-gallery .galleria-counter { background: none !important; padding-right: 0 !important; display: none !important; } .module-gallery .galleria-info { color: #fff; background: #000; padding-left: 2.881844380403%; border-radius: 3px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-gallery .galleria-info { right: 10px; } } .module-gallery .galleria-play { background-image: url("../../../assets/img/global/article-gallery-play-thumbs.png") !important; background-position: -28px 50%; left: 29px !important; z-index: 500; } .module-gallery .galleria-play.playing { background-image: url("../../../assets/img/global/article-gallery-pause.png") !important; background-position: -29px 50%; left: 29px !important; z-index: 500; } .module-gallery .galleria-fullscreen { background-image: url("../../../assets/img/global/article-gallery-fullscreen-popout.png"); left: auto; background-position: -26px 50%; } .module-gallery .galleria-popout { background-image: url("../../../assets/img/global/article-gallery-fullscreen-popout.png"); left: auto; background-position: 3px 50%; right: 29px !important; width: 34px; } .module-gallery .galleria-thumblink { background-image: url("../../../assets/img/global/article-gallery-play-thumbs.png"); left: auto; background-position: 0 50%; } .module-gallery .galleria-info-title { padding: 0 !important; } .module-gallery .galleria-info-title { color: #FFFFFF; font-weight: normal; font-size: 14px; position: relative; top: -6px; left: -10px; } .module-gallery .galleria-counter { display: inline; font-weight: bold; } .module-gallery .galleria-info-text { display: block; } .module-gallery .ie8 .galleria-info-text { display: inline; margin-left: 20px; } .module-gallery .galleria-image-nav-right { background: url("../../../assets/img/global/arw_right.png") no-repeat; height: 43px !important; width: 43px !important; } .module-gallery .galleria-image-nav-left { background: url("../../../assets/img/global/arw_left.png") no-repeat; height: 43px !important; width: 43px !important; } .module-gallery .galleria-image-nav { position: absolute; top: 50%; margin-top: -18px; width: 100%; height: 36px; left: 0; } .module-gallery .galleria-container.notouch .galleria-image-nav-left:hover, .module-gallery .galleria-container.touch .galleria-image-nav-left:active { background-position: 0 0; } .module-gallery .galleria-container.notouch .galleria-image-nav-right:hover, .module-gallery .galleria-container.touch .galleria-image-nav-right:active { background-position: 0 0; } .module-gallery .galleria-thumb-nav-left, .module-gallery .galleria-thumb-nav-right { cursor: pointer; position: absolute; left: 0; top: 0; height: 40px; width: 23px; z-index: 3; opacity: .8; } .module-gallery .galleria-thumb-nav-right { background-position: -578px 5px; border-right: none; right: 0; left: auto; } .module-gallery .galleria-thumbnails-container .disabled, .module-gallery .galleria-thumbnails-container .disabled:hover, .module-gallery .galleria-thumbnails-container .disabled:active { opacity: .2; cursor: default; } .module-gallery .galleria-container.notouch .galleria-thumb-nav-left:hover, .module-gallery .galleria-container.touch .galleria-thumb-nav-left:active, .module-gallery .galleria-container.notouch .galleria-thumb-nav-right:hover, .module-gallery .galleria-container.touch .galleria-thumb-nav-right:active { opacity: 1; background-color: #111; } .module-gallery .galleria-carousel .galleria-thumb-nav-left, .module-gallery .galleria-carousel .galleria-thumb-nav-right { display: block; } .module-gallery .col-gallery { width: 91.52542%; float: left; margin-right: 1.69492%; display: inline; margin-right: 0; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (min-width: 990px) { .module-gallery .col-gallery { width: 85.106382978723%; width: 800px; float: right; } } @media only screen and (max-width: 989px) { .module-gallery .col-gallery { width: 800px; margin-right: 0; } } @media only screen and (max-width: 767px) { .module-gallery .col-gallery { width: 100%; float: left; margin-right: 1.69492%; display: inline; margin-right: 0; } } .module-gallery .col-gallery .module { margin-bottom: 15px; } @media only screen and (min-width: 768px) { .module-gallery .col-gallery.narrow { width: 635px; margin-right: 0; float: left; } } .module-gallery .module-content { float: left; } .module-gallery .galleria-lightbox-next, .module-gallery .galleria-lightbox-prev { display: block !important; } .module-gallery .col-sidebar { width: 240px; } .module-gallery .module-stats { padding-right: 20px; position: relative; margin-bottom: 20px !important; width: 225px !important; z-index: 100; left: -1px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 990px) { .module-gallery .module-stats { display: none !important; } } .module-gallery .module-stats { background-color: #000; margin-top: 0 !important; padding: 20px; height: 424px; color: #fff; } .module-gallery .module-stats .stats-title { position: absolute; top: 10px; right: 0; width: 211px; height: 32px; line-height: 30px; padding-left: 30px; font-size: 13px; text-transform: uppercase; font-weight: bold; background: url("../../../assets/img/global/bg-arrow.png") no-repeat; } .module-gallery .ie7 .module-stats .stats-title { width: 265px; } .module-gallery .module-stats ul { list-style-type: none; margin: 18px 0 0 0; padding: 0; } .module-gallery .module-stats ul li { border-bottom: 1px solid #4f4f4f; padding: 20px 0px 6px 0px; } .module-stats ul li label { font-size: 39px; display: block; font-weight: 300; margin-bottom: 10px; margin-left: 0px; color: #FFFFFF; } .module-gallery .module-stats ul li:last-child { border-bottom: none; } .module-gallery .module-stats ul li a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; font-weight: 200; line-height: 22px; } .module-gallery .module-stats .amount { font-size: 39px; display: block; font-weight: 300; letter-spacing: -1px; margin-bottom: 10px; } .module-gallery .module-stats .ico { float: left; margin-right: 10px; } .ie7 #galleria, .ie7 .col-gallery { width: 600px; } .ie7 .galleria-fullscreen, .ie7 .galleria-popout { display: none !important; } .ie7 .module-stats { height: 380px; padding-bottom: 0; } /* lightbox */ .galleria-lightbox-info { z-index: 9999; background-color: #000; opacity: 0.8; color: #fff !important; padding: 20px; height: 70px !important; } .galleria-lightbox-info .photo-credit, .galleria-lightbox-info .photo-date { font-size: 12px; display: block; line-height: 18px; } .galleria-lightbox-info .photo-date { margin-top: 10px; } .galleria-lightbox-counter { display: none !important; } .galleria-lightbox-title { line-height: 22px; position: relative; top: -10px; } .photogallery .col-social { width: 11.702127659574%; float: left; } @media only screen and (max-width: 960px) { .photogallery .col-gallery { width: 83.05085%; float: left; margin-right: 1.69492%; display: inline; margin-right: 0; } } @media only screen and (max-width: 767px) { .photogallery .col-gallery { width: 100%; float: left; margin-right: 1.69492%; display: inline; margin-right: 0; } } .photogallery .print_custom { text-align: center; margin: 0 auto; } .photogallery .print_custom a { margin: 0 auto; } /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ /* News Carousel */ .carouselbtns { height: 41px; width: 41px; display: block; padding-top: 200px; cursor: pointer; } .carouselbtns#carousel-previous { float: left; } .carouselbtns#carousel-next { float: right; } .carousel-container-outter { margin: 10px 0 5px 0; } .carousel-container-outter .module-header h2 { font-size: 36px; font-weight: bold; letter-spacing: -2px; } @media only screen and (max-width: 767px) { .carousel-container-outter .module-header h2 { font-size: 18px; letter-spacing: -1px; } } @media only screen and (max-width: 767px) { .carousel-container-outter .module-header h2 a { padding-right: 12px; background-position: 100% 65%; background-image: url(../../../assets/img/global/link-arrow-black-sm.png); } } .carousel-container-inner .carousel-items { height: 560px; } @media (min-width: 768px) and (max-width: 979px) { .carousel-container-inner .carousel-items { height: 480px; } } @media (max-width: 767px) { .carousel-container-inner .carousel-items { height: 100%; } } .carousel-items .slide-container.active { height: 560px; width: 940px; overflow: hidden; display: block; } .carousel-items .slide-container, .carousel-items .slide-container .frame, .carousel-items .slide-container .frame .slide { height: 560px; } @media (max-width: 979px) { .carousel-items .slide-container, .carousel-items .slide-container .frame, .carousel-items .slide-container .frame .slide { height: 100%; } } .carousel-items .slide-container .frame.active { white-space: nowrap; width: 1880px; height: 560px; } .carousel-items .slide-container .frame .slide.active { float: left; width: 940px; white-space: normal; } #carousel-previous { position: absolute; top: 0px; left: -30px; } @media (max-width: 1060px) { #carousel-previous { left: -8px; } } #carousel-next { position: absolute; top: 0px; right: -30px; } @media (max-width: 1060px) { #carousel-next { right: -8px; } } .content-outter { overflow: hidden; cursor: pointer; } @media (min-width: 980px) { .btnCarouselDataItem { width: 221px; height: 681px; } } .lt-ie8 .btnCarouselDataItem:hover { background: url("../../../assets/img/modules/news-carousel/data-extended-nr.png") no-repeat; height: 538px; width: 220px; -webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); } /* .btnCarouselDataItem:hover { @media (min-width:980px) { background: url('../../../assets/img/modules/news-carousel/data-extended-nr.png') no-repeat; // height: 553px; height: 538px; width:220px; @include hoverShadow(); } } */ @media (min-width: 980px) { .btnCarouselDataItem.over { background: url("../../../assets/img/modules/news-carousel/data-extended-nr.png") no-repeat; height: 538px; width: 220px; -webkit-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -moz-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); -ms-box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); } } /* override span3 */ .carousel-items .span3 { margin-right: 2.0% !important; z-index: 999; } .carousel-items .span3:last-child { margin-right: 0.1% !important; } @media (min-width: 980px) { .news-data img { width: 220px; height: 220px; } } /* tablet */ @media (min-width: 631px) and (max-width: 767px) { .carousel-items .span3 { height: 127px; margin-bottom: 10px; width: 48% !important; float: left !important; margin-right: 10px; } .carousel-items .span3:nth-child(2) { margin-right: 0 !important; } .carousel-items img { max-width: 127px; float: left; margin-right: 10px; } } /* mobile */ @media (min-width: 320px) and (max-width: 630px) { .carousel-items .span3 { margin-bottom: 10px; width: 100% !important; margin-right: 10px; clear: left; } .carousel-items img { max-width: 110px !important; float: left; margin-right: 10px; } } @media (min-width: 979px) { .carousel-items .copy.desktop { display: block; } } .carousel-items .content-info-inner { margin-top: 0; } .carousel-items .content-info-inner.over { margin-top: -220px; } .carousel-items .content-info-inner .inner.padded { padding: 5px 10px 5px 10px; width: 90%; } .carousel-items .content-info-inner h3 { margin: 0; font-weight: bold; font-size: 20px; line-height: 22px; color: #000; padding: 10px 5px 10px 2px; /* tablet */ /* mobile */ } @media (min-width: 631px) and (max-width: 767px) { .carousel-items .content-info-inner h3 { font-size: 14px; line-height: 16px; padding: 10px 10px 10px 2px; } } @media (min-width: 320px) and (max-width: 630px) { .carousel-items .content-info-inner h3 { font-weight: normal; font-size: 14px; line-height: 16px; padding: 1px 10px 10px 2px; } } .carousel-items .content-info-inner small { font-size: 13px; font-weight: normal; color: #333; } .carousel-items .content-info-inner small.date { letter-spacing: -1px; font-weight: bold; /* mobile */ } @media (min-width: 320px) and (max-width: 630px) { .carousel-items .content-info-inner small.date { font-weight: normal; letter-spacing: 0; color: #666666; } } @media (max-width: 420px) { .carousel-items .first-item { width: 100%; padding-bottom: 10px; } .carousel-items .first-item div { width: 100%; float: left; clear: right; } .carousel-items .first-item img { width: 100%; max-width: 100% !important; float: left; clear: right; margin-right: 10px; } .carousel-items .first-item h3 { font-weight: bold; font-size: 18px; line-height: 19px; padding: 8px 0; } .carousel-items .first-item small { font-size: 14px; color: #666666; } } .news-data .long { float: left; } .news-data .long .inthisstory { display: block; height: 30px; width: 198px; color: #333; font-size: 13px; font-weight: bold; float: left; margin: 15px 0 0 0; padding: 5px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url("../../../assets/img/modules/news-carousel/inthisstory.png") no-repeat; } .news-data .long .inner { padding: 0 10px; } .news-data ul { list-style: none; margin: 0; float: left; } .news-data ul li { float: left; } .news-data ul li.top { padding: 10px 0 20px 0; } .news-data ul li.border { border-top: 1px solid #ccc; padding: 20px 0; } .news-data ul li label { font-size: 39px; clear: right; color: #333; font-weight: normal; } .news-data ul li small { clear: left; float: left; width: 95%; font-weight: normal; } /* REMOVED AT CLIENTS REQUEST.. HOLD FOR NOW Carousel Full News Items */ /* .carousel-container-inner .full-news-items { width: 100%; height: 550px; padding: 0; background: #fff; border: 1px solid #ccc; } .carousel-container-inner .full-news-items .news-item-container { height: 540px; float: left; } .full-news-items .news-item-facts { background: #efefef; border-left: 1px solid #ccc; width: 232px; height: 550px; float: right; position: relative; } .full-news-items .news-item-facts label { cursor:default; } .full-news-items .viewport { width: 686px; height: 530px; margin-top:10px; overflow: hidden; overflow-y: scroll; position: relative; } .full-news-items .viewport .overview { padding: 10px 0 20px 20px; width: 88%; } .full-news-items .viewport .overview h2 { font-size: 36px; font-weight: bold; line-height: 38px; color: #037aad; margin: 0; } .full-news-items .viewport .overview p { margin: 20px 0; font-size: 14px; line-height: 24px; color: #333; } */ /* news item facts */ /* .full-news-items .news-item-facts .factsheader { background: url('../../../assets/img/modules/news-carousel/news-item-factsheader.png') no-repeat; width: 248px; height: 32px; top: 10px; right: 0px; position: absolute; } .full-news-items .news-item-facts .header { color: #fff; padding: 6px 0 0 28px; font-size: 13px; font-weight: bold; } .full-news-items .news-item-facts .btnClose { float: right; margin: -14px -8px 0 0; cursor: pointer; } .lt-ie8 .full-news-items .news-item-facts .btnClose { margin: -12px -8px 0 0; } .full-news-items .news-item-facts ul { width: 220px; list-style: none; margin: 50px 0 0 0; float: right; position: relative; } .full-news-items .news-item-facts ul li { padding: 20px 0; border-bottom: 1px solid #ccc; float: left; color: #000; } .full-news-items .news-item-facts ul li label { font-size: 39px; clear: right; } .full-news-items .news-item-facts ul li small { clear: left; float: left; width: 95%; } .full-news-items .view-more-btn { float: left; position: relative; margin: 10px 20px; width: 100%; } .full-news-items .print-page { margin: 1px 20px; float: left; width: 100%; } */ /* Print Page */ .print-page img { cursor: pointer; } .print-page label { color: #1771b4; font-size: 12px; font-weight: bold; } /* Share buttons */ .share { display: block; position: relative; margin: 10px 20px; } /* override share-this style */ .sharebtns { float: left; } .sharebtns .stButton { width: 15px; } .share span { float: left; } .share label { margin: 0 0 0 2px; padding-right: 15px; float: left; font-size: 12px; line-height: 21px; font-weight: bold; color: #666666; cursor: default; } /* share this overwrites */ .share .facebook_custom { background: url("../../../assets/img/global/share/facebook.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .share .facebook_custom { background: url("../../../assets/img/global/share/facebook.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .share .twitter_custom { background: url("../../../assets/img/global/share/twitter.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .share .googleplus_custom { background: url("../../../assets/img/global/share/google.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .share .tumblr_custom { background: url("../../../assets/img/global/share/tumblr.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } .share .email_custom { background: url("../../../assets/img/global/share/email.png") no-repeat; text-decoration: none; color: black; display: inline-block; cursor: pointer; padding-left: 0px; padding-right: 0px; display: block; width: 20px; height: 20px; margin-right: 5px; } /* NYC - Pagination ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .pagination { border: 0; margin: 0; padding: 0; } .blue-theme ul li { border: 0; margin-right: 4px; padding: 0; font-size: 16px; font-weight: bold; list-style: none; margin-bottom: 8px; float: left; } .lt-ie8 .blue-theme ul { height: 30px; } .lt-ie8 .blue-theme ul li { display: block; float: left; } .blue-theme ul a { border: 2px solid #ccc; margin-right: 2px; } .blue-theme ul a:link, .blue-theme ul a:visited { color: #1771b7; display: block; float: left; padding: 3px 9px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .blue-theme ul a:hover, .blue-theme ul a:active { background-color: #1771b7; color: #fff; border: none; padding: 5px 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .blue-theme ul li.active:first-child, .blue-theme ul li.active:last-child { display:none; } .blue-theme ul .next a, .blue-theme ul .prev a { font-weight: bold; border: none; text-transform: uppercase; font-size: 10px; line-height: 20px; background-color: #1771b7; background-repeat: no-repeat; } .blue-theme ul .next a { color: #fff; margin-left: 6px; text-indent: 2px; padding: 5px 25px 5px 12px; background-image: url(../../../assets/img/global/link-arrow-white-withoffset13.png); background-position: right 48%; } .blue-theme ul .previous a { color: #fff; margin-right: 8px; padding: 5px 12px 5px 25px; background-image: url(../../../assets/img/global/link-arrow-white-withoffset13-left.png); background-position: left 48%; } .blue-theme ul .active { color: #fff; background-color: #1771b7; font-weight: bold; display: block; float: left; padding: 5px 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .social-share-label { width: 100%; cursor: default; font-size: 12px; font-weight: bold; color: #666; line-height: 22px; background: #e5e5e5; padding: 4px 0 4px 0; margin-bottom: 20px; text-align: center; } .share-vertical { text-align: center; } .share-vertical span.label { cursor: default; font-size: 12px; font-weight: bold; color: #666; line-height: 22px; vertical-align: middle; } .share-vertical .facebook_custom { background: url("../../../assets/img/global/share/facebook.png") no-repeat center; margin: 0 auto !important; margin-bottom: 12px !important; height: 20px; width: 20px; } .share-vertical .twitter_custom { background: url("../../../assets/img/global/share/twitter.png") no-repeat; margin: 0 auto !important; margin-bottom: 12px !important; height: 20px; width: 20px; } .share-vertical .googleplus_custom { background: url("../../../assets/img/global/share/google.png") no-repeat; margin: 0 auto !important; margin-bottom: 12px !important; height: 20px; width: 20px; } .share-vertical .tumblr_custom { background: url("../../../assets/img/global/share/tumblr.png") no-repeat; margin: 0 auto !important; margin-bottom: 12px !important; height: 20px; width: 20px; } .share-vertical .email_custom { background: url("../../../assets/img/global/share/email.png") no-repeat; margin: 0 auto !important; height: 20px; width: 20px; } .share-vertical .email-box-custom .icon-label { font-weight: bold; color: #666; margin-top: 3px; } .share-vertical .permalink_custom { background: url("../../../assets/img/global/share/permalink.png") no-repeat; margin: 0 auto !important; height: 20px; width: 20px; } .share-vertical .print_custom { margin: 15px 0 100px; font-weight: bold; cursor: pointer; } .share-vertical .print-center { width: 100%; } .share-vertical .icon-label { font-size: 12px; } .share-vertical .icon-description { font-size: 12px; margin-bottom: 5px !important; } .share-vertical .article-social-icons .label { display: none; } .share-vertical .email-box-custom { margin: 20px 0 20px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 20px 0 20px; } .share-vertical .share-divider { margin: 5px; } /* NYC - Status Update module ------------------- */ /* override */ .bg-highlighted { position: relative; } .module-status-panel { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; } .module-status-panel .span3, .module-status-panel .span3:last-child { float: left; margin: 0; width: 24%; } .lt-ie8 .module-status-panel .span3 { width: 234px; height: 600px; } @media (max-width: 767px) { .module-status-panel-container { padding-bottom: 20px; } } /* override global button link color */ .module-status-panel-container .black-link:hover, .module-status-panel-container .black-link:active { color: #000; } .module-status-panel .panel-header { padding: 30px 0 0 20px; float: left; width: 100%; } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .panel-header { float: left; clear: right; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .panel-header { padding: 30px 3% 3px 3%; width: 94%; } } @media (max-width: 479px) { .module-status-panel .panel-header { padding: 30px 3% 3px 3%; width: 94%; } } .module-status-panel .panel-header h4 { float: left; margin: 0; font-size: 20px; line-height: 24px; } @media (max-width: 768px) { .module-status-panel .panel-header h4 { float: none; } } .module-status-panel .panel-header h4 a { background: #fff; cursor: default; } @media (max-width: 767px) { .module-status-panel .panel-header h4 a { cursor: pointer; background: url("../../../assets/img/global/ico-plus-minus.png") no-repeat right 4px; display: block; } } .module-status-panel .panel-header h4 a:hover { background: #fff; } @media (max-width: 767px) { .module-status-panel .panel-header h4 a:hover { background: url("../../../assets/img/global/ico-plus-minus.png") no-repeat right 4px; display: block; } } .module-status-panel .panel-header h4 a.active { background: #fff; } @media (max-width: 767px) { .module-status-panel .panel-header h4 a.active { background: url("../../../assets/img/global/ico-plus-minus.png") no-repeat right -32px; display: block; } } .module-status-panel .panel-header img { float: left; padding: 0 8px 0 0; } .module-status-panel .panel-header-mini { background: #999999; color: #fff; text-align: center; font-size: 13px; font-weight: bold; padding: 5px; } .module-status-panel #btnMobileAlerts:hover { color: #fff; } /* override grid */ @media (min-width: 980px) { .module-status-panel .span3.status-alerts { width: 24%; height: 560px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .span3.status-alerts { width: 24%; } } @media (max-width: 767px) { .module-status-panel .span3.status-alerts { width: 100%; } } .module-status-panel .span3.service-status { background: #fff; } @media (min-width: 980px) { .module-status-panel .span3.service-status { width: 27.5%; height: 560px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .span3.service-status { width: 75%; } } @media (max-width: 767px) { .module-status-panel .span3.service-status { width: 100%; } } @media (max-width: 767px) { .module-status-panel .span3.service-status .panel-header .inner { padding: 0 3%; } } .module-status-panel .span3.upcoming-holidays { background: #fff; } @media (min-width: 980px) { .module-status-panel .span3.upcoming-holidays { width: 25%; height: 560px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .span3.upcoming-holidays { width: 49%; height: 275px; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .span3.upcoming-holidays { width: 100%; /*padding:0 3%;*/ } } @media (max-width: 479px) { .module-status-panel .span3.upcoming-holidays { width: 100%; } } @media (max-width: 767px) { .module-status-panel .span3.upcoming-holidays .panel-header .inner { padding: 0 3%; } } .module-status-panel .span3.notify-nyc { background: #fff; } @media (min-width: 980px) { .module-status-panel .span3.notify-nyc { width: 23%; height: 560px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .span3.notify-nyc { width: 50%; height: 275px; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .span3.notify-nyc { width: 100%; } } @media (max-width: 479px) { .module-status-panel .span3.notify-nyc { width: 100%; } } @media (max-width: 767px) { .module-status-panel .span3.notify-nyc .panel-header .inner { padding: 0 3% 20px 3%; } } /* columns */ .module-status-panel .status-alerts { background: #efefef; } @media (min-width: 980px) { .module-status-panel .status-alerts { border-right: 1px solid #999999; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .status-alerts { border-right: 1px solid #999999; border-bottom: 1px solid #999999; height: 333px; } } .module-status-panel .status-alerts .status-loader { float: left; margin: 0 44% 2% 44%; text-align: center; } .module-status-panel .upcoming-holidays { border-right: 1px solid #999999; } @media (max-width: 767px) { .module-status-panel .upcoming-holidays { border-right: 0; } } @media (min-width: 980px) { .module-status-panel .service-status { border-right: 1px solid #999999; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .service-status { border-bottom: 1px solid #999999; } } /* Calendar */ .calendar-container { margin: 0 auto 2px auto; width: 66px; height: 75px; padding: 0 37%; } .calendar-container .datepicker-container { float: left; } .calendar-container .month { line-height: 34px; font-size: 16px; font-weight: bold; float: left; padding: 0 5px; text-transform: uppercase; } .calendar-container .datepicker { float: left; } .calendar-container .ico-date { background: url("../../../assets/img/global/datepicker.png") no-repeat left 11px; border: 0; display: block; width: 11px; height: 38px; cursor: pointer; float: left; text-indent: -9999px; font-size: 0px; line-height: 0px; } .calendar-container .day { font-size: 48px; font-weight: bold; float: left; clear: left; line-height: 50px; margin-top: -15px; } .datepicker-container { position: relative; } .datepicker-container .cal-arrows { float: left; } .datepicker-container .cal-arrows a.previous { position: absolute; float: left; top: 40px; left: -20px; width: 8px; height: 12px; } .datepicker-container .cal-arrows a.next { position: absolute; float: right; top: 40px; right: -20px; width: 8px; height: 12px; } /* data container (Status alerts)*/ .module-status-panel .data-container { width: 100%; } @media (max-width: 767px) { .module-status-panel .data-container { width: 33%; float: left; } } @media (max-width: 479px) { .module-status-panel .data-container { width: 100%; float: left; } } @media (max-width: 479px) { .module-status-panel .data-container:nth-child(1) { padding-top: 20px; } } @media (max-width: 767px) { .module-status-panel .data-container:last-child { /* float:right;*/ } } @media (max-width: 479px) { .module-status-panel .data-container:last-child { padding-bottom: 20px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .data-container .span5 { width: 99%; } } @media (max-width: 767px) { .module-status-panel .data-container .span5 { width: 100%; } } .lt-ie9 .module-status-panel .data-container .span7 { float: right; margin-right: 0%; } @media (max-width: 979px) { .module-status-panel .data-container .span7 { display: none; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .data-container .notice .data { float: left; /*margin-left:20px;*/ width: 67%; } } @media (max-width: 767px) { .module-status-panel .data-container .notice .data { float: left; margin-left: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .data-container .notice .data { margin-left: 0; width: 100%; } } @media (max-width: 479px) { .module-status-panel .data-container .notice .data { float: left; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .data-container .notice img { float: left; margin-right:10px; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .data-container .notice img { /*float:left;*/ } } @media (max-width: 479px) { .module-status-panel .data-container .notice img { float: left; } } @media (max-width: 767px) { .module-status-panel .data-container .notice .data span { /*float:left; clear:right;*/ } } @media (max-width: 479px) { .module-status-panel .data-container .notice .data span { text-align: left; float: left; font-size: 16px; } } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .data-container .notice .data .alert { display: block; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .data-container .notice .data .alert { /*float:left; clear:left;*/ display: block; } } @media (max-width: 479px) { .module-status-panel .data-container .notice .data .alert { float: left; clear: left; font-size: 17px; } } .module-status-panel .calendar-container .inner, .module-status-panel .data-container .inner { padding: 10px 5px 10px 10px; float: left; } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .calendar-container .inner, .module-status-panel .data-container .inner { width: 90%; padding: 5% 0 5% 7%; } } @media (min-width: 480px) and (max-width: 767px) { .module-status-panel .calendar-container .inner, .module-status-panel .data-container .inner { padding: 10px 10px; width: 90%; } } @media (max-width: 479px) { .module-status-panel .calendar-container .inner, .module-status-panel .data-container .inner { padding: 10px 20px; width: 100%; } } .service-container .border, .module-status-panel .data-container .border { border-top: 1px solid #e5e5e5; width: 80%; margin: 0 12%; float: left; } .module-status-panel .notice { text-align: center; font-size: 12px; color: #666666; } @media (min-width: 768px) and (max-width: 979px) { .module-status-panel .data-container .border { width: 100%; } .module-status-panel .notice { text-align:left; } } .module-status-panel .notice .alert { font-weight: bold; color: #000; display:block; letter-spacing: -1px; } .module-status-panel .data { font-size: 13px; color: #333; } @media (max-width: 479px) { .override img { margin-right: 15px; } } .module-status-panel .data .inner { padding: 0 0 0 15px; } /* Status Updates */ .module-status-panel .status-container { width: 96%; margin-top: 5px; } .module-status-panel .status-container.error { font-size:14px; text-align:center; } .module-status-panel .holiday-status.error { font-size:14px; } @media (min-width: 980px) { .module-status-panel .status-container .scroll { height: 438px; } } /* Service Status */ .service-container { width: 100%; float: left; } @media (min-width: 768px) and (max-width: 979px) { .service-container { width: 48%; clear: left; } } @media (max-width: 767px) { .service-container { display: none; } } .service-container .service-loader { float: left; margin: 7%; } @media (min-width: 768px) and (max-width: 979px) { .service-container .hidden-tablet-landscape { display: none; } } @media (min-width: 980px) { .service-container-aux { display: none; } } @media (min-width: 768px) and (max-width: 979px) { .service-container-aux { width: 47%; float: left; padding-left: 5px; } } @media (max-width: 767px) { .service-container-aux { display: none; } } .lt-ie8 .service-container-aux { display: none; } .service-container .scroll, .service-container-aux .scroll { height: 430px; width: 100%; display: block; overflow-x: hidden; } @media (min-width: 768px) and (max-width: 979px) { .service-container .scroll, .service-container-aux .scroll { height: 209px; } } @media (max-width: 767px) { .service-container .scroll, .service-container-aux .scroll { /*height:220px;*/ height: 100%; } } .lt-ie8 .service-container .scroll { height: 471px; } .service-container .inner { float: left; } @media (min-width: 980px) { .service-container .inner { padding: 10px 5% 5px 7%; } } @media (min-width: 768px) and (max-width: 979px) { .service-container .inner { padding: 10px 5% 10px 7%; } } @media (max-width: 767px) { .service-container .inner { padding: 10px 2% 5px 6%; } } @media (min-width: 768px) and (max-width: 979px) { .service-container-aux .inner { padding: 10px 4% 10px 5%; float: left; width: 100%; } } .lt-ie8 .service-container { width: 234px; } .lt-ie8 .service-container .inner { padding: 10px 0 5px 15px; width: 226px; } .notify-container .notify-status, .holidays-container .holiday-status, .service-container .transit-status, .service-container .sub-nav, .service-container-aux .sub-nav, .service-container-aux .transit-status { list-style: none; float: left; margin: 0; } .service-container .sub-nav li, .service-container-aux .sub-nav li { float: left; font-size: 10px; font-weight: bold; padding-right: 10px; color: #469dc3; } @media (min-width: 480px) and (max-width: 767px) { .service-container .sub-nav li, .service-container-aux .sub-nav li { padding-right: 30px; } } @media (max-width: 479px) { .service-container .sub-nav li, .service-container-aux .sub-nav li { padding-right: 14px; } } .lt-ie9 .service-container .sub-nav li { padding-right: 8px; } .lt-ie8 .service-container .sub-nav li { padding-right: 6px; } .service-container .sub-nav li:last-child, .service-container-aux .sub-nav li:last-child { padding-right: 0; } .service-container .sub-nav li a, .service-container-aux .sub-nav li a { color: #469dc3; } .service-container .sub-nav li a.active, .service-container-aux .sub-nav li a.active { color: #000; } .service-container .transit-status li, .service-container-aux .transit-status li { padding: 12px 0; border-bottom: 1px solid #ccc; float: left; width: 95%; } .lt-ie8 .service-container .transit-status li { width: 90%; } .lt-ie9 .service-container .transit-status li .span5, .lt-ie9 .service-container-aux .transit-status li .span5 { margin-right: 0; } .service-container .transit-status li:nth-child(1), .service-container-aux .transit-status li:nth-child(1) { padding: 0 0 12px 0; } .service-container .transit-status li span, .service-container-aux .transit-status li span { font-size: 10px; font-weight: bold; } .service-container .transit-status li span.alert, .service-container-aux .transit-status li span.alert { color: red; } .service-container .transit-status li span.good, .service-container-aux .transit-status li span.good { color: green; } .service-container .transit-status li span.work, .service-container-aux .transit-status li span.work { color: orange; } .service-container .sub-nav-border, .service-container-aux .sub-nav-border { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; float: left; display: block; padding: 5px 0; margin: 16px 5px 2px 15px; width: 90%; } @media (min-width: 480px) and (max-width: 767px) { .service-container .sub-nav-border, .service-container-aux .sub-nav-border { width: 88%; margin: 16px 3% 2px 6%; } } @media (max-width: 479px) { .service-container .sub-nav-border, .service-container-aux .sub-nav-border { margin: 16px 6% 2px 6%; width: 88%; } } .lt-ie8 .service-container .sub-nav-border { float: none; margin-top: 19px; } .service-container-aux .sub-nav-border { width: 100%; } .railline-header, .railline-header-metro { font-size: 14px; font-weight: bold; padding: 1px 0 10px 0; float: left; } .railline-header-metro { padding: 10px 0 10px 0; } /* rail icons */ .railLineStatus { float: left; margin: 6px 6px 0 0; width: 9px; height: 9px; display: block; } .railSquareblank { background-color: #fff; } .railSquare1 { background-color: #4D5357; } .railSquare2 { background-color: #00985F; } .railSquare3 { background-color: #6E3219; } .railSquare4 { background-color: #CE8E00; } .railSquare5 { background-color: #FF6319; } .railSquare6 { background-color: #006983; } .railSquare7 { background-color: #00AF3F; } .railSquare8 { background-color: #0039A6; } .railSquare9 { background-color: #C60C30; } .railSquare10 { background-color: #A626AA; } .railSquare11 { background-color: #00A1DE; } .railSquare12 { background-color: #009B3A; } .railSquare13 { background-color: #0039A6; } .railSquare14 { background-color: #EE0034; } .railSquare15 { background-color: #8E258D; } .railSquare16 { background-color: #FF7900; } /* Upcoming Holidays */ .holidays-container { width: 100%; float: left; } @media (max-width: 767px) { .holidays-container { display: none; } } .holidays-container .holiday-loader { float: left; margin: 7%; } .holidays-container .inner { float: left; } @media (min-width: 980px) { .holidays-container .inner { padding: 10px 5% 5px 7%; } } @media (min-width: 768px) and (max-width: 979px) { .holidays-container .inner { padding: 10px 5% 20px 5%; } } @media (min-width: 480px) and (max-width: 767px) { .holidays-container .inner { padding: 10px 6% 5px 6%; } } @media (max-width: 479px) { .holidays-container .inner { padding: 10px 6% 5px 6%; } } .lt-ie8 .holidays-container .inner { padding: 10px 5px 5px 15px; } .holidays-container .border { border-bottom: 1px solid #ccc; width: 90%; margin: 16px auto 0 auto; } @media (min-width: 480px) and (max-width: 767px) { .holidays-container .border { width: 88%; } } @media (max-width: 479px) { .holidays-container .border { width: 88%; } } .lt-ie8 .holidays-container .border { margin-top: 0; } .holidays-container .scroll { width: 100%; display: block; overflow-x: hidden; } @media (min-width: 980px) { .holidays-container .scroll { height: 465px; } } @media (min-width: 768px) and (max-width: 979px) { .holidays-container .scroll { height: 180px; } } @media (max-width: 767px) { .holidays-container .scroll { /*height:180px;*/ height: 100%; } } .lt-ie8 .holidays-container .scroll { height: 506px; } .holidays-container .holiday-status { /*margin-top:8px;*/ } .holidays-container .holiday-status li { padding: 12px 0; border-bottom: 1px solid #ccc; float: left; width: 90%; } @media (max-width: 767px) { .holidays-container .holiday-status li { width: 100%; } } .lt-ie8 .holidays-container .holiday-status li { width: 195px; } .holidays-container .holiday-status li:nth-child(1) { padding: 0 0 12px 0; } .notify-container .notify-status li .datestr, .holidays-container .holiday-status li .datestr { font-size: 12px; color: #666666; font-weight: bold; width: 100%; clear: right; width: 100%; float: left; } .holidays-container .holiday-status li .holiday { font-size: 16px; clear: left; width: 100%; float: left; } /* Notify */ .notify-nyc { float: left; } .notify-nyc .notify-container { float: left; width: 100%; } @media (max-width: 767px) { .notify-nyc .notify-container { display: none; } } .notify-container .inner { float: left; } @media (min-width: 980px) { .notify-container .inner { padding: 10px 5% 5px 7%; } } @media (min-width: 768px) and (max-width: 979px) { .notify-container .inner { padding: 10px 3% 20px 7%; } } @media (max-width: 767px) { .notify-container .inner { padding: 10px 6% 5px 6%; } } .lt-ie8 .notify-container .inner { padding: 10px 5px 5px 15px; } .notify-container .border { border-bottom: 1px solid #ccc; width: 90%; margin: 16px auto 0 auto; } @media (min-width: 480px) and (max-width: 767px) { .notify-container .border { width: 88%; margin: 0 auto; } } @media (max-width: 479px) { .notify-container .border { width: 99%; margin: 0 auto; } } .lt-ie8 .notify-container .border { margin-top: 0; } .notify-container .scroll { width: 100%; display: block; overflow-x: hidden; } @media (min-width: 980px) { .notify-container .scroll { height: 418px; } } @media (min-width: 768px) and (max-width: 979px) { .notify-container .scroll { height: 130px; } } @media (max-width: 767px) { .notify-container .scroll { /*height:130px;*/ height: 100%; margin-bottom: 12px; } } .lt-ie8 .notify-container .scroll { height: 460px; } .notify-container .notify-status li { padding: 15px 0; border-bottom: 1px solid #ccc; float: left; width: 90%; } .notify-container .notify-status li:nth-child(1) { padding: 0 0 15px 0; } .notify-container .notify-status li .notice { font-size: 14px; color: #333; text-align: left; clear: left; width: 100%; float: left; } .get-alerts-container { width: 100%; margin: 0 0 12px 0; } .get-alerts-container a { width: 80%; } @media (min-width: 768px) and (max-width: 979px) { .get-alerts-container a { width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { .get-alerts-container a { width: 92%; } } @media (max-width: 479px) { .get-alerts-container a { width: 86%; } } /* Transit Panels */ #transit-bus, #transit-rail, #transit-bt, #transit-btaux { display: none; } /* datepicker overwrite */ .ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w { width: 10px; } /* NYC - Stay Connected module ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .mod-title { letter-spacing: -2px; } @media (max-width: 767px) { .mod-title { font-size: 28px; } } .module-stay-connected .row { margin-bottom: 20px; overflow: hidden; } .module-stay-connected a.img-link { overflow: hidden; display: block; border: 1px solid transparent; } .lt-ie9 .module-stay-connected a.img-link { display: inline; border: none; } .module-stay-connected .content-info { overflow: hidden; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .module-stay-connected .content-info-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; padding: 10px 5px 10px 1px; } .module-stay-connected .content-info-inner p.time-site.richtext { font-size: 11px; line-height: 19px; text-transform: uppercase; color: #888888; } /* mobile */ @media (min-width: 320px) and (max-width: 630px) { .module-stay-connected .module-header .button-link-arrow { display: none; } } /* mobile */ @media only screen and (max-width: 767px) { .module-stay-connected .module-content { margin-top: 5px; } .module-stay-connected .row { margin-bottom: 20px !important; } .module-stay-connected .span3 { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-bottom: 10px; } .module-stay-connected .span3:nth-child(4) { margin-bottom: 0px; } .module-stay-connected .span3 img { max-width: 110px; float: left; } .module-stay-connected .span3 .content-info { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .module-stay-connected .content-info-inner { height: 110px; /* rounded right corners, not left */ -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .lt-ie8 .module .span3:last-child { float: left; margin-right: 1.69492%; } .lt-ie8 .module-stay-connected .span3 img { margin-right: 0px; } .lt-ie8 .module-stay-connected .content-info-inner { height: 88px; } .module-stay-connected a.img-link { overflow: hidden; display: inline; float: left; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .lt-ie9 .module-stay-connected a.img-link { float: none; } .module-stay-connected .span3 img { margin-right: 10px; } .module-stay-connected .content-info-inner { padding-top: 1px !important; } } /* tablet */ /* tablet */ @media only screen and (min-width: 768px) and (max-width: 959px) { .module-stay-connected a.img-link { border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .module-stay-connected .content-info-inner { height: 190px; } } /* desktop */ @media only screen and (min-width: 960px) { .module-stay-connected a.img-link { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .module-stay-connected .content-info-inner { /*height: 190px;*/ } .module-stay-connected .content-info-inner p.time-site.richtext { font-size: 12px; } } /* NYC - 311 Menu Module ------------------- */ /* link color */ /* rounded corners */ /* box-shadow - see Programs & Initiatives hover state */ .row.booker-row.bg-highlighted { background-image: none; background-color: #fff200; } .module-three-one-one-menu-yellow .module-header .three-one-one-logo { display: none; } .module-three-one-one-menu-yellow .module-header h2 { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; margin-left: 25.42373%; text-align: center; color: #000; } .module-three-one-one-menu-yellow #three-one-one-search-form, .module-three-one-one-menu-yellow #three-one-one-search-form-mobile { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow #three-one-one-search-form .field-search .ico-search, .module-three-one-one-menu-yellow #three-one-one-search-form-mobile .field-search .ico-search { background: url("../../../assets/img/global/ico-search-black.png") no-repeat left 6px; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 0 4px 4px 0; border-right: 2px solid #000; border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: none; cursor: pointer; float: right; } .module-three-one-one-menu-yellow #three-one-one-search-form .field-search .input-padding, .module-three-one-one-menu-yellow #three-one-one-search-form-mobile .field-search .input-padding { overflow: hidden; padding-right: .5em; } .module-three-one-one-menu-yellow #three-one-one-search-form .field-search .input-padding .input-search, .module-three-one-one-menu-yellow #three-one-one-search-form-mobile .field-search .input-padding .input-search { font-size: 14px; height: 20px; padding: 4px 6px; border-left: 2px solid #000; border-top: 2px solid #000; border-right: none; border-bottom: 2px solid #000; border-radius: 4px 0 0 4px; color: #000; width: 100%; float: left; background: transparent; } .module-three-one-one-menu-yellow #three-one-one-search-form .field-search .input-padding .input-search:focus::-webkit-input-placeholder, .module-three-one-one-menu-yellow #three-one-one-search-form-mobile .field-search .input-padding .input-search:focus::-webkit-input-placeholder { color: transparent; } .module-three-one-one-menu-yellow #three-one-one-search-form { width: 19.81%; overflow: hidden; *zoom: 1; } .module-three-one-one-menu-yellow #three-one-one-search-form .field-search { width: 100%; } .module-three-one-one-menu-yellow #three-one-one-search-form-mobile { width: 100%; float: left; margin-right: 1.69492%; display: inline; overflow: hidden; *zoom: 1; } .module-three-one-one-menu-yellow .module-content { overflow: hidden !important; position: relative; } .module-three-one-one-menu-yellow .module-content .row { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; height: auto; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0px; position: relative; z-index: 0; padding-bottom: 19px; } .module-three-one-one-menu-yellow .module-content .small-label#booker-header, .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 19px; } .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header-mobile { display: none; } .module-three-one-one-menu-yellow .module-content .small-label#booker-header { width: 23.72881%; float: left; margin-right: 1.69492%; display: inline; padding-left: 21px; } .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header { width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding-left: 11px; } .module-three-one-one-menu-yellow .module-content #top-requests-links { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 74.57627%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; overflow: hidden; *zoom: 1; position: relative; z-index: 0; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: 1px solid #dfd11b; width: 31.81818%; float: left; margin-right: 2.27273%; display: inline; display: table; } /*@media only screen and (min-width: 768px) { .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { min-height:65px; } }*/ .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(3n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+13) { border-bottom: none; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:hover { background-color: #f1e21d; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link:link, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link:visited { vertical-align: middle; font-size: 16px; font-weight: bold; height: 53px; padding-left: 11px; width: 100%; float: left; margin-right: 7.14286%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; display: table-cell; width: 100%; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link:hover, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link:active { color: #000; background-color: #f1e21d; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:link, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:visited, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:hover, .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:active { font-size: 18px; background-position: 100% 53%; background-image: url(../../../assets/img/global/link-arrow-black-sm.png); } .lt-ie8 .module-three-one-one-menu-yellow #three-one-one-search-form { width: 17.4%; margin-right: 20px; } .lt-ie8 .module-three-one-one-menu-yellow .module-content .small-label#booker-header { width: 230px; } .lt-ie8 .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header { width: 658px; float: left; margin-right: 0px; padding-left: 23px; } .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links { width: 670px; margin-right: 0px; } .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { display: block !important; width: 212px; height: 53px; padding: 0px; } .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link { width: 192px; height: 33px; padding: 10px; margin: 0px; float: none; display: block; text-align: left; } .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small, .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:link, .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:visited, .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:hover, .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a#about311.black-link.arrow-link.small:active { background-position: 50% 40%; } .lt-ie8 .module-three-one-one-menu-yellow .module-content #top-requests-links #view-all { display: none; } /* mobile */ @media only screen and (min-width: 320px) and (max-width: 630px) { .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+5) { border-bottom: none; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+6) { display: none; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links #view-all { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; margin-top: 20px; padding-top: 19px; padding-bottom: 19px; } } @media only screen and (min-width: 631px) { .module-three-one-one-menu-yellow .module-content #top-requests-links #view-all { display: none; } } /* tablet */ @media only screen and (min-width: 631px) and (max-width: 767px) { .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { width: 49.15254%; float: left; margin-right: 1.69492%; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(3n) { float: left; margin-right: 1.69492%; *margin-left: auto; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+13) { border-bottom: 1px solid #dfd11b; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+15) { border-bottom: none; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link { width: 100%; float: left; margin-right: 3.44828%; display: inline; } } /* mobile */ @media only screen and (max-width: 767px) { .module-three-one-one-menu-yellow { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: both; float: none; } .module-three-one-one-menu-yellow .module-header .three-one-one-logo { display: block; margin: 19px auto 15px; } .module-three-one-one-menu-yellow .module-header h2 { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content .row { height: auto !important; } .module-three-one-one-menu-yellow .module-content .small-label#booker-header { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; padding-left: 11px; } .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header { display: none; } .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header-mobile { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; border-bottom: 1px solid #dfd11b; padding-bottom: 10px; text-indent: 11px; margin-bottom: 0px; } .module-three-one-one-menu-yellow .module-content #top-requests-links { width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; clear: both; float: none; display: block; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { display: table; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link { vertical-align: middle; float: none; height: 53px !important; float: right; margin-right: 0; *margin-left: -1em; display: inline; display: table-cell; } } /* tablet */ @media only screen and (min-width: 768px) and (max-width: 959px) { .module-three-one-one-menu-yellow .module-content .small-label#booker-header { width: 32.20339%; float: left; margin-right: 1.69492%; display: inline; } .module-three-one-one-menu-yellow .module-content .small-label#top-requests-header { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links { width: 66.10169%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container { width: 48.71795%; float: left; margin-right: 2.5641%; display: inline; display: table; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(3n) { float: left; margin-right: 1.69492%; *margin-left: auto; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(2n) { float: right; margin-right: 0; *margin-left: -1em; display: inline; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+13) { border-bottom: 1px solid #dfd11b; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container:nth-child(n+15) { border-bottom: none; } .module-three-one-one-menu-yellow .module-content #top-requests-links .button-container a.black-link { vertical-align: middle; width: 100%; float: left; margin-right: 1.69492%; display: inline; float: right; margin-right: 0; *margin-left: -1em; display: inline; float: none; display: table-cell; } } /* recaptcha */ .module-three-one-one-menu-yellow #recaptcha_area { position:relative; left:-26px; } .module-three-one-one-menu-yellow .recaptcha_widget_div td, .module-three-one-one-menu-yellow #recaptcha_table td { background:none !important; } .module-three-one-one-menu-yellow .recaptcha_only_if_privacy { display:none !important; } .module-three-one-one-menu-yellow .recaptcha_input_area { margin-left:0 !important; } .module-three-one-one-menu-yellow .recaptcha_input_area input#recaptcha_response_field { padding:5px !important; font-size:14px; font-weight:bold !important; } .module-three-one-one-menu-yellow .recaptcha_input_area input#recaptcha_response_field:focus { font-weight:normal !important; } .module-three-one-one-menu-yellow #check-status-form .button-link-arrow { position: relative !important; left: -14px !important; } .time-filter .ui-slider-horizontal { height: 0.5em; } @media (max-width: 767px) { .time-filter .ui-slider-horizontal { height: 0.7em; } } .time-filter .slider { width: 85%; margin-left: 18px; } @media (max-width: 767px) { .time-filter .slider { width: 95%; } } @media (max-width: 479px) { .time-filter .slider { width: 90%; } } .time-filter .slider .ui-widget-content { border: 1px solid #ccc; background: #ccc 50% bottom repeat-x; color: #222; } .time-filter .slider .ui-widget-header { background: #1771B4 50% 50% repeat-x; color: white; font-weight: bold; } .time-filter .ui-slider .ui-slider-handle { position: absolute; z-index: 1; cursor: default; border: 0; width: 12px; height: 19px; background: url("../../../assets/img/events/slider-handle.png") no-repeat; } @media (max-width: 767px) { .time-filter .ui-slider .ui-slider-handle { width: 19px; height: 29px; background: url("../../../assets/img/events/slider-handle-retina.png") no-repeat; } }/* NYC - Three One One Footer ------------------- */ .ie7 .row-three-one-one-footer { overflow: hidden; } .module-threeoneonefooter { background-color: #fff200 !important; padding: 0 0 25px 0; margin-top: 0px; margin-bottom: 0px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-threeoneonefooter { padding-bottom: 0; } } .module-threeoneonefooter a { min-height:40px; } .module-threeoneonefooter .module-header { padding-top: 30px; margin-bottom: 0; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-threeoneonefooter .module-header { margin-left: 10px; padding: 0; text-align: left; } } .module-threeoneonefooter .module-header h2 { font-size: 24px !important; line-height: 1 !important; min-height: 35px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-threeoneonefooter .module-header h2 { display: inline-block; margin: 19px 0 7px 0; } } .module-threeoneonefooter .module-header h2 span.ico-three-one-one { padding-left: 40px; padding-bottom: 8px; background: url("../../../assets/img/global/ico-311.png"); background-position: 0 0px; background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2) { .module-threeoneonefooter .module-header h2 span.ico-three-one-one { background-image: url("../../../assets/img/global/ico-311@x2.png"); background-size: 31px 31px; background-position: 0 0px; background-repeat: no-repeat; } } @media only screen and (max-width: 497px) { .module-threeoneonefooter .module-header h2 span.ico-three-one-one { float: left; text-align: left; white-space: nowrap; } } @media only screen and (max-width: 630px) { .module-threeoneonefooter .module-header h2.centered { text-align: center !important; } } .module-threeoneonefooter a { float: left; display: block; color: #000; margin-right: 2.083333333333%; width: 22.340425531915%; font-weight: bold; text-decoration: none; border-bottom: 1px solid #dfd11b; padding: 18px 0 18px 10px; /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ /* Tablet Portrait size to standard 960 (devices and browsers) */ } @media only screen and (max-width: 479px) { .module-threeoneonefooter a { width: 96%; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .module-threeoneonefooter a { width: 46.652174%; } } @media only screen and (min-width: 600px) and (max-width: 767px) { .module-threeoneonefooter a { width: 30%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-threeoneonefooter a { width: 30.555555555556%; } } .module-threeoneonefooter a:hover { background-color: #f1e21d; color: #000; } @media only screen and (max-width: 479px) { .module-threeoneonefooter a { margin-right: 0; } .module-threeoneonefooter a:nth-child(n+6) { display: none; } .module-threeoneonefooter a:first-child { border-top: 1px solid #dfd11b; } .module-threeoneonefooter a:last-child { border-bottom: none; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .module-threeoneonefooter a:nth-child(2n+0) { margin-right: 0; } } @media only screen and (min-width: 599px) and (max-width: 767px) { .module-threeoneonefooter a:nth-child(3n+0) { margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .module-threeoneonefooter a:nth-child(3n+0) { margin-right: 0; } } @media only screen and (min-width: 960px) { .module-threeoneonefooter a:nth-child(4n+0) { margin-right: 0; } } .ie7 .module-threeoneonefooter { margin-bottom: 0 !important; position: relative; } .ie7 footer { margin: 0 !important; } .ie7 .module-threeoneonefooter a { width: 21%; } .ie7 .module-threeoneonefooter .module-header h2 { padding: 10px 0 10px 0; } .module-threeoneonefooter a:active, .module-threeoneonefooter a:visited { color: #000; }