/*----------------------------------------------------------------------------------- Theme Name:DuPage County, IL Front-end developer:Richard Opiniano | Hayk Galoyan Template developer: Sean Buck Author Design:Alex Parent Author URI:http://www.revize.com/ Date:9/20/22 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @font-face { font-family:'NewsGoth BT'; src:url('../fonts/NewsGothicBT-Bold.woff2') format('woff2'), url('../fonts/NewsGothicBT-Bold.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; } @font-face { font-family:'NewsGoth BT'; src:url('../fonts/NewsGothicBT-BoldItalic.woff2') format('woff2'), url('../fonts/NewsGothicBT-BoldItalic.woff') format('woff'); font-weight:bold; font-style:italic; font-display:swap; } @font-face { font-family:'NewsGoth BT'; src:url('../fonts/NewsGothicBT-Roman.woff2') format('woff2'), url('../fonts/NewsGothicBT-Roman.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'NewsGoth BT'; src:url('../fonts/NewsGothicBT-Italic.woff2') format('woff2'), url('../fonts/NewsGothicBT-Italic.woff') format('woff'); font-weight:normal; font-style:italic; font-display:swap; } @font-face { font-family: 'Verdana'; src: url('../fonts/Verdana.woff2') format('woff2'), url('../fonts/Verdana.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Verdana'; src: url('../fonts/Verdana-BoldItalic.woff2') format('woff2'), url('../fonts/Verdana-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Verdana'; src: url('../fonts/Verdana-Bold.woff2') format('woff2'), url('../fonts/Verdana-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:25.6px;font-family:'Verdana',sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /** New FAQ Styles **/ input#faq-filter {height:34px;border-color:#193441;-webkit-border-radius:3px;border-radius:3px;font-size:12px;width:40%;color:#193441;padding:0 15px 0 15px;margin-bottom:5px;} .faq-header {margin:10px 0;font-size:24px;font-weight:700;color:#111;text-decoration:none} .faq-header:hover {margin:10px 0;font-size:24px;font-weight:700;color:#111;text-decoration:none} .faq-question .editbtns a:before{content:"";} .faq-question a {text-decoration:none;font-size:16px;font-weight:bold;color: #113764;;} .faq-answer{margin:0 15px;} .faq-item {margin-top:15px;} .faq-question {/*! border-bottom:1px solid rgba(25, 52, 65, 0.4); */line-height:1;padding: 15px;background: #f9f9f9;} .faq-question a.active-question:before{content:'\f107';} .faq-question a:before{content:'\f105';font-family:'FontAwesome';margin-right:8px;display:inline-block;color:#000;font-weight:700;} .faq-container .categorybtn {margin-bottom:5px;/* display:none; */display:inline-block;} .faq-container .chooseBtn {display:none;} .rzBtn{font-size:10px;padding:3px 6px;border:0;-webkit-border-radius:4px;border-radius:4px;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;text-transform:uppercase;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;letter-spacing:.025em;color:#0f4b8d;background:#fff;border:1px solid #0f4b8d;} .rzEditWrap .rzBtn{padding:7px 16px;font-size:12px} .rzBtn:hover{background:#0f4b8d;color:#fff;} .faq-question a:empty {display:none;} .faq-category {margin-bottom:30px;} /* ----------------------------------------- #typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:34px;color:#003767;font-weight:700;font-family:'NewsGoth BT',sans-serif} .subheader{font-size:24px;color:#003767;font-weight:700;font-family:'NewsGoth BT',sans-serif} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ #post a:not(.faq-question-header):not(.faq-header):not(.calendar-name-filter){color:#0071EB} a,a:visited{text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ #post .btn a, #post .btn span{color:#fff !important} .btn a, .btn span{color:#fff !important;text-decoration:none} .button, a.button, #post button:not(.rz-doc-search-reset), .btn, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:13px 20px;background:#003767;color:#fff;border:0;border-radius:0;display:inline-block;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:'Verdana',sans-serif;transition:all .3s} .button:hover, a.button:hover, #post button:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda;color:#fff} .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda;color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:'Verdana',sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background: rgb(175, 204, 229);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h2{color: #000;margin:0 0 10px;font-family: 'NewsGoth BT',sans-serif;font-weight:bold;/* text-transform:uppercase; */font-size:18px} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:13px;margin-top:10px} .floating-alert.fade:not(.show){visibility:hidden} .floating-alert a {color:#000;} .floating-alert p {color: #000;} /* ----------------------------------------- #rz edit -----------------------------------------*/ body .rz-block-list .rz-business-desc, .rz-business-block .rz-business-links a{font-size:16px !important} div.skiptranslate{display:none !important} #post .agenda-row{margin-bottom:15px} #post .table-headdd{background:#f9f9f9;padding:10px;color:#113764} #post .table-headdd:before{content:'\f105';font-family:'FontAwesome';color:#113764;display:inline-block;transition:all .3s} #post .table-headdd.toggled:before{transform:rotate(90deg)} body.tox-dialog__disable-scroll .tox-form .rzform-props > h3{color:#fff !important} body #rz-business-list h2{font-size:24px !important} body #rz-business-directory .col-xs-12:first-of-type{text-align:right !important;width:100%} body form#rz-business-directory-search{border:0 !important;margin-left:auto !important} body #example_filter input[aria-controls="example"], body input#jobs-search, body #rz-business-directory-search input[name="business-search"], body input#faq-filter{ height: 65px !important; border: 2px solid #003767 !important; border-radius: 6px !important; font-size: 16px !important; padding-left: 22px !important; padding-right: 80px !important; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1) !important; transition: all .3s !important; width:350px !important;max-width:100% !important } body .rendered-form .form-control{font-size:13px} #rz-business-categories ul li a{background: #003767 !important} .cat h3{background: #003767 !important} tr#rz-rpfbids-row{background:#003767 !important} form#rz-business-directory-search{margin:0 15px 0 0 !important} .rzBtn{background:#003767!important} .court .rzBtn{background:#1F1545!important} body .doc-file-desc{white-space:normal} .department.without-news.with-events #dept-events h2{margin:0 0 8px} .department.without-news.with-events #dept-events .calendar-wrap, .department.subsite #dept-events .calendar-wrap{display:block} #freeform #newslist-container .news-info{max-width:100%} .department #dept-events .fc-row.fc-rigid{overflow:visible} .department #dept-events .event-date{font-size:14px;font-weight:700;color:#003767;font-family:'NewsGoth BT',sans-serif} .department #dept-events .event-title{font-size:24px;font-weight:700;color:#000;font-family:'NewsGoth BT',sans-serif;margin-top:8px} .department #dept-events .event{border-bottom:1px solid #E6E6E6;padding:12px 0 15px} .department #dept-events .event:last-child{border:0;padding-bottom:0} .department #dept-events .fc-other-month .fc-day-number{color:#999} .agenda-list-date{color:#777;font-size:11px;display:block;line-height:1} .agenda_list_table td .agenda-link{text-decoration:none} .agenda_list_table td>a{display:inline-block;text-decoration:underline;text-align:center} @media only screen and (max-width:767px) { .agenda_list_table td{display:block;text-align:center;width:100%;margin-bottom:10px} .agenda_list_table td>a{font-size:18px} } .fc-day-top.fc-other-month{opacity:1} .fc-day-top.fc-other-month a{color:#222} .fc-day-number{color:#006FE6} /* ----------------------------------------- #main -----------------------------------------*/ #tiles{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;padding-bottom:45px;display:flex;flex-wrap:wrap} #tiles.flyout-enabled .tile{flex: 1 1 30%} .tile{display:block;position:relative;height:325px;border-radius:6px;margin-bottom:20px;flex: 1 0 21%;max-width:309px} .tile-name{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);background: rgba(0, 55, 103, 0.9);font-family:'NewsGoth BT',sans-serif;font-size:24px;color:#fff;font-weight:700;padding:23px 15px;text-align:center} #header-top{background:#003767;position:relative;z-index:100;padding-bottom:5px;font-family:'NewsGoth BT',sans-serif} #header-top .sml{width:18px;display:inline-block;margin-left:7px} #header-top .social-media-links{float:right;margin:6px 30px 0 0} #h-links{float:right;margin:8px 24px 0 0} .h-link{display:inline-block;font-size:18px;color:#fff;text-decoration:none !important;font-weight:700;margin-left:26px} .h-link:hover{color:#A39161} #search-toggle-desktop{float:right;font-size:18px;color:#fff;font-weight:700;margin:7px 105px 0 0;cursor:pointer;text-decoration:none;} #search-toggle-desktop img{width:16.5px;position:relative;right:-1px;top:-2px} .goog-te-banner-frame{display:none} #translation-links{padding:0;margin:8px 29px 0 0;float:right} #translation-links button{padding:0;border:0;background:none;font-family:'NewsGoth BT',sans-serif;color:#fff;font-size:18px;font-weight:700} #translation-links button img{width:22px;position:relative;top:-1px} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:15px;background:#fff;width:250px;height:400px;overflow:scroll;position:absolute;right:0;top:100%;display:none} #translation-links ul a{text-decoration:none;margin-bottom:5px;display:block;color:#003767} .container{max-width:100%;width:1330px} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav .toggle, #nav .toggle2, #nav-2 .toggle, #nav-2 .toggle2, #flyout .toggle{display:none} header{position:fixed;z-index:200;left:0;right:0;top:0;background:#fff} #header-alert{background:#2699CF;color:#fff;padding:10px 0} .court #header-alert{background:#6b6097} /* .subsite #header-alert{background:#ee6463} .officials #header-alert{background:#ee6463} .department #header-alert{background:#ee6463} */ #header-alert.emergency{background:#DF2A2A} #header-alert a{text-decoration:none;color:#fff;font-weight:700} #header-alert .fa-info-circle{margin-right:5px} #header-alert p{margin:0} #logo{display:inline-block;max-width:100%;margin:8px 0 -43px 85px} #logo img{width:145px;transition:all .3s} #nav{padding:0 89px 0 0;margin:0;text-align:right;position:relative;z-index:10} #nav li{margin:0;display:inline-block;text-align:left} #nav a, #nav span{display:inline-block;font-size:25px;font-weight:700;color:#003767;text-decoration:none;padding:40px 19px 39px;transition:all .3s;font-family:'NewsGoth BT',sans-serif} #nav ul{padding:0;margin:0} #nav ul li{display:block} #nav li .home-link{color:#84754D} #nav .fa:before{font-family:'FontAwesome'} #qlinks{background:#003767;padding:50px 0 45px} .qlink-icon-border{border-radius:50%;width:125px;height:125px;border:2px solid #D6CBAE;position:relative;display:block;margin:0 auto 20px} .qlink{display:block;text-decoration:none !important;text-align:center} .qlink-icon-border img{width:62px;position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%)} .qlink-name{display:block;font-weight:700;font-size:20px;color:#fff;font-family:'NewsGoth BT',sans-serif} #freeform .social-media-links.side{margin-bottom:43px} .sml-icon{width: 32px;} #news-and-events{background:url(../images/main-bg.png) center repeat;background-size:cover;padding:74px 0 70px} section h2{margin:0 0 33px;text-transform:uppercase;font-size:48px;color:#003767;font-weight:700;font-family:'NewsGoth BT',sans-serif} #news{margin:0 -5px 0 0} #freeform .news-info .brief{color:#000} #newslist-container .news-title{margin:15px 0 !important} #freeform:not(.subsite):not(.department) .news-banner{display:none} #homepage .news, #freeform.department .news, #freeform.subsite .news{margin-bottom:27px} #homepage .news-banner, #freeform.department .news-banner, #freeform.subsite .news-banner{position:relative;height:250px;border-radius:6px;margin-bottom:21px;background-position:right center !important} #homepage .news-banner:after, #freeform.department .news-banner:after, #freeform.subsite .news-banner:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(0, 55, 103, 0.98) 50%, rgba(0, 55, 103, 0) 100%);border-radius:6px} #homepage .news-info, #freeform.department .news-info, #freeform.subsite .news-info{position:absolute;left:35px;right:27%;z-index:10;bottom:60px} #homepage .news-date, #freeform.department .news-date, #freeform.subsite .news-date{color:#B5A482;font-size:14px;font-weight:700;display:block;margin-bottom:5px} #homepage .news-title, #freeform.department .news-title, #freeform.subsite .news-title{margin:0;color:#fff;font-size:24px;line-height:32.4px;font-weight:700;font-family:'NewsGoth BT',sans-serif} #homepage .news-brief, #freeform.department .news-brief, #freeform.subsite .news-brief{font-size:16px;line-height:26px;margin-bottom:17px} #homepage .news-link, #freeform.department .news-link, #freeform.subsite .news-link{font-size:14px;color:#003767;font-weight:700} #news .button, #events .button, #dept-news .button, #dept-events .button{width:100%;border-radius:6px;text-align:center;margin-top:18px} #events-list .events-tab .more-meetings{background:transparent;color:#003767;border:1px solid #003767} #news .button img, #events .button img, #dept-news .button img, #dept-events .button img{width:20px;margin-left:12px} #tabs{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px} #tabs button{font-size:16px;font-weight:700;color:#000;background:#AFCCE5;border:0;border-radius:6px;display:block;width:100%;break-inside:avoid;padding:10px 15px;transition:all .3s;font-family:'NewsGoth BT',sans-serif} #tabs button.active{color:#fff;background:#003767} #events{margin-left:-6px} #featured{padding:74px 25px 63px} #featured h2{text-align:center;margin:0 0 39px} .featured-item{position:relative;height:350px;border-radius:6px} .featured-link{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1;background:rgba(0, 55, 103, 0.9);font-weight:700; font-size:24px;color:#fff !important;text-decoration:none !important;text-align:center;padding:19px 15px;font-family:'NewsGoth BT',sans-serif} .section{padding-bottom:70px} .section h2{margin:55px 0 24px} .section-banner{height:400px;border-radius:6px;margin-left:-5px} .section-freeform{line-height:26px;font-size:16px;margin-bottom:18px} .section-link{font-size:14px;font-weight:700;color:#fff !important;border-radius:6px;background:#003767;display:inline-block;text-decoration:none !important;padding:11px 13px;line-height:15px;margin-right:2px;font-family:'NewsGoth BT',sans-serif} #transparency{position:relative;padding:74px 0 71px} #transparency:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;opacity:.9} #transparency .container{position:relative;z-index:1} #transparency h2{margin:0 0 26px} #transparency-caption{font-size:20px;font-weight:700;color:#000} .transparency-link{font-size:16px;color:#fff !important;text-decoration:none !important;display:inline-block;padding:12px 21px;border-radius:6px;background:#003767;font-weight:700;margin:20px 5px 0;font-family:'NewsGoth BT',sans-serif} #sign-up{background:#002B50;text-align:center;padding:50px 0} #sign-up .signup-span{margin:0 20px 0 0;color:#fff;font-size:24px;font-weight:700;display:inline-block;position:relative;top:12px;font-family:'NewsGoth BT',sans-serif} #sign-up .signup-span ~ .button{display:inline-block;background:#AFCCE5;padding:13px 25px;font-size:16px;color:#003767;border-radius:6px;font-family:'NewsGoth BT',sans-serif} #sign-up .signup-span ~ .button img{width:20px} footer{color:#fff;font-size:16px;line-height:26px} #footer-top a{color:#fff !important} #footer-top{position:relative;padding:88px 0 84px} #footer-top:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#003767;opacity:.95} footer .container{position:relative;z-index:1} .footer-header{margin:0 0 12px;color:#fff;font-size:20px;font-weight:700;font-family:'NewsGoth BT',sans-serif;display:block} .footer-link{display:block;color:#fff !important;font-size:16px} footer .social-media-links{margin:-3px 0 0 -8px} footer .sml{display:inline-block;width:32px;margin-right:50px} footer .sml:last-of-type{margin-right:0} #revize{padding:18px 15px 17px;font-size:14px;color:#000} #revize img{width:40px;position:relative;top:-2px} #revize a{color:#000;text-decoration:none} #revize-link{font-weight:700} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform .news-info a .news-title{color:#003767 !important} #freeform header{background:#fff} #freeform #slider{margin-right:0;height: 360px;margin-top:150px;} #freeform #slider .container{position:absolute;left:0;right:0;top:58%;transform:translateY(-50%);z-index:51} /*#freeform #slider li{position:relative}*/ #freeform #slider:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg, rgba(0, 55, 103, 0.9) 50%, rgba(0, 0, 0, 0) 100%), url(IMG_0421.jpg);opacity:.8} #flyout-header{margin:2px 0 0;text-transform:uppercase;font-size:24px;font-weight:700;color:#003767;font-family:'NewsGoth BT',sans-serif} #flyout-wrap{margin-right:43px} /* body:not(.is-admin) #flyout-wrap > a[href^="javascript:RZ"]{display:none} */ #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout a, #flyout span{display:block;text-decoration:none;font-size:16px;color:#1B1B1B;border-bottom:1px solid #E6E6E6;line-height:20px;padding:23px 0} #flyout li:last-child>a, #flyout li:last-child>span{border:0} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size:14px;padding:10px 15px;border-color:rgba(0,0,0,.15);color:#fff} #page-title{margin:0 0 13px;color:#fff;font-weight:700;font-size:60px;font-family:'NewsGoth BT',sans-serif} .news-detail #page-title{font-size:40px} #breadcrumbs{font-size:16px;color:#fff;display:inline-block;background:#003767;padding:12px 10px 12px 12px;font-family:'NewsGoth BT',sans-serif} #breadcrumbs a{color:#D6CBAE;text-decoration:none;font-weight:700} #breadcrumbs a:after{content:'\f0da';margin:0 22px 0 29px;font-family:'FontAwesome';font-size:14px} #freeform main{padding:66px 0 0} #entry{padding-bottom:39px;line-height:1.4} .fullwidth h2 ~ .news-date{display:block;margin:10px 0 30px} #post{font-family:'Verdana',sans-serif} #post>.pull-left{float:none !important} #post table thead tr th {background:#003767!important;color:#fff!important;} #post table tbody tr th {background:#003767!important;color:#fff!important;} #post table th {background:#003767!important;color:#fff!important;} #rz-business-categories .select-wrap{display:none;} #post h2, #revize-main h2, #rz-editform h2 {font-size: 34px!important;font-weight: 700!important;font-family: 'NewsGoth BT',sans-serif!important;line-height:1!important;color: #003767!important;} #post h3, #revize-main h3, #rz-editform:not(.tox-dialog__disable-scroll) h3 {font-size: 24px!important;font-weight: 700!important;font-family: 'NewsGoth BT',sans-serif!important;line-height:1!important;color: #003767!important;} #document-center h2, #document-center h3 {color:#fff!important;} #post iframe[src^='https://ws.petango.com/webservices/adoptablesearch/wsAdoptableAnimals'], #post iframe[src^='https://ws.petango.com/webservices/adoptablesearch/wsLostFoundAnimals']{display:none} .petango-wrap{display:flex;flex-wrap:wrap;margin:0 -5px} .petango-filters{flex:0 0 100%} .petango-filter{margin:15px 7px 0 7px} .petango-entry{display:block;flex: 1 1 calc(33% - 10px);max-width:315px;min-width:250px;margin:5px;font-size:15px;padding:10px;border-radius:5px;transition:all .3s ease;text-decoration:none!important;color:#000!important} .petango-entry:hover{box-shadow:1px 1px 3px 0px #003767} .petango-image{border-radius:4px;margin-bottom:10px;width:100%} .petango-name{color:#003767;font-family:'NewsGoth BT',sans-serif;font-weight:700;font-size:26px;display:block} .petango-species{} .petango-breed{} .petango-breed:before{content:'-';color:#999;margin:0 4px} .petango-sex{} .petango-age{} .petango-age:before{content:'-';color:#999;margin:0 4px} .petango-location{} /* ----------------------------------------- #department -----------------------------------------*/ #freeform.department main{padding:0} #freeform.department.no-qlinks main{padding:66px 0 0} #freeform.department #qlinks{background:none;padding:50px 0 45px} #freeform.department #qlinks .container{width:1350px} #freeform.department .qlink-icon-border img{width:70px} #freeform.department .qlink-name{color:#003767} #freeform.department #flyout-wrap{margin-top:42px;margin-bottom:22px} #freeform.department .social-media-links.side{margin-bottom:43px} #freeform.department .social-media-links.side .sml{width:32px;display:inline-block;margin-right:5px} #contact{font-size:16px;color:#1B1B1B} #contact a{/* text-decoration:none; */color:#1b1b1b} #contact-name{margin-bottom:21px} #contact-email{display:block;margin-bottom:20px;text-decoration: underline!important;} #contact-phone{display:block} #contact h2, .social-media-links h2{margin:0 0 21px;text-transform:uppercase;font-weight:700;font-size:24px;color:#003767;font-family:'Newsgoth BT',sans-serif} #freeform.department #entry{margin-top:9px} #hours h2{margin:0 0 25px;text-transform:uppercase;font-weight:700;font-size:24px;color:#003767;font-family:'Newsgoth BT',sans-serif} .hours{margin-bottom:16px;line-height:18px} .hours strong{width:53px;font-weight:700;text-transform:uppercase;font-size:16px;color:#4D4D4D;display:inline-block} #dept-news{float:left;width:420px;margin-right:20px} #dept-events{overflow:hidden} .dept-news{background:#F6F3E9;margin-bottom:25px;padding-left:35px;padding-top:33px;padding-right:35px;padding-bottom:35px;border-radius:6px} /*.dept-news:last-of-type{margin-bottom:0}*/ .dept-news-date{font-size:14px;font-weight:700;color:#003767;} .dept-news-title{margin:7px 0 0;font-size:24px;font-weight:700} .dept-news-title a{color:#000;text-decoration:none} #dept-tiles h2, #dept-news h2, #dept-events h2{margin:0 0 33px;text-transform:uppercase;font-weight:700;color:#003767;font-size: 34px;font-family:'Newsgoth BT',sans-serif} #dept-news .button, #dept-events .button{margin-top:30px} #freeform.department #entry, #freeform.subsite #entry{padding-bottom:105px} #freeform.department #post{margin-bottom:43px} .department.without-events #dept-news{width:auto;margin-right:0;float:none} /*.department.without-events #dept-news-list{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px}*/ .department.without-events #dept-news-list{display:flex;flex-flow:wrap;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px} /*.department.without-events .dept-news{display:block;width:100%;break-inside:avoid}*/ .department.without-events .dept-news{flex:1 1 31%} #official{margin-bottom:68px} #official h2{margin:0 0 21px;text-transform:uppercase;font-weight:700;font-size:24px;color:#003767;font-family:'Newsgoth BT',sans-serif} #official-portrait{width:260px;height:260px;border-radius:50%;margin-bottom:20px} #official-text{font-size:16px;line-height:26px;color:#1b1b1b} /* ----------------------------------------- #subsite -----------------------------------------*/ #freeform.subsite #slider{height: 510px;margin-top:0px;} #nav-2{text-align:right;padding:0 88px 0 0;background:#003767;margin:0 -15px} #nav-2 li{margin:0;list-style:none;display:inline-block;position:relative} #nav-2 ul{padding:0;margin:0;position:absolute;right:0;top:100%;text-align:left;width:200px;background:#fff;display:none} #nav-2 ul ul{right:100%;top:0} #nav-2 a, #nav-2 span{display:inline-block;text-decoration:none;color:#fff;font-weight:700;font-size:20px;padding:17px 13px} #nav-2 ul li{display:block} #nav-2 ul a, #nav-2 ul span{font-weight:400;font-size:16px;color:#003767;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.15);display:block} #nav-2 li:last-child>a, #nav-2 li:last-child>span{border:0} #freeform.subsite #slider .container{top:64.5%} #freeform.subsite #qlinks{padding:50px 0} #freeform.subsite #featured{padding:45px 0 43px;} #freeform.subsite #dept-events .button{margin-top:26px} #freeform.subsite #entry{margin-top:0} #subsite-news-and-events{background:url(../images/subsite-bg.jpg) bottom left repeat;background-size:cover;padding:74px 0 70px;margin-bottom:50px} #freeform.subsite #dept-events .button{position:static !important} #freeform.subsite.department #dept-events .button{position:absolute !important} /* ----------------------------------------- #subsite -----------------------------------------*/ .court #header-top{background:#12063A} .court #nav li .home-link{color:#236194} .court #nav>li>a, .court #nav>li>span{color:#000} .court#freeform #slider:after{background:linear-gradient(90deg, rgba(18, 6, 58, 0.83) 50%, rgba(18, 6, 58, 0) 100%)} .court#freeform #slider{height: 510px;margin-top:0px;} .court #breadcrumbs{background:#12063A} .court #breadcrumbs a{color:#D4B529} .court #breadcrumbs a:after{color:#fff} .court .qlink-icon-border{border-color:#236194} .court#freeform.department .qlink-name{color:#12063A} .court#freeform.department .social-media-links.side img{filter:brightness(0) saturate(100%) invert(7%) sepia(45%) saturate(5916%) hue-rotate(251deg) brightness(65%) contrast(106%)} .court #flyout-header{font-size:23px;color:#12063A} .court #contact h2, .court .social-media-links h2{font-size:23px;color:#12063A} .court .subheader{display:block;color:#12063A;margin:30px 0} .court #featured{padding:10px 0} .court .featured-box{display:flex;flex-wrap:wrap} .court .featured-item{width:32%;margin-right:2%;margin-bottom:20px;height:250px} .court .featured-item:nth-child(3n){margin-right:0} .court .featured-link{background:rgba(18, 6, 58, 0.9)} .court-section-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:20px 0} .court-section-top .button {width: auto!important} .court #dept-news h2{color:#12063A;margin:10px 15px 10px 0} /*.court #dept-news .button,#dept-events .button{background:#12063A;margin:10px 0;padding:20px 15px}*/ .court .dept-news-date{color:#12063A} .court#freeform.department #entry{padding-bottom:40px} .court #sign-up{background:#236194} .court #sign-up h3 ~ .button{color:#236194} .court #sign-up h3 ~ .button img{width:20px;filter:brightness(0) saturate(100%) invert(34%) sepia(21%) saturate(1734%) hue-rotate(165deg) brightness(93%) contrast(91%)} .court #sign-up h3{text-transform:capitalize} .court #footer-top:after{background:#12063A} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;border-radius:0;border:0;background:#003767!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} .floating-share-btn span{display:block;text-transform:uppercase;font-size:13px;letter-spacing:.05em} /* ----------------------------------------- #slider -----------------------------------------*/ #slider-graphic{position:absolute;right:-1px;top:0;bottom:0;z-index:51;height:100%} #slider-wrap{position:relative} #slider{height:660px;position:relative;margin:40px 32px 0 0} #slider .container{position:absolute;left:0;right:0;top:50%;z-index:51} .container.for-caption{position:absolute;left:0;right:0;top:30.8%} #slider-info{margin-left:-4px} #slider-info h1{margin:0 0 39px;font-size:24px;font-weight:700;text-transform:uppercase;color:#A39161;font-family:'NewsGoth BT',sans-serif} #slider-info strong{display:block;font-size:72px;color:#003767;text-transform:none;margin-top:7px} #slider-caption{font-size:20px;line-height:30px;color:#000} #slider-caption a{color:#4476A2} .events-tab:not(.active){display:none} body:not(#homepage) #search{position:absolute;right:15px;top:50%;z-index:53;width:400px;transform:translateY(-50%);display:none;margin:0} #search{margin-top:35px} #search form{position:relative;margin:0} #search input{height:65px;border:2px solid #003767;border-radius:6px;font-size:16px;padding-left:22px;padding-right:80px;box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1);transition:all .3s} #search input::-webkit-input-placeholder{color:#000} #search input:-moz-placeholder{color:#000} #search input::-moz-placeholder{color:#000} #search input:-ms-input-placeholder{color:#000} #search button{line-height:65px;width:65px;text-align:center;padding:0;background:#003767;border:0;border-radius:0 6px 6px 0;position:absolute;right:0;top:0} #search.kwake input{background:#afcce5} .tiny-slider-wrap>.tns-outer, .tiny-slider-wrap>.tns-outer>.tns-inner, .tiny-slider-wrap>.tns-outer>.tns-inner>.tiny-slider, .tiny-slider-wrap>.tns-outer>.tns-inner>.tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{position:absolute;top:50%;left:0;right:0} .tns-controls button{padding:0;border:0;background:none;z-index:99;position:relative;line-height:35px;width:35px;border-radius:50%;background:#fff;color:#003767;transform:translateY(-50%);margin:0 15px} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} .rzBtn.rzSlidesBtn{display: none!important;} #rz-editform span.adminCheck{display: none;} body.is-admin .rzBtn.rzSlidesBtn{display: inline-block!important;} body#rz-editform.is-admin span.adminCheck{display: inline;} /* ----------------------------------------- #collapsible agenda list -----------------------------------------*/ .table-headdd{cursor:pointer;float:left;width:100%} .table-wrap{display:none;float:left;width:100%} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1560px){ #nav>li>a, #nav>li>span{padding:40px 10px 39px} } /* @media only screen and (max-width:1367px){ } */ @media only screen and (max-width:1280px){ #search-toggle-desktop{margin-right:15px} #nav{padding-right:0;margin-right:-15px} #nav>li>a, #nav>li>span{font-size:16px} #nav ul a, #nav ul span{font-size:18px !important;margin-bottom:10px !important} #nav ul ul a, #nav ul ul span{font-size:16px !important} #logo{margin-left:0} #official-portrait{width:200px;height:200px} #nav-2{padding-right:0} #nav-2 a, #nav-2 span{font-size:16px;padding:17px 10px} } @media only screen and (min-width:992px) and (max-width:1367px) { .department.court #nav{position:static !important} .department.court #nav:not(.judicial-court) > li > ul{width:1100px !important} footer .sml{margin-right:20px} #nav{position:static !important} #nav:not(.judicial-court)>li>ul{right:15px !important;left:15px !important;width:auto !important;margin-top:-2px !important} #nav>li>a, #nav>li>span{font-size:18px !important;padding:44px 10px !important} #nav li .home-link{font-size:20px !important} } @media only screen and (min-width:992px) { #homepage header{background:none} #homepage header.past{background:#fff} #flyout-toggle{display:none} header.past #nav>li>a, header.past #nav>li>span{padding-top:20px;padding-bottom:20px} header.past #logo img{width:100px} #nav .focused .toggle,#nav-2 .focused .toggle,#flyout .focused .toggle{display:inline-block;padding:0} #flyout .focused .toggle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px;top:25px} #flyout{display:block!important} #nav{display:inline-block !important} .layout-table{table-layout:fixed;width:100%} #nav:not(.judicial-court)>li>ul{position:absolute;right:90px;top:100%;background:#003767;-webkit-column-count:4;-moz-column-count:4;column-count:4;border-radius:6px;padding:46px 53px 25px 45px;display:none;width:1229px} #nav.judicial-court>li>ul{position:absolute;left:0;top:100%;background:#003767;width:200px;display:none;right:auto} /* judicial court */ #nav.judicial-court li:hover>ul{display:block} #nav.judicial-court li{position:relative;margin:0} #nav.judicial-court>li>ul ul{position:absolute;left:100%;top:0;right:auto} #nav.judicial-court ul a{margin:0;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.55);display:block} #nav.judicial-court li:last-child>a, #nav.judicial-court li:last-child>span{border:0} #nav.judicial-court>li:nth-last-of-type(-n+3) ul{right:0;left:auto} #nav.judicial-court>li:nth-last-of-type(-n+3) ul ul {right:100%} #nav>li>ul>li{display:block;width:100%;margin-bottom:15px} #nav li:hover>ul{display:block} #nav ul a, #nav ul span{text-transform:uppercase;color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;padding:0} .department.court #nav ul a, .department.court #nav ul span{font-size:20px;text-transform:none} #nav.judicial-court ul a, #nav.judicial-court ul span{font-size:20px;text-transform:none} .department.court #nav:not(.judicial-court) > li > ul{width:900px} #nav ul ul a, #nav ul ul span{color:#AFCCE5;font-size:18px;font-weight:400;text-transform:none;margin-bottom:8px;} #flyout ul{position:absolute;left:100%;top:0;width:200px;background:#003767;display:none;z-index:999} #flyout li:hover>ul{display:block} #nav-2 li:hover>ul{display:block} #nav>li:hover>a, #nav>li:hover>span{background:#A39161;color:#000} .department.without-news.with-events #dept-events .mini-calendar, .department.subsite #dept-events .mini-calendar{float:left;width:420px;margin-right:129px} .department.without-news.with-events #dept-events .mini-events-list, .department.subsite #dept-events .mini-events-list{overflow:hidden;width:auto;padding-top:40px} /* #nav .first-level.three-cols{-webkit-column-count:2;-moz-column-count:2;column-count:2}*/ } @media only screen and (max-width:1200px) { section h2{font-size:38px} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #homepage #search-toggle{display:none} .department #flyout-wrap {display:block!important} #freeform.subsite.department #dept-events .button{position:static!important} #sign-up .signup-span{top:auto;margin-bottom:30px} #freeform #slider:after{display:none} #freeform #slider .tns-controls{display:none} #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position:absolute;right:15px;top:40px;z-index:1} #nav-2-toggle,#nav-toggle,#search-toggle,#header-links-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px} #nav,#flyout{display:none;background:#003767} #nav{margin:0 -15px} #nav li{display:block} #nav a, #nav span, #flyout a, #flyout span, #nav-2 a, #nav-2 span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15);color:#fff !important;font-size:14px !important;display:block} header #nav a, header #nav span{margin:0 !important} header #nav ul a, header #nav ul span{font-size:14px !important} #nav li{position:relative} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul, #nav-2 ul{background:rgba(0,0,0,.15);display:none} #nav .toggle, #nav .toggle2, #nav-2 .toggle, #nav-2 .toggle2, #flyout .toggle{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} header{position:relative;border-bottom:1px solid rgba(0,0,0,.15)} #logo{margin:15px 0 !important} #logo img{width:100px} #search-toggle-desktop{display:none} #header-top .social-media-links{display:none} #h-links{float:none;margin:0;display:none} .h-link{display:block;margin:0;text-align:left;padding:15px;font-size:14px;line-height:1;border-bottom:1px solid rgba(0,0,0,.15)} .h-link:last-child{border:0} #translation-links{float:none;margin:0;text-align:right} #translation-links button{padding:15px;line-height:1} #translation-links ul{text-align:left} #slider{margin:0 -15px 0 0;height:auto;height:auto !important} #freeform #slider{margin-top:0} #freeform #slider .container{position:static;transform:none} #breadcrumbs{padding:0;background:none;color:#003767} #breadcrumbs a{color:#003767} #slider-graphic{display:none} header .container-fluid{position:relative} .floating-share-btn{top:auto;bottom:0} #homepage #slider-wrap>.container:first-of-type{display:none} .container.for-caption{background:rgba(255,255,255,.65);top:auto;bottom:0;padding-top:15px;padding-bottom:15px;position:static} #slider-info h1{font-size:18px;margin-bottom:20px} #slider-info strong{font-size:52px;margin:0} #slider-caption{font-size:16px;line-height:normal} #search input{height:50px} #search button{line-height:50px;width:50px} #search button img{width:15px} #news-and-events{padding:50px 0} #news{padding-bottom:50px;border-bottom:2px solid rgba(0,0,0,.5);margin-bottom:50px;margin-right:0} section h2{font-size:38px} .news:first-of-type{padding-top:0} .news{padding:25px 0;border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:0} #featured{padding:50px 0} #events{margin-left:0} .section h2{margin-top:0} .section-banner{margin:30px 0 0} #transparency{padding:50px 0} .transparency-link{margin-top:15px} #sign-up h3{display:block;position:static;margin-bottom:15px} .footer-header{margin:30px 0 10px} #footer-top{padding:50px 0} footer .social-media-links{margin-top:50px} footer .sml{margin-right:15px} #flyout-wrap{margin:0 0 30px} #flyout-header{padding:15px;margin:0;background:#003767;color:#fff;border-top:1px solid rgba(0,0,0,.15)} #flyout-toggle{padding:15px;cursor:pointer;color:#fff;background:#003767} #freeform main{padding:50px 0 0} #page-title{font-size:52px;color:#003767} .news-detail #page-title{font-size:36px} #dept-news{float:none;margin:0 0 50px;width:auto} #dept-events{float:none} #dept-news h2,#dept-events h2{font-size:38px} #freeform.department #entry, #freeform.subsite #entry{padding-bottom:50px} #freeform.department #flyout-wrap{margin:50px 0} .department.without-events #dept-news{margin-bottom:0} .department.without-events #dept-news-list{-webkit-column-count:1;-moz-column-count:1;column-count:1} #nav-2{text-align:left;background:#4b5c7d;display:none} #nav-2 li{display:block} #nav-2 ul{position:static;width:auto} #nav-2 a, #nav-2 span{color:#fff aliceblue !important} #freeform.subsite #featured{margin-bottom:0;padding:50px 0} #subsite-news-and-events{padding:50px 0} body:not(#homepage) #search{transform:none;top:15px;margin:0;left:15px;width:auto} #freeform.department #qlinks{background:#e1f1ff;margin:30px 0} #official{margin:30px -15px;background:#e1f1ff;padding:30px 15px} #freeform.department .social-media-links.side{margin-bottom:20px} .officials#freeform.department #flyout-wrap{margin:30px 0} .subsite#freeform.department #flyout-wrap{margin:30px 0} .officials #hours{background: #fff8ea;margin: 0 -15px 30px;padding: 30px 15px} .subsite #hours{background: #fff8ea;margin: 0 -15px 30px;padding: 30px 15px} #tiles.flyout-enabled .tile{flex: 1 1 48%} .tile{flex: 1 0 31%} .department #dept-events h2 a{position:static !important;margin-bottom:15px;width:100% !important} .court #breadcrumbs{background:transparent} .court #breadcrumbs a:after{color:#D4B529} .court #flyout-header{color:#fff} .court .featured-item{width:100%;margin-right:0!important} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} #slider-info strong, #page-title{font-size:42px} #slider-info h1{font-size:15px} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #tiles.flyout-enabled .tile, .tile{flex: 1 0 48%} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} }