/* Easings */ /* HTML5 Reset */ html, body { height: 100%; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; outline: none; } a:focus { outline: 0; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; background-color: #fff !important; } .flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-dir-row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-dir-col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-dir-row-rev { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-dir-col-rev { -webkit-flex-direction: col-reverse; -ms-flex-direction: col-reverse; flex-direction: col-reverse; } .flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-wrap-rev { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-justify-start { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .flex-justify-end { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .flex-justify-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-justify-between { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .flex-align-content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .flex-align-content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .flex-align-content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .flex-align-content-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .flex-align-content-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around; } .flex-align-content-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .flex-align-items-start { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-align-items-end { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .flex-align-items-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-align-items-between { -webkit-align-items: space-between; -ms-flex-align: justify; align-items: space-between; } .flex-align-items-around { -webkit-align-items: space-around; -ms-flex-align: distribute; align-items: space-around; } .flex-align-items-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .flexch { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } html { font-size: 16px; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; color: #4F4E4B; } html p { line-height: 23px; padding-bottom: 1.5rem; font-size: 1.15rem; } html p:last-of-type { padding-bottom: 0; } html a { color: #4F4E4B; } * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *:focus { outline: none; } body main { display: block; } .menutrigger { cursor: pointer; background-color: #C74258; border-radius: 100px; margin-top: .4rem; position: relative; height: 50px; width: 50px; } .menutrigger .bar--container { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto auto; width: 25px; height: 15px; } .menutrigger .bar { width: 100%; height: 3px; border-radius: 3px; background-color: #ffffff; } .logo__wrapper { display: flex; padding: 1.5rem; margin-top: 4rem; } .logo__wrapper .logo { height: 65px; width: 9.5rem; margin-top: -.75rem; margin-left: 1rem; } .logo__wrapper .logo svg { height: 100%; } input[type="submit"] { -webkit-appearance: none; } input { -webkit-appearance: none; box-shadow: none; } li { list-style: none; } a { text-decoration: none; } #eop { display: block; height: 0; width: 0; background-color: transparent; opacity: 0; perspective: 0; margin: 0; padding: 0; } /******** Media Queries ********/ @media all and (min-width: 48em) { body { height: 100vh; } body main { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; width: 100%; } body header, body footer { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .logo__wrapper { padding: 3rem; } #eop { perspective: 200px; } } @media all and (min-width: 64em) { .logo__wrapper { margin-top: 0; } .logo__wrapper .logo { margin-left: 0; height: 75px; } } @media all and (min-width: 120em) { .logo__wrapper { padding: 3rem 6rem; } html p { font-size: 1.2rem; line-height: 26px; } } @media all and (min-width: 160em) { html p { font-size: 1.27rem; } } .flex__container.contact { min-height: 100vh; } .flex__container.contact .section__wrapper { padding: 0; } .flex__container.contact .section__form--wrapper { min-height: 100vh; } .flex__container.contact .section__form--wrapper .section__title h2 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; text-align: center; margin-top: 2rem; } .flex__container.contact .section__form--wrapper form { display: flex; flex-wrap: wrap; flex-direction: column; padding-top: 2rem; margin-bottom: 4rem; } .flex__container.contact .section__form--wrapper form h2 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; text-align: center; display: none; } .flex__container.contact .section__form--wrapper form .btn { order: 6; min-width: 80%; display: block; margin: 1.5rem auto 0 auto; -webkit-transition: min-width 250ms ease-in-out; -moz-transition: min-width 250ms ease-in-out; -o-transition: min-width 250ms ease-in-out; transition: min-width 250ms ease-in-out; } .flex__container.contact .section__form--wrapper form .btn:hover { min-width: calc(80% + .5rem); -webkit-transition: min-width 250ms ease-in-out; -moz-transition: min-width 250ms ease-in-out; -o-transition: min-width 250ms ease-in-out; transition: min-width 250ms ease-in-out; } .flex__container.contact .section__form--wrapper .section__form_contactCopy { background-color: rgba(0, 0, 0, 0.03); padding: 2rem; } .flex__container.contact .section__form--wrapper .section__copy { padding: 0 1.5rem 2rem 1.5rem; } .flex__container.contact .section__form--wrapperImage { min-height: 22rem; margin-top: 7rem; } .flex__container.contact .section__wrapper--contactForm { min-height: 100vh; } .flex__container.contact .form__formRow { display: flex; flex-direction: column; } .flex__container.contact .form__formRow:nth-of-type(1) { order: 1; } .flex__container.contact .form__formRow:nth-of-type(2) { order: 2; } .flex__container.contact .form__formRow:nth-of-type(3) { order: 3; } .flex__container.contact .form__formRow:nth-of-type(4) { order: 5; margin-top: 1.5rem; padding: 1rem; border-radius: 10px; background-color: rgba(0, 0, 0, 0.03); } .flex__container.contact .form__formRow:nth-of-type(4) > label { font-size: 1.25rem; } .flex__container.contact .form__formRow:nth-of-type(5) { order: 6; padding: 1rem; border-radius: 10px; background-color: rgba(0, 0, 0, 0.03); margin-top: 1.5rem; } .flex__container.contact .form__formRow:nth-of-type(5) > label { font-size: 1.25rem; } .flex__container.contact .form__formRow fieldset { display: block; } .flex__container.contact .form__formRow fieldset .fieldset__wrapper { width: 48%; display: inline-block; } .flex__container.contact .form__formRow fieldset .fieldset__wrapper input { -webkit-appearance: radio; } .flex__container.contact .form__formRow fieldset p { font-size: 1rem; padding-bottom: 1rem; display: block; color: #C74258; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } .flex__container.contact .form__formRow input[type="text"], .flex__container.contact .form__formRow input[type="email"] { height: 3rem; width: 100%; background-color: rgba(79, 78, 75, 0.1); -webkit-appearance: none; box-shadow: none; border: none; margin-bottom: 1rem; border-radius: 10px; padding: 1rem; font-size: 1rem; } .flex__container.contact .form__formRow label { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; padding-bottom: .5rem; } .flex__container.contact .form__formRow textarea { resize: none; min-height: 15rem; border: 1px solid rgba(79, 78, 75, 0.2); border-radius: 10px; padding: 1rem; font-size: 1rem; } .flex__container.contact div.cs-select { max-width: 100%; } .flex__container.contact .cs-skin-border { order: 4; width: 100%; color: #ffffff; border-radius: 10px; border: none; font-size: 16px; background-color: #8E5DA0; -webkit-appearance: none; cursor: pointer; margin-top: 1rem; } .flex__container.contact .cs-select.cs-active .cs-options { left: .4rem; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } .flex__container.internal { max-width: 85em; margin: 0 auto; } .flex__container.internal .section__wrapper--stats .section__title h2 { text-align: center; max-width: 500px; margin: 0 auto 3rem auto; } .flex__container.internal #breadcrumb { padding: 1.5rem; display: flex; width: 100%; max-width: 64em; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .flex__container.internal #breadcrumb li a { color: #C74258; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .flex__container.internal #breadcrumb li a:hover { text-decoration: underline; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .flex__container.internal #breadcrumb li:last-of-type { max-width: 20rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .flex__container.internal #breadcrumb li + li:before { content: '/'; margin: 0 .25rem; } .flex__container.internal .section__wrapper--stats .section__copy--wrapper .section__copy img, .flex__container.internal .section__wrapper--article .section__copy--wrapper .section__copy img { max-height: 23rem; display: block; margin: 2rem auto; width: 100%; object-fit: cover; object-position: center; } .flex__container .section__wrapper--article .section__copy--wrapper { border-top-right-radius: 0; } .flex__container .section__wrapper--article .section__gallery { margin: -1.5rem -1.5rem 3rem -1.5rem; } .flex__container .section__wrapper--article .section__title { margin-bottom: 4rem; } .homepage section { padding-top: 0; padding-bottom: 0; } section { padding: 1.5rem; } .section__wrapper { margin-bottom: 3rem; } .section__wrapper.section__wrapper--litigation svg { height: 3rem; width: 3rem; position: absolute; bottom: -3rem; right: 1.5rem; z-index: 2; opacity: 1; -webkit-transition: bottom 250ms ease-in-out; -moz-transition: bottom 250ms ease-in-out; -o-transition: bottom 250ms ease-in-out; transition: bottom 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__hover--bg { position: absolute; background-color: white; opacity: 0; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: max-height 250ms ease-in-out; -moz-transition: max-height 250ms ease-in-out; -o-transition: max-height 250ms ease-in-out; transition: max-height 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__show--btn { margin: 2rem auto; display: block; } .section__wrapper.section__wrapper--litigation .section__index { max-width: 64em; margin: 0 auto; } .section__wrapper.section__wrapper--litigation .section__gallery { overflow: visible; } .section__wrapper.section__wrapper--litigation .litigation__caseType { display: block; position: relative; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); margin-bottom: 2rem; } .section__wrapper.section__wrapper--litigation .litigation__caseType:hover svg { bottom: 1.5rem; -webkit-transition: bottom 250ms ease-in-out; -moz-transition: bottom 250ms ease-in-out; -o-transition: bottom 250ms ease-in-out; transition: bottom 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__caseType:hover .litigation__hover--bg { opacity: .8; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__caseType:hover .litigation__caseType--title { opacity: .1; margin-bottom: 2rem; -webkit-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__caseType--image { position: relative; display: flex; height: 12rem; width: 100%; justify-content: flex-end; flex-direction: column; } .section__wrapper.section__wrapper--litigation .litigation__caseType--image:after { position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.45); top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } .section__wrapper.section__wrapper--litigation .litigation__caseType-copy { padding: 2rem 1.5rem; overflow: hidden; } .section__wrapper.section__wrapper--litigation .litigation__caseType-copy h3 { color: #8E5DA0; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; margin-bottom: 1rem; margin-top: 2rem; } .section__wrapper.section__wrapper--litigation .litigation__caseType--title { padding: 1.5rem; opacity: 1; margin-bottom: 0; -webkit-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; transition: opacity 250ms ease-in-out, margin-bottom 250ms ease-in-out; } .section__wrapper.section__wrapper--litigation .litigation__caseType--title h2 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; } .section__wrapper.section__wrapper--litigation .litigation__caseType--title h4 { margin-top: .5rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; } .section__wrapper.section__wrapper--litigation .litigation__caseType--title * { color: #ffffff; } .section__wrapper.section__wrapper--social { color: #ffffff; border-radius: 10px; margin-left: 1.5rem; margin-right: 1.5rem; overflow: hidden; } .section__wrapper.section__wrapper--social p a { color: #ffffff; } .section__wrapper.section__wrapper--social svg { height: 2rem; width: 2rem; border-radius: 100px; } .section__wrapper.section__wrapper--social .section__index { min-height: 10rem; max-width: 30rem; margin: 0 auto; } .section__wrapper.section__wrapper--social .section__copy { padding-bottom: 2.5rem; text-align: center; } .section__wrapper.section__wrapper--social .section__copy p { margin-bottom: 2rem; font-size: 1.25rem; } .section__wrapper.section__wrapper--social .section__title { padding-top: 2rem; } .section__wrapper.section__wrapper--social .section__title h2 { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; text-align: center; font-size: 1.75rem; } .section__wrapper.section__wrapper--social .section__social--links { display: flex; justify-content: space-around; max-width: 10rem; margin: 1rem auto 0 auto; } .section__wrapper.section__wrapper--social .section__social--share { display: inline-block; padding: 0; } .section__wrapper.section__wrapper--social .section__social--share svg { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .section__wrapper.section__wrapper--social .section__social--share svg:hover { padding: .05rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .section__wrapper.section__wrapper--social .newsletter__input--wrapper { padding: .25rem; position: relative; height: 3rem; } .section__wrapper.section__wrapper--social .newsletter__input--wrapper .form__formRow { width: 100%; display: inline-block; height: 100%; position: relative; height: 3rem; } .section__wrapper.section__wrapper--social .newsletter__input--wrapper .form__formRow input { position: absolute; left: .25rem; border-radius: 100px; height: 100%; width: 100%; padding: 0 1rem; border: none; font-size: 0.85rem; } .section__wrapper.section__wrapper--social .newsletter__input--wrapper .btn--form { position: absolute; right: .25rem; border-radius: 100px; height: calc(100% - .5rem); padding: 0 1.5rem; background-color: #8E5DA0; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; bottom: 0; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .section__wrapper.section__wrapper--social .newsletter__input--wrapper .btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .section__wrapper.section__wrapper--stats .link--leave { color: #4F4E4B; text-decoration: underline; padding-left: 0; -webkit-transition: padding-left 150ms ease-in-out; -moz-transition: padding-left 150ms ease-in-out; -o-transition: padding-left 150ms ease-in-out; transition: padding-left 150ms ease-in-out; } .section__wrapper.section__wrapper--stats .link--leave:hover { padding-left: .5rem; -webkit-transition: padding-left 150ms ease-in-out; -moz-transition: padding-left 150ms ease-in-out; -o-transition: padding-left 150ms ease-in-out; transition: padding-left 150ms ease-in-out; } .section__wrapper.section__wrapper--stats .link--leave span { line-height: 1.1rem; } .section__wrapper.section__wrapper--stats .section__stats { margin-top: 2rem; } .section__wrapper.section__wrapper--stats .section__copy--wrapper { padding: 0; max-width: 64em; margin: 0 auto; } .section__wrapper.section__wrapper--stats .section__stats--stat { -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); margin-bottom: 2rem; border-radius: 10px; overflow: hidden; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(1) { position: relative; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(1) .section__stats--tag { position: absolute; top: 0; left: 0; padding: 1rem; background-color: #8E5DA0; color: #ffffff; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(2) { position: relative; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(2) .section__stats--tag { display: none; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(3) { position: relative; } .section__wrapper.section__wrapper--stats .section__stats--stat:nth-of-type(3) .section__stats--tag { display: none; } .section__wrapper.section__wrapper--stats .section__stats--image { width: 100%; height: 15rem; } .section__wrapper.section__wrapper--stats .section__stats--content { width: 100%; padding: 3rem 1.5rem; } .section__wrapper.section__wrapper--stats .section__stats--content h3 { color: #C74258; margin-bottom: 2rem; font-size: 1.25rem; font-family: orpheuspro, serif; font-weight: 700; font-style: normal; margin-top: .75rem; line-height: 1.5rem; } .section__wrapper.section__wrapper--stats .section__stats--content h5 { color: #4F4E4B; } .section__wrapper.section__wrapper--stats .section__stats--content p { margin-bottom: 3rem; } .section__wrapper.homepage-news { padding: 0; } .section__wrapper.homepage-news .section__copy--wrapper { padding: 0 1.5rem; max-width: 64em; margin: 0 auto; } .section__wrapper.homepage-news .section__gallery { margin-top: 2rem; } .section__wrapper .bg--colored * { color: #ffffff; } .section__image--secondary { width: 100%; height: 100%; position: relative; } .section__index { position: relative; z-index: 1; } .section__title { margin-bottom: 2rem; } .section__title h2 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; line-height: 2rem; } .section__copy--wrapper p a, .section__copy--wrapper ul a, .section__copy p a, .section__copy ul a { text-decoration: underline; color: #C74258; opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .section__copy--wrapper p a:hover, .section__copy--wrapper ul a:hover, .section__copy p a:hover, .section__copy ul a:hover { opacity: .6; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .section__gallery { overflow: hidden; } .section__gallery span { width: auto; background-color: #8E5DA0; color: #ffffff; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; padding: 0.76923rem 2rem; text-align: left; font-size: 16px; border-top-left-radius: 10px; display: block; } @media all and (min-width: 48em) { .flex__container .section__wrapper--article .section__gallery { margin: -3rem -3rem 3rem -3rem; } .flex__container.internal #breadcrumb { margin: 4rem auto 2rem auto; padding: 1.5rem 3rem; } .flex__container.internal #breadcrumb li:last-of-type { max-width: 50rem; } .flex__container.contact { display: flex; } .flex__container.contact .section__wrapper--contactCopy { width: 50%; display: inline-block; margin-bottom: 0; } .flex__container.contact .section__wrapper--contactForm { padding-top: 10rem; width: 50%; display: inline-block; margin-bottom: 0; } .flex__container.contact .section__wrapper--contactForm .section__form--wrapper { max-width: 30rem; margin: 0 auto; } .flex__container.contact .section__form--wrapperImage { display: none; } .flex__container.internal .section__wrapper.section__wrapper--stats { padding: 3rem 3rem 0 3rem; } .section__wrapper { margin-bottom: 3rem; } .section__wrapper.section__wrapper--litigation .gallery__litigation { display: flex; justify-content: space-between; flex-wrap: wrap; } .section__wrapper.section__wrapper--litigation .litigation__caseType { width: 48%; } .section__wrapper.section__wrapper--litigation .litigation__caseType-copy { max-height: 75vh; } .section__wrapper.section__wrapper--stats { padding: 0 3rem; } .section__wrapper.section__wrapper--stats .link--leave { position: absolute; bottom: 3rem; left: 1.5rem; } .section__wrapper.section__wrapper--stats .section__stats--content { flex-grow: 1; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative; } .section__wrapper.section__wrapper--stats .section__stats--content *:not(a) { width: 100%; } .section__wrapper.section__wrapper--stats .section__stats--content p { margin-bottom: 5rem; } .section__wrapper.section__wrapper--stats .section__copy--wrapper { margin-bottom: 3rem; } .section__wrapper.section__wrapper--stats .section__stats { max-width: 64em; margin: 0 auto; display: flex; align-content: stretch; justify-content: space-between; } .section__wrapper.section__wrapper--stats .section__stats--stat { width: 31%; max-width: 20rem; margin-bottom: 0rem; -webkit-box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); box-shadow: 0px 2px 25px -9px rgba(0, 0, 0, 0.38); display: flex; flex-direction: column; } .section__wrapper.homepage-news .section__copy--wrapper { padding: 0 2rem 3rem 2rem; } .section__wrapper .bg--colored * { color: #4F4E4B; } .section__wrapper .bg--colored p a { color: #4B8D59; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } } @media all and (min-width: 64em) { .flex__container.internal { min-height: 30rem; } .flex__container.internal #breadcrumb { margin: 4rem auto 2rem auto; padding: 1.5rem; } .section__wrapper.section__wrapper--stats .section__stats--content { padding: 3rem 2rem; } .section__wrapper.homepage-news .section__gallery { margin-top: 0; } } @media all and (min-width: 85em) { .section__wrapper { margin-bottom: 5rem; } .section__wrapper .section__gallery span { font-size: 1.25rem; padding: 1rem 2.2rem; text-align: left; } .section__wrapper.homepage-news .section__copy--wrapper { padding-bottom: 5rem; } } @media all and (min-width: 120em) { .flex__container.contact .section__wrapper--contactCopy { width: 60%; } .flex__container.contact .section__wrapper--contactForm { width: 40%; } .flex__container.contact .section__wrapper--contactForm .section__form--wrapper { max-width: 35rem; } } @media all and (min-width: 2000px) { .flex__container.internal { max-width: 120em; margin: 0 auto; } } @media all and (min-width: 160em) { .flex__container.contact .section__wrapper--contactForm .section__form--wrapper { max-width: 40rem; margin-top: 8rem; } .section__wrapper.section__wrapper-imageRight .section__gallery span { max-width: 60rem; } } .clone { -webkit-transition: opacity 350ms ease-in-out 0s; -moz-transition: opacity 350ms ease-in-out 0s; -o-transition: opacity 350ms ease-in-out 0s; transition: opacity 350ms ease-in-out 0s; z-index: 2; } .clone.hide { opacity: 0; } *[data-bgimg] { position: relative; } *[data-bgimg] > .bgwrap { position: absolute; height: 100%; width: 100%; opacity: 0; top: 0; left: 0; background-size: cover; background-position: center center; -webkit-transition: opacity 350ms ease-in-out 0s; -moz-transition: opacity 350ms ease-in-out 0s; -o-transition: opacity 350ms ease-in-out 0s; transition: opacity 350ms ease-in-out 0s; z-index: -1; } *[data-bgimg].loaded > .bgwrap { opacity: 1; } *[data-img] > img { -webkit-transition: opacity 350ms ease-in-out 0s; -moz-transition: opacity 350ms ease-in-out 0s; -o-transition: opacity 350ms ease-in-out 0s; transition: opacity 350ms ease-in-out 0s; } *[data-img]:not(.loaded) > img { opacity: 0; } .loader, .loader:before, .loader:after { border-radius: 50%; } .form__submit--wrapper { position: relative; } .loader { color: #000000; font-size: .75rem; text-indent: -99999rem; margin: 55px auto; position: absolute; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); opacity: 0; z-index: 1; } .processing .loader { opacity: 1; } .loader:before, .loader:after { position: absolute; content: ''; } .loader:before { width: 5.2em; height: 10.2em; background: #641A26; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .loader:after { width: 5.2em; height: 10.2em; background: #fbf9f5; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .menu { overflow-y: auto; } nav { position: fixed; overflow: hidden; top: 0; z-index: 201; height: 100%; width: 100vw; max-width: 26rem; background-color: #ffffff; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms ease-in-out; -moz-transition: transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; } nav.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 350ms ease-in-out; -moz-transition: transform 350ms ease-in-out; -o-transition: transform 350ms ease-in-out; transition: transform 350ms ease-in-out; } nav .menutrigger .bar--container { height: 100%; position: relative; } nav .menutrigger .bar--container .bar { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; } nav .menutrigger .bar--container .bar:nth-child(1) { transform: rotate(45deg); } nav .menutrigger .bar--container .bar:nth-child(2) { transform: rotate(-45deg); } nav ul { padding: 3rem; } nav li { padding: 0.5rem 0; } nav li a { font-size: 1.75rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } nav .nav__accent { position: absolute; bottom: 0; right: 0; } nav form { position: absolute; right: 0; bottom: 0; width: 100%; padding: 1.5rem; z-index: 1; } nav form .form__formRow { width: 100%; display: inline-block; height: 100%; position: relative; height: 3rem; } nav form .form__formRow input { position: absolute; border: 1px solid rgba(79, 78, 75, 0.2); left: .25rem; border-radius: 10px; height: 100%; width: 100%; padding: 0 1rem; font-size: 0.85rem; } nav form input.btn--form { position: absolute; width: auto; right: .1rem; left: auto; border-radius: 10px; height: calc(100% - .5rem); padding: 0 1.5rem; background-color: #4F4E4B; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; bottom: 0; top: 0; margin: auto 0; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } nav form input.btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } header { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; } header.newspage__header { right: 0; max-width: 85em; margin: 0 auto; } header #google_translate_element { display: inline-block; position: absolute; left: 2rem; /* width: 25rem; */ /* padding-top: .5rem; */ top: -1rem; } header #google_translate_element span { display: none; } header #google_translate_element select { position: absolute; top: 3rem; box-shadow: none; background-color: white; } header .menutrigger { opacity: 1; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .menutrigger .bar { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .menutrigger .bar:nth-last-child(1) { width: 80%; } header .menutrigger .bar:nth-last-child(3) { width: 80%; } header .largeHeader { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; height: 3.5rem; max-height: 0; opacity: 0; pointer-events: none; background-color: #C74258; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; padding: 0 2.5rem 0 1.5rem; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } header .largeHeader a { color: #ffffff; line-height: 3.5rem; font-size: 18px; display: block; opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } header .largeHeader ul { display: flex; } header .largeHeader li { padding-right: 1.5rem; } header .largeHeader li:hover a { opacity: .6; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } header .largeHeader li:last-of-type { padding-right: 0; } header .largeHeader form { position: absolute; right: 2.5rem; width: 25rem; padding-top: .5rem; top: -3rem; } header .largeHeader form .form__formRow { width: 100%; display: inline-block; position: relative; height: 2rem; } header .largeHeader form .form__formRow input { position: absolute; left: .25rem; border-radius: 10px; height: 100%; width: 100%; padding: 0 1rem; border: 1px solid #979797; font-size: 0.85rem; } header .largeHeader form input.btn--form { position: absolute; width: auto; right: .1rem; left: auto; border-radius: 7px; height: calc(100% - .5rem); padding: 0 1.5rem; background-color: #4F4E4B; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; bottom: 0; top: 0; margin: auto 0; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } header .largeHeader form input.btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } @media all and (min-width: 48em) { header #google_translate_element { left: 3rem; } header.newspage__header .logo__wrapper { padding: 3rem 1.5rem; } } @media all and (min-width: 64em) { .ua-chrome header #google_translate_element { top: -1.75rem; } header #google_translate_element { left: initial; right: 34rem; top: -2.1rem; } header.newspage__header .logo__wrapper .logo { padding: 0; } header.newspage__header #google_translate_element { right: 7.5rem; } header .menutrigger { opacity: 0; pointer-events: none; height: 0; width: 0; margin-top: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .menutrigger .bar { opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header .largeHeader { opacity: 1; pointer-events: auto; max-height: 3.5rem; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } } @media all and (min-width: 85em) { header.newspage__header .largeHeader { border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } header.newspage__header .logo__wrapper { padding: 3rem 1.5rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } header .logo__wrapper .logo { padding: 0; height: 75px; } } @media all and (min-width: 1408px) { header.newspage__header .logo__wrapper { padding: 3rem 0rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .ua-windows_nt header.newspage__header .logo__wrapper { padding: 3rem 1.5rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } } @media all and (min-width: 105em) { header .logo__wrapper .logo { height: 90px; } } footer .footer__sub { background-color: #C74258; padding: 1.5rem; } footer .footer__sub span { color: #ffffff; margin: 0 auto; display: flex; justify-content: center; } footer .footer__sub .dev__credits { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; margin-top: .5rem; } footer .footer__sub .dev__credits svg { height: 0.85rem; margin-left: .1rem; } footer .footer__sub a { display: inline-block; color: #ffffff; } footer .footer__sub p { display: none; padding-bottom: 0; } footer .footer__logo { margin-bottom: 2rem; } footer .footer__logo svg { display: block; margin: 0 auto; height: 5rem; } footer .footer__tagline { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; max-width: 20rem; margin: 0 auto; } footer .footer__tagline p { line-height: 22px; } footer .footer__info--wrapper { padding: 1.5rem; } footer .footer__social { display: flex; justify-content: center; } footer .footer__social ul { display: inline-flex; margin: 0 auto; } footer .footer__social li { padding: 2rem 0.5rem; } footer .footer__social li svg { padding: 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } footer .footer__social li svg:hover { padding: .15rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } footer .footer__donate { display: flex; justify-content: center; } footer .footer__links { display: flex; justify-content: center; margin: 5rem auto 2rem auto; } footer .footer__links--wrapper { display: inline-block; } footer .footer__links--wrapper ul { display: inline-block; } footer .footer__links--wrapper ul:nth-last-of-type(2) { margin-right: 1.5rem; } footer .footer__links--wrapper ul:nth-last-of-type(1) { margin-left: 1.5rem; } footer .footer__links--wrapper li { height: 1.5rem; } footer .footer__links--wrapper li:hover a { opacity: .6; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } footer .footer__links--wrapper a { display: block; height: 1.5rem; line-height: 1.5rem; opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } @media all and (min-width: 48em) { footer { display: flex; } footer .footer__notImage { width: 60%; } footer .footer__image { width: 40%; } footer .footer__info--wrapper { padding: 3rem 5rem; } footer .footer__logo svg { margin: 0 auto 0 0; } footer .footer__tagline { margin: 0 auto 0 0; } footer .footer__social ul { margin: 0 auto 0 0; } footer .footer__donate { justify-content: flex-start; } footer .footer__links { justify-content: flex-start; } } @media all and (min-width: 64em) { footer .footer__notImage { width: 40%; } footer .footer__image { width: 60%; } } @media all and (min-width: 85em) { footer .footer__notImage { width: 33rem; } footer .footer__image { width: calc(100% - 33rem); } footer .footer__info--wrapper { padding: 3rem 7rem; } } @media all and (min-width: 120em) { footer .footer__notImage { width: 45rem; } footer .footer__image { width: calc(100% - 45rem); } footer .footer__info--wrapper { padding: 3rem 7.5rem; } footer .footer__tagline { max-width: 25rem; } footer .footer__sub { display: flex; justify-content: center; } footer .footer__sub span { margin: initial; } footer .footer__sub .dev__credits { font-weight: 400; margin-top: 0; } footer .footer__sub p { display: initial; margin: -0.2rem 1rem 0 1rem; display: inline-block; } } @media all and (min-width: 160em) { footer .footer__notImage { width: 50rem; } footer .footer__image { width: calc(100% - 50rem); } footer .footer__info--wrapper { padding: 5rem 10rem; } } .hero { position: relative; width: 100%; padding: 1.5rem; padding-bottom: 0; overflow: hidden; margin-bottom: 3rem; } .hero .hero__heading { padding-top: 11.5rem; } .hero .hero__heading h1 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; font-size: 2rem; line-height: 36px; } .hero .hero__heading .btn { margin-top: 2rem; } .hero .hero__heading .hero__heading--index { margin: 0 auto; max-width: 40rem; } .hero.hero__home { height: auto; } .hero.hero__home .hero__heading h1 { max-width: 15.75rem; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; margin-bottom: 2rem; } .hero.hero__home .hero__heading p { max-width: 30rem; } .hero.hero__home .hero__content { position: absolute; bottom: 3rem; right: 0; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .hero.hero__home .heroNews { margin-top: 3rem; width: 100%; border-top-left-radius: auto !important; border-bottom-left-radius: auto !important; } .hero.hero__home .heroNews > a { display: inline-block; margin-bottom: 1rem; } .hero.hero__home .heroNews .heroNews--more { padding: .5rem 1rem .5rem 0; -webkit-transition: padding 150ms ease-in-out; -moz-transition: padding 150ms ease-in-out; -o-transition: padding 150ms ease-in-out; transition: padding 150ms ease-in-out; text-decoration: underline; } .hero.hero__home .heroNews .heroNews--more:hover { padding: .5rem 1rem .5rem .5rem; -webkit-transition: padding 150ms ease-in-out; -moz-transition: padding 150ms ease-in-out; -o-transition: padding 150ms ease-in-out; transition: padding 150ms ease-in-out; } .hero.hero__home .heroNews .heroNews--more span { line-height: 1.1rem; } .hero.hero__home .heroNews .news--alert { display: block; max-width: 6rem; background-color: #8E5DA0; margin-bottom: 1rem; border-radius: 3px; font-size: .75rem; text-align: center; } .hero.hero__home .heroNews .news--alert > h3 { color: #ffffff; padding: .25rem .75rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; } .hero.hero__home .heroNews .gallery__news--article { display: flex; justify-content: space-between; height: 6.5rem; width: 100%; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); padding: 0.5rem 2rem 0.5rem 0.5rem; } .hero.hero__home .heroNews .gallery__news--image { height: 100%; width: 8rem; border-radius: 10px; display: inline-block; z-index: 1; overflow: hidden; } .hero.hero__home .heroNews .gallery__news--title { padding: 1rem 0 1rem 1.5rem; overflow: hidden; width: 100%; } .hero.hero__home .heroNews .gallery__news--title h4 { font-size: 1.15rem; color: #C74258; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.25rem; } .hero.hero__home .heroNews .gallery__news--date { font-size: 0.85rem; } .hero.hero__internal { position: relative; height: 55vh; min-height: 18rem; overflow: visible; margin-bottom: 1.5rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .hero.hero__internal .section__title { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; color: #ffffff; position: absolute; bottom: 2rem; } .hero.hero__internal__bill { height: 20vh; min-height: 12rem; } .hero .hero__content { max-width: 22rem; padding: 1.5rem; background-color: #ffffff; } .hero .hero__image--main { position: relative; height: 35rem; margin: 0 -1.5rem; margin-top: 3rem; } .hero .hero__image--main .hero__image--tag { position: absolute; top: 0; left: 0; padding: 1rem; background-color: #8E5DA0; color: #ffffff; } .hero .hero__image--secondary { position: absolute; opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); top: 0; right: 0; height: 100%; width: 50%; } .hero .hero--apple { position: absolute; right: -12rem; top: 7.5rem; } .hero .hero--apple svg { height: 50vw; } @media all and (min-width: 370px) { .hero .hero--apple { right: -9rem; } } @media all and (min-width: 520px) { .hero.hero__internal { height: 50vh; min-height: 33rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .hero.hero__home .hero__heading h1 { max-width: 25rem; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; } .hero.hero__internal__bill { height: 20vh; min-height: 12rem; } } @media all and (min-width: 48em) { .hero { height: 100vh; padding: 3rem; padding-bottom: 0; } .hero.hero__home { display: flex; flex-direction: column; height: 100vh; min-height: 65rem; } .hero.hero__home .hero__image--main { width: calc(50% + 3rem); margin: 1rem 0 0 -3rem; display: inline-block; flex-grow: 1; } .hero.hero__home .hero__content { padding: 2rem; max-width: 25rem; right: calc(50% - 20rem); border-radius: 10px; -webkit-transition: right 350ms ease-in-out, max-width 350ms ease-in-out; -moz-transition: right 350ms ease-in-out, max-width 350ms ease-in-out; -o-transition: right 350ms ease-in-out, max-width 350ms ease-in-out; transition: right 350ms ease-in-out, max-width 350ms ease-in-out; } .hero.hero__home .hero__heading { padding-right: 3rem; width: 100%; padding-top: 11.5rem; flex: 1 0 auto; max-width: 50%; } .hero.hero__home .hero__heading h1 { max-width: 18rem; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; } .hero.hero__internal { height: 65vh; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .hero.hero__internal__bill { height: 20vh; min-height: 12rem; } .hero .hero--apple { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .hero .hero__image--secondary { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @media all and (min-width: 968px) { .hero.hero__home .hero__heading h1 { max-width: 25rem; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; } } @media all and (min-width: 64em) { .hero.hero__home .hero__image--main { margin: 3rem 0 0 0; width: 50%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; } .hero.hero__home .hero__heading p { max-width: 33.55rem; } .hero .heroNews .gallery__news--article { max-width: 33.55rem; } } @media all and (min-width: 64em) and (max-height: 968px) { .hero.hero__home .hero__content { right: calc(50% - 28rem); -webkit-transition: right 350ms ease-in-out; -moz-transition: right 350ms ease-in-out; -o-transition: right 350ms ease-in-out; transition: right 350ms ease-in-out; } } @media all and (min-width: 64em) and (min-height: 968px) { .hero.hero__home .hero__heading { padding-top: 8rem; } } @media all and (min-width: 85em) { .hero { margin-bottom: 5rem; } .hero.hero__home .hero__heading h1 { max-width: 33.55rem; font-size: 3rem; line-height: 3.125rem; -webkit-transition: max-width 350ms ease-in-out; -moz-transition: max-width 350ms ease-in-out; -o-transition: max-width 350ms ease-in-out; transition: max-width 350ms ease-in-out; } .hero .hero__image--main span { font-size: 1.25rem; padding: 1rem 2.2rem; padding-right: 10rem; top: -3.25rem; } } @media all and (min-width: 105em) { .hero.hero__home .heroNews .gallery__news--article:first-of-type { margin-right: 1rem; } .hero.hero__home .heroNews .heroNews--more { display: block; max-width: 7.5rem; } .hero.hero__home .hero__heading { padding-top: 10rem; } } @media all and (min-width: 120em) { .hero { padding: 6rem; } .hero.hero__home { padding-bottom: 0; } .hero.hero__home .hero__heading { max-width: 50%; } .hero.hero__home .hero__heading p { max-width: 40rem; } .hero.hero__home .hero__content { bottom: 7rem; max-width: 32rem; -webkit-transition: bottom 350ms ease-in-out, max-width 350ms ease-in-out; -moz-transition: bottom 350ms ease-in-out, max-width 350ms ease-in-out; -o-transition: bottom 350ms ease-in-out, max-width 350ms ease-in-out; transition: bottom 350ms ease-in-out, max-width 350ms ease-in-out; } .hero.hero__home .hero__image--main { width: calc(60% + 3rem); } .hero.hero__home .heroNews { margin-top: 8rem; } .hero.hero__home .heroNews .gallery__news--article { max-width: 40rem; } .hero .hero__image--secondary { width: 50%; } } @media all and (min-width: 160em) { .hero .hero__heading { padding-top: 12.5rem; padding-bottom: 3rem; } .hero.hero__home .hero__content { right: calc(50% - 28rem); -webkit-transition: right 350ms ease-in-out; -moz-transition: right 350ms ease-in-out; -o-transition: right 350ms ease-in-out; transition: right 350ms ease-in-out; } } .newsletter h4 { position: relative; color: #ffffff; font-size: 1.25rem; text-transform: uppercase; text-align: center; margin-bottom: 1rem; } .newsletter form { position: relative; background-color: #ffffff; border-radius: 100px; margin: 0 auto; width: 100%; max-width: 30rem; } .newsletter .newsletter__input--wrapper { padding: .25rem; position: relative; height: 3rem; } .newsletter .newsletter__input--wrapper .form__formRow { width: calc(100% - 6.7rem); display: inline-block; height: 100%; position: relative; } .newsletter .newsletter__input--wrapper .form__formRow input { position: absolute; left: .25rem; border-radius: 100px; height: 100%; width: 100%; padding: 0 1rem; border: none; font-size: 0.85rem; } .newsletter .newsletter__input--wrapper .btn--form { position: absolute; right: .25rem; border-radius: 100px; height: calc(100% - .5rem); padding: 0 1.5rem; background-color: #8E5DA0; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .newsletter .newsletter__input--wrapper .btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } #updatewrapper { position: fixed; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; height: 70vh; max-height: 45rem; width: 100%; max-width: 31rem; z-index: 103; opacity: 0; visibility: collapse; } #updatewrapper.show { opacity: 1; visibility: visible; } #updatewrapper .tinyred { position: absolute; top: -1rem; right: -1rem; z-index: 105; cursor: pointer; } #updatewrapper .tinyred svg { height: 3rem; width: 3rem; } #profileupdate { position: fixed; visibility: collapse; opacity: 0; -webkit-transition: all 250ms ease-in-out 0s; -moz-transition: all 250ms ease-in-out 0s; -o-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-color: #ffffff; padding: 2rem; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto; height: 70vh; max-height: 45rem; width: 100%; max-width: 31rem; overflow: auto; z-index: 103; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } #profileupdate ::-webkit-scrollbar { display: none; width: 0; height: 0; } #profileupdate .purple { padding-bottom: 2rem; } #profileupdate .purple * { color: #8E5DA0; } #profileupdate .purple .thankyou { font-family: orpheuspro, serif; font-weight: 400; font-style: normal; font-weight: 700; font-style: normal; text-align: center; font-size: 1.75rem; } #profileupdate .purple p { text-align: center; font-size: 1.25rem; width: 100%; } #profileupdate .profileupdate__message { text-align: center; width: 100%; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; max-width: 18rem; margin: 0 auto .5rem; } #profileupdate form { margin-top: 3rem; display: flex; flex-wrap: wrap; flex-direction: column; } #profileupdate form .form__formRow { display: flex; flex-direction: column; } #profileupdate form .form__formRow:nth-of-type(1) { order: 1; } #profileupdate form .form__formRow:nth-of-type(2) { order: 2; } #profileupdate form .form__formRow:nth-of-type(3) { order: 3; } #profileupdate form .form__formRow:nth-of-type(4) { order: 5; margin-top: 1.5rem; padding: 1rem; border-radius: 10px; background-color: rgba(0, 0, 0, 0.03); } #profileupdate form .form__formRow:nth-of-type(4) > label { font-size: 1.25rem; } #profileupdate form .form__formRow:nth-of-type(5) { order: 6; padding: 1rem; border-radius: 10px; background-color: rgba(0, 0, 0, 0.03); margin-top: 1.5rem; } #profileupdate form .form__formRow:nth-of-type(5) > label { font-size: 1.25rem; } #profileupdate form .form__formRow fieldset { display: block; } #profileupdate form .form__formRow fieldset .fieldset__wrapper { width: 48%; display: inline-block; } #profileupdate form .form__formRow fieldset .fieldset__wrapper input { -webkit-appearance: radio; } #profileupdate form .form__formRow fieldset p { font-size: 1rem; padding-bottom: 1rem; display: block; color: #C74258; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } #profileupdate form .form__formRow input[type="text"], #profileupdate form .form__formRow input[type="email"] { height: 3rem; width: 100%; background-color: rgba(79, 78, 75, 0.1); -webkit-appearance: none; box-shadow: none; border: none; margin-bottom: 1rem; border-radius: 10px; padding: 1rem; font-size: 1rem; } #profileupdate form .form__formRow label { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; padding-bottom: .5rem; } #profileupdate form .form__formRow textarea { resize: none; min-height: 15rem; border: 1px solid rgba(79, 78, 75, 0.2); border-radius: 10px; padding: 1rem; font-size: 1rem; } #profileupdate form div.cs-select { max-width: 100%; } #profileupdate form .cs-skin-border { order: 4; width: 100%; color: #ffffff; border-radius: 10px; border: none; font-size: 16px; background-color: #8E5DA0; -webkit-appearance: none; cursor: pointer; margin-top: 1rem; } #profileupdate form .cs-select.cs-active .cs-options { left: .4rem; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } #profileupdate form .btn { order: 6; min-width: 80%; display: block; margin: 1.5rem auto 0 auto; -webkit-transition: min-width 250ms ease-in-out; -moz-transition: min-width 250ms ease-in-out; -o-transition: min-width 250ms ease-in-out; transition: min-width 250ms ease-in-out; } #profileupdate form .btn:hover { min-width: calc(80% + .5rem); -webkit-transition: min-width 250ms ease-in-out; -moz-transition: min-width 250ms ease-in-out; -o-transition: min-width 250ms ease-in-out; transition: min-width 250ms ease-in-out; } #profileupdate.show { opacity: 1; visibility: visible; } #profileupdate__container { position: fixed; visibility: collapse; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.75); z-index: 102; cursor: pointer; } #profileupdate__container.show { opacity: 1; visibility: visible; } @media all and (min-width: 64em) { .newsletter { display: flex; justify-content: center; } .newsletter h4 { margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; padding-right: 2rem; } .newsletter form { margin: 0; } } @media all and (min-width: 120em) { .newsletter { padding: 2rem 2rem; } } @media all and (min-width: 160em) { .newsletter { padding: 3rem 3rem; } .newsletter h4 { font-size: 2rem; letter-spacing: 1.25px; } } .gallery__news--featured { padding: 2rem 0 0 1.5rem; position: relative; } .gallery__news--featured .gallery__news--article { position: relative; height: 12.5rem; border-radius: 10px; overflow: hidden; } .gallery__news--featured .gallery__news--title { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem 2rem; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } .gallery__news--featured .gallery__news--title h4 { color: #C74258; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.25rem; font-size: 1.15rem; } .gallery__news--featured .gallery__news--date { font-size: 0.85rem; } .gallery__news--featured .main-carousel { display: flex; max-height: 12.5rem; } .gallery__news--featured .carousel-cell { margin-right: 1.5rem; width: 20rem; } .gallery__news--article h4, .newsPage__featured h4 { text-decoration: none; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .gallery__news--article:hover h4, .newsPage__featured:hover h4 { text-decoration: underline; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .gallery__news--all { display: block; text-align: center; color: #8E5DA0; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 1rem; text-decoration: underline; margin-top: 3rem; padding-left: 0; -webkit-transition: padding-left 250ms ease-in-out; -moz-transition: padding-left 250ms ease-in-out; -o-transition: padding-left 250ms ease-in-out; transition: padding-left 250ms ease-in-out; } .gallery__news--all:hover { padding-left: .5rem; -webkit-transition: padding-left 250ms ease-in-out; -moz-transition: padding-left 250ms ease-in-out; -o-transition: padding-left 250ms ease-in-out; transition: padding-left 250ms ease-in-out; } .gallery__news--other { padding: 0 1.5rem; margin-top: 4rem; } .gallery__news--other h3 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; margin-bottom: 1rem; } .gallery__news--other .gallery__news--article { display: flex; justify-content: space-between; height: 6.5rem; width: 100%; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); padding: 0.5rem 2rem 0.5rem 0.5rem; margin: 0 auto 1rem; max-width: 40rem; } .gallery__news--other .gallery__news--image { height: 100%; width: 8rem; border-radius: 10px; display: inline-block; z-index: 1; overflow: hidden; } .gallery__news--other .gallery__news--title { padding: 1rem 0 1rem 1.5rem; overflow: hidden; width: 100%; } .gallery__news--other .gallery__news--title h4 { font-size: 1.15rem; color: #C74258; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.25rem; } .gallery__news--other .gallery__news--date { font-size: 0.85rem; } @media all and (min-width: 48em) { .gallery__news--other { max-width: 64em; margin: 4rem auto 0; } .gallery__news--other .gallery__news--innerWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .gallery__news--other .gallery__news--innerWrapper > a { width: 48%; display: inline-block; } } @media all and (min-width: 64em) { .gallery__news--featured { padding: 4rem 3rem; background-color: #f5f5f5; } .gallery__news--featured .carousel-cell { width: 25rem; } } @media all and (min-width: 85em) { .gallery__news--featured .carousel-cell { width: 30rem; } .gallery__news--featured .gallery__news--article { height: 18.75rem; } .gallery__news--featured .main-carousel { display: flex; max-height: 18.75rem; } } @media all and (min-width: 105em) { .section__wrapper.homepage-news .section__title h2 { font-size: 1.75rem; } } @media all and (min-width: 160em) { .gallery__news--featured .carousel-cell { width: 30rem; } .gallery__news--featured .gallery__news--article { height: 22rem; } .gallery__news--featured .main-carousel { display: flex; max-height: 22rem; } } .newspage__body.flex__container.internal { margin-top: 11.5rem; -webkit-transition: margin-top 250ms ease-in-out; -moz-transition: margin-top 250ms ease-in-out; -o-transition: margin-top 250ms ease-in-out; transition: margin-top 250ms ease-in-out; } .newspage__body.flex__container.internal.newspage__body { margin-top: 0; padding-top: 11.5rem; -webkit-transition: margin-top 250ms ease-in-out; -moz-transition: margin-top 250ms ease-in-out; -o-transition: margin-top 250ms ease-in-out; transition: margin-top 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper { max-width: 85em; -webkit-transition: max-width 250ms ease-in-out; -moz-transition: max-width 250ms ease-in-out; -o-transition: max-width 250ms ease-in-out; transition: max-width 250ms ease-in-out; margin: 0 auto; } .newspage__body .newsPage__featured--wrapper .site__search { width: 100%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; padding: 0 0 1.5rem 0; } .newspage__body .newsPage__featured--wrapper .site__search .form__formRow { width: 100%; display: inline-block; height: 100%; position: relative; height: 3rem; } .newspage__body .newsPage__featured--wrapper .site__search .form__formRow input { position: absolute; border: 1px solid rgba(79, 78, 75, 0.2); border-radius: 10px; height: 100%; width: 100%; padding: 0 1rem; font-size: 0.85rem; } .newspage__body .newsPage__featured--wrapper .site__search input.btn--form { position: absolute; width: auto; right: .25rem; border-radius: 10px; height: calc(100% - .5rem); padding: 0 1.5rem; background-color: #4F4E4B; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; bottom: 0; top: 0; margin: auto 0; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .site__search input.btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .newspage__body .newsPage-news .section__gallery { overflow: auto; } .newspage__body .newsPage__search--wrapper { background-color: rgba(79, 78, 75, 0.1); padding: 1rem; padding-top: 5rem; } .newspage__body .newsPage__form--wrapper { min-height: 10rem; max-width: 30rem; -webkit-transition: max-width 250ms ease-in-out; -moz-transition: max-width 250ms ease-in-out; -o-transition: max-width 250ms ease-in-out; transition: max-width 250ms ease-in-out; margin: 0 auto; } .newspage__body .newsPage__form--wrapper h3 { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; color: #ffffff; text-align: center; font-size: 1.75rem; margin-bottom: .5rem; } .newspage__body .newsPage__form--wrapper p { color: #ffffff; text-align: center; } .newspage__body .newsPage__form--wrapper .form__formRow { margin-top: 2rem; width: 100%; display: inline-block; height: 3rem; position: relative; } .newspage__body .newsPage__form--wrapper .form__formRow input { position: absolute; left: .25rem; border-radius: 100px; height: 100%; width: 100%; padding: 0 1rem; border: none; font-size: 0.85rem; } .newspage__body .newsPage__form--wrapper input.btn--form { position: absolute; right: .1rem; top: .25rem; left: auto; border-radius: 100px; height: 2.5rem; width: auto; padding: 0 1.5rem; background-color: #8E5DA0; color: #ffffff; text-align: center; border: none; font-size: 0.85rem; margin: 0 auto; cursor: pointer; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .newspage__body .newsPage__form--wrapper input.btn--form:hover { padding: 0 2rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .newspage__body .newsPage__search { margin: 2rem 0 0 0; border-radius: 10px; overflow: hidden; } .newspage__body .newsPage__featured .newsPage__featured--item { display: block; } .newspage__body .newsPage__featured .newsPage__featured--image { height: 15rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); position: relative; } .newspage__body .newsPage__featured .newsPage__featured--image .newsPage__featured--heading { position: absolute; top: 0; left: 0; padding: 1rem; background-color: #8E5DA0; color: #ffffff; } .newspage__body .newsPage__featured .newsPage__featured--copyWrapper { padding: 1rem; } .newspage__body .newsPage__featured .newsPage__featured--copyWrapper h4 { font-size: 1.25rem; color: #C74258; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 0.5rem; } .newspage__body .newsPage__featured .newsPage__featured--copyWrapper .newsPage__featured--date { font-size: 0.95rem; } .newspage__body .gallery__news--other { padding: 0; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper { display: block; width: 80%; max-width: 35rem; margin: 3rem auto 1rem; opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper.hide { opacity: 0; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul { width: 100%; display: flex; justify-content: space-around; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul li { line-height: 1.5rem; height: 1.5rem; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul a { line-height: 1.5rem; height: 100%; display: block; width: 1.5rem; text-align: center; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; text-decoration: underline; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul a.active { text-decoration: none; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul a.pagin__wrapper--paginationPrevious { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul a.pagin__wrapper--paginationPrevious svg { height: 1.5rem; width: 1.5rem; } .newspage__body .gallery__news--other .newsPage__featuredWrapper .pagination__wrapper ul a.paging__wrapper--paginationNext svg { height: 1.5rem; width: 1.5rem; } .newspage__body .section__wrapper.section__wrapper--social { margin-left: 0; margin-right: 0; margin-top: 3rem; } .section__wrapper--sibling { padding: 1.5rem; padding-top: 3rem; max-width: 64em; margin: 0 auto 3rem auto; border-top: 1px solid rgba(79, 78, 75, 0.2); } .section__wrapper--sibling h3 { font-family: orpheuspro, serif; font-weight: 700; font-style: normal; text-align: center; margin-bottom: 2rem; font-size: 1.35rem; } .section__wrapper--sibling .sibling__nav a { padding: 1.5rem; } .section__wrapper--sibling .sibling__nav a:hover p { padding-left: .5rem; -webkit-transition: padding-left 250ms ease-in-out; -moz-transition: padding-left 250ms ease-in-out; -o-transition: padding-left 250ms ease-in-out; transition: padding-left 250ms ease-in-out; } .section__wrapper--sibling .sibling__nav li { overflow: hidden; width: 100%; max-width: 20rem; min-height: 6rem; margin: 0 auto 1rem auto; border-radius: 10px; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); } .section__wrapper--sibling .sibling__nav li p { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1rem; padding-left: 0rem; -webkit-transition: padding-left 250ms ease-in-out; -moz-transition: padding-left 250ms ease-in-out; -o-transition: padding-left 250ms ease-in-out; transition: padding-left 250ms ease-in-out; text-decoration: underline; } .section__wrapper--sibling .sibling__nav li h4 { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 1.15rem; width: 100%; color: #4F4E4B; flex-grow: 1; } .section__wrapper--sibling .sibling__nav li h5 { color: #8E5DA0; padding-bottom: .25rem; } .section__wrapper--sibling .sibling__nav--item { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; } .section__wrapper--sibling .section__title { flex-grow: 1; margin-bottom: 0; display: flex; flex-direction: column; } .flex__container.internal { max-width: auto; } .flex__container.internal .section__wrapper--stats .section__title { position: -webkit-sticky; position: sticky; top: 0; background-color: white; z-index: 1; padding: 1rem 0; } .flex__container.internal .section__wrapper--stats .section__title h2 { max-width: 500px; margin: 0 auto 0.5rem auto; } .flex__container.internal .section__wrapper--stats .section__title .gallery__news--postInfo { max-width: 100%; margin: 0 auto 2rem auto; display: flex; justify-content: center; flex-wrap: wrap; } .flex__container.internal .section__wrapper--stats .section__title .gallery__news--postInfo .gallery__news--author { display: inline-block; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; color: #8E5DA0; } .flex__container.internal .section__wrapper--stats .section__title .gallery__news--postInfo .gallery__news--date { display: inline-block; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; color: #4F4E4B; } .flex__container.internal .section__wrapper--stats .section__title .article__social { margin-bottom: 1rem; } .flex__container.internal .section__wrapper--stats .section__title .article__social ul { display: flex; justify-content: space-between; max-width: 8rem; margin: 0 auto; } .flex__container.internal .section__wrapper--stats .section__title .article__social ul svg { width: 30px; height: 30px; padding: 0; } .flex__container.internal .section__wrapper--stats .section__copy h1, .flex__container.internal .section__wrapper--stats .section__copy h2, .flex__container.internal .section__wrapper--stats .section__copy h3, .flex__container.internal .section__wrapper--stats .section__copy h4, .flex__container.internal .section__wrapper--stats .section__copy h5 { color: #8E5DA0; margin-bottom: 1rem; margin-top: 2rem; font-size: 1.2rem; } .flex__container.internal .section__wrapper--stats .section__copy ul { margin-left: 1rem; padding-bottom: 1.5rem; } .flex__container.internal .section__wrapper--stats .section__copy ul li { list-style-type: disc; line-height: 23px; font-size: 1.15rem; } .flex__container.internal .section__wrapper--stats .section__copy blockquote { padding: 1rem; background-color: #8E5DA0; color: #ffffff; max-width: 45rem; margin: 2rem auto; border-radius: 10px; line-height: 28px; font-size: 1.15rem; } .flex__container.internal .section__wrapper--stats .section__copy blockquote a { color: #ffffff; text-decoration: underline; } @media all and (min-width: 600px) { .newspage__body .newsPage__featured--wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .newspage__body .newsPage__featured--wrapper .newsPage__featured { width: 48%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .newsPage__featured .newsPage__featured--image { height: 17rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .gallery__news--other { width: 48%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; margin-top: 0; margin: 0; } .section__wrapper--sibling .sibling__nav { display: flex; justify-content: space-between; } .section__wrapper--sibling .sibling__nav li { width: 48%; max-width: 14rem; margin: 0; } } @media all and (min-width: 48em) { .newspage__body.flex__container.internal { margin-top: 7rem; -webkit-transition: margin-top 250ms ease-in-out; -moz-transition: margin-top 250ms ease-in-out; -o-transition: margin-top 250ms ease-in-out; transition: margin-top 250ms ease-in-out; } .newspage__body .newsPage__featuredWrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .newspage__body .newsPage__featuredWrapper > a { width: 48%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } .section__wrapper--sibling .sibling__nav li { max-width: 20rem; } } @media all and (min-width: 64em) { .newspage__body.flex__container.internal { margin-top: 10rem; -webkit-transition: margin-top 250ms ease-in-out; -moz-transition: margin-top 250ms ease-in-out; -o-transition: margin-top 250ms ease-in-out; transition: margin-top 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .site__search .form__formRow { width: 48%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } } @media all and (min-width: 85em) { .newspage__body .newsPage__featured--wrapper .newsPage__featured { width: 58%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .newsPage__featured .newsPage__featured--image { height: 25rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .gallery__news--other { width: 38%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .gallery__news--other .gallery__news--article { height: 7.65rem; -webkit-transition: height 250ms ease-in-out; -moz-transition: height 250ms ease-in-out; -o-transition: height 250ms ease-in-out; transition: height 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .gallery__news--other .gallery__news--image { width: 9rem; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } .newspage__body .newsPage__featured--wrapper .site__search .form__formRow { width: 58%; -webkit-transition: width 250ms ease-in-out; -moz-transition: width 250ms ease-in-out; -o-transition: width 250ms ease-in-out; transition: width 250ms ease-in-out; } } @media all and (min-width: 160em) { .newspage__body .flex__container.internal .section__wrapper--stats .section__copy h1, .newspage__body .flex__container.internal .section__wrapper--stats .section__copy h2, .newspage__body .flex__container.internal .section__wrapper--stats .section__copy h3, .newspage__body .flex__container.internal .section__wrapper--stats .section__copy h4, .newspage__body .flex__container.internal .section__wrapper--stats .section__copy h5 { font-size: 1.3rem; } } .btn { border-radius: 23.5px; border: none; -webkit-appearance: none; padding: 1rem 2rem; display: inline-block; cursor: pointer; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; text-align: center; margin-top: 1.5rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .btn:hover { padding: 1rem 2.5rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .btn--small { border-radius: 23.5px; padding: 0.5rem 1rem; display: inline-block; cursor: pointer; text-align: center; } .btn--small:hover { padding: 0.5rem 1.5rem; -webkit-transition: padding 250ms ease-in-out; -moz-transition: padding 250ms ease-in-out; -o-transition: padding 250ms ease-in-out; transition: padding 250ms ease-in-out; } .btn--outline { border: 1px solid #4F4E4B; color: #4F4E4B; } .btn--red { color: #ffffff; background-color: #C74258; } .btn--purple { color: #ffffff; background-color: #8E5DA0; } #message { position: fixed; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 10px; padding: 2rem; background-color: #b2b2b2; color: #000000; z-index: 1000; width: calc(100% - 3rem); max-width: 25rem; height: 10rem; -webkit-transform: translateY(-800%); -moz-transform: translateY(-800%); -ms-transform: translateY(-800%); -o-transform: translateY(-800%); transform: translateY(-800%); -webkit-transition: all; -moz-transition: all; -o-transition: all; transition: all; color: #ffffff; } #message .title { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 1.75rem; margin-bottom: .75rem; text-align: center; } #message .msg { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; font-size: 1.25rem; } #message.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #message.show:before { content: ''; display: block; position: absolute; top: 0px; left: 50%; border-bottom: 4px solid #f4f4f4; width: 0%; text-align: center; animation: line 5.1s linear forwards; } @keyframes line { from { left: 50%; width: 0%; } to { left: 1%; width: 98%; } } #message.msg-error { background-color: #C74258; } #message.mgs-warning { background-color: #C74258; } #message.msg-success { background-color: #8E5DA0; } .section__wrapper--article { padding: 0; } .section__wrapper--article .section__copy--wrapper { margin: 0 0 0 auto; padding: 1.5rem; background-color: #ffffff; border-radius: 10px; } .section__wrapper--article .section__gallery { position: relative; height: 15rem; z-index: 1; border-top-left-radius: 10px; margin: 0 0 4rem auto; } .section__wrapper--article h3 { color: #8E5DA0; margin-bottom: 1rem; margin-top: 2rem; font-size: 1.2rem; } .section__wrapper--article .section__text ul { padding-bottom: 1.5rem; } .section__wrapper--article .section__text ul li { font-size: 1.15rem; list-style: disc; margin-left: 1rem; } .section__wrapper--article .section__title h2 { margin-bottom: 1rem; } .section__wrapper--article .article__social ul li { display: inline-block; margin-right: 0.5rem; } .section__wrapper--article .article__social > a { height: 100%; width: 100%; display: block; } .section__wrapper--article .article__social svg { width: 30px; height: 30px; padding: 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .section__wrapper--article .article__social svg:hover { padding: .05rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .section__wrapper--article .article__social .article__social--link img { height: 3rem; display: inline-block !important; max-height: initial !important; margin: initial !important; width: initial !important; object-fit: initial !important; object-position: initial !important; } .section__wrapper--article .article__social .article__social--link a { font-size: 1.25rem; display: inline-block; line-height: 3rem; margin-left: 1rem; } .section__wrapper--article.section__wrapper--articleFilter { position: relative; z-index: 99; } .articleFilter__input--wrapper { display: flex; flex-direction: column; } .articleFilter__input--wrapper .btn { order: 2; line-height: 1rem; padding: 1rem; margin-top: 0; margin-top: 1rem; min-width: 10rem; } .articleFilter__input--wrapper .cs-select { order: 1; } @media all and (min-width: 500px) { .articleFilter__input--wrapper { flex-direction: row; } .articleFilter__input--wrapper .btn { margin-top: 0; margin-left: 1rem; } } @media all and (min-width: 48em) { .section__wrapper--article { padding: 0 3rem; max-width: 64em; margin: 0 auto 3rem auto; } .section__wrapper--article .section__title { width: 50%; padding-right: 2%; position: -webkit-sticky; position: sticky; top: 2rem; } .section__wrapper--article .section__text { width: 50%; padding-left: 2%; position: relative; } .section__wrapper--article .section__text h3:nth-of-type(1) { margin-top: 0; } .section__wrapper--article .section__text:after { position: absolute; content: ''; height: 100%; width: 1px; background-color: #C74258; top: 0; left: 0; } .section__wrapper--article .section__copy { display: flex; justify-content: space-between; align-items: flex-start; } } @media all and (min-width: 64em) { .section__wrapper--article { padding: 0; } .section__wrapper--article .section__copy { display: flex; justify-content: space-between; align-items: flex-start; } } @media all and (min-width: 160em) { .section__wrapper--article h3 { font-size: 1.3rem; } } .credit { padding: 1rem; background-color: #D8D8D8; } .credit p { color: #979797; text-align: center; } .section__wrapper-mapbox { padding: 0; position: relative; } .section__wrapper-mapbox #map { width: 100%; height: 10vh; max-height: 45rem; } .section__wrapper-mapbox .mapbox__filter--container { background-color: #ffffff; margin: 0 1.5rem; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); margin-bottom: 2rem; border-radius: 0px; } .section__wrapper-mapbox .mapbox__filter--container h2 { color: #8E5DA0; text-align: center; text-transform: uppercase; margin-bottom: 2rem; } .section__wrapper-mapbox .single__bill--detailWrapper { margin-bottom: 2rem; } .section__wrapper-mapbox .single__bill--detailWrapper h4 { margin-bottom: .5rem; } .section__wrapper-mapbox .mapbox__form { display: flex; flex-direction: column; } .section__wrapper-mapbox .mapbox__form--description { order: 5; padding-bottom: 0; } .section__wrapper-mapbox .mapbox__form .mapbox__form--inputsYear { order: 2; margin: 1rem 0; } .section__wrapper-mapbox .mapbox__form .mapbox__form--inputsYear .cs-select.cs-active .cs-options { height: auto; } .section__wrapper-mapbox .mapbox__form .mapbox__form--inputsFilter { order: 3; } .section__wrapper-mapbox .mapbox__form .btn-home-clear { background-color: transparent; text-decoration: underline; text-decoration-color: #C74258; box-shadow: none; border: none; margin-bottom: 2rem; } .section__wrapper-mapbox .mapbox__form .mapbox__form--or { order: 2; width: 100%; margin: 1rem 0; text-align: center; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 1.25rem; padding-bottom: 0; } .section__wrapper-mapbox .mapbox__form .cs-skin-border { order: 1; width: 100%; max-width: inherit; color: #4F4E4B; border-radius: 10px; border: 1px solid #000000; font-size: 16px; background-color: #ffffff; -webkit-appearance: none; cursor: pointer; } .section__wrapper-mapbox .mapbox__form .cs-select.cs-active .cs-options { left: .4rem; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } .section__wrapper-mapbox .mapbox__form .form__formRow input { height: 3rem; width: 100%; border: 1px solid #4F4E4B; color: #4F4E4B; border-radius: 10px; padding: 0.75rem 1rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 16px; } .section__wrapper-mapbox .mapbox__form .btn--submit { order: 4; text-align: center; display: block; margin: 0 auto; margin-top: 0.5rem; margin-bottom: 9rem; width: 100%; } .section__wrapper-mapbox .mapbox__form .mapbox__form--inputs { display: flex; flex-direction: column; } .section__wrapper-mapbox .column_header { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 1.25rem; } .section__wrapper-mapbox .single__bill--detailWrapper--billnum { margin-bottom: 3rem; } .section__wrapper-mapbox .single__bill--detailWrapper--billnum h4 { color: #C74258; text-transform: uppercase; font-size: 1.75rem; text-align: center; } .section__wrapper-mapbox .bill_search_results { width: 100%; } .section__wrapper-mapbox .search__wrapper--subtext { padding: 2rem; padding-bottom: 4rem; } .section__wrapper-mapbox .paging { position: absolute; width: 100%; background-color: #C74258; padding: 0.5rem 1.5rem; display: flex; border-radius: 0 0 0.5rem 0.5rem; bottom: -1rem; left: 0; } .section__wrapper-mapbox .paging li { height: 1.3rem; position: relative; } .section__wrapper-mapbox .paging li a { color: #ffffff; font-size: 0.85rem; padding-right: 1.5rem; } .section__wrapper-mapbox .paging li a.active { text-decoration: underline; } .section__wrapper-mapbox .paging li .search__wrapper--paginationNext { display: none; } .section__wrapper-mapbox .paging li .search__wrapper--paginationNext svg { opacity: 0; } .section__wrapper-mapbox .paging li .search__wrapper--paginationNext:after { position: absolute; content: "\003E"; top: 0; right: 0; width: 100%; height: 100%; color: #ffffff; } .section__wrapper-mapbox .paging li .search__wrapper--paginationPrevious { display: none; } .section__wrapper-mapbox .paging li .search__wrapper--paginationPrevious svg { opacity: 0; } .section__wrapper-mapbox .paging li .search__wrapper--paginationPrevious:after { position: absolute; content: "\003C"; top: 0; right: 0; width: 100%; height: 100%; color: #ffffff; } .results_table { display: none; } @media all and (min-width: 20em) { .section__wrapper-mapbox { position: relative; } .section__wrapper-mapbox .mapbox__filter--container { margin: 0 auto; z-index: 1; width: calc(100% - 3rem); max-width: 40rem; padding-bottom: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; margin-bottom: 1rem; } .section__wrapper-mapbox #map { width: 100%; height: 50rem; max-height: 56rem; } .section__wrapper-mapbox:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .section__wrapper-mapbox .mapbox_filter--block { padding: 4rem 1rem 0rem 1rem; margin: 0 1rem; } .section__wrapper-mapbox .mapbox__form--description { margin-top: 3rem; } .section__wrapper-mapbox .mapbox__form .btn--submit { margin-top: 4rem; margin-bottom: 5rem; } .section__wrapper-mapbox .mapbox__form--button { order: 4; margin-bottom: 2rem; } .section__wrapper-mapbox .mapbox__form--button .btn-home-clear { margin-bottom: 0; width: 100%; margin-top: 2rem; } .section__wrapper-mapbox .mapbox__form--button .btn-home-submit { margin-bottom: 0; width: 100%; margin-top: 2rem; } .results_container { padding: 0 1rem; font-family: Helvetica, sans-serif; font-weight: 400; font-style: normal; position: relative; } .bill_search_results { margin: 0; width: 100%; } .results_table { background-color: #ECECEC; } .results_table > div:last-child { border-radius: 0 0.5rem 0 0; -moz-border-radius: 0 0.5 0 0; } .column_header { display: block; padding: 0.5rem 1rem; width: 100%; } .column_header:nth-child(1) { border-radius: 0.5rem 0 0 0; -moz-border-radius: 0.5rem 0 0 0; width: 8rem; text-align: right; } .column_header:nth-child(3) { border-radius: 0 0 0.5rem 0; -moz-border-radius: 0 0 0.5rem 0; width: 10rem; text-align: left; } .js-bill-row { border-radius: 10px; display: flex; flex-direction: column; width: calc(100% - 2rem); margin: 1rem auto; background-color: #F8F8F8; padding: 1rem; cursor: pointer; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .viewBill { width: 10rem; margin-left: auto; margin-right: auto; } .js-bill-row:last-child > span:first-child { border-radius: 0 0 0 0.5rem; -moz-border-radius: 0.5rem 0 0 0.5rem; } .js-bill-row:last-child > span:last-child { border-radius: 0 0 0.5rem 0; -moz-border-radius: 0 0.5rem 0.5rem 0; } .bill_number, .bill_title, .status { display: table-cell; padding: 0.5rem 1rem; } .bill_number { color: #C74258; cursor: pointer; } .js-single-bill-min { pointer-events: none; opacity: 0; visibility: collapse; height: 0; width: 0; -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } .js-single-bill-min.show { opacity: 1; pointer-events: initial; visibility: visible; -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; position: fixed; background-color: #ffffff; width: 100%; padding: 5rem 3rem 0 3rem; min-height: 50rem; height: initial; width: initial; top: 0; left: 0; z-index: 999; } .js-single-bill-min p { padding-bottom: 3rem; } .js-single-bill-min h4 { color: #000000; font-size: 1.25rem; } .js-bill-close { position: relative; margin-bottom: 5rem; cursor: pointer; } .view-bill-button { text-align: center; margin-top: 3rem; } .view-bill-button a { max-width: 20rem; width: 100%; } } @media all and (min-width: 48em) { .section__wrapper-mapbox { display: flex; flex-flow: column; } .section__wrapper-mapbox .mapbox__filter--container { order: 2; margin: 1rem auto; max-width: 100%; } .section__wrapper-mapbox .mapbox__form--inputs { display: flex; justify-content: space-between; max-width: 30rem; } .section__wrapper-mapbox .mapbox__form .form__formRow.mapbox__form--inputsFilter { order: 3; height: 3rem; } .section__wrapper-mapbox .mapbox__form .form__formRow.mapbox__form--inputsYear { order: 2; height: 3rem; } .section__wrapper-mapbox .mapbox__form .cs-skin-border { order: 1; height: 3rem; } .section__wrapper-mapbox .mapbox__form .btn-home-clear { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; margin: 0 auto; padding-top: 0; padding-bottom: 3rem; width: 12rem; order: 2; background-color: transparent; color: black; text-align: center; text-decoration: underline; text-decoration-color: #C74258; cursor: pointer; } .section__wrapper-mapbox #map { height: 30rem; max-height: 30rem; order: 1; } .section__wrapper-mapbox .mapbox__form--button { display: flex; order: 4; flex-direction: column; } .section__wrapper-mapbox .mapbox__form--button .btn-home-submit { margin: 2rem auto 0; width: auto; order: 1; } .section__wrapper-mapbox .mapbox_filter--block { max-width: 30rem; margin: 0 auto; } .section__wrapper-mapbox .results_table { display: flex; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: .5rem 1rem; } .section__wrapper-mapbox .paging { bottom: -2.25rem; } .section__wrapper-mapbox .search__wrapper--subtext { width: 35rem; margin: 3rem auto 0 auto; padding-bottom: 0; text-align: center; } .bill_search_results { position: relative; } .results_container { padding: 1rem 3rem 3rem 3rem; } .js-single-bill-min.show { display: block; position: inherit; background-color: #ffffff; width: 100%; height: 100%; min-height: auto; padding: 5rem 3rem 3rem 3rem; top: 0; left: 0; z-index: 999; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; } .view-bill-button { margin-top: 5rem; } .js-bill-row { border-radius: initial; margin: 0; flex-direction: row; padding: .5rem 1rem; display: flex; width: 100%; } .js-bill-row .bill_number { text-align: right; width: 8rem; display: inline-block; } .js-bill-row .bill_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; } .js-bill-row .status { width: 10rem; text-align: left; display: inline-block; } .js-bill-row:hover { background-color: #D8D8D8; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .viewBill { display: none; } } @media all and (min-width: 64em) { .section__wrapper-mapbox { display: block; } .section__wrapper-mapbox .mapbox__filter--container { position: absolute; top: 3rem; left: 3rem; right: auto; bottom: 3rem; margin: 0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; max-width: 40rem; max-height: 54rem; } .section__wrapper-mapbox #map { height: 60rem; max-height: 60rem; } .section__wrapper-mapbox .mapbox__form .btn-home-clear { padding-bottom: 1rem; } .section__wrapper-mapbox .mapbox__form--button { margin-bottom: 1rem; } .section__wrapper-mapbox .bill_search_results { position: relative; } .section__wrapper-mapbox .mapbox_filter--block { padding: 2rem 1rem 0 1rem; } .section__wrapper-mapbox .search__wrapper--subtext { padding: 1.4rem 2rem; margin: 2rem auto 0 auto; font-size: 0.85rem; } .js-single-bill-min.show { background-color: rgba(151, 151, 151, 0.8); padding: 1.5rem; } .single__bill--innerWrapper { width: 100%; height: 100%; margin: auto auto; background-color: #ffffff; padding: 2rem; border-radius: 10px; } .view-bill-button { position: absolute; bottom: 5rem; left: 0; right: 0; } } .search__wrapper--bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh; margin: auto; background-color: rgba(255, 255, 255, 0.75); cursor: pointer; z-index: 10; overflow: hidden; pointer-events: none; opacity: 0; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--bg.show { opacity: 1; pointer-events: initial; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--results { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: calc(100% - 3rem); max-height: 60rem; width: calc(100% - 3rem); max-width: 40rem; margin: auto; z-index: 11; pointer-events: none; opacity: 0; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--results.show { opacity: 1; pointer-events: initial; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--index { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: #ffffff; padding: 1.5rem; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .search__wrapper--index h2 { margin: 1rem auto 2rem auto; color: #8E5DA0; text-align: center; font-size: 1.75rem; font-family: orpheuspro, serif; font-weight: 700; font-style: normal; } .search__wrapper--items { opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--items.hide { opacity: 0; } .search__wrapper--close { position: absolute; top: -1rem; right: -1rem; height: 3rem; width: 3rem; z-index: 12; cursor: pointer; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .search__wrapper--close:hover { height: 3.25rem; width: 3.25rem; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .search__wrapper--resultsItem { margin-bottom: 2rem; } .search__wrapper--resultsItem h3 { margin-bottom: .5rem; text-decoration: none; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .search__wrapper--resultsItem p { margin-bottom: .5rem; } .search__wrapper--resultsItem:hover h3 { text-decoration: underline; -webkit-transition: text-decoration 250ms ease-in-out; -moz-transition: text-decoration 250ms ease-in-out; -o-transition: text-decoration 250ms ease-in-out; transition: text-decoration 250ms ease-in-out; } .search__wrapper--date { font-size: 0.85rem; color: #C74258; } .search__wrapper--pagination { display: block; width: 80%; max-width: 20rem; margin: 1rem auto; opacity: 1; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .search__wrapper--pagination.hide { opacity: 0; } .search__wrapper--pagination ul { width: 100%; display: flex; justify-content: space-around; } .search__wrapper--pagination ul li { line-height: 1.5rem; height: 1.5rem; } .search__wrapper--pagination ul a { line-height: 1.5rem; height: 100%; display: block; width: 1.5rem; text-align: center; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; text-decoration: underline; } .search__wrapper--pagination ul a.active { text-decoration: none; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; } .search__wrapper--pagination ul .search__wrapper--paginationPrevious { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .search__wrapper--pagination ul .search__wrapper--paginationPrevious svg { height: 1.5rem; width: 1.5rem; } .search__wrapper--pagination ul .search__wrapper--paginationNext svg { height: 1.5rem; width: 1.5rem; } @media all and (min-width: 48em) { .search__wrapper--index { padding: 1.5rem 3rem; } } .tab_content { color: #000000; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; min-height: 48em; max-width: 85em; margin: 0 auto; } .tab_content h2 { padding: 0 0 37px 0; text-align: center; color: #C74258; font-size: 32px; font-weight: 400; } .tab_headers { background-color: #ECECEC; border-radius: 10px 10px 0 0; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } .tab_headers > div { display: inline-block; padding: 16px 24px; cursor: pointer; background-color: transparent; -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; transition: background-color 350ms ease-in-out, color 350ms ease-in-out; } .tab_headers > div:hover { background-color: #D8D8D8; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .tab_headers > div.active { background-color: #C74258; color: #ffffff; -webkit-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out, color 350ms ease-in-out; transition: background-color 350ms ease-in-out, color 350ms ease-in-out; } .tab_headers > div:first-child.active { border-radius: 10px 0 0 0; } .tab_cards { padding: 30px 23px 54px 23px; background-color: #F8F8F8; border-radius: 0 0 10px 10px; line-height: 30px; position: relative; } .tab_cards > div div div { padding-bottom: 2rem; } .tab_cards > div.active { opacity: 1; pointer-events: initial; -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; } .tab_cards > div.active p { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 400; font-style: normal; color: #4F4E4B; } .tab_cards > div.active p.header { padding-top: 15px; } .tab_cards > div .table { display: table; } .tab_cards > div .header { display: table-row; } .tab_cards > div .header_col { display: table-cell; } .tab_cards > div .table_row { display: table-row; } .tab_cards > div .field { display: table-cell; padding: 0 30px 0 0; } .card_content { padding: 2rem 3rem; } .tab_cards > div#tab_card_texts.active > .field { padding: 0; } .tab_cards > div#tab_card_texts.active .table_row { display: flex; flex-wrap: wrap; } @media all and (min-width: 20em) { .tab_block { display: none; } .tab_cards { background-color: #ffffff; } .tab_cards > div { font-size: 20px; font-family: mr-eaves-xl-modern, sans-serif; font-style: normal; } .tab_cards > div h4 { font-size: 20px; } .tab_headers { display: none; } .card_content { padding: 0; } .accordion_header { display: block; } .js-accordion { padding: 1.5rem; } .js-accordion_item .card_content { overflow: hidden; height: 100%; max-height: 0; background-color: #F8F8F8; -webkit-transition: max-height 350ms ease-in-out; -moz-transition: max-height 350ms ease-in-out; -o-transition: max-height 350ms ease-in-out; transition: max-height 350ms ease-in-out; } .js-accordion_item .accordion_header { border: 1px solid #979797; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; background-color: #F8F8F8; padding: 1.5rem 1.5rem; margin-top: 0.5rem; line-height: 0; cursor: pointer; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .js-accordion_item .accordion_header:hover { background-color: #D8D8D8; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .js-accordion_item.active .card_content { height: 100% !important; max-height: 100%; -webkit-transition: max-height 350ms ease-in-out; -moz-transition: max-height 350ms ease-in-out; -o-transition: max-height 350ms ease-in-out; transition: max-height 350ms ease-in-out; } .js-accordion_item.active .accordion_header { background-color: #C74258; color: #ffffff; padding: 1.5rem 1.5rem !important; border-radius: 10px 10px 0px 0px; border: none; } } @media all and (min-width: 48em) { .tab_block { display: block; } .accordion_header { display: none; } .tab_headers { display: block; } .tab_cards { background-color: #F8F8F8; min-height: 48em; height: 100%; -webkit-transition: height 350ms ease-in-out; -moz-transition: height 350ms ease-in-out; -o-transition: height 350ms ease-in-out; transition: height 350ms ease-in-out; } .tab_cards > div { opacity: 0; pointer-events: none; -webkit-transition: opacity 350ms ease-in-out; -moz-transition: opacity 350ms ease-in-out; -o-transition: opacity 350ms ease-in-out; transition: opacity 350ms ease-in-out; font-size: 16px; } .tab_cards > div h4 { font-weight: 700; font-style: normal; display: block; font-size: 1.28rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; } .tab_cards > div .card_content { position: absolute; left: 0; right: 0; } .card_content { display: block; } } @media all and (min-width: 64em) { .tab_cards > div .card_content { max-width: 700px; margin: auto; } } .bill__searchHeader { margin: 0 auto 0 auto; padding: 4rem 0rem 0rem 0rem; width: calc(100% - 3rem); max-width: 40rem; padding-top: 12rem; } .bill__searchHeader .mapbox__form--inputs { background-color: #ffffff; padding: 1.5rem 2rem 0 2rem; display: flex; flex-direction: column; } .bill__searchHeader .mapbox__form--inputs h4 { color: #8e5da0; text-align: center; text-transform: uppercase; margin-bottom: 2rem; font-size: 1.75rem; } .bill__searchHeader .mapbox__form--inputs .mapbox__form--inputsYear { order: 2; margin: 1rem 0; } .bill__searchHeader .mapbox__form--inputs .mapbox__form--inputsYear .cs-select.cs-active .cs-options { height: auto; } .bill__searchHeader .mapbox__form--inputs .mapbox__form--inputsFilter { order: 3; } .bill__searchHeader .mapbox__form--inputs .cs-skin-border { order: 1; max-width: 100%; } .bill__searchHeader .mapbox__form--inputs .mapbox__form--button { order: 4; } .bills_informative { margin: 2rem 0 0; } .flex__container.internal.bills__page { margin-bottom: 8rem; } .bills__page .viewBill { width: 10rem; margin: 0 auto; display: block; color: #ffffff; padding: 0.5rem 1rem; } .bills__page .js-bill-search-results-container { width: calc(100% - 3rem); max-width: 40rem; background-color: #ffffff; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; padding: 0; margin: 0; } .bills__page .js-bill-search-results-container.active { margin: 2rem auto 6rem; padding: 1.5rem; } .bills__page .contents > div { display: block; padding: 0.5rem 1rem; } .bills__page .contents > div.bill__768, .bills__page .contents > div.bill__1366 { opacity: 0; width: 0; margin: 0; height: 0; padding: 0; visibility: collapse; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .results_table .column_header.bill__768, .bills__page .results_table .column_header.bill__1366 { opacity: 0; width: 0; margin: 0; height: 0; padding: 0; visibility: collapse; white-space: nowrap; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .paging { position: absolute; width: 100%; background-color: #C74258; padding: 0.5rem 1.5rem; display: flex; border-radius: 0 0 0.5rem 0.5rem; bottom: -1rem; left: 0; } .bills__page .paging li { height: 1.3rem; position: relative; } .bills__page .paging li a { color: #ffffff; font-size: 0.85rem; padding-right: 1.5rem; } .bills__page .paging li a.active { text-decoration: underline; } .bills__page .paging li .search__wrapper--paginationNext { display: none; } .bills__page .paging li .search__wrapper--paginationNext svg { opacity: 0; } .bills__page .paging li .search__wrapper--paginationNext:after { position: absolute; content: "\003E"; top: 0; right: 0; width: 100%; height: 100%; color: #ffffff; } .bills__page .paging li .search__wrapper--paginationPrevious { display: none; } .bills__page .paging li .search__wrapper--paginationPrevious svg { opacity: 0; } .bills__page .paging li .search__wrapper--paginationPrevious:after { position: absolute; content: "\003C"; top: 0; right: 0; width: 100%; height: 100%; color: #ffffff; } .bill_full_search_form { margin: 0 auto; } .bill_full_search_form .btn-full-clear { margin: 0rem auto; padding-top: 1rem; padding-bottom: 2rem; width: 12rem; order: 2; background-color: transparent; color: black; text-align: center; text-decoration: underline; text-decoration-color: #c74258; cursor: pointer; border: none; display: block; font-size: 0.85rem; } .bill_full_search_form .form__formRow { display: inline-block; margin-bottom: 1rem; } .bill_full_search_form .form__formRow label { display: inline-block; vertical-align: middle; } .bill_full_search_form .form__formRow input { height: 3rem; width: 100%; border: 1px solid #4f4e4b; color: #4f4e4b; border-radius: 10px; padding: 0.75rem 1rem; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-size: 16px; } .bill_full_search_form .form__formRow select { padding: 1rem; } .bill_full_search_form .form__formRow .cs-select { width: auto; background-color: #ffffff; border: 1px solid #4F4E4B; border-radius: 10px; } .bill_full_search_form .btn[type="reset"] { order: 5; margin-bottom: 1rem; margin-top: 0; } .bill_full_search_form .btn--submit { order: 4; text-align: center; margin: 0 auto; float: none; margin-bottom: 1rem; } .js-bill-search-results-container .js-bill-row-full { display: contents; width: 100%; background-color: #F8F8F8; } .js-bill-search-results-container .js-bill-row-full:last-of-type { -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; } .js-bill-search-results-container .js-bill-row-full .table-row { display: contents; } .js-bill-search-results-container .js-bill-row-full .table-row .columns { border-radius: 10px; display: flex; flex-direction: column; width: calc(100% - 2rem); margin: 1rem auto; background-color: #f8f8f8; padding: 1rem; } .js-bill-search-results-container span { width: 100%; font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; display: block; font-size: 1.25rem; margin-bottom: 0.5rem; color: #4F4E4B; } .js-bill-search-results-container .js-expandable { display: none; } .js-bill-search-results-container .js-expandable.expand { display: contents; } .js-bill-search-results-container a { color: #C74258; } @media all and (max-width: 48em) { .bill_full_search_form { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: none; border: 0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; border-radius: 1rem; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1); } .bill_full_search_form .form__formRow { display: block; width: 100%; margin-bottom: 1rem; } .bill_full_search_form .form__formRow input { width: 100%; } .bill_full_search_form .form__formRow .cs-select { width: 100%; max-width: 100%; } .bill_full_search_form .btn--submit { float: none; width: 100%; } .js-bill-search-results-container .js-bill-row-full { background: none; } .js-bill-search-results-container .columns { display: none; } .js-bill-search-results-container .js-expandable { display: block; margin-bottom: 1.5rem; background-color: #F8F8F8; padding: 1.5rem 1rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; border-radius: 0.5rem; position: relative; } .js-bill-search-results-container .js-expandable p:last-of-type { padding-bottom: 2rem; } } @media all and (min-width: 48em) { .bills__page .mapbox__form--inputs { background-color: #f3f3f3; padding: 1.5rem 2rem; } .bills__page .js-bill-search-results-container { width: 100%; max-width: 100%; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; border-radius: initial; } .bills__page .js-bill-search-results-container .js-bill-row-full { display: block; } .bills__page .js-bill-search-results-container .js-expandable { display: block; padding: 0.5rem 1rem; cursor: pointer; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .bills__page .js-bill-search-results-container .js-expandable:hover { background-color: #d8d8d8; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; transition: background-color 350ms ease-in-out; } .bills__page .js-bill-search-results-container .contents { display: flex; justify-content: space-between; } .bills__page .js-bill-search-results-container .contents > div h4 { display: none; } .bills__page .js-bill-search-results-container .viewBill { display: none; } .bills__page .results_table { display: flex; justify-content: space-between; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 0.5rem 1rem; background-color: #ececec; } .bills__page .results_table .column_header { font-family: mr-eaves-xl-modern, sans-serif; font-weight: 700; font-style: normal; font-weight: 700; font-style: normal; font-size: 1.2rem; width: 100%; } .bills__page .results_table .column_header.bill_number { color: #4F4E4B; max-width: 6rem; } .bills__page .contents > div.bill__768 { opacity: 1; width: 100%; margin: initial; visibility: visible; padding: 0.5rem 1rem; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .contents > div.bill_number { min-width: 6rem; max-width: 6rem; width: 100%; color: #4F4E4B; text-align: right; padding: 0.5rem 1rem; } .bills__page .contents > div.bill_status { min-width: 7rem; max-width: 7rem; width: 100%; padding: 0.5rem 1rem; } .bills__page .contents > div.bill_title { padding: 0.5rem 1rem; min-width: 15rem; max-width: 55rem; width: 100%; } .bills__page .contents > div.bill_title p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; min-width: 13rem; } .bills__page .contents > div.bill_state { min-width: 4rem; max-width: 4rem; padding: 0.5rem 1rem; height: initial; } .bills__page .contents > div.bill_last_action { min-width: 10rem; padding: 0.5rem 1rem; } .bills__page .contents > div.bill_last_action p { min-width: 8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; } .bills__page .results_table .column_header.bill__768 { opacity: 1; width: 100%; visibility: visible; height: initial; padding: 0.5rem 1rem; display: block; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .results_table .column_header.bill_status { max-width: 7rem; min-width: 7rem; } .bills__page .results_table .column_header.bill_title { min-width: 15rem; max-width: 55rem; } .bills__page .results_table .column_header.bill_state { min-width: 4rem; max-width: 4rem; } .bills__page .results_table .column_header.bill_last_action { min-width: 10rem; } .bills__page .results_table .column_header.bill_number { min-width: 6rem; color: #4F4E4B; } .bills__page .paging { bottom: -2.5rem; } .bill__searchHeader { padding: 0; width: 100%; max-width: 100%; } .js-bill-search-results-container .js-bill-row span { display: none; } .bill_full_search_form { padding-top: 12rem; } .bill_full_search_form .mapbox__form--inputs { display: flex; justify-content: space-between; height: 6rem; background-color: #f3f3f3; flex-direction: row; } .bill_full_search_form .mapbox__form--inputs h4 { display: none; } .bill_full_search_form .mapbox__form--inputs .mapbox__form--inputsYear { order: 2; max-width: 8rem; margin: 0 0.5rem; } .bill_full_search_form .mapbox__form--inputs .mapbox__form--inputsFilter { order: 3; flex: 1 1 0; margin: 0 0.5rem; } .bill_full_search_form .mapbox__form--inputs .cs-skin-border { order: 1; max-width: 12rem; margin-right: 0.5rem; height: 3rem; } .bill_full_search_form .mapbox__form--inputs .mapbox__form--button { order: 4; margin-left: 0.5rem; } } @media all and (min-width: 85em) { .bills__page .results_table .column_header.bill__1366 { opacity: 1; width: 100%; visibility: visible; height: initial; padding: 0.5rem 1rem; display: block; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .results_table .column_header.bill_year { min-width: 8rem; max-width: 8rem; text-align: right; } .bills__page .results_table .column_header.bill_session { max-width: 25rem; min-width: 15rem; } .bills__page .contents > div.bill__1366 { opacity: 1; width: 100%; margin: initial; height: initial; visibility: visible; padding: 0.5rem 1rem; -webkit-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -moz-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; -o-transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; transition: width 350ms ease-in-out, opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .bills__page .contents > div.bill_session { max-width: 25rem; min-width: 15rem; } .bills__page .contents > div.bill_session p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .bills__page .contents > div.bill_year { min-width: 8rem; max-width: 8rem; } .bills__page .contents > div.bill_year p { text-align: right; } } /*# sourceMappingURL=css.css.map */