@charset "UTF-8"; /* ========================================================================================== BROOKLYN PUBLIC LIBRARY | 2015-2016 - flat.com ========================================================================================== ========================================================================================== NOTES: 200px - left column for global navigation 250px - slide out nav, in the drawer 450px - drawer's full width ========================================================================================== ========================================================================================== */ /* ========================================================================================== normalize.css: RESET + NORMALIZE THE HTML CORE ========================================================================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}audio:not([controls]),hr{height:0}a,ins{text-decoration:none}ins,mark{background:#ff0;color:#000}dfn,mark{font-style:italic}.bold,.strong,b,mark,strong{font-weight:700}body,sub,sup{position:relative}audio,canvas,dd,dl,dt,progress,video{display:inline-block}blockquote,dd,dl,dt,li,nav ol,nav ul,ol,ul{list-style:none}pre,textarea{overflow:auto}button,html input[type=button],input[type=reset],input[type=submit],input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}:after,:before,body,dd,dl,dt,fieldset,figure,form,hr,nav ol,nav ul,ol,ul{margin:0}*,:after,:before{outline:0;border:none;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}:focus,a:active,a:hover{outline:0}body,html{width:100%;min-height:100%;height:100%}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Helvetica,Arial,Verdana,san-serif;font-size:14px;padding:0}body:after{content:''}article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,nav,ol,p,pre,section,table,td,textarea,th,tr,ul{border:none;outline:0}fieldset,hr,legend{border:0;padding:0}audio:not([controls]),template{display:none}img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:100%;vertical-align:middle;height:auto}svg:not(:root){max-height:100%;overflow:hidden}a{background-color:transparent;color:inherit;cursor:pointer}abbr[title]{border-bottom:1px dotted}code,kbd,pre,samp{font-family:'courier new',monospace;font-size:1em}del{text-decoration:line-through}hr{border-top:1px solid #ccc;box-sizing:content-box;clear:both}label{cursor:pointer}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd,dl,dt,ol,ul{padding:0}nav ol,nav ul{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td{vertical-align:top}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:baseline;font-size:100%}button{overflow:visible}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{vertical-align:top;resize:vertical}optgroup{font-weight:700}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}*{box-sizing:border-box}:after,:before{box-sizing:inherit;padding:0} /* ========================================================================================== baselayout.css ========================================================================================== */ ::selection,small{-webkit-font-smoothing:antialiased}blockquote,hr,ul li{display:block}::-moz-selection{background:#A8D1FF;color:#191919;-webkit-font-smoothing:antialiased;text-shadow:none}::selection{background:#A8D1FF;color:#191919;text-shadow:none}::-o-selection{background:#A8D1FF;color:#191919;-webkit-font-smoothing:antialiased;text-shadow:none}::-ms-selection{background:#A8D1FF;color:#191919;-webkit-font-smoothing:antialiased;text-shadow:none}::-webkit-input-placeholder{color:#656565;-webkit-font-smoothing:antialiased}:-moz-placeholder{color:#656565;-webkit-font-smoothing:antialiased}::-moz-placeholder{color:#656565;-webkit-font-smoothing:antialiased;opacity: 1}:-ms-input-placeholder{color:#656565;-webkit-font-smoothing:antialiased}html{background-color:#fff}body,html{min-height:100%;min-width:320px}body{line-height:1.42857142857143}body,button,h1,h2,h3,h4,h5,h6,input,label,p,select,textarea{/* -webkit-appearance:none;-moz-appearance:none; */font-family:"Helvetica Neue",Helvetica,Arial,Verdana,san-serif;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400}a,button{-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out;transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out}.text-white,.white{color:#fff;color:rgba(255,255,255,1)}.black,.text-black{color:#000;color:rgba(0,0,0,1)}a,blockquote,button,figcaption,h1,h2,h3,h4,h5,h6,input,label,option,p,select,textarea,ul,ul * ul,ul * ul li,ul li{font-size:1em}button,button:focus,button:hover{outline:0!important}p{margin-top:0}p+p{margin-top:1.2em}a,a:link,a:visited{color:#191919;text-decoration:none}blockquote{border-left:5px solid #656565;line-height:18px;margin:20px 0}blockquote small,blockquote span{font-weight:100;font-size:85%}small{color:#656565;font-size:85%;line-height:1.45em}ul li{background-color:transparent;text-decoration:none;width:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:700}.h6,h6{font-size:16px;line-height:24px}.h5,h5{font-size:20px;line-height:30px}.h4,h4{font-size:24px;line-height:37.5px}.h3,h3{font-size:30px;line-height:45px}.h2,h2{font-size:40px;line-height:60px}.h1,h1{font-size:48px;line-height:72px}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#C4C4C4}dl dd,dl dt,ol li,p,ul li{font-size:16px}p a,.item-list a{border-bottom-width:2px;border-bottom-style:solid;font-weight:700}.text-align-left,.text-left,p,p.text-align-left{text-align:left;white-space:normal}.text-align-right,.text-right,p.text-align-right{text-align:right}.text-align-center,.text-center,p.text-align-center{text-align:center}.text-align-justify,.text-justify,p.text-align-justify{text-align:justify}p.lead,span.lead,strong.lead{font-size:24px;line-height:36px;margin-bottom:12px}hr:after,hr:before{content:"";display:table;line-height:0}blockquote{padding:10px 0 10px 20px;border-left-width:3px;border-left-style:solid;font-size:16px}blockquote cite{clear:both;color:#9B9B9B;display:block;font-size:14px;margin-top:10px}hr{border-top:2px solid #C4C4C4;margin:30px 15px;overflow:hidden;position:relative}hr:after{clear:both}[class^=span-] hr{clear:both;margin:30px auto;width:100%}div.container section{border-bottom:2px solid #C4C4C4;margin-bottom:15px;padding-bottom:5px} body.modal-open #bodymodal{background:rgba(116,150,247,.95)} /* ========================================================================================== gridsystem.css ========================================================================================== */ .container:after,.container:before,.row:after,.row:before{content:"";display:table;line-height:0}.container{margin:0 auto;padding:0;position:relative;width:100%}.row{padding:0}.container:after,.row:after{clear:both}[class*=gblock],[class^=span-]{float:left;min-height:1px;padding-right:30px;padding-left:0;position:relative}.span-1{width:16.66667%}.span-2{width:33.33333%}.span-3{width:50%}.span-4{width:66.66667%}.span-5{width:83.33333%}.span-6{width:100%}.offset-1{margin-left:16.66667%}.offset-2{margin-left:33.33333%}.offset-3{margin-left:50%}.offset-4{margin-left:66.66667%}.offset-5{margin-left:83.33333%}.offset-6{margin-left:100%}.container{padding-left:215px;padding-right:15px}.container .container{padding-left:0}.container .row{margin:0;padding:0}.container .row [class^=span-],.container .row header,header.container .row{padding-left:15px;padding-right:15px}@media only screen and (max-width:768px){#CONTENT,#HEADER,#body{min-width:320px!important;width:100%!important}[class*=gblock],[class^=span-]{float:none;display:block;padding-right:15px}.span-1,.span-2,.span-3,.span-4,.span-5,.span-6{width:100%}.offset-1,.offset-2,.offset-3,.offset-4,.offset-5,.offset-6{margin-left:0}} /* ========================================================================================== forms.css ========================================================================================== */ .form-error,input[type=text],input[type=email],input[type=password],label,select{font-weight:700}[type=text],[type=tel],[type=time],[type=url],[type=color],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],textarea{-webkit-appearance:none;-moz-appearance:none;background:#F6F6F6;border:2px solid #e0e0e0;box-shadow:none;box-sizing:border-box;color:#4A4A4A;display:block;font-family:inherit;font-size:1rem;height:2.4375rem;margin:0 0 1rem;padding:4px 11px;transition:box-shadow .5s,border-color .25s ease-in-out;width:100%}[type=text]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,[type=text].active,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,textarea:focus{border:1px solid #8a8a8a;border:2px solid #65C570;background-color:#fefefe;outline:0;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#C4C4C4;border:1px solid #9B9B9B;cursor:default}[type=submit],[type=button]{-webkit-appearance:none;-moz-appearance:none;border-radius:3px}input[type=search]{box-sizing:border-box}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}label>[type=checkbox],label>[type=label]{margin-left:.5rem}[type=file]{width:100%}label{color:#4A4A4A;display:block;font-size:16px;line-height:1.8;margin:0}label.middle{margin:0 0 4px;padding:.5625rem 0}.help-text{color:#333;font-size:.8125rem;font-style:italic;margin-top:-.5rem}.input-group{display:table;margin-bottom:1rem;width:100%}.input-group-button a,.input-group-button button,.input-group-button input,fieldset{margin:0}.input-group>:first-child{border-radius:3px 0 0 3px}.input-group>:last-child>*{border-radius:0 3px 3px 0}.input-group-button,.input-group-field,.input-group-label{display:table-cell;margin:0;vertical-align:middle}.input-group-label{background:#F6F6F6;border:1px solid #C4C4C4;color:#4A4A4A;height:100%;padding:0 1rem;text-align:center;width:1%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.input-group-button{height:100%;padding-bottom:0;padding-top:0;text-align:center;width:1%}fieldset{border:0;padding:0}legend{margin-bottom:.5rem}.fieldset{border:1px solid #C4C4C4;margin:1.125rem 0;padding:1.25rem}.fieldset legend{background:#fefefe;margin:0 0 0 -.1875rem;padding:0 .1875rem}select{-webkit-appearance:none;-moz-appearance:none;background-color:#F6F6F6;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAABGdBTUEAALGPC/xhBQAAAQ5JREFUKBVjPHbsWPK/f/96GBgYbjAyMkZYW1s/BLIxwO3bt9lfvXo19/////5AdcuB6tIYjxw58h6oUgCkGij4AEg5oBsA0vjy5csNQDkPIAYDVlZWAyYg6yaUzwA0VQHIPnD06FF5mBg2jUC5L8zMzE+ZgEQE0Ea4U5ENwKHxBxMTU4iJickbRpANx48fV/j79+9BIFMOxAcBkBeABt0BMl3AAhACpDHAyspqJ4gL1gxinDx5UvH3798HgEy4ASBxJICiESQO1wzinD59Wunnz58HgExZEB8JYGgEyYECDA5MTU3vAZ3rCMRP4IIMDFg1guRRbIZpALng169fk4F+FgIGaKWlpeUBmBwyDQDRbnD6h6RY2gAAAABJRU5ErkJggg==);background-size:9px 6px;background-position:right 12px center;background-repeat:no-repeat;border:3px solid #C4C4C4;color:#0a0a0a;font-size:16px;font-family:inherit;line-height:normal;margin:0 0 1rem;padding:7px 10px;width:100%}.form-error,.is-invalid-label{color:#c60f13}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:disabled{background-color:#C4C4C4;cursor:default}select::-ms-expand{display:none}select[multiple]{height:auto}.is-invalid-input:not(:focus){background-color:rgba(198,15,19,.1);border-color:#c60f13}.form-error{display:none;font-size:.75rem;margin-bottom:1rem;margin-top:-.5rem}.form-error.is-visible{display:block}input[type=radio],input[type=checkbox]{background-color:initial;border:2px inset;border:initial;margin:3px .5ex;box-sizing:border-box;padding:0}input[type=radio]{box-sizing:border-box}input[type=checkbox]{-moz-appearance:checkbox;-webkit-appearance:checkbox;box-sizing:border-box}.btn,.button,button{-webkit-appearance:none;background-color:#FFF;border-radius:0;color:#4A4A4A;cursor:hand;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:22px;min-width:80px;min-height:40px;margin:0;padding:10px 20px;text-align:center;text-decoration:none;text-transform:none;vertical-align:middle}.btn:focus,.btn:hover,.button:focus,.button:hover,button:focus,button:hover{background-color:#C4C4C4;color:#000;text-decoration:none}.btn::after,.btn::before,.button::after,.button::before,button::after,button::before{box-sizing:border-box}.btn+.btn{margin-left:10px}.btn-link{border:2px solid transparent;padding:8px 18px}.btn-large{font-size:24px;padding:15px 30px}.btn-small{font-size:14px;min-height:0;min-width:0;padding:3px 10px}.btn-justified{display:block;min-width:100%;text-align:center}.btn-rounded,.btn.btn-rounded:before,button.btn-rounded:before{border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}.btn-pill,.btn.btn-pill:before,button.btn-pill:before{border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;font-size:14px;padding:3px 10px;min-height:0;min-width:0}input::-webkit-input-placeholder{color:#C6C6C6}input::-moz-placeholder{color:#C6C6C6}input:-moz-placeholder{color:#C6C6C6}input:-ms-input-placeholder{color:#C6C6C6}@-moz-document url-prefix(){input[type=text],input[type=email]{font-weight:400}[type=text],[type=email],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{height:3rem}} input[type=submit]{font-size: 16px;padding: 5px 10px;border-radius: 30px;} .form-item{margin:0 0 10px}.form-type-radio, .form-type-checkbox {margin:0 0 2px}.form-actions{margin:20px 0} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* ========================================================================================== components.css ========================================================================================== */ /* Modals - used by Search, Amenity Tags, Services, and elements with the attribute 'role="modal"' ======================================================================================= */ #bodymodal{position:fixed;top:0;left:0;z-index:-1;overflow-y:scroll;min-height:100%;width:100%;height:100%;background:0 0;background:rgba(245,244,240,.85);opacity:1!important;display:none;pointer-events:all;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}body.modal-open #bodymodal{display:block;opacity:1;position:fixed;z-index:900}.modal-centered .container,.modal-centered:before{display:inline-block;vertical-align:middle}.modal-centered{height:100%;text-align:center;white-space:nowrap}.modal-centered * {white-space:normal}.modal-centered a.modal-close{position:absolute;z-index:1000;right:30px;top:30px;color:#fff;font-size:44px;font-weight:200}.modal-centered:before{content:'';height:100%;margin-right:-.25em}.modal-centered .container[role=amenity]{margin:0;padding-left:18.5%;padding-right:18.5%}.modal-centered .container[id=modal-content-header]>div.row,.modal-centered .container[id=modal-content-footer]>div.row{padding-top:30px;padding-bottom:30px}.modal-centered .container[id=modal-content-header] .title,.modal-centered .container[id=modal-content-header] p,.modal-centered .container[id=modal-content-header] ul,.modal-centered .container[id=modal-content-footer] .title,.modal-centered .container[id=modal-content-footer] p,.modal-centered .container[id=modal-content-footer] ul{text-align:left!important}.modal-centered .container[id=modal-content-header] .text{line-height:20px}body.modal-open{overflow: hidden; position: fixed} /* Labels & Badges =================================================================== */ .badge,body a.badge{position:relative;color:#fff!important;background-color:#9B9B9B;-webkit-appearance:none;border-radius:0;border-style:solid;border-width:2px;border-color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:18px;min-width:40px;margin:0;padding:3px 6px;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle}.badge-block,body a.badge-block{display:table!important;float:none;clear:both}.badge-justified{display:block;min-width:100%}.badge-featured,.badge-highlight,a.badge-featured,a.badge-highlight{background-color:#23AD94!important}.badge-inverted,.badge-register,a.badge-inverted,a.badge-register{color:#23AD94!important;background-color:#fff!important}.badge-success,a.badge-success{background-color:#3EBB6D!important}.badge-warning,a.badge-warning{background-color:#F2A605!important}.badge-alert,.badge-canceled,a.badge-alert,a.badge-canceled{background-color:#EC5840!important}h1 .badge,h2 .badge,h3 .badge{margin-top:-6px;margin-left:10px;padding:6px 10px} /* Accordion Menus =================================================================== */ .accordion .panel{margin-top:5px}.accordion .panel-heading{margin-bottom:25px;padding-left:41px;position:relative}.accordion .panel-heading .title{display:inline-block;line-height:26px;margin:0}.accordion .panel-heading a::before{position:absolute;top:0;left:0;border:2px solid #C4C4C4;border-radius:100%;color:#C4C4C4;height:25px;width:25px;text-align:center;content:'+';font-size:24px;font-weight:700;line-height:22px}.accordion .panel-heading a:hover .title,.accordion .panel-heading a:hover::before{border-color:#4A4A4A;color:#4A4A4A}.accordion .panel-body{display:none;padding-bottom:17px}.accordion .panel-open .panel-heading a::before{content:'-';font-size:36px;font-weight:100;line-height:16px} /* Tabs =============================================================================== */ .nav-tabs .labels{margin:0 0 25px}.nav-tabs li{display:inline-block;list-style-type:none}.nav-tabs .labels a{background:#C4C4C4;font-weight:700;padding:10px 30px;position:relative}.nav-tabs .labels a:hover{background:#4A4A4A;color:#FFF}.nav-tabs .labels .active a,.nav-tabs .labels .active a:hover{background:#C4C4C4;color:#FFF}.nav-tabs .labels .active a::after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #C4C4C4;bottom:-8px;content:'';height:0;left:50%;margin-left:-8px;position:absolute;width:0}.nav-tabs .content>div{display:none}.nav-tabs .content>div.active{display:block} /* Contain(ers) - boxes with borders ================================================== */ .contain{border-style:solid;border-width:3px;overflow:hidden;padding:18px 20px;position:relative}.contain-solid-bg{border:none}.contain-solid-bg *{color:#fff!important}.contain hr{border-width:3px;margin:20px -20px;width:200%;width:calc(100% + 40px)}.contain-primary,.contain-primary hr{border-color:#C4C4C4}.contain-secondary,.contain-secondary hr{border-color:#4A4A4A}.contain.bkgd-primary{background:bottom right no-repeat #C4C4C4;background-size:cover;color:#FFF}.contain.bkgd-primary .header{color:#FFF}.contain.bkgd-primary hr{border-color:#FFF}.contain div.contain-img{position:relative;height:0;padding-bottom:75%;margin:-20px 0 0 -20px;width:200%;width:calc(100% + 40px)}.contain div.contain-img img{display:block;margin:0!important}.contain div.contain-img div,.contain div.contain-img h1,.contain div.contain-img h2,.contain div.contain-img h3,.contain div.contain-img p{position:absolute;z-index:3;background:0 0;color:#fff;padding:0 20px}.contain div.contain-img .align-bottom{bottom:0}@media only screen and (max-width:768px){.contain div.contain-img{position:relative;height:0;padding-bottom:75%;margin:-23px -23px 0;width:206%;width:calc(100% + 46px)}.contain div.contain-img img{display:block;margin:-3px!important}}.full-width-module{clear:both;border:none;min-height:160px;margin:35px 0 30px;padding:0 0 30%;background-size:cover!important;background-repeat:no-repeat;position:relative}.full-width-module .container{position:absolute;bottom:30px}.full-width-module .h1{color:#FFF;line-height:1}.full-width-module .btn-rounded{border-width:3px;border-style:solid}.full-ped{padding:0 0 22% !important} /* Tables ============================================================================= */ .table, .views-table{text-align:left;width:100%}.table tbody tr:nth-child(odd), .views-table tbody tr:nth-child(odd){background-color:#F6F6F6}.table th, .views-table th{color:#4A4A4A;font-size:20px;padding:0 12px 10px}.table td, .views-table td{padding:7px 12px;vertical-align:middle} .hours-table{text-align:left;width:100%}.hours-table th{color:#4A4A4A;font-size:20px;padding:0 12px 10px}.hours-table td{padding:7px 12px;vertical-align:middle} /* BPL override - the striping for .table tr rows was superceding .bkgd-primary for branch hours, quick fix - made seperate .hours-table class */ /* Dropdowns (uses Bootstrap) ========================================================= */ .bootstrap-select.btn-group .dropdown-menu li.disabled a,.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select .btn,.bootstrap-select .btn:focus,.bootstrap-select .btn:hover{border:none;color:#9B9B9B}.bootstrap-select .btn::before{background-color:transparent}.bootstrap-select.open .btn,.bootstrap-select.open .btn:hover{color:#FFF}.bootstrap-select.open .btn::before{background:#9B9B9B}.bootstrap-select .icon-drop{font-size:8px;position:absolute;right:17px;top:45%}.bootstrap-select.open .icon-drop{opacity:.7}.dropdown-menu{position:absolute;top:100%;z-index:1000;background-color:#fff;border:3px solid #9B9B9B;font-size:14px;float:left;list-style:none;margin:2px 0 0;min-width:160px;display:none}.dropdown-menu>li>a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:5px 20px;white-space:nowrap}.bootstrap-select.btn-group .dropdown-menu li.active small,.bootstrap-select.btn-group.fit-width.open .dropdown-toggle .filter-option,.bootstrap-select.open .icon-drop{color:#fff}.dropdown-menu li:first-child a{padding-top:10px}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#CBCBCB;text-decoration:none}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#CBCBCB;color:#fff;text-decoration:none}.dropdown-menu>li.hidden{display:none}.open>.dropdown-menu{display:block}.bootstrap-select{width:220px;width:auto}.bootstrap-select>.dropdown-toggle{height:10px;padding-right:45px;width:100%;z-index:1}.bootstrap-select>select{border:none;bottom:0;height:100%!important;left:50%;opacity:0!important;padding:0!important;position:absolute!important;width:.11px!important}.bootstrap-select>select.mobile-device{display:block!important;left:0;top:0;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .bs-searchbox{border-bottom:3px solid #4A4A4A}.bootstrap-select.form-control{border:none;margin-bottom:0;padding:0}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.bs-container{position:absolute}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;text-align:left;width:100%}.bootstrap-select.btn-group .dropdown-toggle .caret{margin-top:-2px;position:absolute;right:12px;top:50%;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0}.bootstrap-select.btn-group .dropdown-menu.inner{border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;float:none;margin:0;padding:0;position:static}.bootstrap-select.btn-group .dropdown-menu li{position:relative;width:100%}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{padding-left:2.25em;position:relative}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{background:#f5f5f5;border:1px solid #e3e3e3;bottom:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 2%;min-height:26px;opacity:.9;padding:3px 5px;pointer-events:none;position:absolute;width:96%}.bootstrap-select.btn-group .no-results{background:#f5f5f5;margin:0 5px;padding:3px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{margin-top:-1px;position:static;top:auto}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{display:inline-block;margin-top:5px;position:absolute;right:15px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);bottom:-4px;content:'';display:none;left:9px;position:absolute}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;bottom:-4px;content:'';display:none;left:10px;position:absolute}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{border-top:7px solid rgba(204,204,204,.2);border-bottom:0;bottom:auto;top:-3px}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{border-top:6px solid #fff;border-bottom:0;bottom:auto;top:-3px}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{left:auto;right:12px}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{left:auto;right:13px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton{padding:4px 8px}.bs-actionsbox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{float:none;margin-bottom:0;width:100%}.bs-searchbox .form-control:focus{border:none}.bootstrap-select.select-rounded{border:2px solid #484E80}.bootstrap-select.select-rounded.open{background:#484E80}.bootstrap-select.select-rounded>.dropdown-toggle::before{display:none}.bootstrap-select.select-rounded.open .dropdown-toggle{color:#484E80}.bootstrap-select.select-rounded,.bootstrap-select.select-rounded .btn{border-radius:41px}.dropdown-menu{overflow-y: auto; /*max-height: 220px;*/} .page-calendar .dropdown-menu, .page-calendar-grid .dropdown-menu{height: 220px;background: transparent;} /* Nav-Tab Dropdowns / in conjunction with Anchors - used for Page Tab Filters ======== */ .page-filters li{cursor:pointer;position:relative;z-index:2}.page-filters li div.dropdown{min-width:100%;width:100%;padding:0;text-align:left;display:none;border-bottom:3px solid #fff;border-right:3px solid #fff}.page-filters li div.dropdown ul{margin-top:0;min-width:100%;display:block!important}.page-filters li div.dropdown ul,.page-filters li div.dropdown ul li,.page-filters li div.dropdown ul li a{border:0!important;float:none!important;clear:both!important;width:100%}.page-filters li div.dropdown ul li::before,.page-filters li div.dropdown ul::before{content:normal!important;font-size:none;padding-right:0}.page-filters li div.dropdown ul li,.page-filters li div.dropdown ul li a{width:100%;display:block}#CONTENT .container ul.page-filters li div.dropdown ul li a,.page-filters li div.dropdown ul li a{width:100%;font-weight:700;font-size:14px;padding-top:8px!important;padding-bottom:8px!important;display:block}#CONTENT .container ul.page-filters li div.dropdown ul li:first-child a,.page-filters li div.dropdown ul li:first-child a{padding-top:16px!important}.page-filters li.show-menu div.dropdown{display:block} /* .page-filters li { cursor: pointer; position: relative; z-index: 2 } .page-filters li ul { min-width: 100%; width: 100%; padding: 0; text-align: left; display: none; border-bottom: 3px solid #fff; border-right: 3px solid #fff } .page-filters li ul, .page-filters li ul li, .page-filters li ul li a { border: 0!important; float: none!important; clear: both!important; width: 100% } .page-filters li ul li::before, .page-filters li ul::before { content: normal!important; font-size: none; padding-right: 0 } .page-filters li ul li, .page-filters li ul li a { width: 100%; display: block } #CONTENT .container ul.page-filters li ul li a, .page-filters li ul li a { width: 100%; font-weight: 700; font-size: 14px; padding-top: 8px!important; padding-bottom: 8px!important; display: block } #CONTENT .container ul.page-filters li ul li:first-child a, .page-filters li ul li:first-child a { padding-top: 16px!important } #CONTENT .container .page-filters li.show-menu ul { display: block } */ /* Carousels ( Uses slick.js ) ======================================================== */ .slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{left:0;top:0}.slick-track:after,.slick-track:before{content:'';display:table}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;display:block;list-style:none;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{cursor:pointer;display:inline-block;height:20px;margin:0 5px;padding:0;position:relative;width:20px}.slick-dots li button{background:0 0;border:0;color:transparent;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;outline:0;padding:5px;width:20px}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:'•';height:20px;left:0;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.carousel-wrapper .carousel-title{display:inline-block;font-size:18px;line-height:22px;margin-right:18px}.carousel-wrapper .list-horizontal{display:inline-block}.carousel-wrapper .list-horizontal li{cursor:pointer;color:#9B9B9B;font-size:13px;font-weight:700;margin-right:24px;margin-bottom:5px}.carousel-wrapper .list-horizontal .selected{position:relative}.carousel-wrapper .list-horizontal .selected::before{background:#C4C4C4;bottom:-3px;content:'';height:3px;left:0;position:absolute;width:100%}.carousel-nav{position:absolute;z-index:2;top:0;height:100%;width:27px;cursor:pointer;margin-bottom:20px}.carousel-nav.prev{display:none!important;left:0}.carousel-nav.prev .icon-arrow-left{font-size:20px;left:0;margin-top:-10px;position:absolute;top:50%}.carousel-nav.next{right:0}.carousel-nav.next .icon-arrow-right{font-size:20px;left:10px;margin-top:-10px;position:absolute;top:50%}.carousel-cell,.carousel-cell .inner-wrap,.inner-wrap{position:relative}.carousel{margin-top:10px;padding-right:40px}.carousel-cell{margin-right:30px;padding:10px;border:3px solid transparent}.carousel-cell:hover{border-color:#C4C4C4}.carousel-cell .inner-wrap>img+p,.carousel-cell a>p,.carousel-cell>p{border-top:3px solid transparent;margin:-5px -10px;padding:10px}.carousel-cell:hover .inner-wrap>img+p,.carousel-cell:hover a>p,.carousel-cell:hover>p{border-color:#C4C4C4}.carousel-cell a{color:#777!important}.adbox .carousel-cell a{color:#fff!important}.carousel-cell p{font-size:13px;line-height:15px}.carousel-cell b{display:block;font-size:14px;line-height:17px;margin-bottom:4px}.contain .more-info{border-right:2px solid;border-top:2px solid}.carousel-cell .inner-wrap .more-info,.contain .more-info{position:absolute;bottom:0;left:0;border-radius:0;padding:14px 50px 14px 20px;font-weight:700;color:#fff!important}.carousel-cell .inner-wrap .more-info{padding:14px 20px}.carousel-cell .inner-wrap>.more-info .icon-arrow-right,.contain .more-info{font-size:12px;margin-left:6px;position:relative;top:2px}#CONTENT .container .row [class*=block] .carousel-cell img,#CONTENT .container .row [class^=span-] .carousel-cell img,.carousel-cell img{margin-bottom:14px;margin-top:0;width:100%}.carousel-cell .img-caption{bottom:65px;left:20px;position:absolute}.carousel-cell .img-caption .img-title{color:#fff;line-height:26px;margin:0}.carousel-cell .img-caption p{margin-top:11px;}.carousel-informational .carousel .carousel-cell .img-title,.carousel-informational .carousel .carousel-cell p{display:none;}.carousel-informational.adbox .carousel .carousel-cell .img-title {display:block}.carousel-informational .carousel .carousel-cell:hover img{opacity:.1}.carousel-informational .carousel .carousel-cell:hover .img-title{color:#C4C4C4; display:block}.carousel-informational .carousel .carousel-cell:hover .img-caption p{display:block}.carousel-informational .carousel .inner-wrap img{margin-bottom:0!important}.carousel-cell .date{background:#fff;border-right:2px solid #fff;color:#C4C4C4;font-weight:700;left:0;position:absolute;text-align:center;top:0;width:42px}.carousel-cell .date .month{color:#fff;font-size:12px;padding:5px 0}.carousel-cell .date .day{font-size:16px;padding:0 0 2px} .adbox.carousel-informational .carousel .carousel-cell:hover img{opacity:1} .adbox .carousel-cell .img-caption{ position:absolute; bottom: 0; left: 0; background: rgba(24,21,21,0.6); padding: 16px 20px 65px; width: 100%; } .adbox .carousel-cell .inner-wrap .more-info {left: 20px;} .adbox .carousel-cell .img-caption p { font-size: 18px; line-height: 1.2; color: #fff; margin-bottom: 0; } .full-width-module h1, .full-width-module .btn.btn-primary {text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);} .full-width-module.full-ped h1.h1 {font-size:30px;} .full-width-module .btn.btn-primary {margin-top: 20px;} .full-width-module.full-ped .btn.btn-primary:hover {background: rgba(0, 0, 0, 0.00);} .lr .carousel-cell .inner-wrap .more-info { display: none; } .lr.carousel-informational .carousel .carousel-cell:hover .inner-wrap .more-info{display:block} /* quartet boxes used on learn pages, etc.. */ .quartet .carousel-cell:hover img{opacity:.1} .quartet .carousel-cell .img-title, .quartet .carousel-cell p{display:none;} .quartet .carousel-cell:hover .img-caption p{font-size:16px; display:block} .quartet .carousel-cell:hover .img-title{color:#777; display:block} .sr-only, .carousel { display: none; } /* carousel is to hide flash of unstyled content */ .carousel.slick-initialized { display: block; } /* temporary styles for booklists on branch page - tom */ .bkgd-primary .carousel-wrapper .carousel-title{background: #fff;padding: 10px 14px;} .bkgd-primary .carousel-wrapper .list-horizontal li {color:#fff} .bkgd-primary .carousel-wrapper .list-horizontal .selected::before {background: #fff;} /* HEADER CAROUSLE Specific */ #HEADER .carousel{padding-right:58px}#HEADER .carousel-nav{background-color:#C4C4C4;background-color:rgba(0,0,0,.4);border:2px solid;border-right:none;padding:0 27px;right:0}#HEADER .carousel .slick-list::before{background-color:#C4C4C4;content:'';height:100%;position:absolute;right:100%;width:100%;z-index:1}#HEADER .carousel .slick-list{overflow:visible}#HEADER .carousel-cell img{margin-bottom:0}.carousel.col-1 .img-caption{bottom:45px} /* COLOR DEFINITIONS MOVED HERE ======================================================= */ .accordion .panel-heading a::before{border:2px solid #65C570;color:#65C570}.accordion .panel-heading a:hover .title,.accordion .panel-heading a:hover::before{border-color:#484E80;color:#484E80}.nav-tabs .labels a{background:#C6DAF2}.nav-tabs .labels a:hover{background:#484E80}.nav-tabs .labels .active a,.nav-tabs .labels .active a:hover{background:#65C570}.nav-tabs .labels .active a::after{border-top:8px solid #65C570}.contain-secondary,.contain-secondary hr{border-color:#65C570}.contain.bkgd-primary{background-color:#65C570}.table th, .views-table th{color:#65C570}.bootstrap-select .btn,.bootstrap-select .btn:focus,.bootstrap-select .btn:hover{background:0 0;color:#484E80}.bootstrap-select.open .btn::before{background:#484e80}.dropdown-menu{border:3px solid #484E80}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#C6DAF2}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#337ab7}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select .bs-searchbox{border-bottom:3px solid #484E80} /* ========================================================================================== utility-bar.css: HEADER UTILITY BAR ========================================================================================== */ /*#HEADER #UTILITIES{position:absolute;z-index:3;top:0;padding-left:230px;padding-right:30px}#HEADER #UTILITIES .row{border:2px solid #fff;color:#fff;font-size:11px;height:43px;margin-top:30px;position:relative}#HEADER #UTILITIES .row [class^=span-]{padding-left:0;padding-right:0}#HEADER #UTILITIES .col-header{position:relative;color:#fff;font-family:proxima-nova-bold;font-weight:700;height:39px;padding:7px 12px 11px;float:left}#HEADER #UTILITIES .icon-drop{font-size:7px;margin-left:8px;opacity:.7}#HEADER #UTILITIES .search{box-shadow:inset -2px 0 0 #fff;line-height:30px;padding-left:18px;padding-right:18px}#HEADER #UTILITIES .icon-search{float:right;font-size:17px;position:relative;top:4px}#HEADER #UTILITIES .location{text-align:right}#HEADER #UTILITIES .location .details{display:inline-block;margin-right:16px;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;top:4px;white-space:nowrap;width:60%}#HEADER #UTILITIES .location .location-dropdown{color:#FFF;display:inline-block;min-width:140px}#HEADER #UTILITIES .icon-location{font-size:19px;margin-right:5px;position:relative;top:4px}#HEADER #UTILITIES .avatar{z-index:1;box-shadow:inset 2px 0 0 #fff;cursor:pointer;line-height:30px;text-align:right}#HEADER #UTILITIES .avatar span{pointer-events:none}#HEADER #UTILITIES .icon-avatar{font-size:17px;margin-right:12px;position:relative;top:4px;float:left}#HEADER #UTILITIES .avatar .account-dropdown{background-color:#fff;display:none;padding:5px 3px 3px;position:absolute;right:-2px;text-align:left;top:100%;width:189px;z-index:3}#HEADER #UTILITIES .avatar.active .account-dropdown{display:block}#HEADER #UTILITIES .avatar .account-dropdown::before{content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;height:0;position:absolute;right:11px;top:-8px;width:0}#HEADER #UTILITIES .avatar .account-dropdown a{display:block;font-size:15px;padding:7px 9px 7px 13px;text-transform:none}#HEADER #UTILITIES .avatar .account-dropdown a:hover{background-color:rgba(0,0,0,.05);color:#9B9B9B}#HEADER #UTILITIES .avatar .account-dropdown a .detail{border-radius:7px;font-size:12px;padding:1px 7px 0;height:24px;clear:right;float:right}#HEADER #UTILITIES .donate{text-align:center;background:#fff;padding:0}#HEADER #UTILITIES .donate a{line-height: 30px;padding-top: 7px;padding-bottom: 11px; display: block;}#HEADER #UTILITIES .search{width:13%}#HEADER #UTILITIES .location{width:61%}#HEADER #UTILITIES .avatar{width:14%}#HEADER #UTILITIES .donate{width:12%}@media only screen and (max-width:1100px){#HEADER #UTILITIES .search{width:25%}#HEADER #UTILITIES .location{width:38%}#HEADER #UTILITIES .avatar{width:25%}#HEADER #UTILITIES .donate{width:12%}#HEADER #UTILITIES .location .details{display:none}}@media only screen and (max-width:768px){#HEADER #UTILITIES{left:0;margin-left:0;position:relative;padding-left:0;padding-right:0}#HEADER #UTILITIES .row{border-left:none;border-right:none;border-top:none;border-width:2px;height:56px;margin-top:0}#HEADER #UTILITIES .avatar,#HEADER #UTILITIES .donate,#HEADER #UTILITIES .location,#HEADER #UTILITIES .search{box-shadow:inset 3px 0 0 #fff;height:54px;padding:15px 0;position:absolute;text-align:center;width:10%}#HEADER #UTILITIES .donate{width:15%;right:0}#HEADER #UTILITIES .donate a{line-height:13px}#HEADER #UTILITIES .search{right:15%}#HEADER #UTILITIES .avatar{right:25%}#HEADER #UTILITIES .location{padding:0;right:35%}#HEADER #UTILITIES .icon-avatar,#HEADER #UTILITIES .icon-location,#HEADER #UTILITIES .icon-search{float:none;margin:0;position:static}#HEADER #UTILITIES .location .location-dropdown{display:block;min-width:0;padding:15px 0}}*/ #HEADER #UTILITIES{position:absolute;z-index:3;top:0;padding-left:230px;padding-right:30px}#HEADER #UTILITIES .row{border:2px solid #fff;color:#fff;font-size:12px;height:43px;margin-top:30px;position:relative}#HEADER #UTILITIES .row [class^="span-"]{padding-left:0;padding-right:0}#HEADER #UTILITIES .col-header{position:relative;color:#ffffff;font-family:"proxima-nova-bold";font-weight:700;height:39px;padding:7px 12px 11px;float:left}#HEADER #UTILITIES .icon-drop{font-size:7px;margin-left:8px;opacity:.7}#HEADER #UTILITIES .search{box-shadow:inset -2px 0 0 white;line-height:30px;padding-left:18px;padding-right:18px}#HEADER #UTILITIES .icon-search{float:right;font-size:17px;position:relative;top:4px}#HEADER #UTILITIES .location{text-align:right}#HEADER #UTILITIES .location .locmenu{float:right;padding: 7px 0 9px;cursor:pointer}#HEADER #UTILITIES .location span{pointer-events:none}#HEADER #UTILITIES .icon-location{font-size:19px;margin-right:5px;position:relative;top:3px}#HEADER #UTILITIES .location .details{display:inline-block;margin-right:16px;overflow:hidden;position:relative;text-overflow:ellipsis;-o-text-overflow:ellipsis;top:13px;white-space:nowrap;width:60%}#HEADER #UTILITIES .locmenu .location-dropdown{background-color:white;display:none;padding:5px 3px 3px;position:absolute;right:-2px;text-align:left;top:100%;width:218px;z-index:3}#HEADER #UTILITIES .locmenu.active .location-dropdown{display:block}#HEADER #UTILITIES .locmenu.active .location-dropdown ul{overflow-y:auto;height:200px}#HEADER #UTILITIES .locmenu .location-dropdown a{display:block;font-size:15px;padding:7px 9px 7px 13px;text-transform:none}#HEADER #UTILITIES .location .location-dropdown a:hover{background-color:rgba(0,0,0,.05);color:#9B9B9B}#HEADER #UTILITIES .avatar{z-index:1;box-shadow:inset 2px 0 0 white;cursor:pointer;line-height:30px;text-align:right}#HEADER #UTILITIES .avatar span{pointer-events:none}#HEADER #UTILITIES .icon-avatar{font-size:17px;margin-right:12px;position:relative;top:4px;float:left}#HEADER #UTILITIES .avatar .account-dropdown{background-color:white;display:none;padding:5px 3px 3px;position:absolute;right:-2px;text-align:left;top:100%;width:189px;z-index:3}#HEADER #UTILITIES .avatar.active .account-dropdown{display:block}#HEADER #UTILITIES .location .location-dropdown::before,#HEADER #UTILITIES .avatar .account-dropdown::before{content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;height:0;position:absolute;right:11px;top:-8px;width:0}#HEADER #UTILITIES .avatar .account-dropdown a{display:block;font-size:15px;padding:7px 9px 7px 13px;text-transform:none}#HEADER #UTILITIES .avatar .account-dropdown a:hover{background-color:rgba(0,0,0,.05);color:#9B9B9B}#HEADER #UTILITIES .avatar .account-dropdown a .detail{border-radius:7px;font-size:12px;padding:1px 7px 0;height:24px;clear:right;float:right}#HEADER #UTILITIES .donate{text-align:center;background:#fff;padding-left:0;padding-right:0;padding:0}#HEADER #UTILITIES .donate a{line-height:30px;padding-left:auto;padding-right:auto;padding-top:7px;padding-bottom:11px;display:block}#HEADER #UTILITIES .search{width:13%}#HEADER #UTILITIES .location{width:61%;padding: 0 12px}#HEADER #UTILITIES .avatar{width:14%}#HEADER #UTILITIES .donate{width:12%}@media only screen and (max-width:1100px){#HEADER #UTILITIES .search{width:25%}#HEADER #UTILITIES .location{width:38%}#HEADER #UTILITIES .avatar{width:25%}#HEADER #UTILITIES .donate{width:12%}#HEADER #UTILITIES .location .details{display:none}}@media only screen and (max-width:768px){#HEADER #UTILITIES{left:0;margin-left:0;position:relative;padding-left:0;padding-right:0}#HEADER #UTILITIES .row{border-left:none;border-right:none;border-top:none;border-width:2px;height:56px;margin-top:0}#HEADER #UTILITIES .search,#HEADER #UTILITIES .avatar,#HEADER #UTILITIES .location,#HEADER #UTILITIES .donate{box-shadow:inset 3px 0 0 white;height:54px;padding:15px 0;position:absolute;text-align:center;width:10%}#HEADER #UTILITIES .donate{width:15%;right:0}#HEADER #UTILITIES .donate a{line-height:13px}#HEADER #UTILITIES .search{right:15%}#HEADER #UTILITIES .avatar{right:25%}#HEADER #UTILITIES .location{right:35%; padding-top:1px}#HEADER #UTILITIES .icon-avatar,#HEADER #UTILITIES .icon-location,#HEADER #UTILITIES .icon-search{float:none;margin:0;position:static}#HEADER #UTILITIES .location .locmenu {float:none; padding:15px}} #HEADER #UTILITIES .avatar[role="dropdown"] {cursor:default} /* ========================================================================================== icons.css ========================================================================================== */ @font-face { font-family: 'Bklyn'; src: url('../icons/fonts/Bklyn.eot?kl8lamlza'); src: url('../icons/fonts/Bklyn.eot?kl8lamlza#iefix') format('embedded-opentype'), url('../icons/fonts/Bklyn.ttf?kl8lamlza') format('truetype'), url('../icons/fonts/Bklyn.woff?kl8lamlza') format('woff'), url('../icons/fonts/Bklyn.svg?kl8lamlza#Bklyn') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Bklyn' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-logo:before{content:"\e91e"}.icon-borrow:before{content:"\e90a"}.icon-borrow-inverted:before{content:"\e909"}.icon-learn:before{content:"\e911"}.icon-attend:before{content:"\e907"}.icon-styles:before{content:"\e916"}.icon-patterns:before{content:"\e917"}.icon-guidelines:before{content:"\e91a"}.icon-arrow-back:before{content:"\e902"}.icon-arrow-back-alt:before{content:"\e900"}.icon-arrow-forward-alt:before{content:"\e901"}.icon-arrow-forward:before{content:"\e903"}.icon-close:before{content:"\e918"}.icon-ellipsis:before{content:"\e910"}.icon-more:before{content:"\e91c"}.icon-arrow-left:before{content:"\e904"}.icon-arrow-right:before{content:"\e905"}.icon-drop:before{content:"\e919"}.icon-arrow:before{content:"\e906"}.icon-avatar:before{content:"\e908"}.icon-chat:before{content:"\e920"}.icon-chat-fill:before{content:"\e91f"}.icon-chat-dots:before{content:"\e90e"}.icon-open:before{content:"\e914"}.icon-calendar-add:before{content:"\e90c"}.icon-calendar:before{content:"\e90d"}.icon-bus:before{content:"\e90b"}.icon-directions:before{content:"\e90f"}.icon-location:before{content:"\e912"}.icon-music:before{content:"\e913"}.icon-phone:before{content:"\e915"}.icon-search:before{content:"\e91b"}.icon-time:before{content:"\e91d"}.icon-spinner:before{content:"\e922"}.icon-info:before{content:"\e921"}.icon-wheelchair:before{content:"\e923"}.icon-email:before{content:"\e924"}.icon-email2:before{content:"\e925"}.icon-email3:before{content:"\e926"}.icon-hide:before{content:"\e927"}.icon-show:before{content:"\e928"}.icon-link:before{content:"\e929"} /* ========================================================================================== fonts.css ========================================================================================== */ /* Proxima Nova */ @font-face { font-family: 'proxima-nova'; src: url('../fonts/proxima-nova/ProximaNova-RegularWeb.eot?kl8lam'); src: url('../fonts/proxima-nova/ProximaNova-RegularWeb.eot?kl8lam#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/ProximaNova-RegularWeb.woff?kl8lam') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima-nova-italic'; src: url('../fonts/proxima-nova/ProximaNova-RegularItWeb.eot?kl8lam'); src: url('../fonts/proxima-nova/ProximaNova-RegularItWeb.eot?kl8lam#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/ProximaNova-RegularItWeb.woff?kl8lam') format('woff'); font-weight: normal; font-style: italic; } /* BOLD * BOLD ITALIC */ @font-face { font-family: 'proxima-nova-bold'; src: url('../fonts/proxima-nova/ProximaNova-BoldWeb.eot?kl8lam'); src: url('../fonts/proxima-nova/ProximaNova-BoldWeb.eot?kl8lam#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/ProximaNova-BoldWeb.woff?kl8lam') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'proxima-nova-bold-italic'; src: url('../fonts/proxima-nova/ProximaNova-BoldItWeb.eot?kl8lam'); src: url('../fonts/proxima-nova/ProximaNova-BoldItWeb.eot?kl8lam#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/ProximaNova-BoldItWeb.woff?kl8lam') format('woff'); font-weight: 700; font-style: italic; } /* ========================================================================================== BASE STYLES ========================================================================================== */ /* Override 'baselayout' defaults' */ body, h1, h2, h3, h4, h5, h6, p, input, label, select, textarea, button { font-family: "proxima-nova"; } h1, h2, h3, h4, h5, h6, p a, .page-content a, .item-list a { /* 'p a' is defined in baselayout.css */ font-family: "proxima-nova-bold"; font-weight: 700; } .list-horizontal { list-style-type: none; margin: 0; padding: 0; } .list-horizontal li { display: inline-block; *display: inline; margin: 0 4px 0 0; *zoom: 1; } .list-horizontal.buttons li { margin-right: 1.5%; } .list-horizontal.buttons li .btn:not(.border-display) { border-color: transparent; } /* Global Layout Elements by ID, which define the general layout =================================================================================== */ #body { display: block; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%; overflow-x: hidden; } #bodymask { /* This element is created via Javascript, and used for clipping when the navigation drawer opens */ width: 100%; height: 100%; } #bodynav { /* This element is marked up at the end of the HTML document */ position: fixed; z-index: 1000; top: 0; left: 0; width: 200px; min-height: 365px; height: 445px; /* match the min-height of the HERO */ display: block; } .alert-open #bodynav, .alert-open #SEARCH-WRAPPER, .alert-open #drawer { top: 65px; } #bodyfog { /* This element is marked up at the end of the HTML document */ position: fixed; top: 0; left: 0; z-index: -1; overflow: hidden; min-height: 100%; width: 100%; height: 100%; background: 0 0; background: rgba(0, 0, 0, .25); background: rgba(245, 244, 240, .25); cursor: w-resize; opacity: 1 !important; display: none; pointer-events: all; } .main { /* Used for both the main navigation 'nav.main' and section content 'section.main' */ position: relative; width: 100%; height: 100%; background-color: transparent; vertical-align: top; } /* Utility Classes =================================================================================== */ .float-left { float: left; } .float-right { float: right; } .clear-both, .clear { clear: both; } .width-full { width: 100%; } /* Branding and Main Navigation =================================================================================== */ /* Branding --------------------------------------------------------------------------------- */ .branding { height: 105px; text-align: center; } .branding > a { display: block; } .branding .icon-logo { color: #fff; font-size: 50px; position: relative; top: 29px; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=(100)); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .branding.scrolled .icon-logo, body.drawer-open .branding .icon-logo { color: #000; } .branding.background--dark .icon-logo { color: #fff; } body.drawer-open .branding.background--dark .icon-logo { color: #000; } /* Navigation ---------------------------------------------------------------------------- */ #GLOBAL-navigation-sub { /* NOTE: TBD... */ opacity: 0.00; /* transition defined below */ } .nav-main li a { color: #fff; font-family: "proxima-nova-bold"; font-weight: 700; padding-left: 25px; padding-bottom: 25px; display: block; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1.00; /* transition defined below */ } .nav-main li a:hover { color: #fff; padding-left: 25px; -ms-filter: "alpha(Opacity=70)"; filter: alpha(opacity=(70)); opacity: 0.70; } .nav-main.menu-main > li a { position: relative; padding-left: 70px; } .nav-main.menu-main > li a span { /* Icons */ position: absolute; left: 25px; line-height: 24px; } .nav-main li.scrolled a { color: #000; -ms-filter: "alpha(Opacity=70)"; filter: alpha(opacity=(70)); opacity: 0.70; } .nav-main li.scrolled.background--dark a { color: #fff; opacity: 1; } .nav-main li.nav-more a { -ms-filter: "alpha(Opacity=50)"; filter: alpha(opacity=(50)); opacity: 0.50; } .nav-main li.nav-more a:hover { -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=(80)); opacity: 0.80; } #GLOBAL-navigation-sub, .nav-main li a { -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; } /* Navigation Icons ---------------------------------------------------------------------- */ .nav-main li a > .icon { width: 40px; text-align: center; font-size: 2em; } .nav-main.menu-main .icon-attend { font-size: 31px; } .nav-main.menu-main .icon-borrow { font-size: 23px; } .nav-main.menu-main .icon-learn { font-size: 25px; } .nav-main.menu-main .icon-ellipsis { font-size: 9px; margin-right: 6px; } .nav-main.menu-main .icon-styles { font-size: 36px; } .nav-main.menu-main .icon-patterns { font-size: 29px; } .nav-main.menu-main .icon-guidelines { font-size: 29px; } /* Drawer Navigation styles and dynamics (the drawer animates via transitions =================================================================================== */ body { margin-left: 0; } body.drawer-open { overflow: hidden; } body, body.drawer-open, #body, .drawer-open #body { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.drawer-open #body { -ms-transform: translate(450px,0px); /* IE 9 */ -webkit-transform: translate(450px,0px); /* Safari */ transform: translate(450px,0px); /* Standard syntax */ } body.drawer-open #bodymask { position: fixed; } body.drawer-open #bodyfog { position: fixed; z-index: 2; } #drawer, body.drawer-open #drawer { position: fixed; z-index: 999; top: 0; left: -100%; overflow-y: hidden; margin: 0; padding: 0; min-width: 450px; min-height: 100%; width: 450px; height: auto; background: #fff; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.drawer-open #drawer { left: 0; } body.drawer-open #GLOBAL-navigation-sub { opacity: 1.00; } #drawer>nav { position: absolute; z-index: 1; top: 125px; right: 0; overflow-y: auto; min-height: 80%; width: 200px; width: 230px; margin-top: -26px; padding-right: 30px; height: 80%; text-align: left; display: none; } #drawer>nav::-webkit-scrollbar { position: absolute; right: 0; width: 7px; } #drawer>nav::-webkit-scrollbar-thumb { background: rgba(0,0,0,.16); border-radius: 14px; } #drawer>nav header { /* main header */ display: block; } #drawer>nav header h4 { color: #000; opacity: 0.40; } /* NOTE: Check this Adjust the main navigation, which will now be on a WHITE background */ body.drawer-open .nav-main li.background--dark a, body.drawer-open .nav-main li a { color: #666; -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out; } #drawer>nav .nav-main li a { color: #666; font-family: "proxima-nova"; padding-left: 0; -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=(100)); opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #drawer>nav .nav-main li a:hover { color: #666; padding-left: 0; -ms-filter: "alpha(Opacity=80)"; filter: alpha(opacity=(80)); opacity: .80; } #drawer>nav .nav-main li.header { font-weight: 300; font-size: 14px; color: #999; } /* Section Navigation - top level links */ #drawer>nav .nav-main.section-navigation li a { font-family: "proxima-nova-bold"; font-weight: 700; font-size: 16px; padding-bottom: 15px; } #drawer>nav .nav-main.section-navigation li:not(.launch) a { background: transparent url(../img/icon-nav-arrow.png) no-repeat right 6px; padding-right: 10px; } #drawer>nav .nav-main.section-navigation li.launch, #drawer>nav .nav-main.section-navigation li.launch a { font-weight: 300; } #drawer>nav .nav-main.section-navigation li.launch a span { margin-left: 6px; } /* quickfix for attend sub items */ #drawer>nav #nav-Attend-subnavigation ul li a { background:none; padding-right:0; font-weight: 300; font-size: 14px; padding-bottom: 7.5px; } /* Section Links - additional links/information */ #drawer>nav .nav-main.section-links { margin-bottom: 15px; } #drawer>nav .nav-main.section-links li a { font-weight: 300; font-size: 14px; padding-bottom: 7.5px; } #drawer>nav .nav-main.section-links.inline li, #drawer>nav .nav-main.section-links.inline li a { display: inline; } #drawer>nav .nav-main.section-links.inline li:not(.header):after { content: ", "; color: #666; } #drawer>nav .nav-main.section-links.inline li:last-child:after { content: ""; } #drawer>nav .nav-main.section-links.inline li.header { display: block; } body.drawer-open .nav-main li a > .icon.icon-svg { -webkit-filter: grayscale(100%) brightness(500%) brightness(50%); filter: grayscale(100%) brightness(500%) brightness(50%); } body.drawer-open .nav-main li a > .icon.icon-svg.icon-launch { width: 14px; height: 14px; margin-top: 2px; margin-right: 0; margin-left: 4px; vertical-align: top; } #drawer .close { position: absolute; top: 20px; right: 20px; width: 35px; height: 35px; margin: 0 0; padding: 0 0; font-size: 18px; display: block; } #drawer .close-button { width: 35px; /* image dimension is 15px; adding extra hit space for the cursor */ height: 35px; /* image dimension is 15px; adding extra hit space for the cursor */ overflow: hidden; background: transparent url(../img/drawer-close.png) no-repeat center center; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 0.50; display: block; } #drawer .close-button span { visibility: hidden; } #drawer .close-button:hover { opacity: 1; } #drawer a { color: #666; color: rgba(255, 255, 255, .3); } @media only screen and (max-width:568px) { #bodyfog, #drawer { display: none !important; } } /* Attend Sub-navigation */ li#nav-Attend-subnavigation { } li#nav-Attend-subnavigation > a + ul { margin-bottom: 0px; padding-bottom: 10px; } li#nav-Attend-subnavigation > ul.menu-sub.section-links li.menu-item a { background-image: none; } /* Header/Hero Image Area =================================================================================== */ /* A. Homepage Header dimensions: 960 wide by 480 high or 2:1 B. Default Header dimensions: roughly 960 wide by 320 high or 3:1 */ #HEADER { position: relative; } #HEADER-TITLE { color: #fff; position: absolute; bottom: 30px; width: 83.33333%; } /* #HEADER-TITLE h1.title { line-height: 1.2; } */ #HEADER-TITLE * { color: #fff; } #HEADER-TITLE .btn { border: none; font-size: 12px; line-height: 22px; position: relative; text-transform: uppercase; z-index: 1; } #HEADER-TITLE .btn::before { background: #56A960; border-radius: 20px; } #HEADER-TITLE .btn:hover { background: none; } #HEADER-TITLE p.lead { margin-top: -16px; } #HEADER-IMAGE { display: block; height: 0; padding-bottom: 25.333%; /* default */ overflow: hidden; min-height: 300px; } #HEADER-IMAGE img { display: block; width: 100%; height:auto; } #HEADER-CONTENT { color: #fff; padding-right: 0; padding-left: 230px; padding-bottom: 20px; } #HEADER-CONTENT #page-title{ color: #fff; } #HEADER .carousel-wrapper { margin-top: 112px; overflow: hidden; } #HEADER-CAROUSEL { padding-right: 0; padding-left: 230px; padding-bottom: 20px; } #HEADER-SHARE { position: absolute; right: 30px; bottom: 0px; z-index: 300; font-size: 18px; cursor: pointer; } #HEADER-SHARE p { color: #ffffff; } #HEADER-SHARE p .icon-open { font-size: 23px; padding-top: 3px; } .sharetip {cursor: pointer} @media (max-width: 768px) { #HEADER-SHARE { display: none; } } /* Footer =================================================================================== */ #FOOTER { margin-bottom: 30px; padding-top: 30px; } #FOOTER .row.last { margin-top: 30px; } #FOOTER .row.last p { color: #9B9B9B; } /* Chat with a Librarian =================================================================================== */ .sticky-chat { border-radius: 100%; bottom: 35px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.30); height: 56px; position: fixed; right: 30px; width: 56px; z-index: 1001; } .sticky-chat .icon-chat, .sticky-chat .icon-chat-fill { font-size: 25px; height: 100%; line-height: 58px; position: absolute; text-align: center; width: 100%; } .sticky-chat .icon-chat-fill { font-size: 23px; z-index: -1; } .sticky-chat:hover .detail { display: block; } .sticky-chat .detail { background-image: url('../img/chat-detail.png'); background-repeat: no-repeat; background-size: 100%; display: none; font-family: "proxima-nova-bold"; font-weight: 700; font-size: 16px; height: 60px; line-height: 17px; padding: 14px 45px 8px 60px; position: absolute; right: 100%; width: 186px; padding: 14px 35px 8px 20px; width: 136px; } /* Page Navigation =================================================================================== */ #CONTENT { padding-top: 30px; position: relative; } #CONTENT .container .row { margin-top: 20px; margin-bottom: 20px; } #CONTENT .container.page-list { position: absolute; top: -30px; margin-bottom: -30px; } #CONTENT .container.page-list .row { margin-top: 0px; margin-bottom: 0px; } #CONTENT .container.page-list ul { border-bottom: 3px solid #fff; border-left: 3px solid #fff; display: inline-block; width: auto; } #CONTENT .container.page-list ul li ul { display: none; } #CONTENT .container.page-list ul li { border-right: 3px solid #fff; border-top: 3px solid #fff; } #CONTENT .container.page-list ul li a, #CONTENT .container ul.page-tabs li .nolink { display: block; font-family: "proxima-nova-bold"; font-weight: 700; padding: 10px 15px; } .container.page-list ul li:before { content: ""; padding-right: 0; } #CONTENT .container ul.page-tabs li a, #CONTENT .container ul.page-tabs li .nolink { font-family: "proxima-nova-bold"; font-weight: 700; font-size: 16px; padding: 13px 20px; } #CONTENT .container ul.page-tabs li a .icon-more { bottom: 3px; font-size: 4px; margin-left: 3px; position: relative; } /* Page Filters */ #CONTENT .container ul.page-tabs li.title-tab { background: #FFFFFF !important; font-family: "proxima-nova-bold"; font-weight: 700; font-size: 16px; } #CONTENT .container ul.page-tabs.page-filters span { font-family: "proxima-nova-bold"; font-weight: 700; font-size: 18px; } #CONTENT .container ul.page-tabs.page-filters span.icon-drop { font-size: 12px; font-weight: normal; } #CONTENT .container ul.page-tabs.page-filters span.nolink { font-family: "proxima-nova-bold"; font-weight: 700; font-size: 16px; color: #fff; } #CONTENT .container ul.page-tabs.page-filters li.title-tab span.nolink { padding:0; color: inherit; padding: 13px 20px !important; } #CONTENT .container ul.page-tabs.mybpl li { min-width: 150px } #CONTENT .container ul.page-tabs.mybpl li a { font-family: "proxima-nova-bold"; font-weight: 700; font-size: 20px; padding: 8px 16px; } #CONTENT .container ul.page-tabs.mybpl .small { font-size: 14px; } #CONTENT .container ul.page-tabs.mybpl .small span { font-size: 12px; } #CONTENT .container ul.page-tabs.mybpl #tabdash a { font-size: 16px; padding: 34px 16px 8px; } /* Responsive */ @media (max-width: 768px) { #CONTENT .container.page-list { margin-top: 30px; padding-left: 0; padding-right: 0; position: relative; top: 0; } /* NOTE: Check this... */ #CONTENT .container.page-list .row:first-child { overflow-y: visible; overflow-x: visible; } #CONTENT .container.page-list .row:first-child div:first-child { /* .span-6 */ min-width: auto; } #CONTENT .container.page-list ul { border: none; clear: both; width: 100%; } #CONTENT .container.page-list ul>li, #CONTENT .container ul.page-tabs li.title-tab, ul.page-tabs li { border: none; clear: both; display: block; float: none; width: 100%; } #CONTENT .container.page-list ul li a, #CONTENT .container ul.page-tabs li a { border: none; border-bottom: 3px solid #fff; } } .SIDEBAR .btn { z-index: 1; } /* CONTENT FONT STYLES =================================================================================== */ #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu), #CONTENT * ol, #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu), #bodymodal * ol { margin: 0; padding: 0; } #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu), #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu) { list-style: none; } #CONTENT * ol, #CONTENT * ol li, #bodymodal * ol, #CONTENT * ol li { list-style: decimal; } #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu) li, #CONTENT * ol li, #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu) li, #bodymodal * ol li { display: block; margin-bottom: 10px; padding-left: 0px; /* added to fix second line wrapping, need fix for ol too - tom - is no good here - effects too many things */ /* padding-left: 1em; text-indent: -1.1em;*/ } #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu) li:before, #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu):not(.ui-tabs-nav) li:before { content: "•"; /* Insert content that looks like bullets */ font-size: 22px; padding-right: 10px; } #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu) li ul, #CONTENT * ul:not(.list-horizontal):not(.dropdown-menu) li ol, #CONTENT * ol:not(.list-horizontal):not(.dropdown-menu) li ul, #CONTENT * ol:not(.list-horizontal):not(.dropdown-menu) li ol, #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu) li ul, #bodymodal * ul:not(.list-horizontal):not(.dropdown-menu) li ol { margin-left: 20px; } #CONTENT * ol, #bodymodal * ol { counter-reset:li; } #CONTENT * ol > li, #bodymodal * ol > li { list-style: none; position:relative; } #CONTENT * ol > li:before, #bodymodal * ol > li:before { content: counter(li)"."; /* Use the counter as content */ counter-increment:li; content: counters(li, ". ") " "; font-size: 16px; font-weight: bold; padding-right: 10px; } #CONTENT * li ol, #bodymodal * li ol { margin-left: 20px; } #CONTENT * ul.ul-checklist:not(.list-horizontal):not(.dropdown-menu) li:before, #bodymodal * ul.ul-checklist:not(.list-horizontal):not(.dropdown-menu) li:before { content: '✔'; font-size: 16px; } /* SEARCH MODAL =================================================================================== */ #SEARCH-WRAPPER { padding-right: 30px; padding-left: 230px; } body.drawer-open #SEARCH-WRAPPER { padding-left: 450px; padding-left: 680px; } #SEARCH-WRAPPER .row { margin-left: -15px; padding-top: 30px; } #SITE-SEARCH input[type="text"] { border: 3px solid #fff; font-size: 32px; height: 70px; padding-right: 40px; /* javascript will animate the following in: */ opacity: 0; /* 1.00 */ width: 0; /* auto */ } #SITE-SEARCH button[role="search-submit"] { background: transparent !important; height: 70px; opacity: 0; /* 1.00 */ position: absolute; right: 20px; top: 0; width: 50px; z-index: 2; } #SITE-SEARCH button[role="search-submit"]::before { background: transparent !important; display: none; } #SITE-SEARCH .icon-search { font-size: 24px; } #SITE-SEARCH-CLOSE { color: #fff; font-size: 44px; font-weight: 200; } #SEARCH-RESULTS { padding-right: 30px; } #SEARCH-RESULTS .row { margin-left: -15px; padding-top: 10px; padding-bottom: 30px; } #bresults .row { margin-left: 0; padding-top: 10px; padding-bottom: 0; } /* #bresults header { padding-bottom: 20px; } */ #SEARCH-RESULTS .search-results-left .row.search-results-wrapper { padding-bottom: 30px; padding-top: 20px; } /* .search-results-left .row.search-results-wrapper * { color: #fff; text-align: left; } */ .search-results-left .row.search-results-wrapper header { margin-bottom: 30px; } .search-results-left .row.search-results-wrapper .title { font-size: 18px; line-height: 18px; margin-bottom: 5px; } .search-results-left .row.search-results-wrapper p { line-height: 20px; } .search-results-left .row.search-results-wrapper hr { border: none; clear: both; margin-top: 20px; } .search-results-left .row.search-results-wrapper { padding-bottom: 0; padding-top: 0; } .search-results-left .row.search-results-wrapper [class^="span-"] { padding-right: 0; } .search-results-left .row.search-results-wrapper .btn { margin-top: 10px; } /* HELPERS & HACKS =================================================================================== */ .font-weight-normal { font-weight: normal !important; } .font-increase { font-size: 2rem; } .text-white { color: #fff !important; } .text-dark { color: #4A4A4A !important; } .text-light { color: #999 !important; } .text-upper { text-transform: uppercase !important; } .hide { display: none !important; visibility: hidden; } .hidden { visibility: hidden; } @media only screen and (max-width:768px) { .hide-mobile { display: none; } } @media only screen and (min-width:769px) { .hide-desktop { display: none; } } /* Move to components.css (?) */ .contain.contain-primary { border-color: #C4C4C4; /* light-grey */ } #bodymodal ul li:before { color: #fff; } .tags { margin-bottom: 18px; } .tags .btn { background: transparent; border: 1px solid #C4C4C4; color: #4a4a4a; display: inline-block; font-size: 13px; margin-bottom: 10px; margin-left: 0px; margin-right: 5px; padding: 1px 7px; } .tags p { margin-bottom: 9px; } .tags .btn:before, .tags .btn:before { /* This has to be re-declared in the theme-palette css, to override button & link color styles */ background-color: transparent; } .tags a { font-size: 13px; white-space: nowrap; } .transit-subway { border-radius: 100%; color: #FFF; display: inline-block; font-family: "proxima-nova-bold"; font-weight: 700; font-size: 12px; height: 16px; line-height: 15px; margin-right: 4px; text-align: center; text-transform: uppercase; width: 16px; } /* Subway Lines */ .subway-a, .subway-c, .subway-e { background-color: #2850ad; } .subway-b, .subway-d, .subway-f, .subway-m { background-color: #ff6319; } .subway-g { background-color: #6cbe45; } .subway-l { background-color: #a7a9ac; } .subway-j { background-color: #996633; } .subway-z { background-color: #996633; padding-right: 1px; } .subway-n, .subway-r, .subway-q { background-color: #fccc0a; color: black; } .subway-1, .subway-2, .subway-3 { background-color: #DC314D; } .subway-4, .subway-5, .subway-6 { background-color: #00933c; } .subway-7 { background-color: #b933ad; } .subway-s { background-color: #808183; } /* Buses */ .transit-bus { display: inline-block; font-family: "proxima-nova-bold"; font-weight: 700; font-size: 12px; height: 15px; line-height: 14px; width: auto; } .transit-bus span { background-color: #1392DE; border-radius: 4px; color: #FFF; display: inline-block; margin-right: 6px; padding: 0 6px 1px; text-align: center; } .transportation span.icon-bus { background: transparent; border-radius: 0; color: gray; font-size: 15px; margin-right: 4px; padding: 0; position: relative; text-align: left; top: 3px; } /* BPL stuff below, will move or compact later */ /* adjustment nav for admin menu, will need to do same for user toolbar */ .admin-menu #bodynav, body.drawer-open.admin-menu #drawer, body.modal-open.admin-menu #bodymodal, .quickbar-enabled #bodynav, body.drawer-open.quickbar-enabled #drawer, body.modal-open.quickbar-enabled #bodymodal { top: 28px; } .alert-open.admin-menu #bodynav, body.alert-open.drawer-open.admin-menu #drawer, body.alert-open.modal-open.admin-menu .modal-close, .alert-open.quickbar-enabled #bodynav, body.alert-open.drawer-open.quickbar-enabled #drawer, body.alert-open.modal-open.quickbar-enabled .modal-close { top: 93px; } /* jquery.ui and ui.tabs override */ .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-widget-header { border: 0; background: transparent; color: inherit; font-weight: normal; } .ui-helper-clearfix { min-height: 0; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-widget-content { border: 0; background: transparent; color: #222; } .ui-widget { font-family: inherit; font-size: inherit; } .ui-tabs .ui-tabs-nav li { list-style: none; float: none; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; background: transparent; font-weight: normal; color: inherit; } .ui-tabs .ui-tabs-nav li a { float: none; padding: 0; text-decoration: none; } /* #CONTENT ul.ui-tabs-nav li { border-bottom: 3px solid #fff; border-left: 3px solid #fff; display: inline-block; width: auto; list-style-type: none; margin: 0; padding: 0; } */ /* body.theme-3 #CONTENT .ui-tabs-nav li { background: #FE685C; color: #fff; } */ .container .ui-tabs .container { padding-left: 0; } /* #CONTENT nav.container.page-list { position: absolute; top: -100px; margin-bottom: -30px; } */ .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: 0; } /* google translate */ .goog-te-menu-frame:first-of-type { border: 3px solid #9B9B9B; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .langButton { background-color: #fff; font-size: 16.12px !important; font-family: proxima-nova; font-weight: 600; -webkit-font-smoothing: antialiased; cursor: pointer; *display: inline; border-style: solid; border-color: #9B9B9B; border-width: 2px; border-radius: 41px; padding: 8px 20px 8.5px 20px; } #HEADER-SHARE .langButton { background-color: transparent; cursor: pointer; *display: inline; border: 0; border-radius: 0; padding: 8px; } #HEADER-SHARE #google_translate_element {display: inline-block} .langDropArrow { color: #9B9B9B; font-size: 8px; padding-left: 15px; } #HEADER-SHARE .langDropArrow { color: #fff !important; } .langLinks { text-decoration: none; color: #9B9B9B !important; white-space: nowrap; margin-left: 4px; margin-right: 4px; } #HEADER-SHARE .langLinks { color: #fff !important; } /* google search results iframe */ #googFrame { width: 100%; height: 800px; height: 75vh; } /* addtoany */ .a2a_menu, .a2a_menu_find_container, .a2a_svg, .a2a_count {border-radius: 0 !important;} .a2a_menu {border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);} #a2apage_show_more_less {display:none} .a2a_mini { min-width: 204px !important; width: 204px !important; } .a2a_mini a.a2a_i { padding: 4px 4px !important; width: 24px !important; } .site-alert {display:none} .site-alert p {font-size:15px} .account-dropdown li.logout {background:#f5f5f5} .account-dropdown li.logout a {color:#9b9b9b} .form-type-bef-link {display:inline} /* eres page */ /* drupal tabs - page actions */ .tabs-primary {margin: -5px 0 8px;} .node-type-event .tabs-primary {margin: 0 0 8px;} .tabs-primary li {display:inline-block; background: rgba(43, 48, 46, 0.49); padding: 3px 10px; transition: background-color .5s; border-radius:4px; margin-right: 5px;} .tabs-primary li:hover {background: rgba(43, 48, 46, 0.69);} /* mybpl tweaks */ /* login form */ #mybpl-form label, #edit-forgotpin a {color:#fff} #edit-forgotpin a {text-decoration:underline} #edit-forgotpin {float: right; font-size: 14px; margin:3px 0 0; display:none; font-weight:bold} #edit-pin {margin-bottom:0} .form-item-remember{margin: 8px 0 16px;} .form-item-remember label{margin-left: 0;} #showpass { color: #444; right: 30px; /* top: 40px; */ position: absolute; cursor: pointer; background: 0 0; margin-top: 11px; font-size: 18px; } .page-node-76374 #HEADER-SHARE, .section-error #HEADER-SHARE, .section-mybpl #HEADER-SHARE { display:none } .section-mybpl #HEADER-TITLE { width: 100%; } .section-mybpl #HEADER-TITLE p.lead { margin-left:58px } .section-mybpl.page-node-23 #HEADER-TITLE p.lead, .section-mybpl.page-node-24 #HEADER-TITLE p.lead { margin-left:0 } .section-mybpl #HEADER-IMAGE { padding-bottom: 25% } .page-node-30 #page-title {margin-top:0} .page-user .messages__list a {display:none} .icon-wheelchair {margin-right:4px} .fully_accessible {color:#1392DE} .not_accessible {display:none} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: textfield; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .messages {margin-bottom:16px} #locviewall {border-top: 1px solid #ddd;background: #f5f5f5;color: #999;margin: 0 0 -3px -3px;padding-left: 16px !important} #edit-field-registration-enews {margin:14px 0} .page-registration-edit #registration-form, .page-registration- .entity-registration, #registration-delete-confirm {padding-left:215px} .webform-client-form legend { font-size: 20px; font-weight: bold; border-bottom: 1px solid #bbb; display: block; width: 100%; } .page-content .btn {margin-bottom:16px} .container.messages {z-index:0} /* place submit button inline within textbox */ .btn-inline .form-group {position: relative; width:100%} .btn-inline .form-group input[type="text"] {padding-right: 60px; width: 100%;} .btn-inline .form-group button { position: absolute; z-index: 3; right: 15px; top: 30%; min-width: auto; min-height: auto; padding: 0px 0px; background-color: transparent; } .btn-inline .form-group button::before { background-color: transparent; } .view-blog-archive .view-content p.lead {font-size:18px;line-height:28px;} .view-blog-archive.container .row header, #comments header {padding-left:0} .view-blog-archive h3 {margin-bottom:0} article.comment {margin: 20px 0; font-size: 16px;} #comments .comments__title {display:none} /* .view-blog-archive .views-field div[class^="span-"] {padding-left: 0} .container .view-blog-archive .views-field .row header {padding-left:0; padding-right:0} */ .view-exhibitions .view-content .views-row {clear:both;} .view-exhibitions .view-content img {margin: 0 0 20px 0;} .field-blog-author {font-weight:bold} .node-type-exhibition .field-exhibit-date {margin:0 0 20px; font-size:16px} .node-type-exhibition .field-exhibit-location, .node-type-exhibition .field-exhibit-add-location {font-size:16px; font-weight:bold; display: inline-block;} .captcha {margin:20px 0} section#comments {border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4;} section#comments .form-item-mail {margin-bottom:1rem} section#comments #edit-mail {margin-bottom:0} section#comments h2.comments__form-title { font-size: 20px; text-transform: uppercase; margin: 0; } .page-taxonomy .feed-icon, .tooltip_templates { display: none; } .fb-branch {margin:0 0 20px} .fb-branch img {margin:0 10px 0 0} #dirbtn {font-size:14px} ul.share-buttons{ list-style: none; padding: 4px; } ul.share-buttons li{ display: inline; } ul.share-buttons .sr-only { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .view-exhibitions .exhibition { border: 3px solid transparent; margin: -3px -3px; } .view-exhibitions .exhibition:hover { border: 3px solid #ccc; cursor: pointer; } .view-exhibitions .exhibition .info { border: 3px solid transparent; margin: -3px -3px; padding:8px 10px 10px; } .view-exhibitions .exhibition:hover .info { border-top: 3px solid #ccc; } .view-exhibitions .exhibition h5 { margin: 0 0 5px } #CONTENT .container .row [class^="span-"] .exhibition img {margin-bottom:0; padding:10px 10px 14px; width:100%} /* .view-exhibitions .view-content .span-2 { -webkit-transition:0.3s; transition:0.3s; opacity: 1; } .view-exhibitions .view-content:hover .span-2 { opacity: 0.5; } .view-exhibitions .view-content:hover .span-2:hover { opacity: 1; }*/ /* columns for lists - used on learning - kids */ ul.listcol-2 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } #CONTENT * ul.noblt:not(.list-horizontal):not(.dropdown-menu) li:before {content:''; padding-right:0} .views-field-title {display: table-cell;} .view-press-releases .date-display-single { display: table-cell; white-space: nowrap; min-width: 115px; } /* link lists */ .node-link-list p.field-link {margin-bottom: 0} .node-link-list p.field-link-description {margin:5px 0 15px} .pane-node-field-coll-link {margin-top:24px;} .bef-select-as-links a {z-index:1;white-space:nowrap} .container .row.learn [class^="span-"] { padding-left: 0; padding-right: 0; } #CONTENT .container .row.learn [class^="span-"] .carousel-cell img { margin-bottom: 0px; } #HEADER-CAROUSEL-FULL {padding:0} #HEADER #HEADER-CAROUSEL-FULL .carousel-wrapper{margin-top:0;} #HEADER #HEADER-CAROUSEL-FULL .carousel-wrapper .carousel{margin:0; padding:0} #HEADER #HEADER-CAROUSEL-FULL .carousel-wrapper .carousel .carousel-cell { margin-right: 0; padding: 0; border: 0; } #HEADER #HEADER-CAROUSEL-FULL .carousel-wrapper .carousel .carousel-cell .inner-wrap { max-height:540px } #HEADER #HEADER-CAROUSEL-FULL .img-caption {padding-left:215px} #HEADER #HEADER-CAROUSEL-FULL .img-caption .row {background: rgba(13, 13, 13, .4); padding:20px} #HEADER #HEADER-CAROUSEL-FULL .carousel-cell p { font-size: 17px; line-height: auto; } #HEADER #HEADER-CAROUSEL-FULL .btn { margin-top: 20px; } /* Incubator Page Styling */ .node-incubator-submission fieldset legend span{ font-weight:bold; color: #555; font-size: 20px; } .node-incubator-submission fieldset { border:1px solid #ccc; padding: 0px 15px 15px 15px; margin: 5px 0px 20px 0px; } .node-incubator-submission h3 { font-size: 18px; font-weight: bold; line-height: 1; margin:10px 0 5px } .page-node.node-type-incubator-submission h3.field-label + div { margin:0 0 20px; font-size: 16px; } .page-node.node-type-incubator-submission .group-other-leads { font-size: 16px; } .node-incubator-submission h2 { font-size: 25px; font-weight: bold; margin: 0px 0px 5px 0px; } .node-type-incubator-submission .group-other-leads div span { font-size: 18px; font-weight: bold; line-height: 1; margin: 10px 0 5px; color: #65C570; } .node-type-incubator-submission .group-collab, .node-type-incubator-submission h3.comment-title, .node-type-incubator-submission .fivestar-summary .empty, .node-type-incubator-submission .total-votes, .node-type-incubator-submission #edit-comment-body-und-0-format, .node-type-incubator-submission #edit-preview, .node-type-incubator-submission .form-item-subject { display:none } .incub-hdr {margin-bottom:0} .incub-author {color:#888} .field-is-program-idea-oneline p {margin-bottom:0} .view-incubator-submissions.proposal .views-row { border-bottom: 2px dotted #ccc; padding-bottom: 10px; } button.fancybox-close-small:before, button.fancybox-close-small:hover {background-color: transparent !important} button.fancybox-close-small:after { color: #eee; background: #333; } body.page-node-136733 div.webform-component--day-m, body.page-node-136733 div.webform-component--day-t, body.page-node-136733 div.webform-component--day-w, body.page-node-136733 div.webform-component--day-th, body.page-node-136733 div.webform-component--day-f, body.page-node-136733 div.webform-component--day-sa, body.page-node-136733 div.webform-component--day-su { display: inline-block; width: 150px; } body.page-node-136733 #edit-submitted-in-which-brooklyn-public-library-would-you-like-to-volunteer { display: block; width: 300px; }