Inpatient Psychiatric Unit

profileSparkling Beauty
MentalHealthEducation_NAMI_NationalAllianceonMentalIllness.mhtml
Home>Social Science homework help>Sociology homework help>Inpatient Psychiatric Unit

Chrome96.0  
Skip to content logo NAMI Search Close Menu

Search Home | Support & Education | Mental Health Education

Mental Health Education

Support & Education

Know the warning signs

Learn the common signs of mental illness in adults and adolescents.

Learn More

Mental health conditions

Learn more about common mental health conditions that affect millions.

Learn More

Find Your Local NAMI

BY STATE Toggle Dropdown Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware District of Columbia Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Puerto Rico Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virgin Islands Virginia Washington West Virginia Wisconsin Wyoming

Go

Call the NAMI Helpline at

800-950-NAMI

Or in a crisis, text "NAMI" to 741741

Donate Now

Jump To:

Across the country, thousands of trained NAMI volunteers bring peer-led programs to a wide variety of community settings, from churches to schools to NAMI Affiliates. With the unique understanding of people with lived experience, these programs and support groups provide outstanding free education, skills training and support.

Education Classes

Woman reading laptop NAMI Basics

NAMI Basics is a class for parents, guardians and other family caregivers who provide care for youth (age 22 or younger) who are experiencing mental health symptoms. This course is also available in Spanish, Bases y Fundamentos de NAMI.

Find the NAMI Basics class nearest you family washing the dog NAMI Family-to-Family

NAMI Family-to-Family is a class for families, significant others and friends of people with mental health conditions. Designated as an evidence-based program by SAMHSA, it facilitates a better understanding of mental health conditions, increases coping skills and empowers participants to become advocates for their family members. Also available in Spanish, De Familia a Familia de NAMI.

Find the NAMI Family-to-Family class nearest you service member sitting in front of a door NAMI Homefront

NAMI Homefront is a class for families, caregivers and friends of military service members and veterans with mental health conditions. The course is designed specifically to help these families understand those challenges and improve their ability to support their service member or veteran.

Find the NAMI Homefront class nearest you Woman reading laptop NAMI Peer-to-Peer

NAMI Peer-to-Peer is a class for adults with mental health conditions. The course is designed to encourage growth, healing and recovery among participants. This program is also available in Spanish, De Persona a Persona de NAMI.

Find the NAMI Peer-to-Peer class nearest you healthcare provider NAMI Provider

NAMI Provider is a class for mental health professionals. NAMI Provider is designed to expand the participants' compassion for the individuals and their families and to promote a collaborative model of care.

More

Presentations

student at desk drawing NAMI Ending the Silence

NAMI Ending the Silence is a presentation designed for middle and high school students, school staff, and parents or guardians of middle or high school aged youth. Audiences learn about the signs and symptoms of mental health conditions, how to recognize the early warning signs and the importance of acknowledging those warning signs.

More woman speaking NAMI In Our Own Voice

NAMI In Our Own Voice is a presentation for the general public to promote awareness of mental health conditions and recovery. This program is also available in Spanish, En Nuestra Propia Voz de NAMI.

More Woman looking into camera NAMI Compartiendo Esperanza

NAMI Compartiendo Esperanza is a bilingual presentation for Latino communities designed to promote mental health awareness, explore signs and symptoms of mental health conditions and highlight how and where to find help.

More black couple looks to camera NAMI Sharing Hope

NAMI Sharing Hope is a presentation for African American communities designed to promote mental health awareness, explore signs and symptoms of mental health conditions and highlight how and where to find help.

More two women in conversation NAMI Family & Friends

NAMI Family & Friends is a 4-hour seminar that informs and supports people who have loved ones with a mental health condition. Participants learn about diagnoses, treatment, recovery, communication strategies, crisis preparation and NAMI resources. Seminar leaders have personal experience with mental health conditions in their families.

Find the NAMI Family & Friends seminar nearest you police officer comforting woman NAMI Sharing Your Story with Law Enforcement

The NAMI Sharing Your Story with Law Enforcement presentation program trains peers and families to share their stories during law enforcement trainings, such as Crisis Intervention Team (CIT) training.

More

Outreach, Advocacy & Wellness

Member talking about NAMI to staff NAMI Smarts for Advocacy

NAMI Smarts for Advocacy is a hands-on advocacy training program that helps people living with mental illness, friends and family transform their passion and lived experience into skillful grassroots advocacy.

Find the NAMI Smarts for Advocacy nearest you Man Moving into housing NAMI FaithNet

NAMI FaithNet is an interfaith resource network of NAMI members, friends, clergy and congregations of all faith traditions who wish to encourage faith communities who are welcoming and supportive of persons and families living with mental illness.

More man checking fitness watch while on a jog NAMI Hearts+Minds

The need to focus on mental and physical health simultaneously has never been more important. NAMI Hearts+Minds educates and empowers individuals to better manage their health, mentally and physically.

More

Call the NAMI Helpline at 

800-950-NAMI

 or 

chat with us.

In a crisis, 

text "NAMI" to 741741.

Find Your Local NAMI

BY STATE Toggle Dropdown Alabama Alaska Arizona Arkansas California Colorado Connecticut Delaware District of Columbia Florida Georgia Hawaii Idaho Illinois Indiana Iowa Kansas Kentucky Louisiana Maine Maryland Massachusetts Michigan Minnesota Mississippi Missouri Montana Nebraska Nevada New Hampshire New Jersey New Mexico New York North Carolina North Dakota Ohio Oklahoma Oregon Pennsylvania Puerto Rico Rhode Island South Carolina South Dakota Tennessee Texas Utah Vermont Virgin Islands Virginia Washington West Virginia Wisconsin Wyoming Go DONATE NOW

Copyright © 2022 NAMI. All Rights Reserved.

CONTACT US

NAMI 4301 Wilson Blvd., Suite 300 Arlington, VA 22203

Main 703-524-7600

Member Services 888-999-6264

Press & Media

Accessibility Toolbar

Discussion Groups Policy

Privacy Policy

Disclaimer

State Disclaimer

Link Policy

NAMI Required Disclosures For Written Solicitations

NAMIStore Policies

     

Charity Navigator

TRADEMARKS

The following are trademarks of NAMI: NAMI, NAMI Basics, NAMI Connection, NAMI Ending the Silence, NAMI FaithNet, NAMI Family & Friends, NAMI Family Support Group, NAMI Family-to-Family, NAMI Grading the States, NAMI Hearts & Minds, NAMI Homefront, NAMI HelpLine, NAMI In Our Own Voice, NAMI On Campus, NAMI Parents & Teachers as Allies, NAMI Peer-to-Peer, NAMI Provider, NAMI Smarts for Advocacy, Act4MentalHealth, Vote4MentalHealth, NAMIWalks and National Alliance on Mental Illness. All other programs and services are trademarks of their respective owners.

Contact Us Main 703-524-7600 Member Services 888-999-6264 HelpLine 800-950-6264
4301 Wilson Blvd., Suite 300 Arlington, VA 22203
Copyright © 2021 NAMI. All Rights Reserved.

@charset "utf-8"; @-webkit-keyframes animation-5f1q21 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animation-5f1q21 { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes animation-ibxp9g { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animation-ibxp9g { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .css-evpx1l { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; } .Twilio-CommonStyles, .Twilio-RootContainer { font-family: "Open Sans"; font-size: 12px; -webkit-font-smoothing: antialiased; line-height: normal; } .Twilio-Template-Icon { vertical-align: middle; } a[class^="Twilio"], a:active[class^="Twilio"], a:hover[class^="Twilio"], a:link[class^="Twilio"], a:visited[class^="Twilio"] { color: inherit; } button[class^="Twilio"], [class^="Twilio"] > button:not([class]), [class^="Twilio"] > button[class=""] { font-family: inherit; } button:enabled[class^="Twilio"], [class^="Twilio"] > button:enabled:not([class]), [class^="Twilio"] > button:enabled[class=""] { cursor: pointer; } h1[class^="Twilio"], [class^="Twilio"] > h1:not([class]), [class^="Twilio"] > h1[class=""] { font-size: 12px; margin-top: 6px; margin-bottom: 6px; font-weight: bold; line-height: 1.67; text-transform: uppercase; } h2[class^="Twilio"], [class^="Twilio"] > h2:not([class]), [class^="Twilio"] > h2[class=""] { font-size: 10px; font-weight: bold; line-height: 1.6; margin-top: 6px; margin-bottom: 0px; } h6[class^="Twilio"], [class^="Twilio"] > h6:not([class]), [class^="Twilio"] > h6[class=""] { font-size: 18px; font-weight: normal; margin: 0px; } hr[class^="Twilio"], [class^="Twilio"] > hr:not([class]), [class^="Twilio"] > hr[class=""] { margin-top: 6px; margin-bottom: 6px; border-width: 1px 0px 0px; border-style: solid; } p[class^="Twilio"], [class^="Twilio"] > p:not([class]), [class^="Twilio"] > p[class=""] { font-size: 12px; margin: 0px; padding-bottom: 6px; }

@charset "utf-8"; .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: 0px; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }

@charset "utf-8"; @font-face { font-family: FontAwesome; src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 1; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0px; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0px; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-glass::before { content: ""; } .fa-music::before { content: ""; } .fa-search::before { content: ""; } .fa-envelope-o::before { content: ""; } .fa-heart::before { content: ""; } .fa-star::before { content: ""; } .fa-star-o::before { content: ""; } .fa-user::before { content: ""; } .fa-film::before { content: ""; } .fa-th-large::before { content: ""; } .fa-th::before { content: ""; } .fa-th-list::before { content: ""; } .fa-check::before { content: ""; } .fa-remove::before, .fa-close::before, .fa-times::before { content: ""; } .fa-search-plus::before { content: ""; } .fa-search-minus::before { content: ""; } .fa-power-off::before { content: ""; } .fa-signal::before { content: ""; } .fa-gear::before, .fa-cog::before { content: ""; } .fa-trash-o::before { content: ""; } .fa-home::before { content: ""; } .fa-file-o::before { content: ""; } .fa-clock-o::before { content: ""; } .fa-road::before { content: ""; } .fa-download::before { content: ""; } .fa-arrow-circle-o-down::before { content: ""; } .fa-arrow-circle-o-up::before { content: ""; } .fa-inbox::before { content: ""; } .fa-play-circle-o::before { content: ""; } .fa-rotate-right::before, .fa-repeat::before { content: ""; } .fa-refresh::before { content: ""; } .fa-list-alt::before { content: ""; } .fa-lock::before { content: ""; } .fa-flag::before { content: ""; } .fa-headphones::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-volume-down::before { content: ""; } .fa-volume-up::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-barcode::before { content: ""; } .fa-tag::before { content: ""; } .fa-tags::before { content: ""; } .fa-book::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-print::before { content: ""; } .fa-camera::before { content: ""; } .fa-font::before { content: ""; } .fa-bold::before { content: ""; } .fa-italic::before { content: ""; } .fa-text-height::before { content: ""; } .fa-text-width::before { content: ""; } .fa-align-left::before { content: ""; } .fa-align-center::before { content: ""; } .fa-align-right::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-list::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-indent::before { content: ""; } .fa-video-camera::before { content: ""; } .fa-photo::before, .fa-image::before, .fa-picture-o::before { content: ""; } .fa-pencil::before { content: ""; } .fa-map-marker::before { content: ""; } .fa-adjust::before { content: ""; } .fa-tint::before { content: ""; } .fa-edit::before, .fa-pencil-square-o::before { content: ""; } .fa-share-square-o::before { content: ""; } .fa-check-square-o::before { content: ""; } .fa-arrows::before { content: ""; } .fa-step-backward::before { content: ""; } .fa-fast-backward::before { content: ""; } .fa-backward::before { content: ""; } .fa-play::before { content: ""; } .fa-pause::before { content: ""; } .fa-stop::before { content: ""; } .fa-forward::before { content: ""; } .fa-fast-forward::before { content: ""; } .fa-step-forward::before { content: ""; } .fa-eject::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-plus-circle::before { content: ""; } .fa-minus-circle::before { content: ""; } .fa-times-circle::before { content: ""; } .fa-check-circle::before { content: ""; } .fa-question-circle::before { content: ""; } .fa-info-circle::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-times-circle-o::before { content: ""; } .fa-check-circle-o::before { content: ""; } .fa-ban::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-expand::before { content: ""; } .fa-compress::before { content: ""; } .fa-plus::before { content: ""; } .fa-minus::before { content: ""; } .fa-asterisk::before { content: ""; } .fa-exclamation-circle::before { content: ""; } .fa-gift::before { content: ""; } .fa-leaf::before { content: ""; } .fa-fire::before { content: ""; } .fa-eye::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-warning::before, .fa-exclamation-triangle::before { content: ""; } .fa-plane::before { content: ""; } .fa-calendar::before { content: ""; } .fa-random::before { content: ""; } .fa-comment::before { content: ""; } .fa-magnet::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-retweet::before { content: ""; } .fa-shopping-cart::before { content: ""; } .fa-folder::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-arrows-v::before { content: ""; } .fa-arrows-h::before { content: ""; } .fa-bar-chart-o::before, .fa-bar-chart::before { content: ""; } .fa-twitter-square::before { content: ""; } .fa-facebook-square::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-key::before { content: ""; } .fa-gears::before, .fa-cogs::before { content: ""; } .fa-comments::before { content: ""; } .fa-thumbs-o-up::before { content: ""; } .fa-thumbs-o-down::before { content: ""; } .fa-star-half::before { content: ""; } .fa-heart-o::before { content: ""; } .fa-sign-out::before { content: ""; } .fa-linkedin-square::before { content: ""; } .fa-thumb-tack::before { content: ""; } .fa-external-link::before { content: ""; } .fa-sign-in::before { content: ""; } .fa-trophy::before { content: ""; } .fa-github-square::before { content: ""; } .fa-upload::before { content: ""; } .fa-lemon-o::before { content: ""; } .fa-phone::before { content: ""; } .fa-square-o::before { content: ""; } .fa-bookmark-o::before { content: ""; } .fa-phone-square::before { content: ""; } .fa-twitter::before { content: ""; } .fa-facebook-f::before, .fa-facebook::before { content: ""; } .fa-github::before { content: ""; } .fa-unlock::before { content: ""; } .fa-credit-card::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-hdd-o::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-bell::before { content: ""; } .fa-certificate::before { content: ""; } .fa-hand-o-right::before { content: ""; } .fa-hand-o-left::before { content: ""; } .fa-hand-o-up::before { content: ""; } .fa-hand-o-down::before { content: ""; } .fa-arrow-circle-left::before { content: ""; } .fa-arrow-circle-right::before { content: ""; } .fa-arrow-circle-up::before { content: ""; } .fa-arrow-circle-down::before { content: ""; } .fa-globe::before { content: ""; } .fa-wrench::before { content: ""; } .fa-tasks::before { content: ""; } .fa-filter::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-arrows-alt::before { content: ""; } .fa-group::before, .fa-users::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-cloud::before { content: ""; } .fa-flask::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-copy::before, .fa-files-o::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-save::before, .fa-floppy-o::before { content: ""; } .fa-square::before { content: ""; } .fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; } .fa-list-ul::before { content: ""; } .fa-list-ol::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-underline::before { content: ""; } .fa-table::before { content: ""; } .fa-magic::before { content: ""; } .fa-truck::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-pinterest-square::before { content: ""; } .fa-google-plus-square::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-money::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-columns::before { content: ""; } .fa-unsorted::before, .fa-sort::before { content: ""; } .fa-sort-down::before, .fa-sort-desc::before { content: ""; } .fa-sort-up::before, .fa-sort-asc::before { content: ""; } .fa-envelope::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-rotate-left::before, .fa-undo::before { content: ""; } .fa-legal::before, .fa-gavel::before { content: ""; } .fa-dashboard::before, .fa-tachometer::before { content: ""; } .fa-comment-o::before { content: ""; } .fa-comments-o::before { content: ""; } .fa-flash::before, .fa-bolt::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-paste::before, .fa-clipboard::before { content: ""; } .fa-lightbulb-o::before { content: ""; } .fa-exchange::before { content: ""; } .fa-cloud-download::before { content: ""; } .fa-cloud-upload::before { content: ""; } .fa-user-md::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-bell-o::before { content: ""; } .fa-coffee::before { content: ""; } .fa-cutlery::before { content: ""; } .fa-file-text-o::before { content: ""; } .fa-building-o::before { content: ""; } .fa-hospital-o::before { content: ""; } .fa-ambulance::before { content: ""; } .fa-medkit::before { content: ""; } .fa-fighter-jet::before { content: ""; } .fa-beer::before { content: ""; } .fa-h-square::before { content: ""; } .fa-plus-square::before { content: ""; } .fa-angle-double-left::before { content: ""; } .fa-angle-double-right::before { content: ""; } .fa-angle-double-up::before { content: ""; } .fa-angle-double-down::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-angle-down::before { content: ""; } .fa-desktop::before { content: ""; } .fa-laptop::before { content: ""; } .fa-tablet::before { content: ""; } .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-circle-o::before { content: ""; } .fa-quote-left::before { content: ""; } .fa-quote-right::before { content: ""; } .fa-spinner::before { content: ""; } .fa-circle::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-folder-o::before { content: ""; } .fa-folder-open-o::before { content: ""; } .fa-smile-o::before { content: ""; } .fa-frown-o::before { content: ""; } .fa-meh-o::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-keyboard-o::before { content: ""; } .fa-flag-o::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-terminal::before { content: ""; } .fa-code::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-star-half-empty::before, .fa-star-half-full::before, .fa-star-half-o::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-crop::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-unlink::before, .fa-chain-broken::before { content: ""; } .fa-question::before { content: ""; } .fa-info::before { content: ""; } .fa-exclamation::before { content: ""; } .fa-superscript::before { content: ""; } .fa-subscript::before { content: ""; } .fa-eraser::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-microphone::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-shield::before { content: ""; } .fa-calendar-o::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-rocket::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-chevron-circle-left::before { content: ""; } .fa-chevron-circle-right::before { content: ""; } .fa-chevron-circle-up::before { content: ""; } .fa-chevron-circle-down::before { content: ""; } .fa-html5::before { content: ""; } .fa-css3::before { content: ""; } .fa-anchor::before { content: ""; } .fa-unlock-alt::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-ellipsis-h::before { content: ""; } .fa-ellipsis-v::before { content: ""; } .fa-rss-square::before { content: ""; } .fa-play-circle::before { content: ""; } .fa-ticket::before { content: ""; } .fa-minus-square::before { content: ""; } .fa-minus-square-o::before { content: ""; } .fa-level-up::before { content: ""; } .fa-level-down::before { content: ""; } .fa-check-square::before { content: ""; } .fa-pencil-square::before { content: ""; } .fa-external-link-square::before { content: ""; } .fa-share-square::before { content: ""; } .fa-compass::before { content: ""; } .fa-toggle-down::before, .fa-caret-square-o-down::before { content: ""; } .fa-toggle-up::before, .fa-caret-square-o-up::before { content: ""; } .fa-toggle-right::before, .fa-caret-square-o-right::before { content: ""; } .fa-euro::before, .fa-eur::before { content: ""; } .fa-gbp::before { content: ""; } .fa-dollar::before, .fa-usd::before { content: ""; } .fa-rupee::before, .fa-inr::before { content: ""; } .fa-cny::before, .fa-rmb::before, .fa-yen::before, .fa-jpy::before { content: ""; } .fa-ruble::before, .fa-rouble::before, .fa-rub::before { content: ""; } .fa-won::before, .fa-krw::before { content: ""; } .fa-bitcoin::before, .fa-btc::before { content: ""; } .fa-file::before { content: ""; } .fa-file-text::before { content: ""; } .fa-sort-alpha-asc::before { content: ""; } .fa-sort-alpha-desc::before { content: ""; } .fa-sort-amount-asc::before { content: ""; } .fa-sort-amount-desc::before { content: ""; } .fa-sort-numeric-asc::before { content: ""; } .fa-sort-numeric-desc::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-youtube-square::before { content: ""; } .fa-youtube::before { content: ""; } .fa-xing::before { content: ""; } .fa-xing-square::before { content: ""; } .fa-youtube-play::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-instagram::before { content: ""; } .fa-flickr::before { content: ""; } .fa-adn::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-bitbucket-square::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-tumblr-square::before { content: ""; } .fa-long-arrow-down::before { content: ""; } .fa-long-arrow-up::before { content: ""; } .fa-long-arrow-left::before { content: ""; } .fa-long-arrow-right::before { content: ""; } .fa-apple::before { content: ""; } .fa-windows::before { content: ""; } .fa-android::before { content: ""; } .fa-linux::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-skype::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-trello::before { content: ""; } .fa-female::before { content: ""; } .fa-male::before { content: ""; } .fa-gittip::before, .fa-gratipay::before { content: ""; } .fa-sun-o::before { content: ""; } .fa-moon-o::before { content: ""; } .fa-archive::before { content: ""; } .fa-bug::before { content: ""; } .fa-vk::before { content: ""; } .fa-weibo::before { content: ""; } .fa-renren::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-arrow-circle-o-right::before { content: ""; } .fa-arrow-circle-o-left::before { content: ""; } .fa-toggle-left::before, .fa-caret-square-o-left::before { content: ""; } .fa-dot-circle-o::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-vimeo-square::before { content: ""; } .fa-turkish-lira::before, .fa-try::before { content: ""; } .fa-plus-square-o::before { content: ""; } .fa-space-shuttle::before { content: ""; } .fa-slack::before { content: ""; } .fa-envelope-square::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-openid::before { content: ""; } .fa-institution::before, .fa-bank::before, .fa-university::before { content: ""; } .fa-mortar-board::before, .fa-graduation-cap::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-google::before { content: ""; } .fa-reddit::before { content: ""; } .fa-reddit-square::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-delicious::before { content: ""; } .fa-digg::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-drupal::before { content: ""; } .fa-joomla::before { content: ""; } .fa-language::before { content: ""; } .fa-fax::before { content: ""; } .fa-building::before { content: ""; } .fa-child::before { content: ""; } .fa-paw::before { content: ""; } .fa-spoon::before { content: ""; } .fa-cube::before { content: ""; } .fa-cubes::before { content: ""; } .fa-behance::before { content: ""; } .fa-behance-square::before { content: ""; } .fa-steam::before { content: ""; } .fa-steam-square::before { content: ""; } .fa-recycle::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-tree::before { content: ""; } .fa-spotify::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-database::before { content: ""; } .fa-file-pdf-o::before { content: ""; } .fa-file-word-o::before { content: ""; } .fa-file-excel-o::before { content: ""; } .fa-file-powerpoint-o::before { content: ""; } .fa-file-photo-o::before, .fa-file-picture-o::before, .fa-file-image-o::before { content: ""; } .fa-file-zip-o::before, .fa-file-archive-o::before { content: ""; } .fa-file-sound-o::before, .fa-file-audio-o::before { content: ""; } .fa-file-movie-o::before, .fa-file-video-o::before { content: ""; } .fa-file-code-o::before { content: ""; } .fa-vine::before { content: ""; } .fa-codepen::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-life-bouy::before, .fa-life-buoy::before, .fa-life-saver::before, .fa-support::before, .fa-life-ring::before { content: ""; } .fa-circle-o-notch::before { content: ""; } .fa-ra::before, .fa-resistance::before, .fa-rebel::before { content: ""; } .fa-ge::before, .fa-empire::before { content: ""; } .fa-git-square::before { content: ""; } .fa-git::before { content: ""; } .fa-y-combinator-square::before, .fa-yc-square::before, .fa-hacker-news::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-qq::before { content: ""; } .fa-wechat::before, .fa-weixin::before { content: ""; } .fa-send::before, .fa-paper-plane::before { content: ""; } .fa-send-o::before, .fa-paper-plane-o::before { content: ""; } .fa-history::before { content: ""; } .fa-circle-thin::before { content: ""; } .fa-header::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-sliders::before { content: ""; } .fa-share-alt::before { content: ""; } .fa-share-alt-square::before { content: ""; } .fa-bomb::before { content: ""; } .fa-soccer-ball-o::before, .fa-futbol-o::before { content: ""; } .fa-tty::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-plug::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-twitch::before { content: ""; } .fa-yelp::before { content: ""; } .fa-newspaper-o::before { content: ""; } .fa-wifi::before { content: ""; } .fa-calculator::before { content: ""; } .fa-paypal::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-bell-slash-o::before { content: ""; } .fa-trash::before { content: ""; } .fa-copyright::before { content: ""; } .fa-at::before { content: ""; } .fa-eyedropper::before { content: ""; } .fa-paint-brush::before { content: ""; } .fa-birthday-cake::before { content: ""; } .fa-area-chart::before { content: ""; } .fa-pie-chart::before { content: ""; } .fa-line-chart::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-lastfm-square::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-bus::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-angellist::before { content: ""; } .fa-cc::before { content: ""; } .fa-shekel::before, .fa-sheqel::before, .fa-ils::before { content: ""; } .fa-meanpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-diamond::before { content: ""; } .fa-ship::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-street-view::before { content: ""; } .fa-heartbeat::before { content: ""; } .fa-venus::before { content: ""; } .fa-mars::before { content: ""; } .fa-mercury::before { content: ""; } .fa-intersex::before, .fa-transgender::before { content: ""; } .fa-transgender-alt::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-mars-stroke-v::before { content: ""; } .fa-mars-stroke-h::before { content: ""; } .fa-neuter::before { content: ""; } .fa-genderless::before { content: ""; } .fa-facebook-official::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-server::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-user-times::before { content: ""; } .fa-hotel::before, .fa-bed::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-train::before { content: ""; } .fa-subway::before { content: ""; } .fa-medium::before { content: ""; } .fa-yc::before, .fa-y-combinator::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-opencart::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-battery-4::before, .fa-battery::before, .fa-battery-full::before { content: ""; } .fa-battery-3::before, .fa-battery-three-quarters::before { content: ""; } .fa-battery-2::before, .fa-battery-half::before { content: ""; } .fa-battery-1::before, .fa-battery-quarter::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-mouse-pointer::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-object-group::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-sticky-note::before { content: ""; } .fa-sticky-note-o::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-clone::before { content: ""; } .fa-balance-scale::before { content: ""; } .fa-hourglass-o::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-hourglass::before { content: ""; } .fa-hand-grab-o::before, .fa-hand-rock-o::before { content: ""; } .fa-hand-stop-o::before, .fa-hand-paper-o::before { content: ""; } .fa-hand-scissors-o::before { content: ""; } .fa-hand-lizard-o::before { content: ""; } .fa-hand-spock-o::before { content: ""; } .fa-hand-pointer-o::before { content: ""; } .fa-hand-peace-o::before { content: ""; } .fa-trademark::before { content: ""; } .fa-registered::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-gg::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-tripadvisor::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-odnoklassniki-square::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-safari::before { content: ""; } .fa-chrome::before { content: ""; } .fa-firefox::before { content: ""; } .fa-opera::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-tv::before, .fa-television::before { content: ""; } .fa-contao::before { content: ""; } .fa-500px::before { content: ""; } .fa-amazon::before { content: ""; } .fa-calendar-plus-o::before { content: ""; } .fa-calendar-minus-o::before { content: ""; } .fa-calendar-times-o::before { content: ""; } .fa-calendar-check-o::before { content: ""; } .fa-industry::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-map-signs::before { content: ""; } .fa-map-o::before { content: ""; } .fa-map::before { content: ""; } .fa-commenting::before { content: ""; } .fa-commenting-o::before { content: ""; } .fa-houzz::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-edge::before { content: ""; } .fa-credit-card-alt::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-modx::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-usb::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-scribd::before { content: ""; } .fa-pause-circle::before { content: ""; } .fa-pause-circle-o::before { content: ""; } .fa-stop-circle::before { content: ""; } .fa-stop-circle-o::before { content: ""; } .fa-shopping-bag::before { content: ""; } .fa-shopping-basket::before { content: ""; } .fa-hashtag::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-percent::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-envira::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-wheelchair-alt::before { content: ""; } .fa-question-circle-o::before { content: ""; } .fa-blind::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-volume-control-phone::before { content: ""; } .fa-braille::before { content: ""; } .fa-assistive-listening-systems::before { content: ""; } .fa-asl-interpreting::before, .fa-american-sign-language-interpreting::before { content: ""; } .fa-deafness::before, .fa-hard-of-hearing::before, .fa-deaf::before { content: ""; } .fa-glide::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-signing::before, .fa-sign-language::before { content: ""; } .fa-low-vision::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-viadeo-square::before { content: ""; } .fa-snapchat::before { content: ""; } .fa-snapchat-ghost::before { content: ""; } .fa-snapchat-square::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-first-order::before { content: ""; } .fa-yoast::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-google-plus-circle::before, .fa-google-plus-official::before { content: ""; } .fa-fa::before, .fa-font-awesome::before { content: ""; } .fa-handshake-o::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-envelope-open-o::before { content: ""; } .fa-linode::before { content: ""; } .fa-address-book::before { content: ""; } .fa-address-book-o::before { content: ""; } .fa-vcard::before, .fa-address-card::before { content: ""; } .fa-vcard-o::before, .fa-address-card-o::before { content: ""; } .fa-user-circle::before { content: ""; } .fa-user-circle-o::before { content: ""; } .fa-user-o::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-drivers-license-o::before, .fa-id-card-o::before { content: ""; } .fa-quora::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-telegram::before { content: ""; } .fa-thermometer-4::before, .fa-thermometer::before, .fa-thermometer-full::before { content: ""; } .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-shower::before { content: ""; } .fa-bathtub::before, .fa-s15::before, .fa-bath::before { content: ""; } .fa-podcast::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-times-rectangle-o::before, .fa-window-close-o::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-grav::before { content: ""; } .fa-etsy::before { content: ""; } .fa-imdb::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-eercast::before { content: ""; } .fa-microchip::before { content: ""; } .fa-snowflake-o::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-meetup::before { content: ""; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; }

@charset "utf-8"; :root { --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#007bff; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); } [tabindex="-1"]:focus { outline: 0px !important; } hr { box-sizing: content-box; height: 0px; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } a:hover { color: rgb(0, 86, 179); text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0px; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; } figure { margin: 0px 0px 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(108, 117, 125); text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0px; } button:focus { outline: -webkit-focus-ring-color auto 5px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { font: inherit; appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: rgb(252, 248, 227); } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: rgb(108, 117, 125); } code { font-size: 87.5%; color: rgb(232, 62, 140); word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-radius: 0.2rem; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: rgb(33, 37, 41); } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(222, 226, 230); } .table tbody + tbody { border-top: 2px solid rgb(222, 226, 230); } .table .table { background-color: rgb(255, 255, 255); } .table-sm td, .table-sm th { padding: 0.3rem; } .table-bordered { border: 1px solid rgb(222, 226, 230); } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0px; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > td, .table-primary > th { background-color: rgb(184, 218, 255); } .table-hover .table-primary:hover { background-color: rgb(159, 205, 255); } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(159, 205, 255); } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: rgb(214, 216, 219); } .table-hover .table-secondary:hover { background-color: rgb(200, 203, 207); } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(200, 203, 207); } .table-success, .table-success > td, .table-success > th { background-color: rgb(195, 230, 203); } .table-hover .table-success:hover { background-color: rgb(177, 223, 187); } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(177, 223, 187); } .table-info, .table-info > td, .table-info > th { background-color: rgb(190, 229, 235); } .table-hover .table-info:hover { background-color: rgb(171, 221, 229); } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(171, 221, 229); } .table-warning, .table-warning > td, .table-warning > th { background-color: rgb(255, 238, 186); } .table-hover .table-warning:hover { background-color: rgb(255, 232, 161); } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(255, 232, 161); } .table-danger, .table-danger > td, .table-danger > th { background-color: rgb(245, 198, 203); } .table-hover .table-danger:hover { background-color: rgb(241, 176, 183); } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(241, 176, 183); } .table-light, .table-light > td, .table-light > th { background-color: rgb(253, 253, 254); } .table-hover .table-light:hover { background-color: rgb(236, 236, 246); } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(236, 236, 246); } .table-dark, .table-dark > td, .table-dark > th { background-color: rgb(198, 200, 202); } .table-hover .table-dark:hover { background-color: rgb(185, 187, 190); } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(185, 187, 190); } .table-active, .table-active > td, .table-active > th { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(50, 56, 62); } .table .thead-light th { color: rgb(73, 80, 87); background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .table-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); } .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(50, 56, 62); } .table-dark.table-bordered { border: 0px; } .table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; } .table-responsive-sm > .table-bordered { border: 0px; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; } .table-responsive-md > .table-bordered { border: 0px; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; } .table-responsive-lg > .table-bordered { border: 0px; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; } .table-responsive-xl > .table-bordered { border: 0px; } } .table-responsive { display: block; width: 100%; overflow-x: auto; } .table-responsive > .table-bordered { border: 0px; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none 0s ease 0s; } } .form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .form-control::-webkit-input-placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0px; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0px; line-height: 1.5; color: rgb(33, 37, 41); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[multiple], select.form-control[size] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: rgb(108, 117, 125); } .form-check-label { margin-bottom: 0px; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(40, 167, 69); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); } .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; } .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block; } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(40, 167, 69); } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: rgb(40, 167, 69); } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: rgb(113, 221, 138); } .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: rgb(52, 206, 87); } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: rgb(40, 167, 69); } .custom-file-input.is-valid ~ .custom-file-label::after, .was-validated .custom-file-input:valid ~ .custom-file-label::after { border-color: inherit; } .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(220, 53, 69); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; } .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: rgb(220, 53, 69); } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: rgb(239, 162, 169); } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: rgb(228, 96, 109); } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: rgb(220, 53, 69); } .custom-file-input.is-invalid ~ .custom-file-label::after, .was-validated .custom-file-input:invalid ~ .custom-file-label::after { border-color: inherit; } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.2rem; } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0px; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; } .form-inline .form-check-input { position: relative; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0px; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none 0s ease 0s; } } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); } .btn-primary.focus, .btn-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(90, 98, 104); border-color: rgb(84, 91, 98); } .btn-secondary.focus, .btn-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(33, 136, 56); border-color: rgb(30, 126, 52); } .btn-success.focus, .btn-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19, 132, 150); border-color: rgb(17, 122, 139); } .btn-info.focus, .btn-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:hover { color: rgb(33, 37, 41); background-color: rgb(224, 168, 0); border-color: rgb(211, 158, 0); } .btn-warning.focus, .btn-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-warning.disabled, .btn-warning:disabled { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(200, 35, 51); border-color: rgb(189, 33, 48); } .btn-danger.focus, .btn-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:hover { color: rgb(33, 37, 41); background-color: rgb(226, 230, 234); border-color: rgb(218, 224, 229); } .btn-light.focus, .btn-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-light.disabled, .btn-light:disabled { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(35, 39, 43); border-color: rgb(29, 33, 36); } .btn-dark.focus, .btn-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary { color: rgb(0, 123, 255); background-color: transparent; background-image: none; border-color: rgb(0, 123, 255); } .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(0, 123, 255); background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary { color: rgb(108, 117, 125); background-color: transparent; background-image: none; border-color: rgb(108, 117, 125); } .btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(108, 117, 125); background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success { color: rgb(40, 167, 69); background-color: transparent; background-image: none; border-color: rgb(40, 167, 69); } .btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(40, 167, 69); background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info { color: rgb(23, 162, 184); background-color: transparent; background-image: none; border-color: rgb(23, 162, 184); } .btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(23, 162, 184); background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning { color: rgb(255, 193, 7); background-color: transparent; background-image: none; border-color: rgb(255, 193, 7); } .btn-outline-warning:hover { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger { color: rgb(220, 53, 69); background-color: transparent; background-image: none; border-color: rgb(220, 53, 69); } .btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light { color: rgb(248, 249, 250); background-color: transparent; background-image: none; border-color: rgb(248, 249, 250); } .btn-outline-light:hover { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark { color: rgb(52, 58, 64); background-color: transparent; background-image: none; border-color: rgb(52, 58, 64); } .btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(52, 58, 64); background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; } .btn-link { font-weight: 400; color: rgb(0, 123, 255); background-color: transparent; } .btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear 0s; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none 0s ease 0s; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s ease 0s; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none 0s ease 0s; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0px; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; } .dropright .dropdown-toggle:empty::after { margin-left: 0px; } .dropright .dropdown-toggle::after { vertical-align: 0px; } .dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0px; height: 0px; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0px; height: 0px; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0px; } .dropleft .dropdown-toggle::before { vertical-align: 0px; } .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(233, 236, 239); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; } .dropdown-item:focus, .dropdown-item:hover { color: rgb(22, 24, 27); text-decoration: none; background-color: rgb(248, 249, 250); } .dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 123, 255); } .dropdown-item.disabled, .dropdown-item:disabled { color: rgb(108, 117, 125); background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(108, 117, 125); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(33, 37, 41); } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 0 1 auto; } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; } .dropleft .dropdown-toggle-split::before { margin-right: 0px; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; } .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0px; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control { margin-left: -1px; } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); text-align: center; white-space: nowrap; background-color: rgb(233, 236, 239); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .input-group-text input[type="checkbox"], .input-group-text input[type="radio"] { margin-top: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-control-input:active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); } .custom-control-input:disabled ~ .custom-control-label { color: rgb(108, 117, 125); } .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(233, 236, 239); } .custom-control-label { position: relative; margin-bottom: 0px; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; user-select: none; background-color: rgb(222, 226, 230); } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: rgb(0, 123, 255); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: rgb(0, 123, 255); } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); vertical-align: middle; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 0.75rem center / 8px 10px no-repeat rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: rgb(128, 189, 255); outline: 0px; box-shadow: rgba(128, 189, 255, 0.5) 0px 0px 0px 0.2rem; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: rgb(108, 117, 125); background-color: rgb(233, 236, 239); } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0px; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0px; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgb(128, 189, 255); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-file-input:focus ~ .custom-file-label::after { border-color: rgb(128, 189, 255); } .custom-file-input:disabled ~ .custom-file-label { background-color: rgb(233, 236, 239); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: rgb(73, 80, 87); content: "Browse"; background-color: rgb(233, 236, 239); border-left: 1px solid rgb(206, 212, 218); border-radius: 0px 0.25rem 0.25rem 0px; } .custom-range { width: 100%; padding-left: 0px; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0px; } .custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(0, 123, 255); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none 0s ease 0s; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(179, 215, 255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(222, 226, 230); border-color: transparent; border-radius: 1rem; } @media screen and (prefers-reduced-motion: reduce) { } @media screen and (prefers-reduced-motion: reduce) { } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none 0s ease 0s; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: rgb(108, 117, 125); } .nav-tabs { border-bottom: 1px solid rgb(222, 226, 230); } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: rgb(233, 236, 239) rgb(233, 236, 239) rgb(222, 226, 230); } .nav-tabs .nav-link.disabled { color: rgb(108, 117, 125); background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center / 100% 100% no-repeat; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0px; padding-left: 0px; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0px; padding-left: 0px; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0px; padding-left: 0px; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0px; padding-left: 0px; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0px; padding-left: 0px; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { flex-basis: auto; display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: rgb(255, 255, 255); } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: rgb(255, 255, 255); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: rgb(255, 255, 255); } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: rgb(255, 255, 255); } .card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0px; margin-left: 0px; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0px; } .card-text:last-child { margin-bottom: 0px; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0px 0px; } .card-header + .list-group .list-group-item:first-child { border-top: 0px; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0px 0px calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0px; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; inset: 0px; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; } .card-group > .card + .card { margin-left: 0px; border-left: 0px; } .card-group > .card:first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top { border-top-right-radius: 0px; } .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom { border-bottom-right-radius: 0px; } .card-group > .card:last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top { border-top-left-radius: 0px; } .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom { border-bottom-left-radius: 0px; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0px; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0px; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; } .accordion .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: rgb(108, 117, 125); content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: rgb(108, 117, 125); } .pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(0, 123, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(222, 226, 230); } .page-link:hover { z-index: 2; color: rgb(0, 86, 179); text-decoration: none; background-color: rgb(233, 236, 239); border-color: rgb(222, 226, 230); } .page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .page-item.disabled .page-link { color: rgb(108, 117, 125); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230); } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); } .badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 98, 204); } .badge-secondary { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(84, 91, 98); } .badge-success { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); } .badge-success[href]:focus, .badge-success[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(30, 126, 52); } .badge-info { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); } .badge-info[href]:focus, .badge-info[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(17, 122, 139); } .badge-warning { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); } .badge-warning[href]:focus, .badge-warning[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(211, 158, 0); } .badge-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); } .badge-danger[href]:focus, .badge-danger[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(189, 33, 48); } .badge-light { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); } .badge-light[href]:focus, .badge-light[href]:hover { color: rgb(33, 37, 41); text-decoration: none; background-color: rgb(218, 224, 229); } .badge-dark { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); } .badge-dark[href]:focus, .badge-dark[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(29, 33, 36); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(233, 236, 239); border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0px; right: 0px; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0, 64, 133); background-color: rgb(204, 229, 255); border-color: rgb(184, 218, 255); } .alert-primary hr { border-top-color: rgb(159, 205, 255); } .alert-primary .alert-link { color: rgb(0, 39, 82); } .alert-secondary { color: rgb(56, 61, 65); background-color: rgb(226, 227, 229); border-color: rgb(214, 216, 219); } .alert-secondary hr { border-top-color: rgb(200, 203, 207); } .alert-secondary .alert-link { color: rgb(32, 35, 38); } .alert-success { color: rgb(21, 87, 36); background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); } .alert-success hr { border-top-color: rgb(177, 223, 187); } .alert-success .alert-link { color: rgb(11, 46, 19); } .alert-info { color: rgb(12, 84, 96); background-color: rgb(209, 236, 241); border-color: rgb(190, 229, 235); } .alert-info hr { border-top-color: rgb(171, 221, 229); } .alert-info .alert-link { color: rgb(6, 44, 51); } .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); } .alert-warning hr { border-top-color: rgb(255, 232, 161); } .alert-warning .alert-link { color: rgb(83, 63, 3); } .alert-danger { color: rgb(114, 28, 36); background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); } .alert-danger hr { border-top-color: rgb(241, 176, 183); } .alert-danger .alert-link { color: rgb(73, 18, 23); } .alert-light { color: rgb(129, 129, 130); background-color: rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .alert-light hr { border-top-color: rgb(236, 236, 246); } .alert-light .alert-link { color: rgb(104, 104, 104); } .alert-dark { color: rgb(27, 30, 33); background-color: rgb(214, 216, 217); border-color: rgb(198, 200, 202); } .alert-dark hr { border-top-color: rgb(185, 187, 190); } .alert-dark .alert-link { color: rgb(4, 5, 5); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0px; } 100% { background-position: 0px 0px; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: rgb(233, 236, 239); border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(0, 123, 255); transition: width 0.6s ease 0s; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none 0s ease 0s; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1 1 0%; } .list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; } .list-group-item-action { width: 100%; color: rgb(73, 80, 87); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { color: rgb(73, 80, 87); text-decoration: none; background-color: rgb(248, 249, 250); } .list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); background-color: rgb(255, 255, 255); } .list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); } .list-group-flush .list-group-item { border-right: 0px; border-left: 0px; border-radius: 0px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0px; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px; } .list-group-item-primary { color: rgb(0, 64, 133); background-color: rgb(184, 218, 255); } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: rgb(0, 64, 133); background-color: rgb(159, 205, 255); } .list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(0, 64, 133); border-color: rgb(0, 64, 133); } .list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: rgb(56, 61, 65); background-color: rgb(200, 203, 207); } .list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(56, 61, 65); border-color: rgb(56, 61, 65); } .list-group-item-success { color: rgb(21, 87, 36); background-color: rgb(195, 230, 203); } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: rgb(21, 87, 36); background-color: rgb(177, 223, 187); } .list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(21, 87, 36); border-color: rgb(21, 87, 36); } .list-group-item-info { color: rgb(12, 84, 96); background-color: rgb(190, 229, 235); } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: rgb(12, 84, 96); background-color: rgb(171, 221, 229); } .list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(12, 84, 96); border-color: rgb(12, 84, 96); } .list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: rgb(133, 100, 4); background-color: rgb(255, 232, 161); } .list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 100, 4); border-color: rgb(133, 100, 4); } .list-group-item-danger { color: rgb(114, 28, 36); background-color: rgb(245, 198, 203); } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: rgb(114, 28, 36); background-color: rgb(241, 176, 183); } .list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(114, 28, 36); border-color: rgb(114, 28, 36); } .list-group-item-light { color: rgb(129, 129, 130); background-color: rgb(253, 253, 254); } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: rgb(129, 129, 130); background-color: rgb(236, 236, 246); } .list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(129, 129, 130); border-color: rgb(129, 129, 130); } .list-group-item-dark { color: rgb(27, 30, 33); background-color: rgb(198, 200, 202); } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: rgb(27, 30, 33); background-color: rgb(185, 187, 190); } .list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(27, 30, 33); border-color: rgb(27, 30, 33); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; } button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow: hidden auto; } .modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s; transform: translate(0px, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none 0s ease 0s; } } .modal.show .modal-dialog { transform: translate(0px, 0px); } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(233, 236, 239); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0px; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid rgb(233, 236, 239); } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow { bottom: 0px; } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow { left: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom { padding: 0.4rem 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow { top: 0px; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); } .bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left { padding: 0px 0.4rem; } .bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow { right: 0px; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 0.25rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^="top"], .bs-popover-top { margin-bottom: 0.5rem; } .bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-top .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: 0.5rem 0.5rem 0px; } .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::before { bottom: 0px; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="right"], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-right .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: 0.5rem 0.5rem 0.5rem 0px; } .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::before { left: 0px; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom { margin-top: 0.5rem; } .bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-bottom .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0px 0.5rem 0.5rem; } .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::before { top: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: rgb(255, 255, 255); } .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247, 247, 247); } .bs-popover-auto[x-placement^="left"], .bs-popover-left { margin-right: 0.5rem; } .bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-left .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0px; } .bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: 0.5rem 0px 0.5rem 0.5rem; } .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::before { right: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: rgb(255, 255, 255); } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: inherit; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: rgb(33, 37, 41); } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; align-items: center; width: 100%; backface-visibility: hidden; perspective: 1000px; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item-next, .carousel-item-prev, .carousel-item.active { transition: none 0s ease 0s; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0px; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0px); } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0px, 0px, 0px); } } .active.carousel-item-right, .carousel-item-next { transform: translateX(100%); } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right, .carousel-item-next { transform: translate3d(100%, 0px, 0px); } } .active.carousel-item-left, .carousel-item-prev { transform: translateX(-100%); } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left, .carousel-item-prev { transform: translate3d(-100%, 0px, 0px); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: 0.6s; transition-property: opacity; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0px); } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translate3d(0px, 0px, 0px); } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; width: 15%; color: rgb(255, 255, 255); text-align: center; opacity: 0.5; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control-prev { left: 0px; } .carousel-control-next { right: 0px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: center center / 100% 100% no-repeat transparent; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0px; bottom: 10px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0px; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: rgb(255, 255, 255); } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: rgb(0, 123, 255) !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: rgb(0, 98, 204) !important; } .bg-secondary { background-color: rgb(108, 117, 125) !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: rgb(84, 91, 98) !important; } .bg-success { background-color: rgb(40, 167, 69) !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: rgb(30, 126, 52) !important; } .bg-info { background-color: rgb(23, 162, 184) !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: rgb(17, 122, 139) !important; } .bg-warning { background-color: rgb(255, 193, 7) !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: rgb(211, 158, 0) !important; } .bg-danger { background-color: rgb(220, 53, 69) !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: rgb(189, 33, 48) !important; } .bg-light { background-color: rgb(248, 249, 250) !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: rgb(218, 224, 229) !important; } .bg-dark { background-color: rgb(52, 58, 64) !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: rgb(29, 33, 36) !important; } .bg-white { background-color: rgb(255, 255, 255) !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgb(222, 226, 230) !important; } .border-top { border-top: 1px solid rgb(222, 226, 230) !important; } .border-right { border-right: 1px solid rgb(222, 226, 230) !important; } .border-bottom { border-bottom: 1px solid rgb(222, 226, 230) !important; } .border-left { border-left: 1px solid rgb(222, 226, 230) !important; } .border-0 { border: 0px !important; } .border-top-0 { border-top: 0px !important; } .border-right-0 { border-right: 0px !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-left-0 { border-left: 0px !important; } .border-primary { border-color: rgb(0, 123, 255) !important; } .border-secondary { border-color: rgb(108, 117, 125) !important; } .border-success { border-color: rgb(40, 167, 69) !important; } .border-info { border-color: rgb(23, 162, 184) !important; } .border-warning { border-color: rgb(255, 193, 7) !important; } .border-danger { border-color: rgb(220, 53, 69) !important; } .border-light { border-color: rgb(248, 249, 250) !important; } .border-dark { border-color: rgb(52, 58, 64) !important; } .border-white { border-color: rgb(255, 255, 255) !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .embed-responsive-21by9::before { padding-top: 42.8571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: sticky; top: 0px; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; } .shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; } .shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0px !important; } .mt-0, .my-0 { margin-top: 0px !important; } .mr-0, .mx-0 { margin-right: 0px !important; } .mb-0, .my-0 { margin-bottom: 0px !important; } .ml-0, .mx-0 { margin-left: 0px !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0px !important; } .pt-0, .py-0 { padding-top: 0px !important; } .pr-0, .px-0 { padding-right: 0px !important; } .pb-0, .py-0 { padding-bottom: 0px !important; } .pl-0, .px-0 { padding-left: 0px !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0px !important; } .mt-sm-0, .my-sm-0 { margin-top: 0px !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0px !important; } .pt-sm-0, .py-sm-0 { padding-top: 0px !important; } .pr-sm-0, .px-sm-0 { padding-right: 0px !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; } .pl-sm-0, .px-sm-0 { padding-left: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0px !important; } .mt-md-0, .my-md-0 { margin-top: 0px !important; } .mr-md-0, .mx-md-0 { margin-right: 0px !important; } .mb-md-0, .my-md-0 { margin-bottom: 0px !important; } .ml-md-0, .mx-md-0 { margin-left: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0px !important; } .pt-md-0, .py-md-0 { padding-top: 0px !important; } .pr-md-0, .px-md-0 { padding-right: 0px !important; } .pb-md-0, .py-md-0 { padding-bottom: 0px !important; } .pl-md-0, .px-md-0 { padding-left: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0px !important; } .mt-lg-0, .my-lg-0 { margin-top: 0px !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0px !important; } .pt-lg-0, .py-lg-0 { padding-top: 0px !important; } .pr-lg-0, .px-lg-0 { padding-right: 0px !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; } .pl-lg-0, .px-lg-0 { padding-left: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0px !important; } .mt-xl-0, .my-xl-0 { margin-top: 0px !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0px !important; } .pt-xl-0, .py-xl-0 { padding-top: 0px !important; } .pr-xl-0, .px-xl-0 { padding-right: 0px !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; } .pl-xl-0, .px-xl-0 { padding-left: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: rgb(255, 255, 255) !important; } .text-primary { color: rgb(0, 123, 255) !important; } a.text-primary:focus, a.text-primary:hover { color: rgb(0, 98, 204) !important; } .text-secondary { color: rgb(108, 117, 125) !important; } a.text-secondary:focus, a.text-secondary:hover { color: rgb(84, 91, 98) !important; } .text-success { color: rgb(40, 167, 69) !important; } a.text-success:focus, a.text-success:hover { color: rgb(30, 126, 52) !important; } .text-info { color: rgb(23, 162, 184) !important; } a.text-info:focus, a.text-info:hover { color: rgb(17, 122, 139) !important; } .text-warning { color: rgb(255, 193, 7) !important; } a.text-warning:focus, a.text-warning:hover { color: rgb(211, 158, 0) !important; } .text-danger { color: rgb(220, 53, 69) !important; } a.text-danger:focus, a.text-danger:hover { color: rgb(189, 33, 48) !important; } .text-light { color: rgb(248, 249, 250) !important; } a.text-light:focus, a.text-light:hover { color: rgb(218, 224, 229) !important; } .text-dark { color: rgb(52, 58, 64) !important; } a.text-dark:focus, a.text-dark:hover { color: rgb(29, 33, 36) !important; } .text-body { color: rgb(33, 37, 41) !important; } .text-muted { color: rgb(108, 117, 125) !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid rgb(173, 181, 189); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgb(222, 226, 230); } .table .thead-dark th { color: inherit; border-color: rgb(222, 226, 230); } }

@charset "utf-8"; @import url("/App_Themes/NamiRedesign/CSS/fonts.css"); *, ::before, ::after { margin: 0px; border: none; padding: 0px; vertical-align: top; box-sizing: border-box; font-size: 16px; text-decoration: none; } html { font-size: 0.62vw; } @media (max-width: 991px) { p { margin-top: 0px; margin-bottom: 20px; } } @media (min-width: 1200px) { .container { max-width: 1200px; padding-left: 12px; padding-right: 12px; } } @media (min-width: 1550px) { html { font-size: 10px; } } body { color: rgb(74, 74, 74); font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-size: 16px; line-height: 1.25em; -webkit-font-smoothing: antialiased; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: rgb(12, 73, 156); padding: 5px; } .site-branding img { margin-bottom: 20px; } @media (max-width: 991px) { .site-branding img { width: auto; height: 41px; } #masthead .row { justify-content: space-between; } .site-branding { width: auto; } .site-branding + .col-sm-10 { width: auto; } .card-body { padding: 20px 20px 50px; } } @media (max-width: 767px) { .site-branding img { width: auto; height: 35px; } } .carousel-indicators { bottom: -25px; } .carousel-indicators li { height: 12px; width: 12px; border-radius: 50%; box-shadow: rgb(12, 73, 156) 0px 0px 0px 3px inset; } .carousel-indicators .active { background: rgb(12, 73, 156); } .carousel-indicators li.white { height: 10px; width: 10px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset; background: transparent; } .carousel-indicators .active.white { background: rgb(255, 255, 255); } .carousel-control-prev-icon { background-image: url("/NAMI/media/NAMI-Redesign/chevron-left.svg"); } .carousel-control-next-icon { background-image: url("/NAMI/media/NAMI-Redesign/chevron-right.svg"); } .carousel-control-next-icon, .carousel-control-prev-icon { position: absolute; top: 30%; transform: translateY(-30%); } .screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .dropdown-menu.show { width: 100%; left: -55px; } .dropdown-item { padding-left: 15px; } a { color: rgb(12, 73, 156); } a:hover { color: rgb(0, 0, 0); text-decoration: none; } a.site-btn { display: inline-block; font-family: ProximaNova-Bold; font-size: 0.8em; line-height: 20px; padding: 10px 20px 7px; border: 2px solid rgb(12, 73, 156); color: rgb(12, 73, 156); text-transform: uppercase; transition: all 300ms ease 0s; } a.site-btn:hover { background-color: rgb(12, 73, 156); color: white; } a.site-btn.btn-white { color: white; border-color: white; } a.site-btn.btn-white:hover { color: rgb(12, 73, 156); border-color: white; background-color: white; } a.site-btn.btn-small { border-width: 1px; } @media (min-width: 768px) { a.site-btn.btn-small { padding: 7px 7px 5px; } } a.more { font-family: ProximaNova-Bold; color: rgb(12, 73, 156); display: inline-block; } a.more:hover { color: rgb(0, 0, 0); text-decoration: none; } a.site-btn i { font-weight: 900; font-size: 16px; } a.more::after { content: ""; font: 14px / 1 FontAwesome; padding-left: 5px; color: rgb(12, 73, 156); vertical-align: middle; } a.more:hover::after { color: rgb(0, 0, 0); } a.btn-media { display: inline-block; font-family: ProximaNova-Bold; position: relative; min-height: 2em; line-height: normal; background-size: 25px 34px; } a.btn-media span { display: block; color: rgb(74, 74, 74); line-height: normal; font-family: ProximaNova-Regular; } a.btn-media.media-file { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-file.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-doc { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-file.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-pdf { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-pdf.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-word { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-word.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-video { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-video.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-audio { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-audio.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-zip { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-zip.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-image { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-image.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-gif { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-gif.svg"); background-repeat: no-repeat; word-break: break-word; } a.btn-media.media-power { padding-left: 40px; background-image: url("/NAMI/media/NAMI-Redesign/icon-power.svg"); background-repeat: no-repeat; word-break: break-word; } h3 { font-size: 24px; font-family: ProximaNova-Bold; font-weight: normal; margin-bottom: 10px; color: rgb(74, 74, 74); } h4 { font-size: 18px; font-family: ProximaNova-Bold; font-weight: normal; margin-bottom: 20px; color: rgb(74, 74, 74); margin-top: 30px; } .site-header { background-color: rgb(255, 255, 255); padding-top: 20px; } .bread-crumb { background: rgb(12, 73, 156); } .bread-crumb .bread-crumb-trail { padding: 10px 0px; } .hero { min-height: 200px; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(0, 153, 168) 100%); position: relative; } .hero h1.page-title { color: rgb(255, 255, 255); font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 50px; margin: 40px 0px; } .hero .bread-crumb-trail { padding: 10px 0px; } .hero .bread-crumb-trail { background: rgb(12, 73, 156); } @media (max-width: 991px) { .hero { min-height: 175px; } .hero h1.page-title { font-size: 35px; } } @media (max-width: 767px) { .hero .row.hero-title { min-height: 175px; align-items: center; } .hero h1.page-title { font-size: 28px; margin: 0px; word-break: break-word; } } @media (min-width: 767px) { .page-has-parent .hero h1.page-title { margin-top: 30px; } } .hero h2.page-sub-title { color: rgb(255, 255, 255); text-align: center; font-size: 20px; } @media (max-width: 767px) { .hero h2.page-sub-title { font-size: 16px; } } #primary .shortcuts { margin-top: 40px; } .bread-crumb-trail { padding-top: 20px; color: rgb(255, 255, 255); font-size: 13px; font-family: ProximaNova-Bold; } .bread-crumb-trail span { font-family: ProximaNova-Light; display: inline-block; padding: 0px 5px; font-size: 10px; } .bread-crumb-trail a { color: rgb(255, 255, 255); text-decoration: none; font-family: ProximaNova-Light; } #page { width: 100%; } .home #page { background-color: rgb(243, 243, 243); } #page.test { background: rgb(214, 225, 234); height: 100%; } #content { background-color: rgb(243, 243, 243); max-width: 1600px; margin: 0px auto; } .green-dash { background: rgb(148, 212, 0); width: 80px; height: 3px; display: block; margin: 30px 0px; } .orange-dash { background: rgb(255, 101, 27); width: 80px; height: 3px; display: block; margin: 25px 0px; } .teal-dash { background: rgb(17, 160, 174); width: 80px; height: 3px; display: block; margin: 25px 0px; } .blue-dash { background: rgb(12, 73, 156); width: 80px; height: 3px; display: block; margin: 25px 0px; } .gradient-dash { height: 3px; background-color: rgb(12, 73, 156); background-image: linear-gradient(to right, rgb(12, 73, 156), rgb(17, 160, 174), rgb(0, 153, 168)); display: block; margin: 16px 0px 25px; } .interior { padding: 6rem; } .pagination { margin: 20px 0px 50px; justify-content: center; } .pagination li a.page-link { border: 0px; color: rgb(12, 73, 156); font-family: ProximaNova-Bold; position: relative; padding: 5px 20px; font-size: 15px; } .pagination li + li a::before { content: "|"; position: absolute; left: -2px; } .pagination li a.page-link:hover { background-color: transparent; color: rgb(74, 74, 74); } footer { background-color: rgb(50, 50, 50); padding: 45px 0px 30px; } footer .footer-widgets p { color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 12px; } footer .footer-widgets p strong { font-size: 16px; } footer .footer-widgets a { color: rgb(255, 255, 255); } footer .footer-widgets a:hover { color: rgb(108, 170, 228); } footer .footer-widgets .footer-widget-1 img { width: 135px; height: auto; } footer .footer-widgets .footer-widget-1 p { font-size: 12px; line-height: normal; } footer .widget-title { font-family: ProximaNova-Semibold; } footer .social { margin-bottom: 30px; } footer .social a { font-size: 18px; color: rgb(108, 170, 228); display: inline-block; padding-left: 5px; } footer .footer-disclaimers { font-size: 12px; border-top: 1px solid rgb(0, 153, 168); margin-top: 30px; padding: 20px 0px 0px; color: rgb(155, 155, 155); } footer .order-xs-1 { margin-bottom: 50px; } @media (max-width: 767px) { footer { text-align: center; } footer .footer-widgets > div + div { margin-top: 40px; margin-left: 0px; } footer .footer-widgets { position: relative; } footer .order-md-2 { position: static; } footer .order-md-2 p { position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%); } footer .social { margin-bottom: 0px; } footer .order-xs-1 { margin-bottom: 0px; } } .pt-8 { padding-top: 80px; } .pb-8 { padding-bottom: 80px; } .mt-5 { margin-top: 50px; } @media (min-width: 0) { #page-1 { background: transparent; } .mastheadPromo.addpromo .card.col { padding: 0px; } .mastheadPromo .close { opacity: 1; color: rgb(12, 73, 156); text-shadow: none; } .mastheadPromo .close i { position: absolute; top: 25px; } .mastheadPromo .close i::before { content: "✖"; } .mastheadPromo.addpromo .card-body::after { content: ""; width: 0px; height: 0px; border-top: 30px solid rgb(215, 225, 234); border-bottom: 30px solid transparent; border-right: 30px solid transparent; position: absolute; left: 50%; top: -19px; transform: translateX(-50%) rotate(45deg); } .mastheadPromo .card-body a::after { content: ""; font: 900 16px / 1.3 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .mastheadPromo.addpromo > .container { max-width: 100vw; } .mastheadPromo.addpromo .left-container { background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgba(0, 153, 168, 0.8) 100%); -webkit-box-align: center; align-items: center; } .mastheadPromo.addpromo .card.col, .mastheadPromo.addpromo.blogCards { margin: 0px; } .mastheadPromo.addpromo .container { padding: 0px; } .mastheadPromo.addpromo .card-body { background: rgb(215, 225, 234); } .mastheadPromo.addpromo .card-meta { text-transform: uppercase; } .mastheadPromo.addpromo .card-body h6 { color: rgb(0, 0, 0); } .mastheadPromo.addpromo .card-body h6, .mastheadPromo.addpromo .card-body p { font-family: ProximaNova-Bold; font-weight: normal; } .mastheadPromo.addpromo.blogCards .row.no-gutters > div img { padding: 0px 50px; width: 100%; height: 100px; } .mastheadPromo.addpromo .left-container { padding: 50px 0px; } .mastheadPromo.addpromo .card-body { padding: 30px 50px; } } @media (min-width: 768px) { .mastheadPromo.addpromo .card-body { padding: 30px 70px; } .mastheadPromo.addpromo .card-body::after { content: ""; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid rgb(215, 225, 234); position: absolute; left: -30px; top: 50%; transform: translateY(-50%); } .mastheadPromo.addpromo .card-body h6 { font-size: 1.5em; font-family: ProximaNova-Bold; } .mastheadPromo.addpromo .card-body a { display: block; position: static; margin-bottom: 15px; } } @media (min-width: 992px) { .mastheadPromo.addpromo .card-body { padding: 70px 60px; } .mastheadPromo.addpromo.blogCards .row.no-gutters > div img { padding: 0px 100px; } } @media only screen and (min-width: 0) { #masthead { background-color: rgb(255, 255, 255); z-index: 99; } #masthead .interior { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 0px; } #masthead .utility .search-prompt-desktop input { display: none; } } @media only screen and (min-width: 0) and (max-width: 991.98px) { #masthead .logo { padding: 10px; width: 50%; } #masthead .logo img { width: auto; height: 48px; } #masthead .buttons { display: flex; justify-content: flex-end; padding: 10px; width: 50%; text-align: right; } #masthead .buttons .button { width: 48px; height: 48px; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px; border: 0px; opacity: 1; } #masthead .buttons .button.search { background-image: url("/NAMI/media/NAMI-Redesign/icon-search.svg"); cursor: pointer; } #masthead .buttons .button.menu { background-image: url("/NAMI/media/NAMI-Redesign/icon-menu.svg"); } #masthead .buttons .button.close { background-image: url("/NAMI/media/NAMI-Redesign/icon-close.svg"); } #masthead.nav-active .buttons .button.menu, #masthead.search-active .buttons .button.search, #masthead:not(.nav-active):not(.search-active) .buttons .button.close { display: none; } #masthead .buttons .button span { display: none; } #masthead .nav { display: block; width: 100%; } #masthead .nav ul { margin: 0px; padding: 8px 0px; list-style-type: none; background-color: rgb(255, 255, 255); } #masthead .nav a, #masthead .nav .back, #masthead .nav .current-menu { display: block; padding: 8px 40px; line-height: 24px; font-size: 16px; font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; color: rgb(12, 73, 156); transition: color 0.25s ease 0s; } #masthead .nav a:hover { color: rgb(0, 0, 0); } #masthead .nav .main { position: relative; overflow-x: hidden; } #masthead .nav .main .fa-angle-down::before { color: rgb(12, 73, 156); position: absolute; border: 0px; padding: 0px; right: 20px; top: 39px; font-weight: 900; background-color: transparent; } #masthead .nav .main .sign-in { background-color: rgb(240, 240, 240); } #masthead .nav .main .back { background-color: rgb(50, 50, 50); background-image: url("/NAMI/media/NAMI-Redesign/icon-expand-back.svg"); background-position: calc(0% + 16px) 50%; background-repeat: no-repeat; background-size: 8px; color: rgb(255, 255, 255); cursor: pointer; } #masthead .nav .main .current-menu { background-color: rgb(108, 170, 228); color: rgb(255, 255, 255); } #masthead .nav .main .has-children { background-image: url("/NAMI/media/NAMI-Redesign/icon-expand.svg"); background-position: calc(100% - 16px) 50%; background-repeat: no-repeat; background-size: 8px; cursor: pointer; } #masthead .nav .main .has-children > a { width: calc(100% - 40px); } #masthead .nav .main .children { width: 100%; position: absolute; top: 0px; left: 100vw; transition: left 0.25s ease 0s; } #masthead .nav .utility { border-top: 2px solid rgb(105, 195, 203); overflow: auto; } #masthead .search-prompt { display: block; padding: 16px; width: 100%; text-align: right; background: rgb(240, 240, 240); position: relative; } #masthead .search-prompt input { border-radius: 22px; padding: 0px 16px; height: 44px; font-size: 16px; text-align: left; } #masthead .search-prompt input::-webkit-input-placeholder { color: rgb(0, 0, 0); } #masthead .search-prompt a { display: inline-block; margin: 8px 0px 0px; font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; color: rgb(12, 73, 156); font-size: 16px; } #masthead .search-prompt a::after { content: ""; display: inline-block; padding-left: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } #masthead:not(.nav-active) .nav, #masthead:not(.search-active) .search-prompt { display: none; } #masthead .nav .main .open > .children { left: 0px; } } @media only screen and (min-width: 992px) { #masthead { background-color: rgb(255, 255, 255); width: 100%; z-index: 99; } #masthead .interior { flex-flow: row nowrap; margin: 0px auto; padding: 0px 12px; max-width: 1200px; } #masthead .menu-card { display: flex; flex-flow: row nowrap; justify-content: space-between; width: calc(41.6667% - 32px); } #masthead .menu-card + ul { width: calc(58.3333% - 32px); } #masthead .logo { padding: 18px 0px; } #masthead .logo img { width: auto; height: 64px; } #masthead .nav { display: flex; flex-flow: column-reverse nowrap; flex-grow: 1; } #masthead .nav ul { list-style-type: none; z-index: 99; } #masthead .nav li { padding: 8px; position: relative; } #masthead .nav a { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 14px; color: rgb(50, 50, 50); transition: color 0.25s ease 0s; } #masthead .nav a:hover { color: rgb(12, 73, 156); } #masthead .nav .active { color: rgb(12, 73, 156); } #masthead .nav .main, #masthead .nav .utility { display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; line-height: 32px; height: 50px !important; } #masthead .nav .main > ul, #masthead .nav .utility > ul { display: inherit; flex-flow: row nowrap; justify-content: space-between; margin: 0px -12px; } #masthead .nav .main .has-children { position: relative; background: none; } #masthead .nav .main > ul > .has-children::after { content: ""; display: inline-block; font: 900 14px / 1 FontAwesome; padding-left: 0px; padding-top: 9px; color: rgb(12, 73, 156); } #masthead .nav .main > ul > .has-children:hover::after { content: ""; } #masthead .nav .main .children { display: block; width: 100%; padding: 32px 0px; background-color: rgb(238, 238, 238); position: fixed; z-index: 1; left: 0px; transform: translate(0px, 8px); } #masthead .nav .main .children-interior { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin: 0px auto; padding: 0px 12px; max-width: 1200px; } #masthead .nav .main .children-interior a::after { content: ""; display: inline-block; padding-left: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } #masthead .nav .main .children-interior > ul { margin: 32px 0px; padding: 0px 0px 0px 32px; border-left: 2px solid rgb(194, 194, 194); columns: auto 2; column-rule: 2px solid rgb(194, 194, 194); column-gap: 66px; } #masthead .nav .main .children-interior > ul:first-child { padding: 0px; columns: auto 3; } #masthead .nav .main .children-interior > ul > li { margin: 0px; padding: 0px; break-inside: avoid; } #masthead .nav .main .children-interior > ul > li > a { color: rgb(12, 73, 156); } #masthead .nav .main .children-interior > ul > li > a:hover { color: rgb(0, 0, 0); } #masthead .nav .utility { justify-content: flex-start; } #masthead .nav .utility a { display: inline-block; padding: 0px 12px; line-height: 24px; font-size: 12px; } #masthead .nav .utility li { padding: 13px 0px; position: relative; transform: translateY(10px); } #masthead .nav .utility li + li::before { content: ""; display: block; width: 1px; height: 10px; background-color: rgb(50, 50, 50); font-size: inherit; position: absolute; top: 50%; left: 0px; transform: translate(-50%, -50%); } #masthead .nav .utility .search { margin: 10px 12px 0px 0px; border: 0px; width: 50px; height: 50px; background-color: transparent; background-image: url("/NAMI/media/NAMI-Redesign/icon-search.svg"); background-position: 50% 50%; background-repeat: no-repeat; background-size: 24px; cursor: pointer; } #masthead .menu-card { background-color: rgb(255, 255, 255); color: rgb(74, 74, 74); } #masthead .menu-card .image { width: 50%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } #masthead .menu-card .image::before { content: ""; display: block; padding: 0px 0px 56.25%; } #masthead .menu-card .text { padding: 25px; width: 50%; line-height: normal; font-size: 14px; } #masthead .menu-card .heading { line-height: 20px; font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 18px; font-weight: 400; } #masthead .menu-card .heading + .excerpt { margin: 12px 0px; line-height: 20px; font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 400; } #masthead .nav .main .has-children:not(:hover) > .children { display: none; } #masthead .utility .search-prompt-desktop.active { display: flex; flex-direction: row; border: 1px solid darkgray; border-radius: 22px; padding: 0px 16px; height: 40px; margin-right: 15px; margin-top: 15px; overflow: hidden; } #masthead .utility .search-prompt-desktop.active input { display: block; width: 100%; height: 100%; border: none; font-size: 16px; color: rgb(0, 0, 0); } #masthead .utility .search-prompt-desktop.active input:focus, #masthead .utility .search-prompt-desktop.active input:active { box-shadow: none; outline: -webkit-focus-ring-color auto 5px; } #masthead .utility .search-prompt-desktop.active input::placeholder { color: rgb(0, 0, 0); } #masthead .utility .search-prompt-desktop.active button { margin-right: -16px; margin-top: -6px; } #masthead .utility .search-prompt-desktop.active button:active { outline: none; box-shadow: none; } body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus { outline: none !important; } } .utility-sub ul ul { display: none; position: absolute; left: 0px; background-color: rgb(255, 255, 255); padding: 0px 0px 10px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(12, 73, 156) rgb(194, 194, 194) rgb(194, 194, 194); border-image: initial; text-align: left; min-width: 130px; z-index: 2; } .utility-sub ul li:hover ul { display: block; } .utility-sub ul ul.sub-menu li { display: block; margin-bottom: 5px; } .utility-sub ul ul li { padding: 0px !important; } .utility-sub ul ul li::before { content: none !important; } @media (min-width: 0) { .homepageHero .carousel-content-container { background: rgb(12, 73, 156); padding: 12rem 24px; text-align: left; color: rgb(255, 255, 255); z-index: 1; } .homepageHero .carousel-content-container .header { font-size: 30px; line-height: 35px; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-weight: 700; } .homepageHero .carousel-content-container .copy { font-size: 18px; line-height: 20px; font-weight: 700; margin: 30px 0px; } .homepageHero .carousel-content-container .button { display: block; max-height: 40px; max-width: 170px; border: 3px solid rgb(255, 255, 255); padding: 8px 20px; text-align: center; color: rgb(255, 255, 255); font-weight: 900; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; font-size: 14px; } .homepageHero .carousel-content-container .button:hover { background: rgb(255, 255, 255); color: rgb(0, 86, 179); } .homepageHero .carousel-arrows { position: absolute; bottom: 0px; height: 75px; width: 100%; z-index: 1; } .homepageHero .carousel-control-prev-icon, .homepageHero .carousel-control-next-icon { top: 50%; bottom: 0px; transform: translateY(-50%); opacity: 1; background-size: contain !important; } .homepageHero .carousel-indicators li { display: inherit; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; width: 0px; box-shadow: none; border: none; border-radius: 0px; margin: 0px; font-family: ProximaNova-Bold; text-align: center; font-size: 18px; z-index: 1; } .homepageHero .carousel-indicators li.active { width: 60%; color: rgb(255, 255, 255); text-indent: 0px; } .homepageHero .carousel-indicators li, .homepageHero .carousel-indicators li.active { background: rgb(50, 50, 50); } .homepageHero .carousel-indicators li::before, .homepageHero .carousel-indicators li::after { display: none; } .homepageHero .container-fluid { padding: 0px; } .homepageHero .carousel-item { background-size: contain; background-repeat: no-repeat; background-position: center top !important; } .homepageHero .carousel-item img { width: 100%; height: auto; display: block; } .homepageHero .carousel-indicators { position: relative; bottom: 0px; height: 77px; margin: 0px 15%; } .homepageHero .carousel-indicators, .homepageHero .carousel-control-next, .homepageHero .carousel-control-prev { opacity: 1; height: 75px; background: rgb(50, 50, 50); } .homepageHero .carousel-control-prev-icon { background-image: url("/NAMI/media/NAMI-Redesign/chevron-left.svg"); } .homepageHero .carousel-control-next-icon { background-image: url("/NAMI/media/NAMI-Redesign/chevron-right.svg"); } } @media (min-width: 768px) { .homepageHero .carousel-inner .carousel-item::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgba(0, 153, 168, 0.8) 33%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); } .homepageHero .carousel-inner::after { display: block; } .homepageHero .carousel-item { max-height: 750px; } .homepageHero .carousel-item img { display: none; } .homepageHero .carousel-content-container { position: absolute; top: 50%; width: 58.33%; transform: translateY(-50%); background: transparent; padding: 0px 0px 0px 12rem; } .homepageHero .carousel-arrows { height: 88px; } .homepageHero .carousel-indicators, .homepageHero .carousel-control-next, .homepageHero .carousel-control-prev { background: rgb(12, 73, 156); height: 88px; opacity: 1; } .homepageHero .carousel-indicators li { color: rgba(255, 255, 255, 0.5); } .homepageHero .carousel-indicators li, .homepageHero .carousel-indicators li.active { width: 33%; text-indent: 0px; background: rgb(12, 73, 156); } .homepageHero .carousel-indicators li.active::after { content: ""; display: block; position: absolute; bottom: 0px; left: 10%; width: 80%; height: 5px; background: rgb(108, 170, 228); } .homepageHero .carousel-content-container .header { font-size: 50px; line-height: 55px; font-weight: normal; } .homepageHero .carousel-item { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; max-height: 500px; min-height: 500px; } } @media (min-width: 992px) { .homepageHero .carousel-item { max-height: 600px; } .homepageHero .carousel-indicators { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px; height: 374px; width: 170px; padding: 0px 15px; background: transparent; } .homepageHero .carousel-indicators li, .homepageHero .carousel-indicators li.active { padding: 20px; width: 100%; background: transparent; } .homepageHero .carousel-content-container .header { font-size: 75px; line-height: 75px; } .homepageHero .carousel-content-container .copy { font-weight: 500; } .homepageHero .carousel-content-container { width: 100%; max-width: 740px; padding: 0px 0px 0px 270px; } .homepageHero .carousel-control-prev, .homepageHero .carousel-control-next { background: transparent; } .homepageHero .carousel-indicators li::after, .homepageHero .carousel-indicators li.active::after, .homepageHero .carousel-indicators li::before, .homepageHero .carousel-indicators li.active::before { content: ""; display: block; position: absolute; top: 0%; left: 100%; width: 5px; margin: 0px 0px 0px 25px; height: 100%; background: rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; } .homepageHero .carousel-indicators li.active::after { height: 80%; top: 10%; background: rgb(108, 170, 228); } .homepageHero .carousel-arrows { top: 0px; left: 0px; width: 205px; } .homepageHero .carousel-control-prev, .homepageHero .carousel-control-next { width: 100%; } .homepageHero .carousel-control-next { top: 510px; } .homepageHero .carousel-control-prev-icon, .homepageHero .carousel-control-next-icon { transform: rotate(90deg); } .homepageHero .carousel-control-prev-icon { top: 100%; } .homepageHero .carousel-control-next-icon { bottom: 100%; top: auto; } .homepageHero .content-wrapper { height: 100%; width: 100%; max-width: 1440px; margin: 0px auto; } .homepageHero .content-indicators-wrapper { position: absolute; inset: 0px; height: 600px; width: 100%; max-width: 1440px; margin: auto; } .carousel-inner { z-index: 1; } } @media (min-width: 0) { .homepageIntro.mastheadPromo { display: flex; background: rgb(239, 239, 239); -webkit-box-align: center; align-items: center; position: relative; margin: 0px; } .homepageIntro.mastheadPromo::after { content: ""; width: 0px; height: 0px; border-top: 40px solid transparent; border-bottom: 40px solid rgb(239, 239, 239); border-right: 40px solid transparent; position: absolute; left: 50%; bottom: -25px; transform: translateX(-50%) rotate(-45deg); z-index: 1; } .homepageIntro.mastheadPromo .blue-dash { background: rgb(108, 170, 228); margin: 25px auto; } .homepageIntro.mastheadPromo .row.bot { position: relative; } .homepageIntro.mastheadPromo .left-container { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 25px 0px; max-height: 75px; } .homepageIntro.mastheadPromo .row.no-gutters > div img { max-height: 75px; } .homepageIntro.mastheadPromo .right-container .card-body { background: rgb(239, 239, 239); padding: 0px; } .homepageIntro.mastheadPromo .right-container .card-body p.card-copy { font-size: 20px; font-weight: lighter; line-height: 28px; margin-top: 0px; text-align: center; padding: 0px 15px; } .homepageIntro.mastheadPromo b { font-family: ProximaNova-Bold; font-size: 20px; } .homepageIntro.mastheadPromo .bot-left { display: flex; -webkit-box-pack: center; justify-content: center; padding-top: 25px; margin-top: 25px; } .homepageIntro.mastheadPromo .bot-left a::after, .homepageIntro.mastheadPromo .bot-right a::after { content: none; display: none; } .homepageIntro.mastheadPromo .row.no-gutters .bot-left p { position: absolute; top: 10px; left: 50%; margin: 0px; padding: 0px; transform: translateX(-50%); max-width: 100%; height: 45px; line-height: 15px; font-family: ProximaNova-Bold; font-weight: lighter; font-size: 16px; } .homepageIntro.mastheadPromo .bot-left .btn-group { -webkit-box-flex: 1; flex-grow: 1; margin-top: 15px; height: 45px; max-width: 205px; } .homepageIntro.mastheadPromo .bot-left .btn.btn-primary { position: static; width: 60px; height: 45px; margin-left: 10px; margin-top: 15px; font-size: 15px; padding: 12px; background: rgb(12, 73, 156); text-transform: uppercase; font-family: ProximaNova-Bold; font-weight: lighter; border-radius: 0px; } .homepageIntro.mastheadPromo .bot-right { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .homepageIntro.mastheadPromo .bot-right .btn.btn-primary { width: 100%; position: static; margin: 0px auto 50px; max-width: 150px; height: 45px; background: rgb(12, 73, 156); font-size: 15px; padding: 12px; text-transform: uppercase; font-family: ProximaNova-Bold; font-weight: lighter; } .homepageIntro.mastheadPromo .bot-left .btn.btn-primary:hover, .homepageIntro.mastheadPromo .bot-right .btn.btn-primary:hover { background: rgb(255, 255, 255); color: rgb(12, 73, 156); border-width: 2px; line-height: 19px; } } @media (min-width: 768px) { .homepageIntro.mastheadPromo .blue-dash { display: none; } .homepageIntro.mastheadPromo .left-container { margin: 0px; max-height: 100%; } .homepageIntro.mastheadPromo { padding: 80px 50px; } .homepageIntro.mastheadPromo .right-container .card-body p.card-copy { max-width: 5700px; margin: 0px auto; text-align: center; } .homepageIntro.mastheadPromo .row.no-gutters > div img { max-height: 70%; } .homepageIntro.mastheadPromo .row.no-gutters > div { -webkit-box-flex: inherit; flex: inherit; } .homepageIntro.mastheadPromo .row.bot { margin-top: 50px; height: 80px; } .homepageIntro.mastheadPromo .bot-left { border-right: 3px solid rgb(108, 170, 228); padding-top: 0px; margin-top: 0px; } .homepageIntro.mastheadPromo .row.no-gutters .bot-left p { display: inline-block; position: static; max-width: 85px; padding-top: 25px; transform: translateX(-5px); } .homepageIntro.mastheadPromo .bot-left .btn-group, .homepageIntro.mastheadPromo .bot-left .btn.btn-primary { margin-top: 17px; z-index: 2; } .homepageIntro.mastheadPromo .bot-right .btn.btn-primary { margin: 0px 0px 0px auto; } } @media (min-width: 991px) { .homepageIntro.mastheadPromo .bot-right { -webkit-box-pack: end; justify-content: flex-start; } .homepageIntro.mastheadPromo .right-container .card-body p.card-copy { max-width: 100%; margin: initial; text-align: left; padding: 0px; } .homepageIntro.mastheadPromo .row.no-gutters > div img { max-height: 100%; } .homepageIntro.mastheadPromo .bot-left { display: flex; -webkit-box-pack: start; justify-content: flex-start; border-right: 3px solid rgb(108, 170, 228); } } @media (min-width: 0) { .sectionTimeline { background-position: 50% center; background-repeat: no-repeat; background-size: cover; color: rgb(255, 255, 255); } .sectionTimeline .container-fluid { padding: 32px; } .sectionTimeline .content-region { text-align: center; } .sectionTimeline .content-region .heading { line-height: 39px; font-family: ProximaNova-Bold, sans-serif; font-size: 32px; } .sectionTimeline .content-region .excerpt { font-size: 16px; } .sectionTimeline .content-region .excerpt p { margin: 0px; } .sectionTimeline .content-region .excerpt p + p { margin-top: 16px; } .sectionTimeline .content-region .heading + .excerpt::before { content: ""; display: block; margin: 24px auto; width: 75px; height: 3px; background-color: rgb(148, 213, 3); } .sectionTimeline .content-region .excerpt + .buttons { margin: 24px 0px 0px; } .sectionTimeline .content-region .buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-box-align: center; align-items: center; } .sectionTimeline .content-region .buttons a { display: inline-block; margin: 0px auto; border: 2px solid rgb(255, 255, 255); padding: 0px 14px; min-width: 180px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 14px; font-weight: 400; text-align: center; text-transform: uppercase; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); transition: background-color 0.25s ease 0s, color 0.25s ease 0s; } .sectionTimeline .content-region .buttons a:hover { background-color: rgb(255, 255, 255); color: rgb(13, 73, 156); } .sectionTimeline .content-region .buttons a + a { margin: 16px 0px 0px; } .sectionTimeline .carousel-region { margin: 32px 0px 0px; } .sectionTimeline .timeline-ticks ul { display: block; margin: 0px; border-bottom: 3px solid rgb(108, 170, 228); height: 48px; list-style-type: none; position: relative; overflow: hidden; } .sectionTimeline .timeline-ticks li { padding: 0px 0px 24px; width: 100%; line-height: 24px; text-align: center; font-family: ProximaNova-Bold, sans-serif; font-size: 18px; white-space: nowrap; position: absolute; bottom: 0px; left: -50%; transform: translate(-50%, 0px); transition: left 0.5s ease 0s, top 0.5s ease 0s; } .sectionTimeline .timeline-ticks li::after { content: ""; display: block; width: 3px; height: 16px; background-color: rgb(108, 170, 228); position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); } .sectionTimeline .timeline-ticks li.active { left: 50%; } .sectionTimeline .timeline-ticks li.active ~ li { left: 150%; } .sectionTimeline .carousel[data-ride="carousel"] { margin: 32px 0px 80px; } .sectionTimeline .carousel-indicators { margin: 0px; bottom: -40px; } .sectionTimeline .carousel-indicators li { margin: 0px 4px; border: 3px solid rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); box-shadow: none; transition: background-color 0.5s ease 0s; } .sectionTimeline .carousel-indicators li.active { background-color: rgb(255, 255, 255); } .sectionTimeline .carousel-item { text-align: center; } .sectionTimeline .carousel-item.active, .sectionTimeline .carousel-item-next { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-box-pack: center; justify-content: center; } .sectionTimeline .carousel-item .item-text-above, .sectionTimeline .carousel-item .item-text-below { font-size: 18px; line-height: 22px; } .sectionTimeline .carousel-item .item-text-middle { line-height: 39px; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 36px; font-weight: 700; } .sectionTimeline .carousel-item .item-text-middle.big { line-height: 78px; font-size: 72px; } } @media (min-width: 768px) { .sectionTimeline .container-fluid { padding: 0px; } .sectionTimeline .content-region { padding: 80px 140px; text-align: left; position: relative; } .sectionTimeline .content-region { background-position: 50% center; background-repeat: no-repeat; background-size: cover; position: relative; } .sectionTimeline .content-region::before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(to right, rgb(13, 73, 156), rgb(2, 149, 168)); opacity: 0.85; position: absolute; top: 0px; left: 0px; } .sectionTimeline .content-interior { position: relative; z-index: 1; } .sectionTimeline .content-region .buttons { display: block; } .sectionTimeline .content-region .heading + .excerpt::before { margin: 24px 0px; } .sectionTimeline .content-region .buttons a + a { margin: 0px 0px 0px 16px; } .sectionTimeline .carousel-region { margin: 0px; padding: 80px 184px; background-color: rgb(13, 73, 156); position: relative; } .sectionTimeline .timeline-ticks { position: absolute; inset: 80px auto 80px 64px; transform: rotate(0.0001deg); } .sectionTimeline .timeline-ticks ul { width: 80px; height: 100%; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 3px solid rgb(108, 170, 228); } .sectionTimeline .timeline-ticks li { padding: 0px 0px 0px 24px; height: 20px; line-height: 20px; text-align: left; top: calc(0% - 20px); left: 0px; transform: translate(0px, -50%); } .sectionTimeline .timeline-ticks li.active { top: calc(50% - 1px); left: 0px; } .sectionTimeline .timeline-ticks li.active ~ li { top: calc(100% + 20px); left: 0px; } .sectionTimeline .timeline-ticks li::after { display: block; width: 16px; height: 3px; top: 50%; left: 0px; transform: translate(0px, -50%); } .sectionTimeline .carousel[data-ride="carousel"] { margin: 0px; } .sectionTimeline .carousel-indicators { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; position: absolute; inset: 50% -92px auto auto; transform: translate(50%, -50%); } .sectionTimeline .carousel-indicators li { margin: 4px 0px; } .sectionTimeline .carousel-item .item-text-above, .sectionTimeline .carousel-item .item-text-below { font-size: 24px; line-height: 24px; } .sectionTimeline .carousel-item .item-text-middle { line-height: 48px; font-size: 48px; } .sectionTimeline .carousel-item .item-text-middle.big { line-height: 96px; font-size: 96px; } .sectionTimeline .carousel-item .item-text-above + .item-text-middle, .sectionTimeline .carousel-item .item-text-middle + .item-text-below { margin: 8px 0px 0px; } .sectionTimeline .carousel-item .item-text-above + .item-text-middle.big { margin: 16px 0px 0px; } .sectionTimeline .carousel-item .item-text-middle.big + .item-text-below { margin: 0px; } } @media (min-width: 1200px) { .sectionTimeline { position: relative; } .sectionTimeline::before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(to right, rgb(13, 73, 156), rgb(2, 149, 168)); opacity: 0.85; position: absolute; top: 0px; left: 0px; } .sectionTimeline .container-fluid { padding: 0px 30px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; justify-content: center; } .sectionTimeline .content-region { padding: 256px 80px 256px 0px; width: 50%; max-width: 588px; } .sectionTimeline .content-region::before { display: none; } .sectionTimeline .carousel-region { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-box-pack: center; justify-content: center; padding: 256px 42px 256px 80px; width: 50%; max-width: 588px; background: none; } .sectionTimeline .timeline-ticks { top: 256px; bottom: 256px; left: 0px; } .sectionTimeline .carousel-indicators { right: -36px; } } @media (min-width: 1260px) { .sectionTimeline .container-fluid { padding: 0px; } } @media (min-width: 0) { .section-block { background-image: linear-gradient(to right, rgb(13, 73, 156), rgb(2, 149, 168)); color: rgb(255, 255, 255); } .section-block .container-fluid { padding: 32px; } .section-block .content-region .heading { line-height: 39px; font-family: ProximaNova-Bold, sans-serif; font-size: 32px; } .section-block .content-region .excerpt { font-size: 16px; } .section-block .content-region .excerpt p { margin: 0px; } .section-block .content-region .excerpt p + p { margin-top: 16px; } .section-block .content-region .excerpt + .buttons { margin: 24px 0px 0px; } .section-block .content-region .buttons { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column nowrap; -webkit-box-align: center; align-items: center; } .section-block .content-region .buttons a { display: inline-block; margin: 0px auto; border: 2px solid rgb(255, 255, 255); padding: 0px 14px; min-width: 180px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 14px; font-weight: 400; text-align: center; text-transform: uppercase; background-color: rgba(255, 255, 255, 0); color: rgb(255, 255, 255); transition: background-color 0.25s ease 0s, color 0.25s ease 0s; } .section-block .content-region .buttons a:hover { background-color: rgb(255, 255, 255); color: rgb(13, 73, 156); } .section-block .content-region .buttons a + a { margin: 16px 0px 0px; } .section-block .carousel-region { margin: 32px 0px 0px; } .section-block .timeline-ticks ul { display: block; margin: 0px; border-bottom: 3px solid rgb(108, 170, 228); height: 48px; list-style-type: none; position: relative; overflow: hidden; } .section-block .timeline-ticks li { padding: 0px 0px 24px; width: 100%; line-height: 24px; text-align: center; font-family: ProximaNova-Bold, sans-serif; font-size: 18px; white-space: nowrap; position: absolute; bottom: 0px; left: -50%; transform: translate(-50%, 0px); transition: left 0.5s ease 0s, top 0.5s ease 0s; } .section-block .timeline-ticks li::after { content: ""; display: block; width: 3px; height: 16px; background-color: rgb(108, 170, 228); position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px); } .section-block .timeline-ticks li.active { left: 50%; } .section-block .timeline-ticks li.active ~ li { left: 150%; } } @media (min-width: 768px) { .section-block .container-fluid { padding: 0px; } .section-block .content-region { padding: 40px; text-align: left; position: relative; } .section-block .content-interior { position: relative; z-index: 1; } .section-block .content-region .buttons { display: block; } .section-block .timeline-ticks { position: absolute; inset: 80px auto 80px 64px; transform: rotate(0.0001deg); } .section-block .timeline-ticks ul { width: 80px; height: 100%; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 3px solid rgb(108, 170, 228); } } @media (min-width: 1200px) { .section-block { position: relative; max-width: 846px; margin: 0px auto; } .section-block .container-fluid { padding: 0px 30px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: center; justify-content: center; } .section-block .content-region { padding: 50px 45px; width: 100%; } .section-block .content-region::before { display: none; } } @media (min-width: 1260px) { .section-block .container-fluid { padding: 0px; } } @media (min-width: 0) { .sectionCardsThreeColumns { padding: 60px 0px; background: rgb(239, 239, 239); } .sectionCardsThreeColumns .heading { color: rgb(50, 50, 50); font-family: ProximaNova-Bold; font-size: 30px; margin-top: 0px; } .sectionCardsThreeColumns h4.heading { font-size: 24px; } .sectionCardsThreeColumns .green-dash { margin: 40px auto 60px; } .sectionCardsThreeColumns .block .green-dash { margin: 16px auto; } .sectionCardsThreeColumns .row { text-align: center; align-items: center; justify-content: center; flex-direction: column; } .sectionCardsThreeColumns .block { background-color: rgb(255, 255, 255); padding: 26px; max-width: 283px; height: 270px; margin: 16px auto; } .sectionCardsThreeColumns .block p { font-family: ProximaNova-Regular; font-size: 16px; color: rgb(74, 74, 74); margin-bottom: 20px; } .sectionCardsThreeColumns a.read-more { font-family: ProximaNova-Bold; font-size: 16px; color: rgb(12, 73, 156); } .sectionCardsThreeColumns a:hover { color: rgb(0, 0, 0); } .sectionCardsThreeColumns a.read-more::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } } @media (min-width: 768px) { .sectionCardsThreeColumns .block { height: 227px; width: 100%; max-width: 697px; } } @media (min-width: 1200px) { .sectionCardsThreeColumns .bounding-container { width: 378px; height: 467px; background-size: cover; margin: 16px auto; position: relative; } .sectionCardsThreeColumns .block { margin: 0px; position: absolute; bottom: 0px; text-align: left; padding: 32px 26px; max-width: 270px; height: 304px; } .sectionCardsThreeColumns .green-dash { margin-top: 30px; margin-bottom: 60px; } .sectionCardsThreeColumns .block .green-dash { margin-left: 0px; margin-top: 16px; margin-bottom: 16px; } .sectionCardsThreeColumns .gradient { background-color: transparent; background-image: linear-gradient(to right top, rgb(0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); height: 100%; } .sectionCardsThreeColumns .row.cards-container { flex-direction: row; margin-right: 0px; margin-left: 0px; } .sectionCardsThreeColumns a.read-more { position: absolute; bottom: 28px; } .sectionCardsThreeColumns .card-wrapper:first-of-type .bounding-container { background-image: url("/NAMI/media/NAMI-Redesign/3-Column_B.jpg"); } .sectionCardsThreeColumns .card-wrapper:nth-of-type(2) .bounding-container { background-image: url("/NAMI/media/NAMI-Redesign/3-Column_A.jpg"); } .sectionCardsThreeColumns .card-wrapper:nth-of-type(3) .bounding-container { background-image: url("/NAMI/media/NAMI-Redesign/3-Column_C.jpg"); } } .homepageArticles { padding: 60px 0px; } .homepageArticles .blogCards a::after { content: ""; font: 900 16px / 18px FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .homepageArticles .card > p { margin-bottom: 15px; } .homepageArticles .card > a { margin-bottom: 15px; text-transform: capitalize; font-weight: bold; } .articleCardsHeader .green-dash { margin: 50px auto; } @media (min-width: 0) { .articleCards.white { background: rgb(255, 255, 255); } section.articleCards { padding: 50px 0px; } .articleCards.sbs { display: flex; background: rgb(243, 243, 243); } .articleCards.sbs .row.bot .col-sm:nth-child(2n+1) { padding-right: 0px; } .articleCards.white .row.top { margin-bottom: 30px; } .articleCardsHeader .article-title { font-family: ProximaNova-Bold; font-size: 30px; line-height: 32px; text-align: center; } .articleCardsHeader .green-dash { margin: 30px auto 50px; } .articleCards.sbs .articleCards { padding: 0px; } .articleCards .interior { background: rgb(255, 255, 255); padding: 40px 20px; } .articleCards .row.bot > div { display: flex; } .articleCards .card { border: none; -webkit-box-flex: 1; flex: 1 1 0%; } .articleCards .card { border: none; } .articleCards .card-body { background: rgb(243, 243, 243); position: relative; min-height: 100px; } .articleCards .card-body a { font-family: ProximaNova-Bold; position: absolute; bottom: 10px; } .articleCards .top h4 { font-size: 25px; margin-top: 0px; margin-bottom: 20px; } .articleCards p { font-family: ProximaNova-Bold; } .articleCards .view-all { position: absolute; right: 20px; bottom: 5px; font-family: ProximaNova-Bold; } .articleCards.two-stack { width: 100%; } .articleCards.sbs .two-stack.mobile .card-inner-wrapper { position: relative; } .articleCards.sbs .two-stack.mobile .view-all { top: -40px; right: 0px; left: auto; } .articleCards.sbs .two-stack.mobile p:not(.card-text) { font-size: 30px; line-height: 32px; text-align: left; width: calc(70%); } .articleCards.two-stack .view-all { position: absolute; right: 20px; top: 5px; } .articleCards .view-all::after, .articleCards .card-body a::after { content: ""; font: 900 14px / 1.5 FontAwesome; vertical-align: initial; padding-left: 5px; color: rgb(12, 73, 156); } .articleCards.two-stack.Desktop { display: block; margin-bottom: 30px; } .articleCards.two-stack.mobile { display: none; } .articleCards.white .row.bot > div { margin-bottom: 30px; } } @media (max-width: 767px) { .articleCards:not(.two-stack) .view-all { left: 4rem; bottom: -50px; } .articleCards:not(.two-stack) .row.bot { margin-top: 80px; } .articleCards.two-stack.desktop { display: none; } .articleCards.two-stack.mobile { display: block; margin: 25px 0px; } .articleCards.two-stack.mobile:nth-child(2n+1) { margin-top: 0px; } .articleCards.two-stack.mobile .interior { padding-bottom: 80px; } .articleCards.two-stack.mobile .carousel-indicators { bottom: -50px; } .articleCards .row.top h4 { margin-top: 10px; } .articleCards.sbs .two-stack.mobile p:not(.card-text) { font-size: 24px; } } @media (min-width: 768px) { .articleCards.two-stack .view-all { position: absolute; right: 20px; top: 5px; } } @media (min-width: 991px) { .articleCards { padding: 50px 0px; } .articleCards.two-stack .view-all { position: absolute; right: 20px; top: 5px; } } @media (min-width: 1200px) { .articleCards.two-stack { width: calc(50% - 15px); margin: 0px; float: left; } .articleCards.two-stack:nth-child(2n+1) { margin: 0px 0px 0px 15px; padding: 0px; } .container .two-stack:nth-child(2n) { margin-left: 0px; padding: 0px; } } @media (min-width: 0) { .blogCards { background: rgb(255, 255, 255); } .blogCards .top .btn { font-size: 1em; } .blogCards input.form-control { border-radius: 30px; font-size: 14px; padding: 1px 25px 0px; height: 40px; width: 100%; font-family: ProximaNova-Bold; } .blogCards .btn-group { width: auto; height: 40px; text-align: left; } .blogCards .btn-group .btn { font-family: ProximaNova-Bold; padding-left: 15px; padding-top: 6px; text-align: left; width: 100%; border-width: 2px; border-color: rgb(12, 73, 156); color: rgb(12, 73, 156); text-transform: uppercase; font-size: 0.8em; } .blogCards .btn-group .btn:hover, .blogCards .btn-group .btn:focus, .show > .btn-outline-primary.dropdown-toggle { background: transparent; } .blogCards .btn-group .dropdown-item { position: static; font-size: 14px; } .blogCards .btn-group .btn.dropdown-toggle { width: 40px; text-align: center; border-width: 2px 2px 2px 1px; border-color: rgb(12, 73, 156); padding-left: 5px; } .blogCards .search .input-wrapper button { background-color: transparent; position: relative; right: 40px; } .blogCards .search .input-wrapper button i::before { color: rgb(12, 73, 156); font-size: 1.5em; } .blogCards { margin: 25px 0px; } .blogCards .interior { background: rgb(255, 255, 255); padding: 35px 0px; } .blogCards .card { border: none; margin-bottom: 35px; } .blogCards .card-body { background: rgb(243, 243, 243); position: relative; min-height: 100px; } .blogCards h6 { font-size: 1em; font-family: ProximaNova-Bold; margin-top: 15px; } .blogCards .card-body a { text-transform: capitalize; font-family: ProximaNova-Bold; position: absolute; bottom: 10px; } .blogCards .top h4 { font-size: 25px; margin-top: 0px; margin-bottom: 5px; } .blogCards p { font-size: 1em; padding-bottom: 15px; } .blogCards .row.bot p { font-family: ProximaNova-Bold; } .blogCards .row.no-gutters p { font-family: ProximaNova-Regular; margin: 15px 0px; font-weight: normal; } .blogCards .row.no-gutters > div img { max-height: 255px; } .blogCards.mobile .bot { padding: 4rem; } .blogCards .view-all { position: absolute; right: 20px; top: 5%; transform: translateY(-5%); font-weight: bold; } .blogCards .dropdown-toggle::after { content: ""; font: 900 16px / 1 FontAwesome; color: rgb(0, 153, 168); border: 0px; margin-left: -11px; margin-top: -10px; } .blogCards .view-all::after { content: ""; font: 900 16px / 18px FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .blogCards .card-body a::after { content: ""; font: 900 14px / 1 FontAwesome; vertical-align: initial; padding-left: 5px; color: rgb(12, 73, 156); } .blogCards.two-stack { width: 100%; } .blogCards.desktop { display: none; } .blogCards.mobile { display: block; } .blogCards .dropdowns, .blogCards .dropdowns .btn-group { text-align: center; margin-bottom: 15px; } .blogCards .dropdowns .btn-group, .blogCards .search .input-wrapper { width: 100%; } .blogCards form { position: relative; -webkit-box-pack: center; justify-content: center; margin-top: 0px; } .blogCards .input-wrapper { position: relative; } .blogCards .search { margin-bottom: -30px; } } @media (min-width: 768px) { .blogCards.Desktop { display: block; } .blogCards.mobile { display: none; } .blogCards .card { margin-bottom: 30px; } .blogCards .dropdowns, .blogCards .dropdowns .btn-group { text-align: left; margin-bottom: 0px; } .blogCards form { -webkit-box-pack: end; justify-content: flex-end; } .blogCards .dropdowns .btn-group { width: 200px; } .blogCards .search .input-wrapper { width: 100%; } .blogCards .row.no-gutters > div, .blogCards .row.no-gutters > div img { -webkit-box-flex: 1; flex: 1 1 0%; display: inherit; -webkit-box-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .blogCards .row.no-gutters > div img { max-height: 100%; } .blogCards .interior { padding: 6rem 0px; } } @media (min-width: 1200px) { .blogCards .dropdowns { margin-top: 16px; } .blogCards form { margin-top: 16px; } .blogCards.two-stack { width: calc(50% - 15px); margin: 0px 0px 0px 30px; float: left; } .container .two-stack:nth-child(2n) { margin-left: 0px; } .blogCards input.form-control { font-size: 18px; height: 50px; } .blogCards .input-wrapper::before { top: 12px; } } @media (min-width: 0) { .blogLandingPageCards { padding: 30px 0px; background: rgb(215, 225, 234); } .blogLandingPageCards .container { max-width: 1289px; } .blogLandingPageCards .interior { padding: 32px 48px; } .blogLandingPageCards .mainBlogCards { margin: 25px 0px; } .blogLandingPageCards .mainBlogCards .interior { background: rgb(255, 255, 255); } .blogLandingPageCards .mainBlogCards .card { border: none; } .blogLandingPageCards .mainBlogCards .card-body { background: rgb(243, 243, 243); position: relative; min-height: 100px; } .blogLandingPageCards .mainBlogCards .card-body a { font-family: ProximaNova-Bold; position: absolute; bottom: 10px; } .blogLandingPageCards .mainBlogCards .top h4 { font-size: 25px; margin-top: 0px; margin-bottom: 5px; } .blogLandingPageCards .mainBlogCards p { font-family: ProximaNova-Bold; } .blogLandingPageCards .mainBlogCards.mobile .bot { padding: 4rem; } .blogLandingPageCards .mainBlogCards .view-all { position: absolute; right: 20px; top: 5%; transform: translateY(-5%); font-weight: bold; } .blogLandingPageCards .mainBlogCards .view-all::after, .blogLandingPageCards .mainBlogCards .card-body a::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .mainBlogCards.two-stack { width: 100%; } .mainBlogCards.desktop { display: block; } .mainBlogCards.mobile { display: block; } } @media (min-width: 768px) { .blogLandingPageCards .mainBlogCards.Desktop { display: block; } .blogLandingPageCards .mainBlogCards.mobile { display: none; } .blogLandingPageCards .mainBlogCards .card { margin: 15px 0px; } } @media (max-width: 767px) { .blogLandingPageCards .interior { padding: 32px 20px; } .blogLandingPageCards .mainBlogCards.Desktop { display: none; } .blogLandingPageCards .mainBlogCards .card-body { background: rgb(243, 243, 243); padding: 10px; } .blogLandingPageCards .mainBlogCards .top h4 { width: calc(80%); } } @media (min-width: 0) { .promos { background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(12, 73, 156) 25%, rgb(0, 153, 168) 100%); color: rgb(255, 255, 255); } .promos .card { background: transparent; border: none; } .promos .card a::after { color: rgb(255, 255, 255); } .promos p, .promos a { margin: 0px; color: rgb(255, 255, 255); } .promos .card-body { padding: 0px; } .promos .carousel-indicators { bottom: -60px; } .promos .card-meta p { display: inline-block; } .promos .card-meta p:nth-child(1)::after { content: "|"; display: inline-block; margin: 0px 10px; } .promos .card-meta p:nth-child(n+2) { margin-left: 0px; } .promos .cta-title { font-family: ProximaNova-Bold; font-size: 30px; line-height: 30px; } .promos .cta-title p { font-size: 30px; line-height: 1.2; } .promos .card-body .card-title { font-size: 25px; line-height: 27px; margin-bottom: 15px; } .promos .card-body .card-meta { font-size: 16px; text-transform: uppercase; margin: 25px 0px 0px; } .promos .card-body .card-link { position: static; margin-top: 25px; } .promos .carousel-indicators.white { -webkit-box-pack: start; justify-content: start; margin-left: 30px; } .promos .card-title, .promos .card-meta, .promos .card-link { font-family: ProximaNova-Bold; } .promos .cta-title p { margin: 20px 0px; position: relative; } .promos .cta-content .card-text { margin-bottom: 20px; margin-top: 10px; } .promos .cta-content a { opacity: 1; margin-bottom: 15px; } .promos .cta-link { text-align: right; } .promos .carousel-control-next-icon { height: 30px; bottom: 50px; top: auto; right: 15px; transform: none; background-image: url("/NAMI/media/NAMI-Redesign/chevron-right-thin.svg"); } .promos .carousel-control-next-icon::after { display: none; } .promos .cta-title p::after { content: ""; position: absolute; width: 220px; height: 5px; background-color: rgb(108, 170, 228); bottom: -40px; left: 0px; } .promos .container a:not(.card-link) { display: none; } .promos .container p, .promos .container a { margin: 0px 25px; } .promos, .promos .cta-title { padding: 20px 0px 80px; } .promos .card-body a::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(255, 255, 255); } } @media (min-width: 768px) { .promos .cta-title { border-right: 0px; } .promos .container p, .promos .container a { margin: 0px 0px 0px 30px; } .promos .container > .row { max-width: 90vw; margin: 0px auto; } .promos .cta-title p { font-size: 30px; padding-bottom: 20px; line-height: 1.2; } .promos .card .card-body { width: 90%; } .promos, .promos .cta-title { padding: 40px 0px 100px; } .promos .card-body .card-title { line-height: inherit; margin-top: 0px; } .promos .container a:not(.card-link) { display: block; } } @media (min-width: 991px) { .promos .cta-content p, .promos .cta-content a { margin: 5px 0px 5px 60px; } .promos .carousel-indicators.white { margin-left: 58px; } .promos .cta-title::after { content: ""; display: block; position: absolute; right: 0px; top: 0px; height: 110%; width: 5px; background: rgb(108, 170, 228); } .promos .cta-title p::after { background-color: transparent; } .promos, .promos .cta-title { padding: 60px 0px 70px; } } @media (min-width: 0) { .helplineBar { flex-basis: 100%; background-color: rgb(50, 50, 50); border-top: 3px solid rgb(108, 170, 228); position: fixed; bottom: 0px; width: 100%; opacity: 0; pointer-events: none; transition: opacity 0.2s ease 0s; } .helplineBar.fixed { opacity: 1; pointer-events: all; z-index: 98; } .helplineBar .container { font-family: ProximaNova-Semibold; text-align: center; color: rgb(255, 255, 255); padding: 12px 16px; } .helplineBar .col-12 { padding: 0px; } .helplineBar p { margin: 0px; line-height: 1.4; } .helplineBar a { color: rgb(108, 170, 228); transition: color 0.2s ease 0s; } .helplineBar a:hover { color: rgb(255, 255, 255); } } @media (min-width: 0) { .helplineBarBottom { background-color: rgb(82, 81, 82); flex-basis: 100%; width: 100%; } .helplineBarBottom .container { font-family: ProximaNova-Semibold; text-align: center; color: rgb(255, 255, 255); padding: 48px 16px; } .helplineBarBottom .bot-left { width: 100%; max-width: 420px; margin: 0px auto; } .helplineBarBottom a.dropdown-item { color: rgb(0, 0, 0); font-family: ProximaNova-Regular; } .helplineBarBottom .bot-left a::after { content: none; display: none; } .helplineBarBottom .bot-left .col { padding: 0px; } .helplineBarBottom .bot-left .state { text-align: left; width: calc(100% - 24px); justify-content: flex-start; } .helplineBarBottom .bot-left .dropdown-toggle { width: 40px; text-align: center; padding: 0px; } .helplineBarBottom .dropdown-toggle::after { display: block; border: 0px; background: url("/NAMI/media/NAMI-Redesign/chevron-down.svg") center center / cover; height: 10px; width: 10px; } .helplineBarBottom .bot-left p { margin: 0px 0px 8px; padding: 0px; max-width: 100%; line-height: 1.1; font-family: ProximaNova-Regular; font-weight: lighter; font-size: 16px; } .helplineBarBottom .bot-left .btn-group { padding: 0px 6px; } .helplineBarBottom .find, .helplineBarBottom .donate, .helplineBarBottom .btn-container { display: flex; } .helplineBarBottom .btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background: transparent; height: 42px; padding: 0px 16px; line-height: 1.1; font-family: ProximaNova-Bold; font-weight: lighter; font-size: 14px; } .helplineBarBottom .call p, .helplineBarBottom .call a, .helplineBarBottom .text p, .helplineBarBottom .text a { margin: 0px; line-height: 1.4; } .helplineBarBottom .call p, .helplineBarBottom .call a { } .helplineBarBottom .call:nth-of-type(2) { margin-bottom: 24px; } .helplineBarBottom a { color: rgb(108, 170, 228); transition: color 0.2s ease 0s; } .helplineBarBottom .col-md-auto a:hover { color: rgb(255, 255, 255); } .helplineBarBottom .donate { margin-top: 8px; } .helplineBarBottom .donate .btn { margin: 0px auto; padding: 0px 24px; } .helplineBarBottom .sm-white-dash { background: rgb(255, 255, 255); width: 80px; height: 1px; display: block; margin: 32px auto; } .helplineBarBottom .btn:not(.state):not(.dropdown-toggle-split) { transition: all 0.2s ease 0s; } .helplineBarBottom .btn:not(.state):not(.dropdown-toggle-split):hover { background: rgb(255, 255, 255); color: rgb(12, 73, 156); } } @media (min-width: 768px) { .helplineBarBottom .container { padding: 40px 24px; } .helplineBarBottom .link-cols { margin-bottom: 24px; } .helplineBarBottom .call p, .helplineBarBottom .call a { font-size: 24px; } .helplineBarBottom .donate, .helplineBarBottom .call:nth-of-type(2) { margin: 0px; } .helplineBarBottom .call, .helplineBarBottom .text { padding: 0px; } .helplineBarBottom .text p, .helplineBarBottom .text a { font-size: 20px; } .helplineBarBottom .bot-left { max-width: 520px; } .helplineBarBottom .bot-left p { margin: 0px; } .helplineBarBottom .sm-white-dash { display: none; } .helplineBarBottom .find::after { content: ""; display: block; width: 1px; background: rgb(255, 255, 255); } .helplineBarBottom .btn { height: 48px; } .helplineBarBottom .bot-left .btn-group { margin-left: 0px; margin-right: 10px; max-width: 205px; padding: 0px; } .helplineBarBottom .bot-left { position: relative; } .helplineBarBottom .bot-left .col { position: static; } .helplineBarBottom .bot-left p { text-align: left; position: absolute; left: 5px; max-width: 85px; top: 10px; } .helplineBarBottom .dropdown-menu.show { max-width: 205px; right: 0px; } } @media (min-width: 991px) { .helplineBarBottom .find::after { display: none; } .helplineBarBottom .container { padding: 17px 7px; max-height: 77px; } .helplineBarBottom .link-cols { margin: 0px; } .helplineBarBottom .find { border-right: none; } .helplineBarBottom .btn { width: 100%; } .helplineBarBottom .call p, .helplineBarBottom .call a, .helplineBarBottom .text p, .helplineBarBottom .text a { font-size: 16px; } } @media (min-width: 1200px) { .helplineBarBottom .link-cols { transform: translateX(-50px); } .helplineBarBottom .bot-left .btn-group { margin-left: -100px; } } @media (min-width: 0) { .introwJumplinks { padding: 0px 0px 64px; text-align: center; background-color: rgb(255, 255, 255); position: relative; } .introwJumplinks .links a:hover { color: rgb(0, 0, 0); } .introwJumplinks::after { content: ""; width: 52px; height: 52px; background-color: rgb(255, 255, 255); position: absolute; z-index: 1; right: 50%; bottom: 0px; transform: translate(50%, 50%) rotate(45deg); } .introwJumplinks .container-fluid { padding: 0px; overflow: hidden; } .introwJumplinks .splash { padding: 24px 24px 0px; } .introwJumplinks .heading { margin: 0px; line-height: 31px; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 25px; color: rgb(50, 50, 50); } .introwJumplinks .intro { margin: 0px auto; max-width: 1051px; font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-weight: 400; padding: 30px 15px 0px; } .introwJumplinks .splash + .intro { padding: 16px 24px 0px; } .introwJumplinks .intro p { margin: 0px; } .introwJumplinks .intro p + p { margin: 16px 0px 0px; } .introwJumplinks .links { padding: 32px 24px 0px; font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-weight: 400; } .introwJumplinks .intro + .links::before { content: ""; display: block; margin: 0px auto 32px; width: 75px; height: 3px; background-color: rgb(148, 213, 3); } .introwJumplinks .subheading { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 400; } .introwJumplinks .links ul { margin: 16px 0px 0px; list-style-type: none; } .introwJumplinks .links li + li { margin: 8px 0px 0px; } .introwJumplinks .links a { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 400; color: rgb(12, 73, 156); } } @media (min-width: 768px) { .introwJumplinks .heading { transform: none; color: rgb(255, 255, 255); text-align: left; } .introwJumplinks .splash { margin-bottom: 0px; min-height: initial; max-height: initial; } .introwJumplinks .intro { padding: 64px 64px 0px; } .introwJumplinks .links { margin: 0px auto; max-width: 66.6667%; } .introwJumplinks .links .subheading, .introwJumplinks .links ul, .introwJumplinks .links li { display: inline; font-size: 16px; line-height: normal; } .introwJumplinks .links .subheading { margin: 0px 1em 0px 0px; } .introwJumplinks .links li + li::before { content: "|"; margin: 0px 1em; } .introwJumplinks .links a { white-space: nowrap; } .introwJumpLinks .crumb-wrapper { text-align: left; max-width: 1176px; margin: 0px auto; } .introwJumpLinks .bread-crumb-trail { background: rgb(12, 73, 156); padding: 10px 40px; } .introwJumpLinks .bread-crumb-trail::before { content: ""; height: 40px; width: 100%; position: absolute; top: 0px; left: -100%; transform: translateX(15px); z-index: 0; background: rgb(12, 73, 156); } .introwJumpLinks .bread-crumb-trail::after { content: ""; height: 40px; width: 100vw; position: absolute; top: 0px; right: -100vw; transform: translateX(-15px); background: rgb(12, 73, 156); } } @media (min-width: 991px) { .introwJumplinks .link { padding: 45px 0px 0px; } .introwJumplinks .heading { margin: 0px auto; padding: 150px 12px; max-width: 1200px; } } @media (min-width: 0) { .introwJumplinks-2 { text-align: left; background-color: rgb(255, 255, 255); position: relative; } .arrow-none::after { display: none; } .introwJumplinks-2 .links a:hover { color: rgb(0, 0, 0); } .links { max-width: 100% !important; } .introwJumplinks-2 .container-fluid { padding: 0px; overflow: hidden; } .introwJumplinks-2 .splash { padding: 24px 24px 0px; } .introwJumplinks-2 .heading { margin: 0px; line-height: 31px; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 25px; color: rgb(50, 50, 50); } .introwJumplinks-2 .intro { margin: 0px auto; max-width: 1051px; font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-weight: 400; padding: 32px 24px 0px; } .introwJumplinks-2 .splash + .intro { padding: 16px 24px 0px; } .introwJumplinks-2 .intro p { margin: 0px; } .introwJumplinks-2 .intro p + p { margin: 16px 0px 0px; } .introwJumplinks-2 .links { padding: 50px 24px 0px; font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; font-weight: 400; } .introwJumplinks-2 .intro + .links::before { content: ""; display: block; margin: 0px auto 32px; width: 75px; height: 3px; background-color: rgb(148, 213, 3); } .introwJumplinks-2 .subheading { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 400; } .introwJumplinks-2 .links ul { margin: 16px 0px 0px; list-style-type: none; } .introwJumplinks-2 .links li + li { margin: 8px 0px 0px; } .introwJumplinks-2 .links a { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 400; color: rgb(12, 73, 156); } .introwJumplinks-2 .splash { padding: 45px 40px 0px; position: relative; background-image: url("https://source.unsplash.com/random"); background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 100px; max-height: 100px; margin-bottom: 70px; } .introwJumplinks-2 .splash::before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0px; left: 0px; } .introwJumplinks-2 .heading { padding: 80px 0px; line-height: 48px; font-size: 48px; color: rgb(0, 0, 0); position: relative; z-index: 1; text-align: center; } } @media (min-width: 768px) { .introwJumplinks-2 .links .subheading, .introwJumplinks-2 .links ul { display: block; text-align: left; } .introwJumplinks-2 .heading { transform: none; color: rgb(255, 255, 255); text-align: left; } .introwJumplinks-2 .splash { margin-bottom: 0px; min-height: initial; max-height: initial; } .introwJumplinks-2 .splash + .intro { padding: 64px 64px 0px; } .introwJumplinks-2 .links { margin: 0px auto; max-width: 66.6667%; } .introwJumplinks-2 .links .subheading { margin: 0px 1em 0px 0px; } .introwJumplinks-2 .links li + li::before { content: "|"; margin: 0px 0.6em; } .introwJumplinks-2 .links a { white-space: nowrap; } .introwJumpLinks-2 .crumb-wrapper { text-align: left; max-width: 1176px; margin: 0px auto; } .introwJumpLinks-2 .bread-crumb-trail { background: rgb(12, 73, 156); padding: 10px 40px; } } @media (min-width: 991px) { .introwJumplinks-2 .splash { padding: 45px 0px 0px; } .introwJumplinks-2 .heading { margin: 0px auto; padding: 150px 12px; max-width: 1200px; } } @media (min-width: 0) { .sectionBlockwLinks { background-color: rgb(215, 225, 234); } .sectionBlockwLinks .blogCards { order: 3; } .sectionBlockwLinks .blogCards .interior { padding: 0px; } .sectionBlockwLinks .blogCards .interior .row { margin-right: -7.5px; margin-left: -7.5px; } .sectionBlockwLinks .blogCards .interior .row .no-gutters { height: 100%; } .sectionBlockwLinks .blogCards .card { margin-bottom: 0px; } .sectionBlockwLinks .blogCards .card .card-body { padding: 30px; } .sectionBlockwLinks a.read-more::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .sectionBlockwLinks .container { padding: 12px; } .sectionBlockwLinks .box-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; padding: 16px; background-color: rgb(255, 255, 255); } .sectionBlockwLinks .image-region { width: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; order: 1; } .sectionBlockwLinks .image-region::before { content: ""; display: block; padding: 0px 0px 56.25%; } .sectionBlockwLinks .content-region { width: 100%; padding: 16px 8px; color: rgb(50, 50, 50); order: 2; } .sectionBlockwLinks .content-region .heading { line-height: 32px; font-family: ProximaNova-Bold, sans-serif; font-size: 30px; } .sectionBlockwLinks .content-region .excerpt { line-height: 20px; font-size: 16px; font-weight: 500; } .sectionBlockwLinks .content-region [class*="dash"] { margin: 25px 0px; } .sectionBlockwLinks .content-region .excerpt + .buttons { margin: 24px 0px 0px; } .sectionBlockwLinks .content-region .buttons a { display: inline-block; border: 2px solid rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; } .sectionBlockwLinks .content-region .buttons a:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .sectionBlockwLinks .links-region { margin: 0px; padding: 32px; width: 100%; background-color: rgb(243, 243, 243); order: 3; } .sectionBlockwLinks .links-region ul { margin: 0px; list-style-type: none; } .sectionBlockwLinks .links-region li { break-inside: avoid; } .sectionBlockwLinks .links-region li + li { margin: 16px 0px 0px; } .sectionBlockwLinks .links-region a { font-family: ProximaNova-Bold, sans-serif; line-height: 15px; } .sectionBlockwLinks .links-region a::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .sectionBlockwLinks .box-wrapper .blogCards h6 { margin-top: 0px; } .sectionBlockwLinks .blogCards .interior .card-2 h4 { margin-bottom: 0px; margin-top: 0px; } } @media (min-width: 768px) { .sectionBlockwLinks .box-wrapper { padding: 24px; } } @media (min-width: 991px) { .sectionBlockwLinks .content-region .heading { padding: 64px 0px 0px; } .sectionBlockwLinks .links-region ul { columns: auto 2; column-rule: 1px solid rgb(194, 194, 194); column-gap: 65px; } .sectionBlockwLinks .blogCards .interior .card-2 .card[class*="col-"]:first-child { padding-left: 0px; } .sectionBlockwLinks .blogCards .interior .card-2 .card[class*="col-"]:last-child { padding-right: 0px; } .sectionBlockwLinks .image-region { width: calc(60% - 16px); } .sectionBlockwLinks .content-region { padding: 0px; width: calc(40% - 16px); } .sectionBlockwLinks.alt .image-region { order: 2; } .sectionBlockwLinks.alt .content-region { order: 1; padding-left: 30px; } } @media (min-width: 1200px) { .sectionBlockwLinks .links-region ul { columns: auto 3; } } @media (max-width: 768px) { .sectionBlockwLinks .blogCards .card { margin-bottom: 30px; } } @media (max-width: 991.98px) { .sectionBlockwLinks .blogCards .interior .card-2 .card { padding-left: 0px; padding-right: 0px; } .sectionBlockwLinks .blogCards .card { margin-bottom: 30px; } } @media (min-width: 0) { .sectionCardsTwoColumns { padding: 60px 0px; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(12, 73, 156) 25%, rgb(0, 153, 168) 100%); } .sectionCardsTwoColumns .heading { font-family: ProximaNova-Bold; font-size: 30px; margin-top: 0px; } .sectionCardsTwoColumns h3 { color: rgb(255, 255, 255); } .sectionCardsTwoColumns h4 { color: rgb(50, 50, 50); } .sectionCardsTwoColumns .green-dash { margin: 40px auto 60px; } .sectionCardsTwoColumns .block .green-dash { margin: 16px auto; } .sectionCardsTwoColumns .row { text-align: center; align-items: center; justify-content: center; flex-direction: column; } .sectionCardsTwoColumns .block { background-color: rgb(255, 255, 255); padding: 32px; max-width: 359px; height: 270px; margin: 16px auto; } .sectionCardsTwoColumns .block p { font-family: ProximaNova-Regular; font-size: 16px; color: rgb(74, 74, 74); margin-bottom: 20px; } .sectionCardsTwoColumns a.read-more { font-family: ProximaNova-Bold; font-size: 16px; color: rgb(12, 73, 156); } .sectionCardsTwoColumns a:hover { color: rgb(0, 0, 0); } .sectionCardsTwoColumns a.read-more::after { content: ""; font: 900 16px / 1.3 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } } @media (min-width: 768px) { .sectionCardsTwoColumns .bounding-container { width: 577px; height: 538px; background-size: cover; margin: 16px auto; position: relative; } .sectionCardsTwoColumns .block { margin: 0px; position: absolute; bottom: 0px; text-align: left; padding-left: 26px; } .sectionCardsTwoColumns .green-dash { margin-top: 30px; margin-bottom: 60px; } .sectionCardsTwoColumns .block .green-dash { margin-left: 0px; margin-top: 16px; margin-bottom: 16px; } .sectionCardsTwoColumns .gradient { background-color: transparent; background-image: linear-gradient(to right top, rgb(0, 0, 0), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); height: 100%; } .sectionCardsTwoColumns .card-wrapper:first-of-type .bounding-container { background-image: url("/NAMI/media/NAMI-Redesign/2-Column_A.jpg"); } .sectionCardsTwoColumns .card-wrapper:nth-of-type(2) .bounding-container { background-image: url("/NAMI/media/NAMI-Redesign/2-Column-B.jpg"); } } @media (min-width: 1200px) { .sectionCardsTwoColumns .row.cards-container { flex-direction: row; margin-right: 0px; margin-left: 0px; } } @media (min-width: 0) { .sectionBlockTwoColumns { padding: 60px 25px; background: rgb(214, 225, 233); } .sectionBlockTwoColumns .heading { font-family: ProximaNova-Bold; font-size: 30px; margin-top: 0px; } .sectionBlockTwoColumns h3 { color: rgb(255, 255, 255); } .sectionBlockTwoColumns h4 { color: rgb(50, 50, 50); } .sectionBlockTwoColumns .green-dash { margin: 40px auto 60px; } .sectionBlockTwoColumns .block .green-dash { margin: 16px auto; } .sectionBlockTwoColumns .heading, .sectionBlockTwoColumns .green-dash, .sectionBlockTwoColumns p, .sectionBlockTwoColumns a { margin-left: 10px; } .sectionBlockTwoColumns .row { text-align: center; justify-content: center; flex-direction: column; } .sectionBlockTwoColumns .block { background-color: rgb(255, 255, 255); padding: 15px; margin: 15px auto; max-width: 505px; } .sectionBlockTwoColumns .block p { font-family: ProximaNova-Regular; font-size: 16px; color: rgb(74, 74, 74); margin-bottom: 20px; } .sectionBlockTwoColumns a.read-more { font-family: ProximaNova-Bold; font-size: 16px; color: rgb(12, 73, 156); } .sectionBlockTwoColumns a:hover { color: rgb(0, 0, 0); } .sectionBlockTwoColumns a.read-more::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .sectionBlockTwoColumns img { max-height: 300px; width: 100%; margin-bottom: 30px; } } @media (min-width: 768px) { .sectionBlockTwoColumns .row { text-align: left; } .sectionBlockTwoColumns .card-wrapper { width: calc(50% - 15px); margin: 0px; float: left; } .sectionBlockTwoColumns .card-wrapper:nth-child(2n) { margin: 0px 0px 0px 25px; padding: 0px; } .sectionBlockTwoColumns .bounding-container { width: 577px; height: 538px; background-size: cover; margin: 16px auto; position: relative; } .sectionBlockTwoColumns .block { margin: 0px 0px 25px; min-height: 505px; } .sectionBlockTwoColumns .green-dash { margin-top: 30px; margin-bottom: 60px; } .sectionBlockTwoColumns .block .green-dash { margin-left: 10px; margin-top: 16px; margin-bottom: 16px; } .sectionBlockTwoColumns .row.cards-container { flex-direction: row; margin-right: 0px; margin-left: 0px; } } @media (min-width: 992px) { .sectionBlockTwoColumns .block { max-width: 450px; min-height: 530px; width: 100%; } } @media (min-width: 1200px) { .sectionBlockTwoColumns .block { max-width: 570px; width: 100%; } } @media (min-width: 0) { .heroImage { position: relative; background-repeat: no-repeat; background-position: right 30%; background-size: cover; z-index: 1; } .heroImage::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgba(0, 153, 168, 0.8) 33%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); } .heroImage .container { height: 100px; margin-bottom: 90px; } .heroImage .bread-crumb-trail { display: none; } .heroImage .hero-title { position: relative; width: 100%; height: 100%; } .heroImage .hero-title h1 { position: absolute; bottom: -60px; width: 100%; text-align: center; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 25px; margin: 0px; color: rgb(0, 0, 0); } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) { .heroImage .hero-title h1 { bottom: -140px; } } @media (min-width: 768px) { .heroImage { overflow: hidden; } .heroImage .container { height: 236px; margin-bottom: 0px; } .heroImage.introwJumpLinks .bread-crumb-trail { background: rgb(12, 73, 156); } .heroImage .bread-crumb-trail { background: rgba(12, 73, 156, 0.5); padding: 10px 0px; } .heroImage .bread-crumb-trail::before { content: ""; height: 40px; width: 100vw; position: absolute; top: 0px; right: 100%; transform: translateX(15px); z-index: 0; background: rgba(12, 73, 156, 0.5); } .heroImage .bread-crumb-trail::after { content: ""; height: 40px; width: 100vw; position: absolute; top: 0px; left: 100%; transform: translateX(-15px); background: rgba(12, 73, 156, 0.5); } .heroImage .hero-title { display: flex; height: calc(100% - 40px); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } .heroImage .hero-title h1 { position: static; width: 100%; color: rgb(255, 255, 255); font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-size: 50px; text-align: left; margin: 0px auto 0px 0px; } } @media (max-width: 767px) { .heroImage .hero-title h1 { bottom: -80px; } } @media (min-width: 992px) { .heroImage .container { height: 360px; } } .leftRailNavigation { background-color: rgb(243, 243, 243); } .leftRailNavigation::before { content: ""; display: block; position: absolute; width: 100vw; height: 100%; background: rgb(243, 243, 243); right: 100%; top: 0px; } .leftRailNavigation { padding: 50px 0px; } @media (min-width: 992px) { .leftRailNavigation { padding-right: 45px; } .leftRailNavigation .widget, .leftRailNavigation .PollControl { max-width: 340px; float: right; width: 100%; } .rightRailNavigation { width: 100%; } } @media (max-width: 991px) { .leftRailNavigation { padding: 50px 15px 35px; } .leftRailNavigation::after { content: ""; display: block; position: absolute; width: 100vw; height: 100%; background: rgb(243, 243, 243); left: 100%; top: 0px; } } .leftRailNavigation .widget + .widget { margin-top: 35px; } @media (max-width: 767px) { .leftRailNavigation { padding: 50px 15px; } .leftRailNavigation .widget + .widget { margin-top: 20px; } } .leftRailNavigation .widget.widget-white { background-color: rgb(255, 255, 255); } .leftRailNavigation .widget.widget-green { background-color: rgb(121, 153, 0); } .leftRailNavigation .widget .widget-wrap { padding: 35px; } .leftRailNavigation .widget .widget-wrap > p { margin-bottom: 20px; } .leftRailNavigation .widget .widget-wrap > p:last-child { margin: 0px; } .leftRailNavigation .widget .widget-wrap h3 { font-family: ProximaNova-Bold; font-size: 24px; margin-bottom: 20px; color: rgb(121, 153, 0); } .leftRailNavigation .widget.widget-white { background-color: rgb(255, 255, 255); } .leftRailNavigation .widget.widget-green { background-color: rgb(121, 153, 0); } .leftRailNavigation .widget.widget-green .widget-wrap h3 { color: rgb(255, 255, 255); } .leftRailNavigation .widget.widget-green .widget-wrap p { color: rgb(255, 255, 255); } .leftRailNavigation .link-container { background: rgb(255, 255, 255); padding: 30px; } .leftRailNavigation .widget .widget-title { color: rgb(50, 50, 50); font-size: 24px; font-family: ProximaNova-Bold; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid rgb(123, 123, 123); } .leftRailNavigation .widget .widget-title img { margin-right: 5px; } .leftRailNavigation .widget .widget-list ul { list-style: none; margin: 0px; padding: 0px; } .leftRailNavigation .widget .widget-list ul li.widget-list-item { margin-bottom: 30px; } .leftRailNavigation .widget .widget-list-item .item-cat { font-size: 12px; font-family: ProximaNova-Bold; color: rgb(50, 50, 50); letter-spacing: 2px; text-transform: uppercase; } .leftRailNavigation .widget.widget-dates li { position: relative; } .leftRailNavigation .widget.widget-dates li::after { display: block; clear: both; content: ""; } .leftRailNavigation .widget.widget-dates .item-date { float: left; width: 15%; text-align: center; font-size: 14px; padding-right: 20px; } .leftRailNavigation .widget.widget-dates .item-date span { display: block; font-family: ProximaNova-Bold; } .leftRailNavigation .widget.widget-dates .item-date span.item-day { font-size: 35px; } .leftRailNavigation .widget.widget-dates .item-info { float: left; width: 85%; padding-left: 25px; border-left: 5px solid rgb(247, 167, 0); font-family: ProximaNova-Bold; } @media (max-width: 767px) { .leftRailNavigation .widget.widget-dates .item-date { width: 20%; } .leftRailNavigation .widget.widget-dates .item-info { width: 80%; } } .leftRailNavigation .widget-search form { position: relative; } .leftRailNavigation .widget-search input[type="text"] { width: 100%; color: rgb(50, 50, 50); font-size: 20px; border: 1px solid rgb(194, 194, 194); padding: 15px 50px 10px 20px; border-radius: 25px; outline: none; } .leftRailNavigation .widget-search ::-webkit-input-placeholder { color: rgb(50, 50, 50); } .leftRailNavigation .widget-search button[type="submit"] { outline: none; border: 0px; background-color: transparent; color: rgb(12, 73, 156); position: absolute; right: 15px; top: 50%; font-size: 25px; transform: translate(0px, -50%); cursor: pointer; } .leftRailNavigation .widget-navigation h3 { background-color: rgb(0, 153, 168); color: rgb(255, 255, 255); font-family: MuseoSlab-700; font-size: 22px; line-height: 40px; padding: 5px 25px 0px; margin: 0px; } .leftRailNavigation .widget-navigation .side-navigation ul { margin: 0px; padding: 0px; list-style: none; } .leftRailNavigation .widget-navigation .side-navigation ul li { position: relative; } .leftRailNavigation .widget-navigation .side-navigation a:hover { color: rgb(50, 50, 50); text-decoration: none; } .leftRailNavigation .widget-navigation .side-navigation > ul > li { border-bottom: 2px solid rgb(194, 194, 194); padding: 0px; } .leftRailNavigation .widget-navigation .side-navigation li a { display: inline-block; padding: 10px 25px; width: calc(95%); } .leftRailNavigation .widget-navigation .side-navigation li a:hover { color: rgb(50, 50, 50); } .leftRailNavigation .widget-navigation .side-navigation li.item-selected > a { background-color: white; color: rgb(50, 50, 50); width: 100%; } .leftRailNavigation .widget-navigation .side-navigation li > a { color: rgb(12, 73, 156); font-family: ProximaNova-Bold; font-size: 18px; } .leftRailNavigation .widget-navigation .side-navigation > ul ul > li { padding: 0px; } .leftRailNavigation .widget-navigation .side-navigation > ul ul > li > a { color: rgb(12, 73, 156); font-family: ProximaNova-Bold; font-size: 15px; padding-left: 30px; padding-right: 30px; } .leftRailNavigation .widget-navigation .side-navigation > ul ul ul > li > a { font-family: ProximaNova-Regular; font-size: 15px; } .leftRailNavigation .widget-navigation .side-navigation > ul ul ul { border-bottom: 2px solid rgb(194, 194, 194); } .leftRailNavigation .widget-navigation .side-navigation li button { outline: none; border: 0px; background-color: transparent; padding: 0px; margin: 0px; float: right; color: rgb(12, 73, 156); display: inline-block; overflow: hidden; text-indent: -999px; width: 40px; height: 43px; position: absolute; top: 0px; right: 0px; } .leftRailNavigation .widget-navigation .side-navigation li button[aria-expanded="false"]::after { content: "+"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 20px; } .leftRailNavigation .widget-navigation .side-navigation li button[aria-expanded="true"]::after { content: "—"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 15px; } .leftRailNavigation .widget-navigation .side-navigation li.item-selected .show .item-selected > a { background: rgb(255, 255, 255); } .sidePromos.two-stack { display: inline-block; } .sidePromos .widget .widget-wrap { padding: 35px; } .sidePromos .widget .widget-wrap > p { margin-bottom: 20px; } .sidePromos .widget .widget-wrap > p:last-child { margin: 0px; } .sidePromos .widget .widget-wrap h3 { font-family: ProximaNova-Bold; font-size: 24px; margin-bottom: 20px; color: rgb(121, 153, 0); } .sidePromos .widget.widget-white { background-color: rgb(255, 255, 255); } .sidePromos .widget.widget-green { background-color: rgb(121, 153, 0); } .sidePromos .widget.widget-green .widget-wrap h3 { color: rgb(255, 255, 255); } .sidePromos .widget.widget-green .widget-wrap p { color: rgb(255, 255, 255); } .sidePromos .widget.widget-white { background-color: rgb(255, 255, 255); } .sidePromos .widget.widget-green { background-color: rgb(121, 153, 0); } .sidePromos .widget.widget-green .widget-wrap h3 { color: rgb(255, 255, 255); } .sidePromos .widget.widget-green .widget-wrap p { color: rgb(255, 255, 255); } .sidePromos .widget + .widget { margin-top: 35px; } .sidePromos .widget.widget-white { background-color: rgb(255, 255, 255); width: 100%; margin-bottom: 15px; } .sidePromos .widget.widget-green { background-color: rgb(121, 153, 0); } .sidePromos .widget .widget-wrap { padding: 35px; } .sidePromos .widget .widget-wrap > p { margin-bottom: 20px; } .sidePromos .widget .widget-wrap > p:last-child { margin: 0px; } .sidePromos .widget .widget-wrap h3 { font-family: ProximaNova-Bold; font-size: 24px; margin-bottom: 20px; color: rgb(121, 153, 0); } @media (max-width: 991px) { .sidePromos .widget .widget-wrap { padding: 20px; } } .sidePromos .widget-search { margin-top: 30px; } @media (max-width: 991px) and (min-width: 767px) { .sidePromos .widget-promotio-wrap .widget.widget-promotion { float: left; } .sidePromos .widget-promotio-wrap .widget.widget-promotion + .widget.widget-promotion { float: right; margin-top: 0px; } } @media (min-width: 0) { .sectionPromowLinks { max-width: 850px; margin: 0px auto; } .sectionPromowLinks .container { background-color: rgb(239, 239, 239); padding: 24px 26px; margin: 24px auto; } .sectionPromowLinks .heading { line-height: 20px; font-family: ProximaNova-Bold, sans-serif; font-size: 25px; font-weight: 400; margin-bottom: -8px; } .sectionPromowLinks .content { margin-top: -8px; margin-bottom: 8px; color: rgb(74, 74, 74); font-family: ProximaNova-Regular, sans-serif; font-size: 16px; line-height: 20px; } .sectionPromowLinks .links-region { margin-top: 24px; } .sectionPromowLinks .links-region ul { margin: 0px; list-style-type: none; } .sectionPromowLinks .links-region li { break-inside: avoid; } .sectionPromowLinks .links-region li + li { margin: 16px 0px 0px; } .sectionPromowLinks .links-region a { font-family: ProximaNova-Bold, sans-serif; line-height: 15px; } .sectionPromowLinks .links-region a::after { content: ""; font: 900 16px / 12px FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); vertical-align: initial; } .sectionPromowLinks .links-region a:hover { color: rgb(0, 0, 0); } } @media (min-width: 768px) { .sectionPromowLinks .container { padding: 32px 26px; } .sectionPromowLinks .links-region li, .sectionPromowLinks .links-region li + li { display: inline; margin-right: 32px; } } @media (min-width: 0) { .introSectionwThreeColumnThumbs { padding: 24px 0px; max-width: 825px; margin: 0px auto; } .introSectionwThreeColumnThumbs .heading { line-height: 32px; font-family: ProximaNova-Bold, sans-serif; font-size: 24px; font-weight: 400; } .introSectionwThreeColumnThumbs .content { line-height: 20px; font-family: ProximaNova-Regular, sans-serif; font-size: 16px; font-weight: 500; padding: 12px 0px; } .introSectionwThreeColumnThumbs a.more::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .introSectionwThreeColumnThumbs .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .introSectionwThreeColumnThumbs .content-wrap .single-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 24px 0px 12px; border-bottom: 2px solid rgb(240, 240, 240); } .introSectionwThreeColumnThumbs .content-wrap .single-content:last-of-type { border-bottom: none; } .introSectionwThreeColumnThumbs .content-wrap .single-content:first-of-type { padding-top: 16px; } .introSectionwThreeColumnThumbs .image { width: 100%; } .introSectionwThreeColumnThumbs .image img { max-width: 100%; } .introSectionwThreeColumnThumbs .single-content .heading { margin-top: 16px; } .introSectionwThreeColumnThumbs .single-content .heading a { color: rgb(12, 73, 156); line-height: 22px; font-family: ProximaNova-Bold, sans-serif; font-size: 18px; font-weight: 400; } .introSectionwThreeColumnThumbs .single-content .heading a:hover { color: rgb(0, 0, 0); } } @media (min-width: 768px) { .introSectionwThreeColumnThumbs .container { padding-left: 0px; padding-right: 0px; } .introSectionwThreeColumnThumbs .content-wrap { margin-top: 36px; columns: auto 3; column-rule: 1px solid rgb(194, 194, 194); column-gap: 40px; display: block !important; } .introSectionwThreeColumnThumbs .content-wrap .single-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 0px; border-bottom: none; break-inside: avoid; } .introSectionwThreeColumnThumbs .content-wrap .single-content:first-of-type { padding-top: 0px; } } @media (min-width: 0) { .introSectionSingle { padding: 24px 0px; max-width: 825px; margin: 0px auto; } .introSectionSingle .heading { line-height: 32px; font-family: ProximaNova-Bold, sans-serif; font-size: 24px; font-weight: 400; } .introSectionSingle .content { line-height: 20px; font-family: ProximaNova-Regular, sans-serif; font-size: 16px; font-weight: 500; padding: 12px 0px; } .introSectionSingle a.more::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .introSectionSingle .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .introSectionSingle .image { width: 100%; } .introSectionSingle .image img { max-width: 100%; } } @media (min-width: 768px) { .introSectionSingle .container { padding-left: 0px; padding-right: 0px; } .introSectionSingle .content-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .introSectionSingle .image { padding-right: 16px; } .introSectionSingle .image img { max-width: 309px; } .introSectionSingle .content { padding-left: 16px; } } @media (min-width: 0) { .heading-section { padding: 24px 0px; max-width: 825px; margin: 0px auto; } .heading-section .heading { line-height: 32px; font-family: ProximaNova-Bold, sans-serif; font-size: 24px; font-weight: 400; } } @media (min-width: 768px) { .heading-section .container { padding-left: 0px; padding-right: 0px; } } .blueSectionBlocks { padding: 60px 0px; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(12, 73, 156) 25%, rgb(0, 153, 168) 100%); } .blueSectionBlocks h3, .blueSectionBlocks h4, .blueSectionBlocks p { color: rgb(255, 255, 255); } .blueSectionBlocks .row { text-align: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .blueSectionBlocks h4 { font-size: 25px; margin-top: 0px; } .blueSectionBlocks h3 { width: 100%; } .blueSectionBlocks .block { text-align: left; border: 3px solid rgb(108, 170, 228); padding: 34px; } .blueSectionBlocks a.button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 3px solid rgba(255, 255, 255, 0.5); margin: 50px auto 0px; height: 50px; max-width: 150px; text-align: center; font-family: ProximaNova-Bold; color: rgb(255, 255, 255); font-size: 14px; text-transform: uppercase; transition: all 0.2s ease 0s; } .blueSectionBlocks a.button:hover { color: rgb(12, 73, 156); background: rgb(255, 255, 255); } .blueSectionBlocks .row > div { padding: 15px 30px; } .blueSectionBlocks .block { text-align: center; } @media (min-width: 768px) { .blueSectionBlocks .row > div { padding: 15px 60px; } } @media (min-width: 992px) { .blueSectionBlocks .block { text-align: left; } .blueSectionBlocks a.button { margin: 50px 0px 0px; } .blueSectionBlocks .row > div:nth-child(2n+1) { padding: 0px; } .blueSectionBlocks .row > div { padding: 0px 15px; } } @media (min-width: 1200px) { .blueSectionBlocks .row { margin: 0px; } } @media (min-width: 0) { .videoPlaylist { padding: 32px 0px; background-color: rgb(255, 255, 255); } .videoPlaylist .heading { margin: 0px; line-height: 30px; font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-size: 30px; font-weight: 400; color: rgb(50, 50, 50); } .videoPlaylist .heading::after { content: ""; display: block; margin: 24px 0px; width: 80px; height: 3px; background-color: rgb(148, 213, 3); } .videoPlaylist .player { display: flex; flex-flow: row wrap; justify-content: space-between; } .videoPlaylist .stage { width: 100%; position: relative; } .videoPlaylist .stage::before { content: ""; display: block; padding: 0px 0px 56.25%; position: relative; z-index: 0; } .videoPlaylist .stage iframe { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; } .videoPlaylist .buttons { display: flex; flex-flow: row wrap; justify-content: space-between; margin: 24px 0px 0px; width: 100%; } .videoPlaylist .buttons .prev, .videoPlaylist .buttons .next { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-weight: 400; background-color: transparent; color: rgb(12, 73, 156); cursor: pointer; } .videoPlaylist .buttons .prev::before { content: ""; display: inline-block; padding-right: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } .videoPlaylist .buttons .next::after { content: ""; display: inline-block; padding-left: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } } @media (min-width: 992px) { .videoPlaylist { padding: 80px 0px; } .videoPlaylist .stage { width: calc(60% - 32px); } .videoPlaylist .list { width: calc(40% - 32px); } .videoPlaylist .list { position: relative; } .videoPlaylist .list-interior { width: 100%; height: 100%; overflow-y: scroll; position: absolute; top: 0px; left: 0px; } .videoPlaylist .list .item { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 8px; cursor: pointer; transition: background-color 0.25s ease 0s; } .videoPlaylist .list .item:hover { background-color: rgb(236, 236, 236); } .videoPlaylist .list .item img { height: auto; width: 25%; } .videoPlaylist .list .item .title { padding: 0px 16px; width: 75%; font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; font-weight: 400; color: rgb(12, 73, 156); transition: color 0.25s ease 0s; } .videoPlaylist .list .item.active .title { color: rgb(0, 0, 0); } } @media (min-width: 0) { .blogPost { position: relative; padding-top: 55px; } .blogPost .meta-container span { font-family: ProximaNova-Bold; font-size: 12px; text-transform: uppercase; } .blogPost .meta-container span:nth-child(2n+1) { margin-right: 5px; } .blogPost .meta-container span:nth-child(2n) { margin-left: 5px; } .blogPost .meta-container p { font-family: ProximaNova-Light; font-size: 16px; font-weight: bold; } .blogPost img { height: auto; width: 100%; margin-bottom: 30px; } .blogPost ul { display: block; flex-direction: column; justify-content: center; align-items: center; list-style-type: none; } .blogPost .social-media { position: relative; } .blogPost .social-media ul { display: flex; flex-direction: row; justify-content: center; align-items: center; list-style-type: none; margin-bottom: 16px; } .blogPost .icon { height: 48px; width: 48px; border: 2px solid rgb(12, 73, 156); margin-bottom: 10px; text-align: center; padding: 10px 0px; margin-right: 10px; cursor: pointer; } .blogPost h4 { font-family: ProximaNova-Bold; font-size: 19px; } .blogPost .content-container { max-width: 774px; padding-right: 40px; } .content-container .section-block { margin-bottom: 40px; } } @media (min-width: 768px) { .blogPost .social-media { position: absolute; right: 0px; } .blogPost img { margin-bottom: 60px; margin-top: 20px; } .blogPost .meta-container { max-width: 375px; } } @media (min-width: 1375px) { .blogPost .social-media { right: auto; } .blogPost .social-media:not(.sticky) { position: absolute; left: -60px; width: 58px; } .blogPost .not-sticky { position: absolute; bottom: 0px; margin-left: -54px; } .blogPost .social-media.sticky { position: fixed; top: 120px; margin-left: -114px; } .blogPost .social-media ul { flex-direction: column; } } @media (max-width: 767px) { .blogPost .content-container { padding-right: 0px; } .blogPost img { max-width: 100%; } } @media (min-width: 0) { .rightRailBlogLinks { background: rgb(240, 240, 240); padding: 0px 50px; } .rightRailBlogLinks h4 { border-bottom: 1px solid rgb(0, 0, 0); padding-bottom: 10px; } .rightRailBlogLinks a { font-family: ProximaNova-Bold, Helvetica, Verdana, sans-serif; margin-bottom: 15px; color: rgb(12, 73, 156); } .rightRailBlogLinks a:hover { color: rgb(0, 0, 0); } .rightRailBlogLinks a::after { content: ""; display: inline-block; padding-left: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } .rightRailBlogLinks ul { list-style-type: none; } .rightRailBlogLinks ul li { margin-bottom: 35px; } .rightRailBlogLinks .search-prompt { display: block; padding: 50px 0px 25px; width: 100%; text-align: right; background: rgb(240, 240, 240); position: relative; } .rightRailBlogLinks .search-prompt input { border-radius: 22px; padding: 5px 15px; height: 50px; font-size: 18px; text-align: left; background-position: 90% center; background-repeat: no-repeat; background-size: 24px; } .rightRailBlogLinks .search-prompt button { background-color: transparent; position: relative; right: 15px; bottom: 33px; cursor: pointer; } .rightRailBlogLinks .search-prompt button i::before { color: rgb(12, 73, 156); font-size: 1.2em; } .rightRailBlogLinks .search-prompt input::-webkit-input-placeholder { font-family: ProximaNova-Regular, Helvetica, Verdana, sans-serif; color: rgb(0, 0, 0); font-size: 18px; font-style: normal; } } @media (min-width: 991px) { .rightRailBlogLinks h4, .rightRailBlogLinks ul, .rightRailBlogLinks .search-prompt { max-width: 260px; } .rightRailBlogLinks::after { content: ""; display: block; position: absolute; width: 100vw; height: 100%; background: rgb(240, 240, 240); left: 100%; top: 0px; } } @media (min-width: 0) { .relatedArticles.articleCards .row.top { margin-bottom: 0px; } .relatedArticles.articleCards:not(.two-stack) .row.bot { margin-top: 0px; max-width: 774px; } .relatedArticles .heading { color: rgb(50, 50, 50); } .relatedArticles.articleCards .row.bot > div { display: flex; } .relatedArticles.articleCards .card { border: none; flex: 1 1 0%; } .relatedArticles.articleCards .card-image { background-size: cover; background-position: center center; padding-bottom: 56.1265%; } .relatedArticles.articleCards .row-wrap { max-width: 774px; } } @media (min-width: 768px) { .relatedArticles.articleCards:not(.two-stack) .row.bot { margin-left: 0px; margin-right: 0px; } .relatedArticles.articleCards .card-wrapper { padding-left: 0px; padding-right: 20px; } } @media (min-width: 0) { .commentSection .card { border: none; } .commentSection .card-header { padding: 2.25rem 0px; margin-bottom: 0px; background-color: rgb(255, 255, 255); border-bottom: 2px solid rgba(0, 0, 0, 0.125); } .commentSection .card-body { padding-left: 0px; padding-right: 0px; } .commentSection .heading { line-height: 24px; font-family: ProximaNova-Bold, sans-serif; font-size: 22px; font-weight: 500; } .commentSection .show-hide { font-family: ProximaNova-Bold, sans-serif; background-color: rgb(255, 255, 255); cursor: pointer; } .commentSection .show-hide.collapsed::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(12, 73, 156); } .commentSection .show-hide.collapsed span.show { display: inline; } .commentSection .show-hide.collapsed span.hide { display: none; } .commentSection .show-hide:not(.collapsed)::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(12, 73, 156); } .commentSection .show-hide:not(.collapsed) span.show { display: none; } .commentSection .show-hide:not(.collapsed) span.hide { display: inline; } .commentSection .commentWrapper { padding: 22px 0px; } .commentSection .commentDate { text-transform: uppercase; font-family: ProximaNova-Bold, sans-serif; font-size: 12px; } .commentSection .commentAuthor { font-family: ProximaNova-Bold, sans-serif; font-size: 20px; } .commentSection .commentText { font-family: ProximaNova-Regular, sans-serif; font-size: 16px; } } @media (min-width: 0) { .signUpBar { background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(0, 153, 168) 100%); position: relative; } .signUpBar .container { padding: 48px; } .signUpBar .text { color: rgb(255, 255, 255); font-family: ProximaNova-Bold, sans-serif; font-size: 24px; line-height: 29px; text-align: center; } .signUpBar a.button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 3px solid rgba(255, 255, 255, 0.5); margin: 30px auto 0px; height: 40px; max-width: 150px; text-align: center; font-family: ProximaNova-Bold; color: rgb(255, 255, 255); font-size: 14px; text-transform: uppercase; transition: all 0.2s ease 0s; } .signUpBar a.button:hover { color: rgb(12, 73, 156); background: rgb(255, 255, 255); } } @media (min-width: 768px) { .signUpBar .text { color: rgb(255, 255, 255); font-family: ProximaNova-Bold, sans-serif; font-size: 22px; line-height: 24px; text-align: left; } .signUpBar a.button { margin-top: 0px; } } @media (min-width: 1200px) { .signUpBar .text { font-size: 24px; line-height: 26px; } } @media (min-width: 0) { .videoLibrary .container { max-width: 800px; } .videoLibrary .card-inner-wrapper { position: relative; } .videoLibrary .grouping-row .more:hover { color: rgb(0, 0, 0); } @media (min-width: 768px) { .videoLibrary .interior { padding: 16px 20px; } } .videoLibrary .interior .all-videos p { font-size: 16px; margin-top: 15px; margin-bottom: 15px; } .videoLibrary .interior .all-videos .site-btn { margin-bottom: 50px; } .videoLibrary .interior .all-videos .view-videos { font-size: 18px; font-weight: 600; } .videoLibrary .interior .all-videos .view-videos::before { content: ""; display: inline-block; padding-right: 5px; padding-top: 2px; font: 900 14px / 1 FontAwesome; vertical-align: baseline; color: rgb(0, 153, 168); } .videoLibrary .card-body a::after { content: ""; font: 900 16px / 1 FontAwesome; padding-left: 5px; color: rgb(0, 153, 168); } .videoLibrary .grouping-row .heading { margin: 0px 0px 20px; padding: 0px; color: rgb(50, 50, 50); font-family: ProximaNova-Bold, sans-serif; font-size: 25px; font-weight: 400; line-height: 30px; } .videoLibrary .grouping-row .more { padding: 0px; color: rgb(12, 73, 156); font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; line-height: 15px; } .videoLibrary hr { display: block; margin: 16px 0px 0px; border: none; width: 100%; height: 2px; background-image: linear-gradient(to right, rgb(12, 73, 156), rgb(0, 153, 168)); } .videoLibrary .previews-row { padding: 32px; } .videoLibrary .card-text { font-family: ProximaNova-Bold; } } .videoLibraryPage .video-download .container { max-width: 800px; margin: 0px auto; } .videoLibraryPage .video-download .card { border: none; } .videoLibraryPage .video-download .download-img { padding: 10px; border: 2px solid rgb(238, 238, 238); margin: 20px 0px; } .videoLibraryPage .video-download p { margin: 30px 0px; } .videoLibraryPage .videoLibrary .blogCards { margin: 0px; } .videoLibraryPage .videoLibrary .blogCards .card { margin-bottom: 0px; } .videoLibraryPage .heading { margin: 0px 0px 20px; padding: 0px; color: rgb(50, 50, 50); font-family: ProximaNova-Bold, sans-serif; font-size: 25px; font-weight: 400; line-height: 30px; } .videoLibraryPage .heading h2 { font-size: 25px; } @media (max-width: 767px) { .videoLibrary .grouping-row .more-col { margin-top: 13px; } .videoLibrary .previews-row .card-col + .card-col { margin-top: 16px; } .videoLibrary .previews-row { padding: 0px; } } @media (min-width: 768px) { .videoLibrary .grouping-row { justify-items: stretch; } .videoLibrary .grouping-row .more-col { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } .videoLibrary .previews-row { margin: 0px -8px; padding: 32px 0px; } .videoLibrary .previews-row .card-col:nth-child(2n) { padding: 0px 10px; } .videoLibrary .previews-row .card-col { padding: 0px 8px; } } @media (max-width: 767px) { .sectionTimeline { opacity: 1; background-image: linear-gradient(to right, rgb(13, 73, 156), rgb(2, 149, 168)) !important; } .sectionTimeline .content-region { background-image: none !important; } .videoLibrary .previews-row { padding: 32px 0px; } } @media (min-width: 1200px) { .sectionTimeline .content-region { background-image: none !important; } } .leftRailHelplinePromo { background-color: rgb(12, 73, 156); color: rgb(255, 255, 255); padding: 30px 23px; } .leftRailHelplinePromo.blogCards { margin: 30px 0px; } .leftRailHelplinePromo.blogCards .dropdowns .btn-group { width: 200px; } .leftRailHelplinePromo p { font-weight: bold; margin-bottom: 0px; } .leftRailHelplinePromo .widget-wrap { padding: 25px 0px; } .leftRailHelplinePromo .widget .widget-wrap { padding: 0px; } .leftRailHelplinePromo .widget-wrap:first-child > p { margin-bottom: 10px; } .leftRailHelplinePromo .widget-wrap:first-child { padding-top: 0px; padding-bottom: 35px; } .leftRailHelplinePromo .widget-wrap:last-child { padding-top: 35px; padding-bottom: 0px; } .leftRailHelplinePromo .widget-wrap:first-child { border-bottom: 1px solid rgb(108, 169, 227); } .leftRailHelplinePromo .widget-wrap:last-child { border-top: 1px solid rgb(108, 169, 227); } .leftRailHelplinePromo p, .leftRailHelplinePromo h3 { color: rgb(255, 255, 255); } .leftRailHelplinePromo h3, .leftRailHelplinePromo a { color: rgb(108, 169, 227) !important; } .leftRailHelplinePromo .widget-wrap.copy { padding-top: 20px; padding-bottom: 20px; padding-right: 75px; } @media (max-width: 575.98px) { .leftRailHelplinePromo .widget-wrap.copy { padding-right: 40px; } } .leftRailHelplinePromo .widget-wrap.copy p { font-size: 18px; } .leftRailHelplinePromo .widget-wrap.copy h3 { font-size: 29px; } .leftRailHelplinePromo.blogCards .col-sm-12.dropdowns { padding: 0px; } .leftRailHelplinePromo .widget p.wrapper { display: inline-block; } .leftRailHelplinePromo.blogCards .btn-group .btn, .leftRailHelplinePromo.blogCards .btn-group .btn.dropdown-toggle { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .leftRailHelplinePromo a.site-btn { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); height: 40px; font-size: 14px; font-weight: lighter; padding-top: 8px; } .leftRailHelplinePromo a.site-btn:hover { background: rgb(255, 255, 255); color: rgb(12, 73, 156); } @media (max-width: 768px) { #primary .widget-search { position: relative !important; } .fixed-1 { position: fixed; top: 0px; left: 0px; width: 100%; } } .mob_menu_active { width: 100%; height: 100%; overflow: hidden; } .mob_menu_active #masthead { height: 100%; } .ie_message { background-color: rgb(14, 80, 155); color: rgb(255, 255, 255); font-size: 18px; height: 40px; line-height: 40px; text-align: center; } .close-ie .fa.fa-times { color: rgb(255, 255, 255); font-weight: normal; } .two-stack.mobile .carousel-inner { overflow: visible !important; } @supports (-ms-ime-align:auto) { .homePage-Map { display: block !important; } } .back-to-home-btn { margin-top: 25px; } .back-to-home-btn > a { color: rgb(0, 112, 204); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .back-to-home-btn > a:hover { text-decoration: underline; } .dynamic-content.random-dynamic-content .introwJumplinks-2 .links ul { margin-left: 0px; } .content .introwJumplinks-2 .links { padding: 0px; } @media only screen and (min-device-width: 1536px) { .homepageHero .carousel-item { min-height: 600px; } } @media (min-width: 2000px) { .homepageHero .carousel-item { min-height: 700px; } } @media (min-width: 1200px) { #DONATE-NOW { display: inline-block; width: 100%; position: static; margin-top: -3px; height: 30px; background: rgb(12, 73, 156); font-size: 12px; padding: 7px; text-transform: uppercase; font-family: ProximaNova-Bold; font-weight: lighter; max-width: 112px; text-align: center; color: rgb(255, 255, 255) !important; line-height: 28px !important; border: 2px solid rgb(12, 73, 156) !important; } #DONATE-NOW:hover { background: rgb(255, 255, 255) !important; color: rgb(12, 73, 156) !important; } } #masthead .nav .utility li:last-child::before { content: ""; display: block; width: 0px; height: 10px; } .interstitialpromo { position: sticky; top: 0px; z-index: 0; } .homepageHero, .sectionTimeline, .homepageArticles { background: rgb(255, 255, 255); } @media (min-width: 768px) { .videoLibrary .all-videos.dropdowns .btn-group { width: auto; } } .footer-print-content { display: none; } .header-print-logo img { display: none; } @media print { body { display: block; } @page { size: a4; } .content-top .container { margin: 0px; overflow-y: visible !important; } * { -webkit-print-color-adjust: exact; overflow-y: visible !important; } @page { width: 100vw; height: 100vh; } #masthead, footer, .helplineBarBottom, .leftRailNavigation, .bread-crumb-trail { display: none; } .hero .page-title { text-align: center; margin: 0px; display: block !important; } .header-print-logo img { width: 200px; margin-bottom: 30px; display: block !important; } .footer-print-content { border-top: 1px solid rgb(0, 0, 0); margin-top: 30px; display: block !important; } .footer-print-content hr { display: block; height: 1px; background: transparent; width: 100%; -webkit-print-color-adjust: exact; border-top: 1px solid rgb(0, 0, 0) !important; } .footer-print-content a { line-height: 1.5; text-decoration: none; } .dynamic-content.random-dynamic-content, .content { padding: 0px !important; } .sticky-master + .nami-content { padding-top: 0px !important; } } .blogPost .content-container ul { list-style: disc; margin-left: 30px; } .covid { margin-bottom: 12px; } @media screen and (max-width: 991px) { .advocate-left-nav { padding: 0px !important; } } .mastheadPromo.addpromo.blogCards .row.no-gutters > div img { height: auto !important; } @media (min-width: 0) { .container-fluid { padding: 0px; } .homepageHero_container { position: relative; } .slider-for { height: 480px; } .slider-for .slick-slide .slider-banner-image { background-size: cover; background-repeat: no-repeat; background-position: center top !important; } .slider-for .slick-slide .slider-banner-image img { width: 100%; height: auto; display: block; } .slider-for .content-wrapper { height: 100%; width: 100%; max-width: 1440px; margin: 0px auto; } .slider-for .content-wrapper .carousel-content-container { background: rgb(12, 73, 156); padding: 12rem 24px; text-align: left; color: rgb(255, 255, 255); z-index: 1; } .slider-for .content-wrapper .carousel-content-container .header { font-size: 30px; line-height: 35px; font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; font-weight: 700; } .slider-for .content-wrapper .carousel-content-container .copy { font-size: 18px; line-height: 20px; font-weight: 700; margin: 30px 0px; } .slider-for .content-wrapper .carousel-content-container .button { display: block; max-height: 40px; max-width: 170px; border: 3px solid rgb(255, 255, 255); padding: 8px 20px; text-align: center; color: rgb(255, 255, 255); font-weight: 900; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; font-size: 14px; } .slider-for .content-wrapper .carousel-content-container .button:hover { background: rgb(255, 255, 255); color: rgb(0, 86, 179); } .slider-nav { position: relative; bottom: 0px; margin: 0px; background: rgb(50, 50, 50); opacity: 1; height: 75px; text-align: center; display: flex !important; } .slider-nav .slick-arrow { padding: 20px; width: 70px; } .slider-nav .slick-slide { font-family: ProximaNova-Bold; height: 75px; display: flex; align-items: center; padding: 10px; text-align: center; color: rgba(255, 255, 255, 0.5); font-weight: bold; position: relative; border: none; justify-content: center; } .slider-nav .slick-slide::after, .slider-nav .slick-slide.slick-current::after, .slider-nav .slick-slide::before, .slider-nav .slick-slide.slick-current::before { display: none; } .slider-nav .slick-slide.slick-current::after { height: 80%; top: 10%; background: rgb(108, 170, 228); } .slider-nav .slick-slide.slick-current { color: rgb(255, 255, 255); } .slider-nav .carousel-control-prev-icon, .slider-nav .carousel-control-next-icon { position: relative; top: 50%; bottom: 0px; transform: translateY(-50%); opacity: 1; background-size: contain !important; } .slider-nav .carousel-control-next, .slider-nav .carousel-control-prev { opacity: 1; height: 75px; background: rgb(50, 50, 50); } .slider-nav .carousel-control-prev-icon { background-image: url("/getmedia/3588918f-154d-4da2-a527-5557aa4a4811/chevron-left"); } .slider-nav .carousel-control-next-icon { background-image: url("/getmedia/2d935ff0-9274-47d3-b6e3-6c97f200594e/chevron-right"); } } @media (min-width: 768px) { .slider-for .slick-slide .slider-banner-image { max-height: 750px; } .slider-for .slick-slide .slider-banner-image { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; max-height: 500px; min-height: 500px; } .slider-for .slick-slide .slider-banner-image img { display: none; } .slider-for .slick-slide .slider-banner-image::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgba(0, 153, 168, 0.8) 33%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); } .slider-for .content-wrapper .carousel-content-container { position: absolute; top: 50%; width: 58.33%; transform: translateY(-50%); background: transparent; padding: 0px 0px 0px 12rem; } .slider-for .content-wrapper .carousel-content-container .header { font-size: 50px; line-height: 55px; font-weight: normal; } .slider-nav .slick-slide { height: 75px; } .slider-nav .slick-slide.slick-current::after { content: ""; display: block; position: absolute; top: inherit; bottom: 0px; left: 10%; width: 80%; height: 5px; background: rgb(108, 170, 228); } } @media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) { .slider-for { height: auto; } .slider-for .slick-slide .slider-banner-image { min-height: 600px; } } @media (min-width: 992px) { .slider-for { height: 600px; } .slider-for .slick-slide .slider-banner-image { max-height: 600px; min-height: 600px; position: relative; } .slider-for .content-wrapper .carousel-content-container .header { font-size: 75px; line-height: 75px; } .slider-for .content-wrapper .carousel-content-container .copy { font-weight: 500; } .slider-for .content-wrapper .carousel-content-container { width: 100%; max-width: 740px; padding: 0px 0px 0px 270px; } .slider-nav .slick-slide { height: 90px; } .slider-nav .slick-list { padding-right: 4rem !important; } .slider-nav { left: 70%; top: 50%; transform: translate(-320%, -50%); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px; height: 480px; width: 210px; padding: 0px 15px; background: transparent; position: absolute !important; } .slider-nav .slick-slide::after, .slider-nav .slick-slide.slick-current::after, .slider-nav .slick-slide::before, .slider-nav .slick-slide.slick-current::before { content: ""; display: block; position: absolute; top: 0%; left: 100%; width: 5px; margin: 0px 0px 0px 25px; height: 100%; background: rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; } .slider-nav .slick-slide.slick-current::after { height: 80%; top: 10%; background: rgb(108, 170, 228); } .slider-nav .slick-arrow { width: auto; height: 60px; padding: 0px 4rem 0px 0px; } .slider-nav .carousel-control-prev-icon, .slider-nav .carousel-control-next-icon { transform: rotate(90deg); top: 20px; } .content-indicators-wrapper { position: absolute; inset: 0px; height: 600px; width: 100%; max-width: 1440px; margin: auto; } } @media (min-width: 1025px) { .slider-nav { left: 50%; } } @media (min-width: 991px) { .sectionBlockwLinks .blogCards .interior .card-2 .card[class*="col-"]:nth-child(3n) { padding-right: 0px; } .sectionBlockwLinks .blogCards .interior .card-2 .card[class*="col-"]:nth-child(3n+1) { padding-left: 0px; padding-right: 15px; } @media (min-width: 991px) { .sectionBlockwLinks .blogCards .interior .card-2 .card[class*="col-"]:nth-child(3n+2) { padding-right: 15px; } } .sectionBlockwLinks .blogCards .card { margin-bottom: 30px; } }

@charset "utf-8"; @import url("//hello.myfonts.net/count/2d3ebe"); @font-face { font-family: museoslab-100; src: url("2D3EBE_0_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_0_0.woff2") format("woff2"), url("2D3EBE_0_0.woff") format("woff"), url("2D3EBE_0_0.ttf") format("truetype"); } @font-face { font-family: museoslab-700; src: url("2D3EBE_1_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_1_0.woff2") format("woff2"), url("2D3EBE_1_0.woff") format("woff"), url("2D3EBE_1_0.ttf") format("truetype"); } @font-face { font-family: museoslab-300; src: url("2D3EBE_2_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_2_0.woff2") format("woff2"), url("2D3EBE_2_0.woff") format("woff"), url("2D3EBE_2_0.ttf") format("truetype"); } @font-face { font-family: proximanovaa-bold; src: url("2D3EBE_3_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_3_0.woff2") format("woff2"), url("2D3EBE_3_0.woff") format("woff"), url("2D3EBE_3_0.ttf") format("truetype"); } @font-face { font-family: proximanovas-regular; src: url("2D3EBE_4_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_4_0.woff2") format("woff2"), url("2D3EBE_4_0.woff") format("woff"), url("2D3EBE_4_0.ttf") format("truetype"); } @font-face { font-family: proximanovas-semibold; src: url("2D3EBE_5_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_5_0.woff2") format("woff2"), url("2D3EBE_5_0.woff") format("woff"), url("2D3EBE_5_0.ttf") format("truetype"); } @font-face { font-family: proximanovas-bold; src: url("2D3EBE_6_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_6_0.woff2") format("woff2"), url("2D3EBE_6_0.woff") format("woff"), url("2D3EBE_6_0.ttf") format("truetype"); } @font-face { font-family: proximanovaa-light; src: url("2D3EBE_7_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_7_0.woff2") format("woff2"), url("2D3EBE_7_0.woff") format("woff"), url("2D3EBE_7_0.ttf") format("truetype"); } @font-face { font-family: proximanovaa-semibold; src: url("2D3EBE_8_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_8_0.woff2") format("woff2"), url("2D3EBE_8_0.woff") format("woff"), url("2D3EBE_8_0.ttf") format("truetype"); } @font-face { font-family: proximanovaa-regular; src: url("2D3EBE_9_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_9_0.woff2") format("woff2"), url("2D3EBE_9_0.woff") format("woff"), url("2D3EBE_9_0.ttf") format("truetype"); } @font-face { font-family: proximanovas-light; src: url("2D3EBE_A_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_A_0.woff2") format("woff2"), url("2D3EBE_A_0.woff") format("woff"), url("2D3EBE_A_0.ttf") format("truetype"); } @font-face { font-family: proximanova-light; src: url("2D3EBE_B_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_B_0.woff2") format("woff2"), url("2D3EBE_B_0.woff") format("woff"), url("2D3EBE_B_0.ttf") format("truetype"); } @font-face { font-family: proximanova-semibold; src: url("2D3EBE_C_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_C_0.woff2") format("woff2"), url("2D3EBE_C_0.woff") format("woff"), url("2D3EBE_C_0.ttf") format("truetype"); } @font-face { font-family: proximanova-regular; src: url("2D3EBE_D_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_D_0.woff2") format("woff2"), url("2D3EBE_D_0.woff") format("woff"), url("2D3EBE_D_0.ttf") format("truetype"); } @font-face { font-family: proximanova-bold; src: url("2D3EBE_E_0.eot?#iefix") format("embedded-opentype"), url("2D3EBE_E_0.woff2") format("woff2"), url("2D3EBE_E_0.woff") format("woff"), url("2D3EBE_E_0.ttf") format("truetype"); }

@charset "utf-8";

@charset "utf-8"; .site-header { background-color: rgb(255, 255, 255); padding-top: 20px; } .utility-navigation ul > li { color: rgb(50, 50, 50); display: inline-block; font-family: ProximaNova-Bold; font-size: 12px; position: relative; } .utility-navigation ul > li.item-search { font-size: 16px; color: rgb(12, 73, 156); } .utility-navigation ul#utility-menu > li::before { content: "|"; position: absolute; left: -2px; } .utility-navigation ul > li.item-search::before { display: none; } .utility-navigation ul > li.item-search + li::before { display: none; } .utility-navigation ul { text-align: right; } .utility-navigation ul > li a { color: rgb(50, 50, 50); } .utility-navigation ul > li a:hover { color: rgb(12, 73, 156); text-decoration: none; } .utility-navigation ul#utility-menu > li + li { padding-left: 10px; margin-left: 10px; } .utility-navigation li.item-has-children { padding-right: 0px; } .utility-navigation li.item-has-children::after { content: ""; font: 900 14px / 1 FontAwesome; padding-left: 5px; color: rgb(12, 73, 156); } .utility-navigation li.item-has-children:hover::after { content: ""; } .utility-navigation li { position: relative; } .utility-navigation ul ul { display: none; position: absolute; left: 0px; background-color: rgb(255, 255, 255); padding: 15px 15px 5px; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(12, 73, 156) rgb(194, 194, 194) rgb(194, 194, 194); border-image: initial; text-align: left; min-width: 150px; z-index: 2; } .utility-navigation ul li:hover ul { display: block; } .utility-navigation ul ul.sub-menu li { display: block; margin-bottom: 5px; } .utility-navigation ul ul.sub-menu li a { color: rgb(12, 73, 156); } .top-navigation { padding-right: 0px; } .utility-navigation ul ul.sub-menu li a img { vertical-align: baseline; margin-right: 5px; } @media (max-width: 991px) { .navbar.top-navigation { justify-content: flex-end; padding-right: 0px; } } .top-navigation .navbar-toggler { color: rgb(12, 73, 156); font-size: 27px; padding-right: 0px; margin-right: 0px; text-align: right; } .top-navigation a[aria-label="Search"] { font-size: 25px; } .top-navigation .navbar-toggler .navbar-toggler-icon { height: 1em; } .top-navigation ul > li { color: rgb(50, 50, 50); display: inline-block; font-family: ProximaNova-Bold; font-size: 14px; position: relative; } .top-navigation ul > li li { display: block; } .top-navigation ul { text-align: right; margin: 15px 0px 0px; } .top-navigation ul > li a { color: rgb(50, 50, 50); } .top-navigation ul > li.nav-item-selected a, .top-navigation ul > li.nav-item-ancestor a { color: rgb(12, 73, 156); } .top-navigation ul > li a:hover { color: rgb(12, 73, 156); text-decoration: none; } .top-navigation ul > li + li { padding-left: 1.6rem; margin-left: 1rem; } .top-navigation li.item-has-children { padding-right: 12px; } .top-navigation li.item-has-children button { color: rgb(12, 73, 156); position: absolute; border: 0px; padding: 0px; right: 0px; font-weight: 900; background-color: transparent; } .top-navigation li.item-has-children button i { font-weight: 900; } @media (max-width: 1199px) { .top-navigation li { text-align: center; line-height: normal; } } .top-navigation #top-menu { justify-content: flex-end; } @media (max-width: 991px) { .top-navigation .navbar-toggler[aria-expanded="true"] .fa-bars::before { content: ""; } .top-navigation li { text-align: left; position: relative; } div.mobile-controls { position: absolute; top: -3em; } .top-navigation ul > li + li { margin-left: 0px; padding-left: 0px; } .top-navigation ul > li a { color: rgb(12, 73, 156); width: 100%; display: block; padding: 10px 0px; } .top-navigation li.item-has-children button { width: 30px; height: 30px; } .top-navigation li.item-has-children button i::before { content: ""; } .top-navigation ul { margin-top: 0px; padding: 0px; } .top-navigation ul > li.nav-item-selected > a, .top-navigation ul > li.nav-item-ancestor > a { color: rgb(50, 50, 50); } .top-navigation ul { text-align: left; } .top-navigation ul > li { display: block; } .top-navigation .dropdown-divider { border-color: rgb(0, 153, 168); } } .main-navigation { background-color: rgb(50, 50, 50); } @media (max-width: 767px) { .main-navigation { padding: 0px; } } .main-navigation .navbar-brand { color: white; font-family: ProximaNova-Bold; font-size: 14px; width: 99%; padding: 10px 45px; } .main-navigation .navbar-brand[aria-expanded="true"] { border-bottom: 1px solid rgb(151, 151, 151); } .main-navigation button[data-target="#main-menu"] { position: absolute; left: 0px; top: 8px; } .main-navigation button[data-target="#main-menu"][aria-expanded="true"] { color: transparent; left: unset; right: 0px; } .main-navigation button[data-target="#main-menu"][aria-expanded="true"]::before { content: ""; font: 20px / 1 FontAwesome; color: rgb(108, 170, 228); position: absolute; } .main-navigation .navbar-toggler { color: rgb(108, 170, 228); font-size: 18px; margin-left: 5px; } .main-navigation .navbar-toggler .navbar-toggler-icon { height: 1em; } .main-navigation ul { margin-top: 12px; margin-bottom: 13px; } .main-navigation ul > li { color: rgb(255, 255, 255); display: inline-block; font-family: ProximaNova-Bold; font-size: 14px; position: relative; } .main-navigation ul { text-align: right; } @media (min-width: 991px) { .main-navigation ul > li.nav-item-selected > a { color: rgb(108, 170, 228); } } .main-navigation ul > li a { color: rgb(255, 255, 255); } .main-navigation ul > li a:hover { color: rgb(108, 170, 228); text-decoration: none; } .main-navigation ul > li a:hover { color: rgb(108, 170, 228); text-decoration: none; } .main-navigation ul > li + li { padding-left: 1rem; margin-left: 33px; } .main-navigation .container { justify-content: flex-end; } @media (max-width: 991px) { .main-navigation .container { justify-content: flex-start; } } @media (max-width: 991px) { .main-navigation { padding: 0px; } .main-navigation .container { margin: 0px auto; } .main-navigation .row { width: 100%; margin: 0px; } .main-navigation .row .col-md-12 { padding: 0px; } .main-navigation ul { text-align: left; margin-top: 0px; } .main-navigation ul > li, .main-navigation ul > li + li { padding: 0px; margin-left: 0px; position: relative; } .main-navigation ul > li > a { display: block; width: 100%; padding: 20px 45px; font-size: 17px; } .main-navigation ul li li > a { padding: 20px 60px; } .main-navigation ul li li li > a { padding: 20px 75px; } .main-navigation ul li li li li > a { padding: 20px 85px; } .main-navigation ul li button { position: absolute; right: 0px; top: 50%; transform: translate(0px, -50%); color: rgb(108, 170, 228); width: 40px; height: 37px; border: 0px; background: transparent; font-size: 20px; } .main-navigation ul ul li button { color: rgb(12, 73, 159); } .main-navigation ul li button[aria-expanded="true"] { left: 0px; color: transparent; top: -1.1em; } .main-navigation ul li li button[aria-expanded="true"] { top: -1.5em; } .main-navigation ul li button[aria-expanded="true"]::before { font: 20px / 1 FontAwesome; content: ""; color: rgb(255, 255, 255); position: absolute; } .main-navigation ul ul li button[aria-expanded="true"]::before { color: rgb(0, 0, 0); } .main-navigation ul li { transition: all 300ms ease 0s; } .main-navigation ul li.item-hidden { height: 0px; overflow: hidden; } .main-navigation ul li button[aria-expanded="true"] + a { background-color: rgb(108, 170, 228); color: rgb(0, 0, 0); } .main-navigation ul > li ul { background-color: white; } .main-navigation ul > li ul li a { color: rgb(12, 73, 156); } #main-menu { transition: all 500ms ease 0s; } #main-menu.show { min-height: 100vh; } } .extranet-hero { min-height: 200px; background: linear-gradient(90deg, rgb(12, 73, 156) 0%, rgb(0, 153, 168) 100%); position: relative; } .extranet-hero h1.page-title { color: rgb(255, 255, 255); font-family: MuseoSlab-700, Helvetica, Verdana, sans-serif; text-align: center; font-size: 50px; margin-top: 10px; } @media (max-width: 991px) { .extranet-hero { min-height: 175px; } .extranet-hero h1.page-title { font-size: 35px; } } @media (max-width: 767px) { .extranet-hero .row.hero-title { min-height: 175px; align-items: center; } .extranet-hero h1.page-title { font-size: 28px; } } @media (min-width: 767px) { .page-has-parent .extranet-hero h1.page-title { margin-top: 30px; } } .extranet-hero h2.page-sub-title { color: rgb(255, 255, 255); text-align: center; font-size: 20px; } @media (max-width: 767px) { .extranet-hero h2.page-sub-title { font-size: 16px; } } .extranet-hero .shortcuts { padding-top: 20px; } #primary .shortcuts { margin-top: 40px; } @media (max-width: 575.98px) { #primary .shortcuts a.site-btn.btn-blue.btn-small { margin-bottom: 10px; } } .naminet-bread-crumb .bread-crumb-trail { background-color: transparent; } .bread-crumb-trail.d-none.d-md-block a:last-child { font-weight: 900; } .bread-crumb-trail { padding-top: 20px; color: rgb(255, 255, 255); font-size: 13px; font-family: ProximaNova-Bold; } .bread-crumb-trail span { font-family: ProximaNova-Light; display: inline-block; padding: 0px 5px; font-size: 10px; } .bread-crumb-trail a { color: rgb(255, 255, 255); text-decoration: none; font-family: ProximaNova-Light; } #page { overflow-x: hidden; } .home #page { background-color: rgb(243, 243, 243); } #content { background-color: rgb(243, 243, 243); max-width: 1600px; margin: 0px auto; } .page-has-parent #primary { background: rgb(255, 255, 255); } @media (max-width: 991px) and (min-width: 767px) { .page-has-parent #primary { background: linear-gradient(rgb(243, 243, 243) 0%, rgb(243, 243, 243) 100px, rgb(0, 0, 0) 100px, white 100px, white 100%); } } @media (max-width: 767px) { .page-has-parent #primary { background: linear-gradient(rgb(243, 243, 243) 0%, rgb(243, 243, 243) 100px, rgb(0, 0, 0) 100px, white 100px, white 100%); } } @media (min-width: 992px) { .page-has-parent #content { background: linear-gradient(to right, rgb(243, 243, 243) 0%, rgb(243, 243, 243) 37%, rgb(0, 0, 0) 37%, white 37%, white 100%); } .page-has-parent #primary { padding-left: 45px; } } .content-bottom { background-color: rgb(255, 255, 255); padding: 80px 0px; } @media (max-width: 991px) { .content-bottom .row > div + div { margin-top: 50px; } } section.page-cta { background-color: rgb(12, 73, 156); margin: 0px -100%; } @media (max-width: 991px) { section.page-cta { text-align: center; } section.page-cta .cta-title { border-right: 0px; } section.page-cta .cta-link { text-align: center; } section.page-cta .container div + div { margin-top: 40px; } section.page-cta .container { max-width: 540px; } section.page-cta .container div p { margin: 0px; } } @media (max-width: 425px) { section.page-cta .container { max-width: 330px; margin: 0px auto; } } #primary > .text-block { margin-top: 50px; } #primary > .text-block:last-child { margin-bottom: 50px; } .text-block.sortBy p { font-size: 16px; line-height: 40px; } .text-block.sortBy .blogCards { margin: 0px; } @media (max-width: 767px) { .text-block.sortBy .btn-group { width: 80%; margin-left: 20px; } } .sections-accordion { padding-top: 50px; } @media (max-width: 991px) { .sections-accordion { padding-top: 50px; padding-bottom: 30px; } } .sections-accordion .card { background-color: rgb(255, 255, 255); border: 0px; margin-bottom: 10px; } .sections-accordion .card-title { color: rgb(50, 50, 50); font-size: 24px; font-family: ProximaNova-Bold; margin-bottom: 0px; padding: 20px; position: relative; cursor: pointer; } @media (max-width: 767px) { .sections-accordion .card-title { font-size: 20px; } } .sections-accordion .card-title button { outline: none; border: 0px; background-color: transparent; padding: 0px; margin: 15px 0px 0px; float: right; color: rgb(12, 73, 156); display: inline-block; overflow: hidden; text-indent: -999px; width: 30px; position: relative; } .sections-accordion .card-title button[aria-expanded="false"]::after { content: "+"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 30px; } .sections-accordion .card-title button[aria-expanded="true"]::after { content: "—"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 20px; } .sections-accordion .card.card-dark { background-color: rgb(242, 242, 242); } .sections-accordion .card.card-small .card-title { font-size: 16px; } .sections-accordion .card.card-small .card-title button { margin-top: 0px; } .sections-accordion .card-title img { margin-right: 5px; } @media (max-width: 991px) { .sections-accordion .card-title { padding: 40px 45px 40px 70px; } .sections-accordion .card-small .card-title { padding: 20px; } .sections-accordion .card-title img { max-width: 40px; position: absolute; left: 10px; top: 50%; transform: translate(0px, -50%); } .sections-accordion .card-title button { position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); margin-top: 0px; } } .sections-accordion .card .card-body { border-top: 1px solid rgb(151, 151, 151); padding: 20px; } .sections-accordion .card .card-body p + ul { margin-top: 20px; } .sections-accordion .card .card-body > p:last-child { margin-bottom: 0px; } .sections-accordion .card.card-small .card-body { padding-left: 20px; margin: 0px 25px 0px 20px; } @media (max-width: 991px) { .sections-accordion .card.card-small .card-body { padding-left: 0px; margin: 0px 20px; } } .sections-accordion .card.card-small .card-body > ul:first-child { margin-top: 20px; } @media (min-width: 767px) { .sections-accordion .card .card-body { padding: 20px 1.25rem 20px 60px; } } @media (min-width: 991px) { .sections-accordion .card .card-body { padding: 20px 1.25rem 20px 88px; } } ul.ul-links { list-style: none; margin: 0px 0px 20px; padding: 0px !important; } ul.ul-links li::before { display: none !important; } ul.ul-links > li:first-child { margin-top: 0px; } ul.ul-links li { margin: 10px 0px; } ul ul.ul-links { margin-top: 20px; } @media (min-width: 767px) { ul.ul-2-col { columns: auto 2; column-gap: 30px; } ul.ul-3-col { columns: auto 3; column-gap: 30px; } } div.resource-filter input[type="radio"] { display: none; } div.resource-filter input[type="radio"] + label { display: inline-block; position: relative; padding-left: 20px; } div.resource-filter input[type="radio"] + label::before { content: ""; position: absolute; display: inline-block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid rgb(12, 73, 156); left: 0px; top: 2px; } div.resource-filter input[type="radio"]:checked + label { color: rgb(0, 0, 0); } div.resource-filter input[type="radio"]:checked + label::before { background-color: rgb(12, 73, 156); } div.section-intro-blocks { padding-top: 50px; padding-bottom: 80px; } div.section-intro-blocks .card { background-color: rgb(255, 255, 255); border: 0px; margin-bottom: 50px; } div.section-intro-blocks .card-title { color: rgb(12, 73, 156); font-size: 24px; font-family: ProximaNova-Bold; margin-bottom: 0px; padding: 0px 1.25rem; } @media (max-width: 767px) { div.section-intro-blocks .card-title { font-size: 16px; } } div.section-intro-blocks .card-title a { font-size: 16px; } div.section-intro-blocks .card-title hr { margin: 2rem 0px; border-top: 2px solid rgb(12, 73, 156); } div.section-intro-blocks .card-body { padding-top: 20px; } div.section-blocks { padding-top: 50px; padding-bottom: 80px; } div.section-blocks .card { background-color: rgb(255, 255, 255); border: 0px; margin-bottom: 50px; } div.section-blocks .card-title { color: rgb(50, 50, 50); font-size: 24px; font-family: ProximaNova-Bold; margin-bottom: 0px; padding: 0px 15px; } div.section-blocks .card-title a { font-size: 16px; } div.section-blocks .card-title hr { margin: 2rem 0px; border-top: 2px solid rgb(12, 73, 156); } div.section-blocks .card-body h3 { font-size: 22px; } div.section-blocks .card-links { margin-bottom: 60px; } div.section-blocks .card-links ul li.nav-item-label::before, .resource-filter ul li.nav-item-label::before { display: none !important; } div.section-blocks .card-links ul { padding-left: 0px; } div.section-blocks .card-links ul li.nav-item-label { margin-bottom: 0px; padding: 0px; } div.section-blocks .card-links ul li.nav-item-label > * { padding-left: 0px; } div.section-blocks .card-links ul li.nav-item { position: relative; margin-bottom: 0px; } div.section-blocks .card-links ul li.nav-item-label + li.nav-item::before { display: none; } div.section-blocks .card-links ul li.nav-item { text-align: center; } div.section-blocks .card-links ul li.nav-item + li.nav-item::before { position: absolute; content: "|"; color: rgb(12, 73, 156); margin: 0px; top: 7px; left: -3px; font-size: 0.8em; } @media (max-width: 991px) { div.section-blocks .card-links ul li.nav-item + li.nav-item::before { top: 2px; left: -5px; } } @media (max-width: 767px) { div.section-blocks .card-links ul li.nav-item { text-align: left; } div.section-blocks .card-links ul li.nav-item-label { padding-bottom: 10px; } div.section-blocks .card-links ul li.nav-item + li.nav-item::before { display: none; } div.section-blocks .card-links hr { display: none; } } div.section-blocks .card-links a { font-family: ProximaNova-Bold; } div.section-blocks .card-body .resource-filter { margin-bottom: 30px; } div.section-blocks .card-body .resource-filter a { font-family: ProximaNova-Bold; } div.section-blocks .card-body .resource-filter li { position: relative; } div.section-blocks .card-body .resource-filter ul li.nav-item-label { margin-bottom: 0px; } div.section-blocks .card-body .resource-filter ul { border: 0px; } div.section-blocks .card-body .resource-filter ul .nav-item { border-bottom: 1px solid rgb(194, 194, 194); } div.section-blocks .card-body .resource-filter ul li.nav-item a { margin-bottom: -1px; } div.section-blocks .card-body .resource-filter ul li.nav-item-label + li.nav-item::before { display: none; } div.section-blocks .card-body .resource-filter ul li.nav-item + li.nav-item::before { display: none; } div.section-blocks .card-body div.resource-filter .nav-tabs { border: 0px; margin: 0px; padding: 0px; } @media (max-width: 767px) { div.resource-filter .nav-tabs li { flex: 1 1 auto !important; } div.resource-filter .nav-tabs li, div.resource-filter .nav-tabs li a { text-align: center; } } div.section-blocks .card-body { padding: 20px 0px; margin: 0px 15px; } div.section-blocks .card-body.row > div { padding-left: 0px; padding-right: 0px; } div.section-blocks .card-body + .card-body { border-top: 1px solid rgb(194, 194, 194); margin-top: 40px; padding-top: 45px; } div.section-blocks ul { padding-left: 20px; } div.section-blocks ul li { margin-bottom: 20px; list-style: none; } div.section-blocks ul li::before { content: "•"; color: rgb(0, 153, 168); font-size: 1.2em; font-weight: bolder; display: inline-block; width: 1em; margin-left: -1em; } div.section-blocks ul ul li { margin-bottom: 0px; } div.section-blocks ul ul li::before { content: "-"; } div.section-resuts { margin-top: 40px; } div.section-resuts.card-deck .card { border: 0px; } #secondary { padding: 50px 0px; } @media (min-width: 992px) { #secondary { padding-right: 45px; } #secondary .widget { max-width: 340px; } } @media (max-width: 991px) { #secondary { padding: 0px 15px 35px; } #primary .widget.widget-white { margin-top: 30px; } } #secondary .widget + .widget { margin-top: 35px; } @media (max-width: 767px) { #secondary { padding: 50px 15px; } #secondary .widget + .widget { margin-top: 20px; } } #secondary .widget.widget-white { background-color: rgb(255, 255, 255); } #secondary .widget.widget-green { background-color: rgb(121, 153, 0); } #secondary .widget .widget-wrap { padding: 35px; } #secondary .widget .widget-wrap > p { margin-bottom: 20px; } #secondary .widget .widget-wrap > p:last-child { margin: 0px; } #secondary .widget .widget-wrap h3 { font-family: ProximaNova-Bold; font-size: 24px; margin-bottom: 20px; color: rgb(121, 153, 0); } #secondary .widget.widget-white { background-color: rgb(255, 255, 255); } #secondary .widget.widget-green { background-color: rgb(121, 153, 0); } #secondary .widget.widget-green .widget-wrap h3 { color: rgb(255, 255, 255); } #secondary .widget.widget-green .widget-wrap p { color: rgb(255, 255, 255); } #primary .widget.widget-white { background-color: rgb(255, 255, 255); } #primary .widget.widget-green { background-color: rgb(121, 153, 0); } #primary .widget.widget-green .widget-wrap h3 { color: rgb(255, 255, 255); } #primary .widget.widget-green .widget-wrap p { color: rgb(255, 255, 255); } #primary .widget + .widget { margin-top: 35px; } #primary .widget.widget-white { background-color: rgb(255, 255, 255); } #primary .widget.widget-green { background-color: rgb(121, 153, 0); } #primary .widget .widget-wrap { padding: 35px; } #primary .widget .widget-wrap > p { margin-bottom: 20px; } #primary .widget .widget-wrap > p:last-child { margin: 0px; } #primary .widget .widget-wrap h3 { font-family: ProximaNova-Bold; font-size: 24px; margin-bottom: 20px; color: rgb(121, 153, 0); } @media (max-width: 991px) { #primary .widget .widget-wrap { padding: 20px; } #primary .widget .widget-wrap p { margin: 0px; } } #primary .widget-search { margin-top: 30px; } @media (max-width: 991px) and (min-width: 767px) { #secondary .widget-promotio-wrap .widget.widget-promotion { float: left; width: 49%; min-height: 275px; } #secondary .widget-promotio-wrap .widget.widget-promotion + .widget.widget-promotion { float: right; margin-top: 0px; } } .widget .widget-title { color: rgb(50, 50, 50); font-size: 24px; font-family: ProximaNova-Bold; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid rgb(123, 123, 123); } .widget .widget-title img { margin-right: 5px; } .widget .widget-list ul { list-style: none; margin: 0px; padding: 0px; } .widget .widget-list ul li.widget-list-item { margin-bottom: 30px; } .widget .widget-list-item .item-cat { font-size: 12px; font-family: ProximaNova-Bold; color: rgb(50, 50, 50); letter-spacing: 2px; text-transform: uppercase; } .widget.widget-dates li { position: relative; } .widget.widget-dates li::after { display: block; clear: both; content: ""; } .widget.widget-dates .item-date { float: left; width: 15%; text-align: center; font-size: 14px; padding-right: 20px; } .widget.widget-dates .item-date span { display: block; font-family: ProximaNova-Bold; } .widget.widget-dates .item-date span.item-day { font-size: 35px; } .widget.widget-dates .item-info { float: left; width: 85%; padding-left: 25px; border-left: 5px solid rgb(247, 167, 0); font-family: ProximaNova-Bold; } @media (max-width: 767px) { .widget.widget-dates .item-date { width: 20%; } .widget.widget-dates .item-info { width: 80%; } } .widget-search form { position: relative; } .widget-search input[type="text"] { width: 100%; color: rgb(50, 50, 50); font-size: 20px; border: 1px solid rgb(194, 194, 194); padding: 15px 50px 10px 20px; border-radius: 25px; outline: none; } .widget-search ::-webkit-input-placeholder { color: rgb(50, 50, 50); font-style: normal; } .widget-search button[type="submit"] { outline: none; border: 0px; background-color: transparent; color: rgb(12, 73, 156); position: absolute; right: 15px; top: 50%; font-size: 15px; transform: translate(0px, -50%); cursor: pointer; } .widget-navigation h3 { background-color: rgb(0, 153, 168); color: rgb(255, 255, 255); font-family: MuseoSlab-700; font-size: 22px; line-height: 40px; padding: 5px 25px 0px; } .widget-navigation .side-navigation ul { margin: 0px; padding: 0px; list-style: none; } .widget-navigation .side-navigation ul li { position: relative; } .widget-navigation .side-navigation a:hover { color: rgb(50, 50, 50); text-decoration: none; } .widget-navigation .side-navigation > ul > li { border-bottom: 2px solid rgb(194, 194, 194); padding: 0px; } .widget-navigation .side-navigation li a { display: inline-block; padding: 10px 30px 10px 25px; width: 100%; } .widget-navigation .side-navigation li a:hover { color: rgb(50, 50, 50); } .widget-navigation .side-navigation li.item-selected > a { background-color: white; color: rgb(50, 50, 50); } .widget-navigation .side-navigation li > a { color: rgb(12, 73, 156); font-family: ProximaNova-Bold; font-size: 18px; } .widget-navigation .side-navigation > ul ul > li { padding: 0px; } .widget-navigation .side-navigation > ul ul > li > a { color: rgb(12, 73, 156); font-family: ProximaNova-Bold; font-size: 15px; padding-left: 30px; } .widget-navigation .side-navigation > ul ul ul > li > a { font-family: ProximaNova-Regular; font-size: 15px; } .widget-navigation .side-navigation > ul ul ul { border-bottom: 2px solid rgb(194, 194, 194); } .widget-navigation .side-navigation li button { outline: none; border: 0px; background-color: transparent; padding: 0px; margin: 0px; float: right; color: rgb(12, 73, 156); display: inline-block; overflow: hidden; text-indent: -999px; width: 40px; height: 43px; position: absolute; top: 0px; right: 0px; } .widget-navigation .side-navigation li button[aria-expanded="false"]::after { content: "+"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 20px; } .widget-navigation .side-navigation li button[aria-expanded="true"]::after { content: "—"; position: absolute; width: 30px; left: 0px; text-indent: 0px; font-weight: 900; font-size: 15px; } .page-cta { padding: 50px 0px; color: rgb(255, 255, 255); } .page-cta p { margin: 0px; color: rgb(255, 255, 255); } .help-cta .cta-title { font-family: MuseoSlab-700; font-size: 40px; line-height: 40px; border-right: 5px solid rgb(0, 153, 168); } .help-cta .cta-title p { margin: 20px 0px; position: relative; font-size: 40px; } @media (max-width: 991px) { .help-cta .cta-title p { padding-bottom: 20px; } .help-cta .cta-title p::after { content: ""; position: absolute; width: 15%; height: 5px; background-color: rgb(0, 153, 168); bottom: 0px; left: 50%; transform: translate(-50%, 0px); } } .help-cta .cta-content p { margin-left: 30px; } .help-cta .cta-link { text-align: right; } .pagination { margin: 20px 0px 50px; justify-content: center; flex-flow: wrap; } .pagination li a.page-link { border: 0px; color: rgb(12, 73, 156); font-family: ProximaNova-Bold; position: relative; padding: 5px 20px; font-size: 15px; } .pagination li + li a::before { content: "|"; position: absolute; left: -2px; } .pagination li a.page-link:hover { background-color: transparent; color: rgb(74, 74, 74); } footer { background-color: rgb(50, 50, 50); padding: 45px 0px 30px; } @media (max-width: 767px) { footer { text-align: center; } footer .footer-widgets > div + div { margin-top: 40px; } } footer .footer-widgets p { color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 12px; } footer .footer-widgets p strong { font-size: 16px; } footer .footer-widgets a { color: rgb(255, 255, 255); } footer .footer-widgets a:hover { color: rgb(108, 170, 228); } footer .footer-widgets .footer-widget-1 img { width: 135px; height: auto; } footer .footer-widgets .footer-widget-1 p { font-size: 12px; line-height: normal; } footer .widget-title { font-family: ProximaNova-Semibold; } footer .social { margin-bottom: 30px; } footer .social a { font-size: 18px; color: rgb(108, 170, 228); display: inline-block; padding-left: 5px; } footer .footer-disclaimers { font-size: 12px; border-top: 1px solid rgb(0, 153, 168); margin-top: 30px; padding: 20px 0px 0px; color: rgb(155, 155, 155); } .utility li.item-has-children::after { content: ""; font: 900 14px / 1 FontAwesome; padding-left: 5px; color: rgb(12, 73, 156); position: relative; top: 5px; right: 10px; } .dropdown-menu-lg-left { max-height: 150px; overflow: auto; z-index: 1; outline: none; } .sticky-master { top: 0px; width: 100%; position: fixed !important; } @media (min-width: 992px) { .sticky-master + .nami-content { padding-top: 100px; } } @media (max-width: 991.98px) { .sticky-master + .nami-content { padding-top: 68px; } } .nami-content .content-top { overflow: hidden; } @media (min-width: 767px) { .dynamic-content.random-dynamic-content { padding: 50px 0px 50px 30px !important; } } .dynamic-content.random-dynamic-content { padding: 50px 30px; } @media (max-width: 575.98px) { .dynamic-content.random-dynamic-content { padding: 50px 0px; } } .dynamic-content.random-dynamic-content .links-region ul { margin-left: 0px; } .dynamic-content.random-dynamic-content .links-region ul li a { color: rgb(12, 73, 156); } .dynamic-content.random-dynamic-content.content h2 { font-size: 28px; line-height: 30px; margin: 0px 0px 10px; } .dynamic-content.random-dynamic-content ul { margin-left: 30px; } .dynamic-content.random-dynamic-content h2 { line-height: 32px; font-family: ProximaNova-Bold, sans-serif; font-size: 24px; font-weight: 400; } .dynamic-content.random-dynamic-content h3 { font-family: ProximaNova-Bold, sans-serif; font-size: 22px; font-weight: 400; } .dynamic-content.random-dynamic-content.content h3 { margin-bottom: 10px; } .dynamic-content.random-dynamic-content.content a h3:hover { color: rgb(66, 139, 202); text-decoration: underline; } .dynamic-content.random-dynamic-content ol { margin-left: 30px; } .overview-content.tab-content ul { margin-left: 30px; } .dynamic-content .random-dynamic-content table, .dynamic-content .random-dynamic-content td, .dynamic-content .random-dynamic-content th, .dynamic-content .random-dynamic-content tr { border-collapse: collapse; border: 1px solid rgb(204, 204, 204); padding: 10px; } .random-dynamic-content table ul { padding-left: 25px; } .dynamic-content.random-dynamic-content p .readmore:hover { color: rgb(255, 255, 255); } .dynamic-content.random-dynamic-content .btn:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .section-intro-blocks.content ul { margin-left: 30px; } .section-intro-blocks.content ol { margin-left: 30px; } .section-intro-blocks.content h2 { font-size: 28px; line-height: 30px; margin: 0px 0px 15px; } .random-dynamic-content .introwJumplinks-2 { padding-bottom: 30px; } #p_lt_WebPartZone8_ZoneMainContent_pageplaceholder_p_lt_WebPartZone6_ZoneBodyCopy_shBodyCopy_widget1_ctl00_lblMessage { display: none !important; } .blogPost .content-container ol { margin-left: 30px !important; }

@charset "utf-8"; #page { width: 100%; overflow: hidden; position: relative; } .note { display: none; color: rgb(255, 255, 255); background: rgb(255, 0, 0); text-align: center; } .signin-form .field { float: left; } .logon .signin-form .field, .forgot-password .signin-form .field, .reset-password .signin-form .field { float: none; } .accessibility { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .accessibility:focus { position: static; width: auto; height: auto; } main { display: block; } #wrapper { position: relative; } #header { position: relative; z-index: 9999; } #header::after { display: block; clear: both; content: ""; } .header-holder { position: relative; } .btn-opener span { display: block; width: 21px; height: 3px; margin: 0px 0px 4px; background: rgb(0, 0, 0); } .panel-opened .btn-opener span { background: rgb(0, 112, 205); width: 3px; height: 21px; margin: 0px 0px 0px 4px; float: left; } .btn-opener:hover { text-decoration: none; } .logo-holder { float: left; width: 25%; position: relative; padding: 39px 26px 0px 118px; } .logo { display: block; width: 180px; height: 68px; } .logo img { display: block; width: 100%; height: auto; } .user-panel { position: relative; background: rgb(53, 53, 53); z-index: 9999; } .user-panel::after { display: block; clear: both; content: ""; } .user-panel .container { position: relative; } .user-panel .close { width: 50px; height: 50px; opacity: 1; float: right; margin: -8px 0px 8px; text-indent: -9000px; overflow: hidden; display: none; background: url("/cmstemplates/nami/resources/images/ico-cross.png") 50% center no-repeat rgb(0, 0, 0); position: relative; z-index: 9999; } .user-panel .close:hover { background-color: rgb(255, 102, 27); } #header.active .user-panel .close { display: block; } .sub-container { top: 100%; height: 1px; width: 1170px; left: 50%; text-align: right; position: absolute; margin: 11px 0px 0px -585px; } .top-panel::after { display: block; clear: both; content: ""; } .top-panel { text-align: right; padding: 0px 0px 49px; } .top-nav { display: block; vertical-align: top; } .search-form { display: block; vertical-align: top; float: right; margin: 8px 0px 0px; } .top-nav { float: right; font: 14px / 16px ProximaNova-Semibold, Helvetica, Arial, sans-serif; width: 70%; } .top-nav ul { display: inline-block; vertical-align: top; margin: 1px 3px 0px 0px; position: relative; right: 0px; } .top-nav li { padding: 5px 33px 0px 0px; float: left; } .top-nav li a { padding: 0px; color: rgb(0, 112, 205); } .top-nav li a:hover { text-decoration: underline; } .top-nav li a:focus { color: rgb(53, 53, 53); text-decoration: none; } .top-nav li:last-child { padding: 5px 12px 0px 0px; } .search-form { width: 305px; height: 30px; padding: 0px 30px 0px 16px; border-radius: 4px; background: rgb(240, 240, 240); position: absolute; right: 4px; top: 22px; } .search-form .search { width: 100%; color: rgb(81, 53, 40); background: none; border: 0px; padding: 6px 0px 5px; font: 14px / 16px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .search-form .search::-webkit-input-placeholder { color: rgb(81, 53, 40); } .search-form input[type="submit"], .search-form input[type="button"] { position: absolute; top: 7px; right: 2px; background: url("/cmstemplates/nami/resources/images/btn-search.png") no-repeat; width: 15px; height: 15px; text-indent: -9000px; overflow: hidden; cursor: pointer; border: 0px; } .logon, .forgot-password, .reset-password { margin-top: 50px; } .logon .title, .logon .signin-form, .logon .links, .forgot-password .title, .forgot-password .signin-form, .forgot-password .links, .reset-password .title, .reset-password .signin-form, .reset-password .links { display: block; vertical-align: middle; } #header.has-error.active .toggle-slide { padding: 10px 10px 0px; } .toggle-slide { text-align: center; padding: 14px 10px 0px; } .toggle-slide .title, .toggle-slide .signin-form, .toggle-slide .links { display: inline-block; vertical-align: middle; } .toggle-slide .title, .logon .title { font: 24px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); margin: 0px 8px 0px 0px; } .logon .title, .forgot-password .title, .reset-password .title { font: 24px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); margin: 0px 8px 20px 0px; padding-left: 10px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); } .toggle-slide .links { padding: 2px 0px 0px 2px; } .logon .links, .forgot-password .links, .reset-password .links { text-align: center; padding: 14px 0px 0px; } .toggle-slide .links a { color: rgb(108, 170, 228); float: left; margin: 0px 0px 0px 20px; font: 12px / 30px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .logon .links a, .forgot-password .links a, .reset-password .links a { color: rgb(108, 170, 228); display: inline-block; vertical-align: top; float: none; margin: 0px 15px; padding: 5px 0px 0px; font: 14px / 13px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .has-error .toggle-slide .links a { color: rgb(255, 178, 178); } .has-error .toggle-slide .signin-form input[type="text"], .has-error .toggle-slide .signin-form input[type="password"] { background: rgb(255, 178, 178); } .signin-form input[type="password"], .signin-form input[type="text"] { float: left; width: 150px; height: 30px; border-radius: 4px; background: rgb(240, 240, 240); border: 0px; padding: 6px 16px; color: rgb(81, 53, 40); margin: 0px 0px 0px 6px; font: 14px / 16px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .logon .signin-form input[type="password"], .logon .signin-form input[type="text"], .forgot-password .signin-form input[type="password"], .forgot-password .signin-form input[type="text"], .reset-password .signin-form input[type="password"], .reset-password .signin-form input[type="text"] { padding: 7px 14px 5px; width: 95%; margin: 0px 0px 10px; } .logon .required-error, .forgot-password .required-error, .reset-password .required-error { padding: 7px 0px 5px; width: 5%; height: 30px; float: left; color: red; margin: 0px 0px 10px; } .signin-form input[type="text"]::-webkit-input-placeholder, .signin-form input[type="password"]::-webkit-input-placeholder { color: rgb(81, 53, 40); } .signin-form input[type="submit"], .signin-form input[type="button"] { float: left; border: 0px; padding: 0px; width: 160px; height: 30px; background: rgb(0, 112, 205); color: rgb(255, 255, 255); cursor: pointer; border-radius: 4px; font: 14px / 16px ProximaNova-Regular, Helvetica, Arial, sans-serif; margin: 0px 0px 0px 6px; } #header .note { display: none; } #header.has-error.active .note { background: rgb(220, 0, 0); display: block; color: rgb(255, 255, 255); padding: 6px 9999px; margin: 0px -9999px 4px; font: 14px / 16px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } #nav { margin: 0px; background: none; border: 0px; border-radius: 0px; padding: 91px 0px 0px; min-height: inherit; float: left; width: 75%; } #nav::after, #nav ul::after { display: block; clear: both; content: ""; } #nav ul, #nav1 ul { font: 18px / 20px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0px; } #nav > ul > li:first-child { padding: 0px 0px 0px 61px; } #nav > ul > li { padding: 0px 0px 0px 10px; float: left; } #nav > ul > li > a { padding: 0px 20px 19px; color: rgb(53, 53, 53); display: block; position: relative; } #nav > ul > li > a:hover, #nav ul > li.active > a { color: rgb(0, 112, 205); text-decoration: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; color: rgb(53, 53, 53); } #nav > ul > li.active, #nav > ul > li:hover { margin: -4px 0px 0px; } #nav > ul > li.active > a, #nav > ul > li:hover > a { padding: 0px 20px 21px; } #nav > ul > li.active > a::after, #nav > ul > li:hover > a::after { position: absolute; bottom: 1px; left: 0px; right: 0px; background: rgb(0, 112, 205); height: 14px; content: ""; } #nav > ul > li:hover .mega-dropdown { top: 99%; } .mega-dropdown { border-style: solid; border-width: 3px 0px 5px; border-color: rgb(231, 231, 231); background: rgb(255, 255, 255); position: absolute; top: -9999px; left: 0px; width: 100%; padding: 0px 9999px; margin: 0px -9999px; z-index: 999; text-transform: none; } .drop-holder { width: 1170px; padding: 0px 15px; } .mega-dropdown .column { width: 23%; float: left; padding: 30px 20px 20px; border-left: 1px solid rgb(231, 231, 231); } .mega-dropdown .column:first-child { background: rgb(231, 231, 231); position: relative; width: 30%; } .mega-dropdown .column:first-child::after { position: absolute; content: ""; top: 0px; right: 100%; bottom: 0px; background: rgb(231, 231, 231); padding: 0px 0px 0px 9999px; margin: 0px 0px 0px -9999px; } .mega-dropdown .column:first-child img { float: left; margin: 0px 10px 0px 0px; } .mega-dropdown .column .txt-box { overflow: hidden; font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .mega-dropdown .txt-box p { margin: 0px 0px 15px; } .mega-dropdown .btn-start { color: rgb(0, 112, 205); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .mega-dropdown .title { font: 20px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; display: block; margin: 0px 0px 16px; } #nav ul ul { overflow: hidden; margin: 0px; text-transform: none; } #nav ul ul li { padding: 0px 0px 15px; } #nav ul ul li a { padding: 0px; color: rgb(53, 53, 53); display: inline-block; vertical-align: top; } #nav ul ul li a:hover { text-decoration: none; color: rgb(0, 112, 205); } .secondary-nav::after { display: block; clear: both; content: ""; } .secondary-nav { background: rgb(240, 240, 240); margin: 10px -15px; } .secondary-nav .title-bar { overflow: hidden; padding: 15px 21px 15px 23px; background: rgb(53, 53, 53); } .secondary-nav .title { display: block; color: rgb(108, 170, 228); font: 14px / 20px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: uppercase; } .secondary-nav .nav-opener { float: right; color: rgb(108, 170, 228); font: 20px / 20px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .secondary-nav .nav-opener:hover, .secondary-nav .nav-opener:focus { text-decoration: none; } .secondary-nav .nav-opener .nav-close, .secondary-nav.active .nav-opener .nav-open { display: none; } .secondary-nav .nav-opener .nav-open, .secondary-nav.active .nav-opener .nav-close { display: block; } .secondary-nav .nav-slide { overflow: hidden; margin: 0px 20px; font: 14px / 16px MuseoSlab-700, Helvetica, Arial, sans-serif; } .secondary-nav .nav-slide li { overflow: hidden; padding: 15px 10px; border-top: 1px solid rgb(218, 217, 217); } .secondary-nav .nav-slide li:first-child { border: 0px; } .secondary-nav .nav-slide li a { color: rgb(0, 112, 205); display: block; padding: 0px 15px 0px 0px; background: url("/cmstemplates/nami/resources/images/arrow.png") 100% center no-repeat; } .secondary-nav .nav-slide li a:hover { text-decoration: none; color: rgb(53, 53, 53); background: url("/cmstemplates/nami/resources/images/arrow-small.png") 100% center no-repeat; } .visual { overflow: hidden; background: rgb(0, 153, 168); position: relative; padding: 32px 0px 0px; } .visual .mask { background: url("/cmstemplates/nami/resources/images/pattern.png"); position: absolute; inset: 0px; z-index: 2; } .visual .visual-holder { overflow: hidden; width: 84.6%; margin: 0px auto; position: relative; } .visual .img-holder { position: relative; z-index: 1; } .visual .img-holder img { display: block; } .visual .description { position: absolute; inset: 0px; z-index: 9; } .visual .desc-holder { width: 100%; height: 100%; display: table; } .visual .desc-frame { display: table-cell; vertical-align: middle; text-align: center; } .visual .desc-frame h1 { margin: 32px 0px 15px -22px; color: rgb(255, 255, 255); letter-spacing: 6px; font: 60px / 70px MuseoSlab-100, Helvetica, Arial, sans-serif; } .visual .btn-register { min-width: 250px; height: 60px; border-radius: 4px; background: rgb(255, 255, 255); text-align: center; color: rgb(237, 78, 0); text-transform: uppercase; font: 20px / 60px ProximaNova-Semibold, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: top; letter-spacing: 5px; margin: 0px auto; border: 0px; } .visual .btn-register:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(237, 78, 0); } .scroll-wrapper { min-height: 520px; overflow: hidden; } .modal { z-index: 9999; } .modal-dialog { margin: 0px auto; } .modal-body { background: rgb(53, 53, 53); } .modal-content { border-radius: 0px; background: rgb(53, 53, 53); box-shadow: none; } .modal-header { border: 0px; padding: 40px 35px 20px; } .modal-header .close { width: 24px; height: 24px; background: url("/cmstemplates/nami/resources/images/bg-close.png") no-repeat; text-indent: -9000px; overflow: hidden; opacity: 1; margin: -30px 0px 0px; } .modal-title { font: 22px / 28px MuseoSlab-100, Helvetica, Arial, sans-serif; margin: 0px; color: rgb(255, 255, 255); text-align: center; } .modal-header-text { font: 14px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; margin-top: 25px; margin-bottom: 0px; color: rgb(255, 255, 255); } .modal-body { padding: 0px 35px 150px; } .reg-form { background: none; } .reg-form::after { display: block; clear: both; content: ""; } .reg-form input[type="text"], .reg-form .email, .reg-form input[type="password"], .reg-form .form-control { width: 100%; min-height: 40px; padding: 6px 15px 7px; color: rgb(81, 53, 40); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: 15px; font-family: ProximaNova-Regular, Helvetica, Arial, sans-serif; margin: 0px 0px 20px; border-radius: 4px; font-size: 16px !important; } .reg-form input[type="text"]::-webkit-input-placeholder, .reg-form .email::-webkit-input-placeholder, .reg-form input[type="password"]::-webkit-input-placeholder { color: rgb(81, 53, 40); } .reg-form input[type="submit"], .reg-form input[type="button"] { display: inline-block; color: rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; background-color: transparent; border: 2px solid rgb(12, 73, 156) !important; } .reg-form input[type="submit"]:hover, .reg-form input[type="button"]:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .reg-form .error input, .signin-form .error input { background: rgb(255, 178, 178); } .reg-form.has-error label, .reg-form.has-error label a { color: rgb(255, 178, 178) !important; } .reg-form.has-error .error { background: rgb(255, 178, 178); } .reg-form.has-error input[type="submit"] { color: rgb(108, 170, 228); } .reg-form .row1 { overflow: hidden; margin: 0px 0px 20px; } .reg-form .row1 input[type="checkbox"] { float: left; width: 23px; height: 23px; margin: 0px 15px 0px 0px; } .reg-form .row1 label { overflow: hidden; display: inline; font: 14px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .reg-form .row1.field a { color: rgb(108, 170, 228); font: 14px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .social-area { position: absolute; z-index: 999; right: 0px; top: 50%; margin: -25px 3px 0px 10px; } .breadcrumb-holder .social-area { background: rgb(53, 53, 53); padding: 0px 0px 0px 20px; z-index: 0; } .social-area .btn-share { width: 50px; height: 50px; padding: 15px; background: url("/cmstemplates/nami/resources/images/ico-share.png") 50% -35px no-repeat; float: left; overflow: hidden; text-indent: -9000px; font-size: 9px; min-height: 50px; display: none; } .home .social-area .btn-share { background-position: 50% 15px; background-color: rgb(255, 255, 255); box-shadow: rgba(1, 2, 2, 0.4) 0px 2px 4px; } .social-area .btn-share:hover { background-color: rgb(0, 112, 205); background-position: 50% -35px; } .social-area.open .btn-share { background-color: rgb(0, 112, 205); background-position: 50% -70px; box-shadow: none; } .home .social-area { position: absolute; z-index: 999; right: 0px; top: 50%; margin: -25px 0px 0px; } .home .social-area.open .btn-share { position: absolute; right: 220px; top: 25px; z-index: 9999; } .home .social-area.open .slide { padding: 26px 30px 0px; } .social-area.open .slide { position: relative; padding: 14px 18px 0px 0px; } .social-area .slide { min-width: inherit; top: 0px; right: 0px; left: auto; padding: 0px; margin: 0px; background: none; box-shadow: none; border: 0px; } .logo-holder .social-area .btn-share { display: none; } .home .social-area .slide { width: 220px; padding: 26px 30px 0px; min-height: 262px; background: rgb(255, 255, 255); top: 50%; margin: -80px 0px 0px; } .social-area .slide { border-radius: 0px; position: absolute; top: 0px; right: 0px; } .panel-active .social-area .slide { box-shadow: rgba(1, 2, 2, 0.4) 0px 1px 4px; } .logo-holder .social-area .slide { top: -9999px; } .logo-holder .social-area .slide { right: -255px; width: 255px; } .social-area .slide .title { color: rgb(255, 255, 255); float: left; font: 18px / 22px MuseoSlab-300, Helvetica, Arial, sans-serif; } .home .social-area .slide .title { display: block; float: none; color: rgb(0, 0, 0); font-size: 26px; line-height: 28px; margin: 0px 0px 18px 4px; } .social-area .social-networks { float: left; margin: 0px; } .home .social-area .social-networks { overflow: hidden; float: none; } .social-area .social-networks li { float: left; padding: 0px 0px 0px 20px; background: none; } .home .social-area .social-networks li { background: url("/cmstemplates/nami/resources/images/ico-social.png") 1px 1px no-repeat; padding: 0px 0px 15px 47px; overflow: hidden; float: none; } .social-area .social-networks li.twitter { background-position: 1px -43px; } .social-area .social-networks li.pinterest { background-position: 1px -88px; } .social-area .social-networks li.sharethis { background-position: 1px -132px; } .social-area .social-networks li img { display: block; } .social-area .stMainServices { box-sizing: initial !important; } .stButton .st-twitter-counter, .stButton .st-facebook-counter, .stButton .st-pinterest-counter, .stButton .st-email-counter, .stButton .st-sharethis-counter { height: 22px !important; } .donate-join .text { overflow: hidden; text-align: center; color: rgb(255, 255, 255); font: 24px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; letter-spacing: 0px; -webkit-font-smoothing: antialiased; } .donate-join .text p { margin: 0px 0px 26px; font-size: 24px; } @media screen and (max-width: 768px) { .donate-join .text p { font-size: 16px; } } .donate-join .text .button { margin: 0px auto; min-width: 220px; height: 60px; padding: 18px 10px; border-radius: 4px; border: 2px solid rgb(255, 255, 255); display: block; text-transform: uppercase; color: rgb(255, 255, 255); letter-spacing: 5px; font: 18px / 20px ProximaNova-Semibold, Helvetica, Arial, sans-serif; cursor: pointer; } .donate-join .text .button:hover { text-decoration: none; background: rgb(255, 255, 255); color: rgb(121, 153, 0); } .home .donate-join .text .button { display: inline-block; vertical-align: top; } .donate-join { background: rgb(108, 137, 0); overflow: hidden; } .donate-join .text.donate { background: rgb(121, 153, 0); padding: 52px 35px 57px 9999px; margin: 0px 0px 0px -9999px; letter-spacing: 0px; } .home .donate-join .text.donate { padding: 52px 118px 57px 9999px; margin: 0px 0px 0px -9999px; } .donate-join .text.join { background: rgb(108, 137, 0); padding: 52px 20px 57px; } .home .donate-join .text.join { padding: 52px 9999px 57px 55px; margin: 0px -9999px 0px 0px; } .donate-join .text.share-story { background: rgb(121, 153, 0); padding: 52px 9999px 20px 35px; margin: 0px -9999px 0px 0px; } .info-area { overflow: hidden; padding-top: 48px; padding-bottom: 48px; } .info-area .box { border-left: 1px solid rgb(229, 229, 229); text-align: center; padding-top: 16px; padding-bottom: 24px; } .info-area .box:first-child { border: 0px; } .info-area .box h2 { color: rgb(0, 0, 0); text-transform: uppercase; margin: 0px 0px 16px; font: 20px / 22px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .info-area .box form::after { display: block; clear: both; content: ""; } .info-area .box form input[type="submit"] { width: 60px; height: 50px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); cursor: pointer; color: rgb(0, 112, 205); padding: 0px; margin: 0px 0px 0px 5px; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .info-area .box form input[type="submit"]:hover { background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } .info-area .box .contact { display: block; font: 36px / 40px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(0, 112, 205); } .info-area .box .ask-expert { color: rgb(0, 112, 205); text-transform: uppercase; min-width: 250px; height: 50px; padding: 12px 10px 11px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); text-align: center; display: inline-block; vertical-align: top; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .info-area .box .ask-expert:hover { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } #main { overflow: hidden; background: rgb(240, 240, 240); padding: 31px 0px 75px; } #main .two-columns { overflow: hidden; margin: 0px 15px 0px -30px; } #main .posts { overflow: hidden; background: rgb(255, 255, 255); padding: 25px 30px 13px; margin: 0px 0px 30px; } .posts .header { overflow: hidden; margin: 0px 0px 22px; border-bottom: 1px solid rgb(192, 191, 191); } .posts .header .view-all { float: right; color: rgb(0, 112, 205); text-transform: capitalize; font: 14px / 22px ProximaNova-Light, Helvetica, Arial, sans-serif; } .posts .header h1 { text-transform: uppercase; margin: 0px; letter-spacing: 1px; font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .posts .header h1 a { color: rgb(53, 53, 53); } .posts .header h1 a:hover { color: rgb(0, 112, 205); text-decoration: none; } .posts .post { overflow: hidden; color: rgb(53, 53, 53); padding: 0px 0px 22px; font: 16px / 22px ProximaNova-Light, Helvetica, Arial, sans-serif; } .posts .post h2 { font: 20px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; margin: 0px 0px 13px; } .posts .post h2 a { color: rgb(53, 53, 53); } .posts .post h2 a:hover { color: rgb(0, 112, 205); text-decoration: none; } .posts .post p { margin: 0px 0px 22px; } .posts .post .read-more, .posts.stories .read-more { color: rgb(0, 112, 205); text-transform: capitalize; font: 16px / 18px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .posts .list { overflow: hidden; margin: 0px; font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; } .posts .list li { padding: 0px 0px 18px; } .posts .list li a { color: rgb(53, 53, 53); } .posts .list li a:hover { color: rgb(0, 112, 205); } .posts .video, .post .image-holder { width: 100%; overflow: hidden; padding: 5px 0px 0px; } .post .image-holder { padding: 3px 0px 0px; } .posts .video img, .post .image-holder img { display: block; width: 100%; height: auto; } .post .image-holder img { margin: 0px 0px 21px; } .post .caption { font: 14px / 20px MuseoSlab-300, Helvetica, Arial, sans-serif; display: block; margin: 0px 0px 20px; } .post .caption a { color: rgb(118, 118, 118); } #main .posts.stories { padding: 25px 20px 0px; display: table; } .posts.stories .image-holder { margin: 0px -20px 21px; position: relative; overflow: hidden; } .posts.stories .image-holder img { display: block; width: 100%; height: auto; } .posts .story { overflow: hidden; padding: 0px 20px 20px; margin: 0px -20px; color: rgb(53, 53, 53); font: 16px / 22px ProximaNova-Light, Helvetica, Arial, sans-serif; } .posts .user-info { overflow: hidden; padding: 0px 0px 20px; } .posts .user-info .txt-box { overflow: hidden; } .posts .user-info .heading { overflow: hidden; padding: 0px 0px 10px; } .posts .user-info .date { float: right; color: rgb(53, 53, 53); position: relative; bottom: -1px; font: 14px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .user-info .heading h2 { margin: 0px; font: 20px / 22px MuseoSlab-700, Helvetica, Arial, sans-serif; } .user-info .heading h2 a { color: rgb(53, 53, 53); } .user-info .heading h2 a:hover { text-decoration: none; color: rgb(0, 112, 205); } .user-info h3 { color: rgb(118, 118, 118); margin: 0px; font: 14px / 16px MuseoSlab-300, Helvetica, Arial, sans-serif; } .posts .story .read-more { margin: 13px 0px 27px; display: inline-block; vertical-align: top; } .posts .story .btn-share { display: inline-block; vertical-align: top; text-align: center; min-width: 168px; color: rgb(0, 0, 0); text-transform: capitalize; background: rgb(210, 210, 210); padding: 10px; font: 18px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .posts .story .btn-share:hover { background: rgb(0, 112, 205); color: rgb(255, 255, 255); text-decoration: none; } .stories-list { overflow: hidden; margin: 0px 0px 20px; padding: 23px 0px 0px; } .stories-list li { overflow: hidden; margin: 0px 0px 10px; } .stories-list li a { display: table; } .stories-list li img { float: left; margin: 0px 12px 0px 0px; } .stories-list li .text { display: table-cell; vertical-align: middle; } .stories-list li .text h4 { margin: 0px 0px 3px; font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; } .stories-list li a:hover h4 { text-decoration: underline; } .stories-list li .text .sub-heading { display: block; font: 16px / 18px MuseoSlab-300, Helvetica, Arial, sans-serif; } .stories-list li a:hover { text-decoration: none; color: rgb(0, 112, 205); } .ad { overflow: hidden; position: relative; margin: 0px 15px 0px -30px; } .ad img { display: block; width: 100%; height: auto; } .ad .caption { position: absolute; top: 20px; right: 49px; text-align: right; } .ad .caption h1 { color: rgb(255, 255, 255); margin: 0px; text-transform: capitalize; font: 30px / 34px MuseoSlab-300, Helvetica, Arial, sans-serif; } .ad .caption .call { color: rgb(165, 212, 255); font: 18px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .ad .caption .call:hover { text-decoration: none; opacity: 0.9; } .get-help { background: rgb(0, 153, 168); padding: 56px 20px 30px 24px; overflow: hidden; text-align: center; text-transform: uppercase; } .get-help .title { font: 20px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; margin: 0px 0px 15px; color: rgb(255, 255, 255); display: block; } .get-help h3 { font: 20px / 22px ProximaNova-Semibold, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); margin: 0px 0px 10px; } .get-help form { padding: 0px 0px 29px; border-bottom: 1px solid rgb(50, 180, 193); margin: 0px 0px 25px; } .get-help input[type="submit"] { display: inline-block; vertical-align: top; width: 53px; height: 50px; border: 0px; background: rgb(0, 110, 121); border-radius: 4px; cursor: pointer; font: 16px / 18px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; margin: 0px 0px 0px 5px; } .get-help input[type="submit"]:hover { opacity: 0.9; } .get-help .contact { display: block; margin: 0px 0px 25px; padding: 0px 0px 31px; color: rgb(255, 255, 255); font: 28px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; border-bottom: 1px solid rgb(50, 180, 193); } .get-help .ask-expert { display: inline-block; vertical-align: top; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; min-width: 261px; border-radius: 4px; background: rgb(0, 110, 121); color: rgb(255, 255, 255); padding: 15px 10px; margin: 6px 0px 0px; text-transform: none; } .get-help .ask-expert:hover { text-decoration: none; opacity: 0.9; } .intro { overflow: hidden; color: rgb(53, 53, 53); padding: 46px 31px 25px 0px; font: 16px / 22px ProximaNova-Light, Helvetica, Arial, sans-serif; } .intro h1 { margin: 0px 0px 24px; color: rgb(164, 146, 93); text-transform: capitalize; letter-spacing: 6px; font: 60px / 70px MuseoSlab-100, Helvetica, Arial, sans-serif; } .intro h2 { margin: 0px 0px 17px; color: rgb(53, 53, 53); font: 36px / 38px MuseoSlab-700, Helvetica, Arial, sans-serif; } .intro p { margin: 0px 0px 22px; } .intro p a, .link, .programs .article p a { color: rgb(0, 112, 205); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .intro p a:hover, .link:hover, .programs .article p a:hover { color: rgb(0, 112, 205); } .articles { overflow: hidden; margin-right: 0px; } .article { background: rgb(255, 255, 255); margin: 0px 20px 30px -15px; padding: 0px 0px 60px; position: relative; } .article .text { overflow: hidden; padding: 25px 30px; color: rgb(53, 53, 53); font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .article .text h2 { font: 20px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; margin: 0px 0px 9px; color: rgb(53, 53, 53); } .article .text p { margin: 0px 0px 20px; } .article ul { overflow: hidden; margin: 0px; text-align: center; display: table; width: 100%; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; position: absolute; left: 0px; bottom: 0px; } .article ul li { display: table-cell; border-left: 1px solid rgb(255, 255, 255); } .article ul li:first-child { border: 0px; } .article ul li a { display: block; padding: 15px 0px; background: rgb(210, 210, 210); color: rgb(0, 0, 0); } .article ul li a:hover { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); } .programs { overflow: hidden; margin-right: 0px; } .programs .article { overflow: hidden; padding: 25px 30px 90px; color: rgb(53, 53, 53); position: relative; font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } @media (max-width: 767.98px) { .programs .article { margin: 0px 0px 30px 15px; } } .programs .article h2 { font: 20px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; margin: 0px 0px 13px; color: rgb(53, 53, 53); } .programs .article p { margin: 0px 0px 20px; } .programs .article img { display: block; width: 100%; height: auto; margin: 0px 0px 24px; } .programs .article > .button { text-align: center; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; padding: 15px 10px; min-width: 335px; background: rgb(210, 210, 210); color: rgb(0, 0, 0); position: absolute; left: 30px; right: 30px; bottom: 28px; } .programs .article > .button:hover { color: rgb(255, 255, 255); text-decoration: none; background: rgb(0, 112, 205); } .programs .article form { text-align: center; } .programs .article form input[type="submit"] { width: 60px; height: 50px; border-radius: 4px; background: rgb(210, 210, 210); cursor: pointer; color: rgb(0, 0, 0); border: 0px; padding: 0px; margin: 0px 0px 0px 5px; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .programs .article form input[type="submit"]:hover { background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } .programs .article .list { overflow: hidden; margin: 0px 0px 5px; text-align: left; position: static; font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .programs .article .list li { width: 100%; display: inherit; float: none; padding: 0px 0px 0px 10px; background: url("/cmstemplates/nami/resources/images/bullet.png") 0px 8px no-repeat; } .programs .article .link { text-transform: none; display: inline-block; vertical-align: top; padding: 0px; background: none; color: rgb(0, 112, 205); font: 16px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; margin: 0px 0px 20px; } .programs .article .sub-heading { display: block; font: 16px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .side-nav { padding: 59px 0px 0px; margin-right: 15px; display: block; } .side-nav .title { display: block; color: rgb(53, 53, 53); margin: 0px 0px 17px -40px; padding: 9px 5px 7px 40px; text-transform: uppercase; background: rgb(240, 240, 240); font: 14px / 16px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .side-nav ul { overflow: hidden; font: 14px / 14px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .side-nav ul li { overflow: hidden; padding: 0px 25px 14px 0px; } .side-nav ul li a { color: rgb(53, 53, 53); } .side-nav ul li a:hover { color: rgb(0, 112, 205); } .side-nav ul li.active a { text-decoration: underline; color: rgb(42, 100, 150); } .related-content { overflow: hidden; padding: 23px 15px 0px; display: table; } .related-content h2 { margin: 0px 0px 24px; padding: 0px 0px 10px 20px; text-transform: uppercase; color: rgb(53, 53, 53); font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; border-bottom: 1px solid rgb(210, 210, 210); } .related-content ul { overflow: hidden; font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; } .related-content ul li { overflow: hidden; padding: 0px 0px 18px 10px; } .related-content ul li a { color: rgb(53, 53, 53); } .related-content ul li a:hover { color: rgb(0, 112, 205); text-decoration: none; } .related-content .read-more { display: inline-block; vertical-align: top; text-align: center; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); min-width: 270px; padding: 15px 10px; border-radius: 4px; background: rgb(210, 210, 210); } .related-content .read-more:hover { color: rgb(255, 255, 255); background: rgb(0, 112, 205); text-decoration: none; } .share-story, .share-story .columns { overflow: hidden; } .share-story { padding: 24px 0px 60px; } .share-story.ad-class { padding: 24px 0px 0px; } .share-story h2 { padding: 0px 0px 5px; margin: 0px 15px 14px; text-transform: uppercase; border-bottom: 1px solid rgb(210, 210, 210); color: rgb(53, 53, 53); font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .share-story .columns { overflow: hidden; } .share-story .columns img { float: left; margin: 0px 12px 10px 0px; } .share-story .columns .txt { padding: 8px 0px 0px; overflow: hidden; color: rgb(53, 53, 53); font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .share-story .columns h3 { font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; margin: 0px 0px 5px; } .share-story .columns h3 span { font-family: MuseoSlab-300, Helvetica, Arial, sans-serif; } .share-story .columns h3 a { color: rgb(0, 0, 0); } .share-story .columns h3 a:hover { text-decoration: none; color: rgb(0, 112, 205); } .share-story .columns .txt p { margin: 0px 0px 5px; } .share-story .columns .read-more { color: rgb(0, 112, 205); text-transform: capitalize; font: 16px / 18px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .share-story .columns .read-more:hover { text-decoration: none; opacity: 0.9; } .share-story .columns .add-class { padding-bottom: 17px; } .share-story .columns .sub-heading { display: block; margin: 6px 0px 14px; font: 16px / 20px MuseoSlab-700, Helvetica, Arial, sans-serif; } .share-story .columns .btn-share { display: inline-block; vertical-align: top; min-width: 168px; padding: 10px; color: rgb(0, 0, 0); text-transform: capitalize; background: rgb(210, 210, 210); text-align: center; font: 18px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; margin: 0px 0px 20px; } .share-story .columns .btn-share:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(0, 112, 205); } .content { overflow: hidden; color: rgb(53, 53, 53); padding: 55px 21px 80px 0px; font: 16px / 24px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .content img { display: block; width: auto; height: auto; } .content p { margin: 0px 0px 20px; } .content h1, .content h2, .content h3 { font: 36px / 38px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; margin: 0px 0px 20px; } .content h2 { font-size: 28px; line-height: 30px; margin: 20px 0px; } .content h3 { font-size: 18px; line-height: 22px; margin: 0px; } .content p a, .content li a, .content ol a, .list-group a, .linkable, .post p a, .post li a, .post ol a { color: rgb(0, 112, 205); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .content p a:hover, .content li a:hover, .content ol a:hover, .list-group a:hover, .post p a:hover, .post li a:hover, .post ol a:hover { text-decoration: underline; } .content blockquote { padding: 11px 22px; margin: 0px 0px 22px; font-size: 20px; border-left: 5px solid rgb(238, 238, 238); font-style: normal !important; } .list-item-email { padding-bottom: 7px; } .content table { margin-bottom: 0px; } .tab-set { overflow: hidden; margin: 0px 0px 30px; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .tab-set li { float: left; border-left: 1px solid rgb(255, 255, 255); margin-right: 5px; margin-bottom: 5px; } .tab-set li:first-child { border: 0px; } .tab-set li a { display: block; color: rgb(0, 0, 0); padding: 15px 31px; background: rgb(210, 210, 210); } .tab-set li a:hover, .tab-set li.active a { text-decoration: none; background: rgb(240, 240, 240); } .text-box { overflow: hidden; } .content .text-box p { margin: 0px; } .content .text-box .read-more { color: rgb(0, 112, 205); display: inline-block; vertical-align: top; margin: 0px 0px 30px; font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .content .text-box .read-more:hover { text-decoration: none; opacity: 0.9; } td a { color: rgb(0, 112, 205); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .sidebar { overflow: hidden; background: rgb(240, 240, 240); padding: 0px; margin: 0px; } .get-help .contact.ad-class { padding: 0px; margin: 0px; border: 0px; } .sidebar .related-content { padding: 45px 20px 0px 17px; } .the-expert { overflow: hidden; background: rgb(210, 210, 210); text-align: center; color: rgb(53, 53, 53); font: 16px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; padding: 20px 20px 31px; } .the-expert img { display: block; margin: 0px auto 10px; } .the-expert h3 { font: 20px / 22px ProximaNova-Semibold, Helvetica, Arial, sans-serif; margin: 0px 0px 15px; color: rgb(0, 0, 0); text-transform: uppercase; } .the-expert p { margin: 0px 0px 15px; } .the-expert .button { display: block; padding: 15px 10px; text-align: center; background: rgb(240, 240, 240); border-radius: 4px; color: rgb(0, 0, 0); font: 18px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .the-expert .button:hover { text-decoration: none; color: rgb(255, 255, 255); background: rgb(0, 112, 205); } #footer { padding-top: 95px; padding-bottom: 90px; } #footer h4 { text-transform: uppercase; font: 14px / 16px ProximaNova-Bold, Helvetica, Arial, sans-serif; margin: 0px 0px 10px; } #footer h4 a:hover, .footer-nav li a:hover { color: rgb(0, 112, 205); } #footer .contact-us h4 a { text-decoration: none; } .footer-nav { overflow: hidden; font: 12px / 14px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .footer-nav li { overflow: hidden; padding: 0px 0px 10px; } #footer .info-links { overflow: hidden; margin: 0px; font: 12px / 14px ProximaNova-Regular, Helvetica, Arial, sans-serif; } #footer .info-links li { padding: 0px 0px 10px; } #footer .info-links li .contact { display: inline-block; vertical-align: top; } #footer .info-links .title { display: block; font: 12px / 14px ProximaNova-Bold, Helvetica, Arial, sans-serif; } #footer .info-links address { margin: 0px; line-height: 14px; } #footer .social-networks { overflow: hidden; margin: 0px 0px 17px -12px; } #footer .social-networks li { float: left; padding: 4px 0px 0px 15px; } #footer .social-networks li a { display: block; width: 21px; height: 27px; text-indent: -9000px; overflow: hidden; background: url("/cmstemplates/nami/resources/images/ico-social-small.png") no-repeat; } #footer .social-networks li a:hover { background-position: 0px -27px; } #footer .social-networks li a.twitter { background-position: -31px -1px; width: 24px; margin: 0px 2px 0px -5px; } #footer .social-networks li a.twitter:hover { background-position: -31px -28px; } #footer .social-networks li a.pinterest { background-position: -72px 0px; width: 17px; margin: 0px 3px 0px 0px; } #footer .social-networks li a.pinterest:hover { background-position: -72px -27px; } #footer .social-networks li a.youtube { background-position: -107px 0px; width: 22px; margin: 0px 4px 0px 0px; } #footer .social-networks li a.youtube:hover { background-position: -107px -27px; } #footer .social-networks li a.blogger { background-position: -148px 0px; width: 20px; } #footer .social-networks li a.blogger:hover { background-position: -148px -27px; } #footer .copyright { display: block; margin: 0px 0px 20px; font: 12px / 14px ProximaNova-Regular, Helvetica, Arial, sans-serif; } #footer .add-info { overflow: hidden; margin: 0px; font: 12px / 14px ProximaNova-Bold, Helvetica, Arial, sans-serif; } #footer .add-info li { overflow: hidden; padding: 0px 0px 16px; } #footer .add-info li a:hover, #footer .copyright a:hover { text-decoration: none; color: rgb(0, 112, 205); } #footer .social-networks li a.air { background-position: -188px 0px; width: 27px; } #footer .social-networks li a.air:hover { background-position: -188px -27px; } #footer .social-networks li a.instagram { background-position: -235px 0px; width: 20px; margin: 0px 0px 0px 2px; } #footer .social-networks li a.instagram:hover { background-position: -235px -27px; } #footer .social-networks li a.tumblr { background-position: -275px 0px; width: 20px; margin: 0px; } #footer .social-networks li a.tumblr:hover { background-position: -275px -27px; } .jcf-hidden { display: block !important; position: absolute !important; left: -9999px !important; } .chk-area { border: 1px solid rgb(202, 202, 207); margin: 3px 15px 0px 0px; float: left; width: 23px; height: 23px; border-radius: 50%; } .chk-checked { background: url("/cmstemplates/nami/resources/images/tick-small.png") 50% center no-repeat; } .chk-focus { border-color: rgb(202, 202, 207); } .chk-disabled { background: rgb(238, 238, 238); } .jcf-label-disabled { color: rgb(204, 204, 204); } .reg-form.has-error .chk-area { background: url("/cmstemplates/nami/resources/images/tick-error.png") 50% center no-repeat rgb(220, 0, 0); border-color: rgb(220, 0, 0); } .reg-form.has-error .error-note { display: block; } .reg-form .error-note { display: none; font: 14px / 20px ProximaNova-Bold, Helvetica, Arial, sans-serif; background: rgb(220, 0, 0); color: rgb(255, 255, 255); text-align: center; padding: 15px 22px; margin: 0px -15px; } .select-area { border: 1px solid rgb(119, 119, 119); position: relative; overflow: hidden; cursor: default; height: 26px; float: left; } .select-state.select-area { float: none; display: inline-block; vertical-align: middle; height: 50px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(192, 191, 191); font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; width: 200px !important; } .select-state.select-area.select-add-class { border: 0px; width: 190px !important; } .select-focus { border-color: rgb(255, 0, 0); } .select-area .center { white-space: nowrap; padding: 3px 10px; } .select-state.select-area .center, .select-DropDownField.select-area .center { float: left; text-transform: capitalize; padding: 13px 10px 13px 17px; } .select-state.select-area.select-add-class .center { padding: 15px 10px 15px 20px; } .select-disabled { background: rgb(238, 238, 238); } .select-area .select-opener { background: rgb(119, 119, 119); position: absolute; height: 26px; width: 20px; right: 0px; top: 0px; } .select-state.select-area .select-opener, .select-DropDownField.select-area .select-opener { width: 35px; height: 46px; background: url("/cmstemplates/nami/resources/images/bg-opener.png") -2px 0px no-repeat; top: 0px; right: 1px; } .select-options { position: absolute; overflow: hidden; background: rgb(255, 255, 255); z-index: 2000; } .select-options .drop-holder { border: 1px solid rgb(192, 191, 191); overflow: hidden; height: 1%; width: auto; padding: 0px; } .drop-add-class.select-options .drop-holder { border: 0px; } .select-options ul { list-style: none; overflow: hidden; padding: 0px; margin: 0px; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .select-options ul li { width: 100%; float: left; } .select-options ul a { text-decoration: none; padding: 5px 10px; display: block; cursor: default; color: rgb(0, 0, 0); height: 1%; } .select-options .item-selected a { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); } .select-options .optgroup { clear: both; } .select-options .optgroup strong { display: block; padding: 5px; } .select-options .optgroup ul a { padding-left: 30px; } .margin-reset15 { margin-left: 18px; } #padding-reset15 { padding-right: 0px; } .get-help .form-state { border-bottom: 1px solid rgb(50, 180, 193); margin: 0px 0px 25px; padding: 0px 0px 29px; } .article .form-state input[type="submit"] { background: none 0px 0px repeat scroll rgb(210, 210, 210); border: 0px none; border-radius: 4px; color: rgb(0, 0, 0); cursor: pointer; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; height: 50px; margin: 0px 0px 0px 5px; padding: 0px; text-transform: capitalize; width: 60px; } .programs .article .form-state { text-align: center; } .info-area .box input[type="submit"], .info-area .box input[type="button"] { background: none 0px 0px repeat scroll rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); border-radius: 4px; color: rgb(0, 112, 205); cursor: pointer; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; height: 50px; margin: 0px 0px 0px 5px; padding: 0px; text-transform: capitalize; width: 60px; } .inner-page-content .search { overflow: hidden; color: rgb(53, 53, 53); padding: 55px 21px 80px 0px; font: 14px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .inner-page-content .search p { margin: 0px 0px 20px; } .inner-page-content .search h1, .inner-page-content .search h2, .inner-page-content .search h3 { font: 36px / 38px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; margin: 0px 0px 20px; } .inner-page-content .search h2 { font-size: 28px; line-height: 30px; } .inner-page-content .search h3 { display: block; color: rgb(53, 53, 53); margin: 0px 0px 17px -40px; padding: 9px 5px 7px 40px; text-transform: uppercase; background: rgb(240, 240, 240); font: 14px / 16px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .inner-page-content .search p a { color: rgb(0, 112, 205); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .inner-page-content .search table { margin: 10px 0px 30px; } .inner-page-content input[type="text"], .inner-page-content input[type="password"], .inner-page-content input[type="file"], .inner-page-content input[type="submit"], textarea { appearance: none; border-radius: 0px; outline: none; border: 1px solid rgb(204, 204, 204); font-size: 16px; box-shadow: none !important; } .search-filters input[type="checkbox"] { margin: 1px 10px 0px 0px; vertical-align: top; resize: none; } .search-filters label { font: 16px ProximaNova-Semibold, Helvetica, Arial, sans-serif; color: rgb(53, 53, 53); overflow: hidden; } .search-filters .chk-area { border: 1px solid rgb(202, 202, 207); margin: 3px 10px 0px 0px; float: left; width: 14px; height: 14px; border-radius: 50%; position: relative; top: -2px; } .search-resultsItem { margin: 40px 0px; } .search-resultsResult { margin-right: 5px; margin-left: 5px; } .search-resultsURL { color: rgb(0, 112, 205); font: 14px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; overflow-wrap: break-word; } .search-resultsURL a:hover { text-decoration: underline; } .search-resultsTitle { margin: 0px 0px 3px; font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; } .search-resultsDate { font-size: 10px; line-height: 20px; margin: 0px; color: rgb(136, 136, 136); } .search-resultsImage { border: 1px solid rgb(238, 238, 238); width: 90px; height: 90px; } .search-resultsSummary { margin-top: 5px; overflow-wrap: break-word; } .search-resultsRelURL { margin-top: 5px; } .search-resultsRelevance { width: 50px; border: 1px solid rgb(170, 170, 170); margin-top: 7px; margin-right: 6px; float: left; color: rgb(0, 0, 255); font-size: 2pt; line-height: 4px; height: 4px; } .search-box { margin: 0px 0px 30px; } .search-box tr { padding: 0px; } .search-box td { padding: 0px 0px 10px 10px; height: 40px; line-height: 32px; } .search-box #tdSearchbtn { width: 150px; } .hide { display: none; } .tdddl .select-DropDownField, .search-box #tdSearchddl .select-DropDownField { display: none; } .search-box select { padding: 5px 10px; } .page_navigation, .alt_page_navigation { padding-bottom: 10px; } .page_navigation a, .alt_page_navigation a, .PagerNumberArea a, .PagerNumberArea .SelectedPage, .PagerNumberArea .SelectedPrev, .PagerNumberArea .SelectedNext, .PagerNumberArea .UnselectedPrev { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); float: left; font-size: 12px; margin: 2px; padding: 7px 10px; text-decoration: none; border-radius: 3px; color: rgb(119, 119, 119) !important; font-weight: normal !important; } .page_navigation a:hover, .PagerNumberArea a:hover { border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(188, 193, 200) rgb(186, 186, 186) rgb(173, 178, 187); background: linear-gradient(rgb(247, 248, 250), rgb(231, 233, 236)); } .page_navigation a.active_page, .page_navigation a.active_page:hover, .page_navigation a.active_page:active, .PagerNumberArea .SelectedPage { border: 1px solid rgb(108, 170, 228); background: rgb(108, 170, 228) !important; color: rgb(255, 255, 255) !important; } .blog-nav { padding: 59px 0px 0px; margin-right: 15px; } .blog-nav h3 { display: block; color: rgb(53, 53, 53); margin: 0px 0px 17px -40px; padding: 9px 5px 7px 40px; text-transform: uppercase; background: rgb(240, 240, 240); font: 14px / 16px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .blog-nav .blog-recentposts, .blog-nav .blog-recentpost, .blog-nav .blog-month { font: 14px / 16px ProximaNova-Semibold, Helvetica, Arial, sans-serif; color: rgb(53, 53, 53); overflow: hidden; padding: 5px 15px 15px 0px; } .blog-post, .post { border-bottom: 1px solid rgb(221, 221, 221); padding: 0px 15px 25px; margin: 10px 0px 40px; } .post { padding-bottom: 50px; } .blogslist { padding: 20px 0px; margin-bottom: 10px; min-height: 300px; overflow: hidden; color: rgb(53, 53, 53); font: 16px / 24px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .blogslist h2, .blogslist h3 { font: 36px / 38px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; margin: 0px 0px 20px; } .blogslist h2 { font-size: 28px; line-height: 30px; } .blogslist h3, .blogslist h3 a { font-size: 18px; line-height: 22px; margin: 0px; } .blogslist h3 a:hover { color: rgb(0, 112, 205); } .blog { padding-bottom: 0px; margin-bottom: 0px; } .teaser-image { padding: 5px 0px; width: 20%; float: left; display: inline; } .blog-container { margin-left: 28%; } .blog-container h3 { margin-top: 10px; } .blog-container .summary, .post .summary { margin: 10px 0px 20px; } .blog-container .author, .post .author, .blog-container .CommentText { margin: 5px 0px; font: 13px / 16px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .blog-container .readmore { color: rgb(0, 112, 205); text-transform: uppercase; min-width: 250px; height: 50px; padding: 12px 10px 11px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); text-align: center; display: inline-block; vertical-align: top; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .blog-container .readmore:hover { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } .CommentDetail { margin: 20px 0px 0px; } .blogTeaser { width: 13%; float: left; } .BlogCommentsTitle { color: rgb(0, 0, 0); margin: 0px 0px 16px; font: 36px / 38px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; } .CommentDetail td { padding: 0px 0px 15px; } .CommentUserName { font-family: ProximaNova-Bold, sans-serif; font-size: 20px; } .CommentDate { text-transform: uppercase; font-family: ProximaNova-Bold, sans-serif; font-size: 12px; } .CommentAction, .InlineAbuseLink { color: rgb(0, 112, 205); font-size: 14px; padding: 0px 10px 0px 0px; } .blog-leave-comment { color: rgb(0, 0, 0); margin: 0px 0px 16px; font: 22px / 0.8 MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; } #p_lt_ctl00_pageplaceholderMain_p_lt_ctl02_CommentView_commentView_btnSubscribe { float: right; } .BlogCommentForm { margin: 0px 0px 20px; } .BlogCommentForm .form-group { margin-left: 0px; margin-right: 0px; } .BlogCommentForm .CheckBoxMovedLeft { float: left; padding-top: 10px; } .BlogCommentForm label { padding-top: 7px; font-weight: 600; } .BlogCommentForm .form-group-submit { padding-top: 7px; } .readmore { display: inline-block; border: 2px solid rgb(12, 73, 156); color: rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; background-color: transparent; min-width: 200px; } .readmore:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .PollControl { padding: 30px 20px 0px 17px; font: 18px / 22px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .PollTitle { margin: 0px 0px 22px; text-transform: uppercase; color: rgb(53, 53, 53); font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; letter-spacing: 1px; border-bottom: 1px solid rgb(210, 210, 210); display: block; } .PollQuestion { margin: 0px 0px 15px; font-weight: normal; display: block; } .PollAnswers { margin: 0px 0px 15px; } .PollAnswerRadio { padding-left: 30px; margin-top: 8px; margin-bottom: 8px; display: block; } .PollAnswerRadio input[type="radio"] { margin-right: 10px; position: absolute; margin-top: 2px; } .PollAnswerRadio label { display: inline; padding-left: 20px; } .PollGraph { height: 10px; background-color: rgb(218, 218, 218); margin-bottom: 25px; margin-top: 3px; } .PollGraph div { height: 10px; background: url("/App_Themes/CorporateSite/Images/bg_pollLine.png") 100% 0% repeat-x; line-height: 0; font-size: 0px; } .PollCount { text-align: right; vertical-align: top; padding-left: 10px; } .PollFooter { margin-bottom: 10px; } #btnProgramsGo, #btnProgramsReset { width: 150px !important; } .contact-us { margin-top: 20px; } .contact-us h3 { margin-top: 0px; } .contact-us ul { padding-left: 0px; list-style: none; } .contact-us .other-box { display: none; } .contact-us .faqs-title, .contact-us .faqs-container { display: none; } .contact-us .phone-control .form-control { margin-right: 5px; text-align: center; margin-bottom: 10px; display: initial !important; width: 30% !important; } .contact-us .phone-control span.form-control-text { display: none; } .InfoLabel { padding: 15px; margin-top: 20px; margin-bottom: 20px; border: 1px solid rgb(214, 233, 198); border-radius: 4px; color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); display: block; } .ErrorLabel { padding: 15px; margin-top: 20px; border: 1px solid rgb(235, 204, 209); border-radius: 4px; color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); display: block; } .EditingFormErrorLabel { color: rgb(169, 68, 66); } .ForumGroup .Info { display: none; } .ForumGroup .ForumDescription { font-size: 12px; } .forum-search input[type="text"] { width: 90%; float: left; } .Forum .Header { font-weight: bold; } .Forum .ForumContent .ForumManage { font-size: 12px; } .Forum .select-form-control { width: 100% !important; } .ForumNewPost .FormPadding { padding: 15px; } .press-releases h2 { margin: 20px 0px; } .press-release { border-bottom: 1px solid rgb(221, 221, 221); padding: 0px 15px 25px; margin: 10px 0px 40px; } .press-release .title { margin: 0px; font: 18px / 22px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; } .press-release .title:hover { color: rgb(0, 112, 205); } .press-release .summary { margin: 10px 0px 20px; } .press-release .readmore, .press-releases .view-all { color: rgb(0, 112, 205); text-transform: uppercase; min-width: 250px; height: 50px; margin-top: 10px; padding: 12px 10px 11px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); text-align: center; display: inline-block; vertical-align: top; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; } .press-release .readmore:hover, .press-releases .view-all:hover { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } .press-release .view-all, .gallery .view-all { text-align: right; padding-top: 10px; } div.press-release-article p a { font-weight: bold; } div.press-release-article p a:hover { text-decoration: underline; color: rgb(0, 0, 0); } div.press-release p a { font-weight: bold; } div.press-release p a:hover { text-decoration: underline; color: rgb(0, 0, 0); } .gallery { min-height: 300px; } .gallery .image { min-height: 160px; text-align: center; float: left; width: 200px; } .gallery .image img { width: auto; height: auto; margin: 0px auto; } .press-contact { padding: 45px 20px 0px 17px; line-height: 26px; } .press-contact h2 { margin: 0px 0px 24px; padding: 0px 0px 10px 20px; text-transform: uppercase; color: rgb(53, 53, 53); font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; border-bottom: 1px solid rgb(210, 210, 210); } .press-contact p { padding-left: 15px; margin-bottom: 20px; } .related-conditions { padding: 45px 20px 0px 17px; line-height: 26px; } .related-conditions h2 { margin: 0px 0px 24px; padding: 0px 0px 10px 20px; text-transform: uppercase; color: rgb(53, 53, 53); font: 20px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; border-bottom: 1px solid rgb(210, 210, 210); } .related-conditions p { padding-left: 15px; margin-bottom: 20px; } #btnProgramsGo, #btnProgramsReset { cursor: pointer; padding: 8px 10px !important; } @media only screen and (max-width: 767px) { #btnProgramsGo, #btnProgramsReset { margin: 10px; } } .tabs { width: 100%; display: inline-block; } .tab-links::after { display: block; clear: both; content: ""; } .tab-links li { margin: 0px 5px; float: left; list-style: none; } .tab-links a { padding: 9px 15px; display: inline-block; border-radius: 3px 3px 0px 0px; background: rgb(127, 181, 218); font-size: 16px; font-weight: 600; color: rgb(76, 76, 76); transition: all 0.15s linear 0s; } .tab-links a:hover { background: rgb(167, 204, 229); text-decoration: none; } li.active a, li.active a:hover { background: rgb(255, 255, 255); color: rgb(76, 76, 76); border-top: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); } .tab-content { padding: 15px; border-radius: 3px; background: rgb(255, 255, 255); } .tab { display: none; } .tab.active { display: block; } .row-centered { text-align: center; } .col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; } .confirm-registration { margin-top: 22px; } .my-nami-widget { overflow: hidden; padding: 23px 15px 0px; margin-bottom: 50px; } .my-nami-widget h4 { margin: 0px 0px 24px; padding: 0px 0px 10px 20px; text-transform: uppercase; color: rgb(53, 53, 53); font: 16px / 18px ProximaNova-Bold, Helvetica, Arial, sans-serif; border-bottom: 1px solid rgb(210, 210, 210); } .my-nami-widget ul { overflow: hidden; font: 16px / 18px MuseoSlab-700, Helvetica, Arial, sans-serif; text-transform: capitalize; } .my-nami-widget ul li { overflow: hidden; padding: 0px 0px 18px 10px; } .my-nami-widget ul li a { color: rgb(108, 170, 228); } .my-nami-widget ul li a:hover { color: rgb(0, 112, 205); text-decoration: none; } .my-nami-widget ul li .profileemail, .local-nami-item .profileemail { text-transform: lowercase; } .my-nami-widget .button { display: inline-block; vertical-align: top; text-align: center; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); width: 100%; padding: 15px 10px; border: 0px; background: none 0% 0% repeat scroll rgb(210, 210, 210); border-radius: 4px !important; } .my-nami-widget .button:hover { color: rgb(255, 255, 255); background: none 0% 0% repeat scroll rgb(0, 112, 205); text-decoration: none; } .my-nami-widget .membership-item { margin-bottom: 50px; } .local-nami .items .local-nami-item { margin-bottom: 50px; } .local-nami .items div:last-child { margin-bottom: 0px; } .profile .links { text-align: center; padding: 14px 0px 0px; } .profile .links a { color: rgb(108, 170, 228); font: 16px / 20px ProximaNova-Semibold, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: top; float: none; margin: 0px 15px; padding: 15px 0px 0px; } .profile .links a:hover { text-decoration: underline; } .become-member { margin-bottom: 50px; } .become-member .button { color: rgb(0, 112, 205); text-transform: uppercase; width: 100%; height: 50px; padding: 12px 10px 11px; border-radius: 4px; background: rgb(255, 255, 255); border: 2px solid rgb(108, 170, 228); text-align: center; display: inline-block; vertical-align: top; } .become-member .button:hover { text-decoration: none; background: rgb(0, 112, 205); color: rgb(255, 255, 255); border-color: rgb(0, 112, 205); } .officer-row { display: none; } .article-column .article-image { width: 242px; height: 200px; } @media only screen and (min-width: 767px) { #footer .info-links li .contact, .get-help .contact, .info-area .box .contact { cursor: default; pointer-events: none; } } @media only screen and (max-width: 1259px) { .visual .visual-holder, .visual .img-holder { width: 100%; } .visual .img-holder img { width: 100%; height: auto; } .top-nav li:last-child { padding: 5px 12px 0px 0px; } .search-form { width: 240px; right: 20px; } .logo-holder { padding: 39px 26px 0px 0px; } #nav > ul > li:first-child { padding: 0px; } .mega-dropdown .column { padding: 20px 10px; } .home .donate-join .text.donate { padding: 52px 40px 57px 9999px; } .home .donate-join .text.join { margin: 0px -9999px 0px 0px; padding: 52px 9999px 57px 10px; } #main .posts { padding: 20px 20px 13px; } .sub-container { width: 970px; padding: 0px 15px; margin: 11px 0px 0px -480px; } .top-nav { width: 100%; padding: 0px; } .drop-holder { width: 970px; } #nav > ul > li { padding: 0px 5px; } #nav > ul > li > a { padding: 0px 10px 19px; } #nav ul > li.active > a { padding: 0px 10px 21px; } .intro { padding: 40px 0px 50px; } .get-help { padding: 56px 10px 61px 14px; } .programs .article .button { left: 15px; right: 15px; font-size: 16px; min-width: inherit; } .related-content .read-more, .get-help .ask-expert { min-width: inherit; width: 100%; } .select-state.select-area.select-add-class { width: 140px !important; } .select-state.select-area { width: 140px !important; } .content { padding: 55px 0px 80px; } .tab-set li a { padding: 10px 8px; } .stories-list li img { width: 80px; } .intro h1 { margin: 0px 0px 24px; color: rgb(164, 146, 93); text-transform: capitalize; letter-spacing: 5px; font: 50px / 55px MuseoSlab-100, Helvetica, Arial, sans-serif; } .intro h2 { margin: 0px 0px 17px; font: 32px / 34px MuseoSlab-700, Helvetica, Arial, sans-serif; } .get-help { padding: 45px 10px 61px 14px; } .get-help h3 { font: 18px / 20px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .get-help .contact { font: 20px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; } .get-help .title { font: 18px / 20px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .donate-join .text { font: 20px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; } .donate-join .text .button { letter-spacing: 3px; font: 16px / 20px ProximaNova-Semibold, Helvetica, Arial, sans-serif; } .teaser-image { padding: 5px 0px; width: 35%; float: left; display: inline; } .blog-container { margin-left: 36%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .tdddl .select-DropDownField, .search-box #tdSearchddl .select-DropDownField { display: inherit; } .select-state.select-area .center, .select-DropDownField.select-area .center { float: left; text-transform: capitalize; padding: 1px 10px 1px 5px; } .select-state.select-area .select-opener, .select-DropDownField.select-area .select-opener { width: 35px; height: 26px; background: url("http://nami.simplea.com/cmstemplates/nami/resources/images/bg-opener.png") -2px -8px no-repeat; top: -5px; right: 1px; } } @media only screen and (max-width: 991px) { .stories-list li img { width: 70px; margin: 0px 8px 0px 0px; } .stories-list li .text h4, .stories-list li .text .sub-heading { font-size: 12px; line-height: 14px; } #main .posts.stories { padding: 25px 10px 0px; } .posts .story { font: 14px / 18px ProximaNova-Light, Helvetica, Arial, sans-serif; } .sub-container { width: 750px; margin: 11px 0px 0px -360px; } .top-nav li:last-child { padding: 5px 8px 0px 0px; } .search-form { width: 240px; right: 16px; } .drop-holder { width: 750px; } .logo-holder { width: 28%; padding: 39px 0px 0px; } #nav { width: 72%; } #nav ul { font-size: 14px; line-height: 16px; } #nav > ul > li > a { padding: 0px 5px 19px; } #nav ul > li.active > a { padding: 0px 5px 21px; } .mega-dropdown .title { font-size: 16px; line-height: 18px; } .toggle-slide .title, .info-area .box h2 { font-size: 16px; } .signin-form input[type="password"], .signin-form input[type="text"] { width: 100px; } .select-state.select-area.select-add-class { margin-bottom: 10px; width: 140px !important; } .info-area .box .ask-expert { min-width: 230px; } .info-area .box .contact { font-size: 30px; } .donate-join .text.join { padding: 52px 15px 57px; margin: 0px -15px 0px 0px; } .donate-join .text.donate { padding: 52px 15px 57px 9999px; margin: 0px -15px 0px -9999px; } .donate-join .text.share-story { padding: 52px 9999px 20px 15px; } .donate-join .text .button { width: 220px; min-width: inherit; font-size: 16px; letter-spacing: 1px; } .select-state.select-area { width: 150px !important; } .programs .article { padding: 25px 15px 90px; } .related-content h2, .related-content ul li { padding: 0px 0px 10px; } .get-help { padding: 40px 10px 61px 14px; } .side-nav ul li { padding: 0px 0px 10px; } .tab-set { font-size: 16px; } .content h1, .content h2, .content h3 { font-size: 28px; line-height: 30px; } .content { padding: 55px 0px 20px; } .article .text { padding: 15px; } .article .text h2, .posts .header h1, .user-info .heading h2 { font-size: 18px; line-height: 20px; } .article ul { font-size: 16px; line-height: 18px; } .posts .story .btn-share { min-width: inherit; width: 100%; padding: 10px 3px; } .ad { margin: 0px -15px; } .ad .caption { right: 10px; top: 10px; width: 65%; } .ad .caption h1 { font-size: 19px; line-height: 25px; } .container { padding: 0px; } #nav { width: 75%; } .search-form { width: 180px; } .logo img { display: block; width: 85%; height: auto; } .logo-holder { width: 25%; padding: 39px 0px 0px; } .side-nav { padding: 40px 0px 0px; margin-right: 15px; } .intro h1 { margin: 0px 0px 20px; color: rgb(164, 146, 93); text-transform: capitalize; letter-spacing: 4px; font: 40px / 45px MuseoSlab-100, Helvetica, Arial, sans-serif; } .intro h2 { margin: 0px 0px 17px; font: 28px / 30px MuseoSlab-700, Helvetica, Arial, sans-serif; } .related-content h2 { font: 16px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .programs .article h2 { font: 18px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; } .related-content ul { font: 14px / 16px MuseoSlab-700, Helvetica, Arial, sans-serif; } .programs .article form input[type="submit"] { width: 45px; } .donate-join .text { text-align: center; color: rgb(255, 255, 255); font: 16px / 26px ProximaNova-Light, Helvetica, Arial, sans-serif; } .select-state.select-area { width: 150px !important; } .the-expert img { width: 80%; } .teaser-image { padding: 5px 0px; width: 39%; float: left; display: inline; } .blog-container { margin-left: 40%; } .tdddl .select-DropDownField, .search-box #tdSearchddl .select-DropDownField { display: inherit; } .select-state.select-area .center, .select-DropDownField.select-area .center { float: left; text-transform: capitalize; padding: 1px 10px 1px 5px; } .select-state.select-area .select-opener, .select-DropDownField.select-area .select-opener { width: 35px; height: 26px; background: url("http://nami.simplea.com/cmstemplates/nami/resources/images/bg-opener.png") -2px -8px no-repeat; top: -5px; right: 1px; } } @media only screen and (max-width: 810px) { .container { padding: 0px; } #nav { width: 75%; } .search-form { width: 180px; } .logo img { display: block; width: 85%; height: auto; } .logo-holder { width: 25%; padding: 39px 0px 0px; } .side-nav { padding: 40px 0px 0px; } .get-help { padding: 40px 10px 61px 14px; } .get-help .contact { font: 20px / 30px ProximaNova-Light, Helvetica, Arial, sans-serif; } .get-help .title { font-size: 18px; } .related-content h2 { font: 16px / 22px ProximaNova-Bold, Helvetica, Arial, sans-serif; } .programs .article h2 { font: 18px / 24px MuseoSlab-700, Helvetica, Arial, sans-serif; } .related-content ul { font: 14px / 16px MuseoSlab-700, Helvetica, Arial, sans-serif; } .programs .article form input[type="submit"] { width: 45px; } .donate-join .text { text-align: center; color: rgb(255, 255, 255); font: 16px / 24px ProximaNova-Light, Helvetica, Arial, sans-serif; } .teaser-image { padding: 5px 0px; width: 39%; float: left; display: inline; } .blog-container { margin-left: 40%; } } @media only screen and (max-width: 767px) { .container { padding-left: 15px; padding-right: 15px; } #header.has-error.active .note { margin: 0px; padding: 6px 0px; } .intro h1 { margin: 10px 0px 16px; color: rgb(164, 146, 93); text-transform: capitalize; letter-spacing: 3px; font: 32px / 42px MuseoSlab-100, Helvetica, Arial, sans-serif; } .intro h2 { margin: 0px 0px 17px; font: 20px / 22px MuseoSlab-700, Helvetica, Arial, sans-serif; } .logo-holder .social-area .slide { top: 0px; margin: 0px; } .logo-holder .social-area .btn-share { display: block; } .donate-join .text.join { margin: 0px; } .posts.stories .image-holder { margin: 0px 0px 15px; } .ad { margin: 0px 0px 30px; } .go-top { width: 560px; margin: 0px auto; padding: 29px 10px 30px; display: block; border-radius: 8px; background: rgb(0, 112, 205); color: rgb(255, 255, 255); text-align: center; font: 39px / 41px ProximaNova-Regular, Helvetica, Arial, sans-serif; } .go-top:hover { text-decoration: none; opacity: 0.9; color: rgb(255, 255, 255); } .logo-holder { float: none; margin: 0px auto; padding: 15px 0px 7px; width: auto; } .logo-holder .logo { margin: 0px auto; width: 150px; height: 57px; } #nav1 { width: 100%; padding: 0px; border-top: 1px solid rgb(240, 240, 240); } #nav { display: none; visibility: hidden; } #nav > ul > li, #nav > ul > li:first-child, #nav1 > ul > li, #nav1 > ul > li:first-child { padding: 23px 15px 20px; float: none; width: 100%; border-top: 1px solid rgb(192, 191, 191); } #nav1 > ul > li, #nav1 > ul > li:first-child { padding: 23px 15px 20px 10px; } #nav1 > ul > li > a { position: relative; display: block; padding: 0px 10px 0px 0px; color: rgb(53, 53, 53); } #nav1 > ul > li > a:hover { text-decoration: none; color: rgb(0, 112, 205); } #nav > ul > li:first-child, #nav1 > ul > li:first-child { border: 0px; } #nav > ul > li > a, #nav > ul > li.active > a, #nav > ul > li:hover > a { padding: 0px 20px 0px 0px; } #nav > ul > li > a::before, #nav1 > ul > li > a::before { position: absolute; top: 50%; right: 0px; background: url("/cmstemplates/nami/resources/images/arrow.png") no-repeat; width: 8px; height: 12px; margin: -6px 0px 0px; content: ""; } #nav1 > ul > li > a::before { right: -5px; } #nav1 > ul { font-size: 14px; line-height: 16px; text-align: left; } #header.fixed .user-panel { position: fixed; display: block; top: 0px; left: 0px; } #nav > ul > li.active, #nav > ul > li:hover { margin: 0px; } #nav > ul > li.active > a::after, #nav > ul > li:hover > a::after { display: none; } #header.fixed .logo-holder { padding: 15px 0px 7px; } #header.fixed .logo-holder .btn-opener { top: 87px; } #header .social-area { position: absolute; z-index: 999; top: 0px; margin: 0px; right: -15px; } #header .social-area .btn-share { box-shadow: none; margin: 15px; background-position: 50% 15px; } #header .social-area .btn-share:hover { background-position: 50% -35px; } #header.fixed .social-area { top: 87px; margin: 0px; } .social-area.open { width: 90%; background: rgb(255, 255, 255); margin: 0px 0px -9999px; padding: 0px 0px 9999px; box-shadow: rgb(1, 2, 2) 1px 1.732px 4px 0px; } .social-area.open .slide { width: 100%; height: 100%; box-shadow: none; border-radius: 0px; padding: 26px 30px 0px 69px; margin: 0px !important; top: -18px !important; } .social-area .slide .title { float: none; display: block; color: rgb(0, 0, 0); font-size: 26px; line-height: 28px; margin: 0px 0px 18px 4px; } .social-area .social-networks { padding: 0px 0px 0px 9px; overflow: hidden; float: none; } .social-area .social-networks li { float: none; padding: 0px 0px 21px 47px; background: url("/cmstemplates/nami/resources/images/ico-social.png") 1px 1px no-repeat; } .social-area.open .btn-share { display: none; } .btn-opener { position: absolute; left: 0px; top: 36px; } .user-panel { position: absolute; top: 0px; left: -275px; z-index: 99999; width: 275px; background: rgb(255, 255, 255); } .overlay-menu { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url("/cmstemplates/nami/resources/images/transparent.gif") repeat; z-index: 9999; display: none; cursor: pointer; } .panel-opened .overlay-menu { display: none; } .panel-opened .user-panel { box-shadow: rgb(1, 2, 2) 1px 1.732px 4px 0px; } .sub-container { position: static; width: 100%; margin: 0px; padding: 0px; height: auto; overflow: hidden; } .top-nav { width: 100%; display: table; } .search-form { width: 100%; border-radius: 0px; height: 55px; padding: 10px 40px 0px 24px; display: block; position: absolute; top: 0px; margin: 0px; } .search-form input[type="submit"] { top: 18px; right: 17px; } .toggle-slide { background: rgb(53, 53, 53); padding: 10px 10px 15px; } .toggle-slide .container { padding: 0px; } .toggle-slide .signin-form, .toggle-slide .links { display: block; } .toggle-slide .links { padding: 0px; overflow: hidden; } .signin-form input[type="password"], .signin-form input[type="text"], .signin-form input[type="submit"] { width: 100%; margin: 0px 0px 10px; } .signin-form .field { width: 100%; float: none; } .signin-form input[type="password"], .signin-form input[type="text"] { padding: 7px 14px 5px; } .toggle-slide .links { text-align: center; padding: 14px 0px 0px; } .toggle-slide .links a { display: inline-block; vertical-align: top; float: none; margin: 0px 15px; padding: 0px; font-size: 11px; line-height: 13px; } .top-nav ul { display: block; width: 100%; margin-top: 60px; } .top-nav li { width: 50%; padding: 0px; text-align: center; border-left: 1px solid rgb(240, 240, 240); } .top-nav li:first-child { border: 0px; } .top-nav li a { padding: 26px 10px; display: block; } .top-nav li a:hover { text-decoration: none; } #header.active .top-nav li a.toggle-opener { text-decoration: none; background: rgb(229, 229, 229); } .breadcrumb-holder { display: none; visibility: hidden; } .visual { background: rgb(0, 142, 155); padding: 0px 0px 117px; margin: 0px -15px; } .visual .visual-holder { overflow: visible; } .visual .mask { bottom: 100px; } .visual .desc-holder { display: block; } .visual .desc-frame { display: inherit; padding: 30% 0px 0px; } .visual .desc-frame h1 { margin: 0px 0px 39px; font-size: 27px; line-height: 33px; letter-spacing: 3px; } .visual .btn-register { height: 55px; line-height: 55px; } #main { padding: 20px 0px 40px; } #main .container { padding: 0px 10px; } #main .two-columns { margin: 0px -15px; } #main .posts { padding: 34px 10px 10px; font-size: 15px; margin: 0px 0px 20px; } #main .posts p { margin: 0px; } .posts .header { margin: 0px 0px 24px; } .posts .header h1, .posts .post h2 { font-size: 17px; line-height: 19px; letter-spacing: normal; } .posts .post h2 { margin: 0px 0px 13px; line-height: 24px; } .posts .list { font-size: 15px; line-height: 22px; margin: 0px 0px 17px; } .posts .list li { padding: 0px 0px 21px; } .stories-list li .text h4 { font-size: 15px; line-height: 17px; } .stories-list li .text .sub-heading { font-size: 13px; line-height: 15px; color: rgb(118, 118, 118); } .content h1, .content h2, .content h3 { font-size: 20px; line-height: 26px; } .go-top { width: 100%; font-size: 19px; line-height: 21px; padding: 15px 10px 14px; } #main .posts.stories { padding: 34px 15px 0px; } .posts .story .btn-share { width: 100%; border-radius: 4px; } #footer { text-align: center; padding-top: 61px; } #footer h4 { font-size: 16px; line-height: 18px; } .footer-nav { margin: 0px -30px; font-size: 14px; line-height: 16px; padding: 0px 0px 39px; } #footer .info-links .title, #footer .info-links, #footer .add-info, #footer .copyright { font-size: 14px; line-height: 16px; } #footer .info-links address { line-height: 16px; } #footer .info-links { padding: 0px 0px 39px; } #footer .add-info li { padding: 0px 0px 36px; } #footer .copyright { margin: 0px 0px 36px; } #footer .social-networks { margin: 18px -30px 59px; } #footer .social-networks li { display: inline-block; vertical-align: top; float: none; padding: 0px 15px; } #footer .social-networks li a { width: 17px; height: 39px; background: url("/cmstemplates/nami/resources/images/ico-social-small.png") 0px -1px no-repeat; } #footer .social-networks li a:hover { background-position: 0px -40px; } #footer .social-networks li a.twitter { background-position: -55px -1px; width: 35px; } #footer .social-networks li a.twitter:hover { background-position: -55px -40px; } #footer .social-networks li a.pinterest { width: 26px; background-position: -125px -1px; } #footer .social-networks li a.pinterest:hover { background-position: -125px -40px; } #footer .social-networks li a.youtube { width: 32px; background-position: -186px 0px; } #footer .social-networks li a.youtube:hover { background-position: -186px -39px; } #footer .social-networks li a.blogger { width: 29px; background-position: -253px -1px; } #footer .social-networks li a.blogger:hover { background-position: -253px -40px; } .side-nav { display: none; visibility: hidden; } .side-nav .title { padding: 7px 32px; margin: 0px 0px 15px; } .intro { padding: 0px 0px 20px; } .get-help { padding: 30px 10px; margin: 0px 0px 20px; } .donate-join .text.share-story, .donate-join .text.donate { padding: 52px 10px 57px; margin: 0px -15px; } .programs .article { padding: 25px 15px; height: auto !important; } .programs .article .button { position: static; width: 100%; display: block; } .select-state.select-area.select-add-class, .select-state.select-area { width: 200px !important; } .share-story .columns img { width: 100%; float: none; display: block; margin: 0px 0px 15px; } .share-story .columns .btn-share { min-width: inherit; width: 100%; } .tab-set { font-size: 14px; } .tab-set li a { padding: 9px 8px; } .content { padding: 0px 0px 20px; } .sidebar { padding: 0px; margin: 0px 0px 20px; } .sidebar .related-content, .the-expert { padding: 20px 15px; margin: 0px; } .article { padding: 0px; height: auto !important; } .article ul { position: static; } .stories-list li img { width: 80px; } .teaser-image { display: none; } .blog-container { margin-left: 0%; } .modal-body { padding: 0px 10px 150px; } } @media only screen and (max-width: 450px) { .iframe { position: relative; padding-bottom: 5%; padding-top: 0px; height: 0px; } .iframe iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } } @media print { * { background: none !important; color: rgb(0, 0, 0) !important; border: 0px !important; } body { color: rgb(0, 0, 0); background: rgb(255, 255, 255); min-width: inherit; width: 100%; } .container, #main, #header, #wrapper, .visual .visual-holder, .visual .img-holder, #main .two-columns { width: 100%; display: block; overflow: visible; height: auto; padding: 0px 0px 0px 10px; clear: both; } .visual .img-holder img { width: 100%; } .user-panel, #nav, .secondary-nav, .social-area, .btn-opener, .visual .description, .donate-join, .info-area, .ad, .posts .header .view-all, .footer-nav, .contact-us, #footer .social-networks, #footer .add-info, #footer h4, .breadcrumb, .hidden-class, .programs .article > .button, .programs .article form, .row.share-story, .posts .list, .stories-list, .posts .story .btn-share, .tab-set, .article ul.list1, #nav, .side-nav { display: none; } .logo-holder { padding: 0px; } .stories-list li a, .stories-list li .text { display: block; } .stories-list li img { float: none; margin: 0px 0px 10px; display: block; width: 100%; } .posts.stories .image-holder { margin: 0px 0px 15px; } .col-lg-10, .col-lg-8 { width: 100%; } .programs .article, .article .text { padding: 0px; height: auto !important; } .column { height: auto !important; } #footer .add-class { display: none; } .programs .article img { width: 70%; } #main, .programs .article, .intro { padding: 0px; } .programs .article { break-after: page; } .article { margin: 0px; } .content img { width: 80%; } .footer-print, #footer-print { padding: 10px; font: 12px / 14px ProximaNova-Regular, Helvetica, Arial, sans-serif; border-top: 1px solid grey !important; } #footer .footer-print .title { display: inline; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 12px; font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; line-height: 1.8; font-weight: bold !important; } #footer { padding: 0px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-resolution: 144dpi) { #footer .social-networks li a { background-image: url("/cmstemplates/nami/resources/images/ico-social-small2x.png"); background-size: 282px 78px; } .chk-checked { background-image: url("/cmstemplates/nami/resources/images/tick-2x.png"); background-size: 23px 23px; } .reg-form.has-error .chk-area { background-image: url("/cmstemplates/nami/resources/images/tick-error-2x.png"); background-size: 23px 23px; } .modal-header .close { background-image: url("/cmstemplates/nami/resources/images/bg-close-2x.png"); background-size: 24px 24px; padding: 20px; } .secondary-nav .nav-slide li a { background-image: url("/cmstemplates/nami/resources/images/arrow-2x.png"); background-size: 8px 12px; } .secondary-nav .nav-slide li a:hover { background-image: url("/cmstemplates/nami/resources/images/arrow-small-2x.png"); background-size: 8px 12px; } .intro h1 { margin: 0px 0px 24px; color: rgb(164, 146, 93); text-transform: capitalize; letter-spacing: 3px; font: 40px / 45px MuseoSlab-100, Helvetica, Arial, sans-serif; } .intro h2 { margin: 0px 0px 17px; font: 28px / 30px MuseoSlab-700, Helvetica, Arial, sans-serif; } } .subscriptions .TabControlRow { display: none; } .subscriptions [class^="icon-"], .cms-bootstrap [class*=" icon-"] { display: inline-block; font-family: Core-icons; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .subscriptions .btn i { font-size: 16px; padding-right: 8px; position: relative; } .subscriptions .unigrid-actions .btn-unigrid-action i { color: rgb(64, 62, 61); display: block; } .subscriptions .btn.icon-only i { padding-right: 0px; } .subscriptions .unigrid-actions .btn-unigrid-action.icon-style-critical i { color: rgb(177, 38, 40); } .subscriptions [class^="icon-"]::before { font-family: "Glyphicons Halflings"; } .subscriptions .btn-icon:hover:not([disabled]) i, .subscriptions .btn-icon:focus i { color: rgb(15, 97, 148); } .subscriptions .icon-bin::before { content: "���"; } .subscriptions .icon-eye::before { content: "���"; } .affiliate-article { vertical-align: top; padding-bottom: 50px; } td.printable-colname { vertical-align: top; } .tdddl .select-DropDownField, .search-box #tdSearchddl .select-DropDownField { display: block; width: 100% !important; } .select-DropDownField.select-form-control.select-area { height: auto !important; } .select-DropDownField.select-form-control.select-area:nth-child(2) { display: none; } .content .panel-heading a { float: right; } .content .panel-heading a img { margin: 0px; } .program-title { text-align: left; } .program-title a { float: none !important; } @media screen and (max-width: 580px) { .fix-mobile { position: relative !important; opacity: 1 !important; } } @media screen and (max-width: 768px) { .social-area .btn-share { text-indent: -1px; } } .find-local-btn-go { background-color: white; color: rgb(81, 157, 221); height: 32px; padding: 5px; cursor: pointer; border: 1px solid rgb(81, 157, 221) !important; border-radius: 3px !important; box-shadow: none !important; } .campaign-policy { bottom: auto !important; position: static !important; } .content { padding-bottom: 0px; } .partnerLogo { max-width: 50%; padding-bottom: 30px; } .researchNewsImg { max-width: 30%; margin: 0px 10px 0px 0px; } .hero-Desktop { display: block; } .hero-mobile { display: none; } .visual .img-holder img { margin: 0px auto; width: auto; max-height: 1100px; } .visual .img-holder { height: 600px; } .visual { padding: 0px; } @media screen and (max-width: 680px) { .hero-Desktop { display: none; } .hero-mobile { display: block; } .visual .img-holder img { margin: 0px auto; width: 100%; height: auto; } .visual { padding: 0px; } .visual .desc-frame { padding: 15% 0px 0px; } .visual .img-holder { height: 280px; } } @media screen and (max-width: 1500px) { .visual .img-holder { height: 400px; } } @media screen and (max-width: 1180px) { .visual .img-holder { height: 300px; } } @media screen and (max-width: 800px) { .visual .img-holder { height: 300px; } } @media screen and (max-width: 580px) { .visual .img-holder { height: 200px; } .fix-mobile { position: relative !important; opacity: 1 !important; } } @media screen and (max-width: 375px) { .visual .img-holder { height: 130px; } } .reg-modal-form { padding-bottom: 50px; } .formlayoutcontainer .email { border: 1px solid rgb(204, 204, 204); box-shadow: none !important; border-radius: unset !important; } .formlayoutcontainer .small { display: initial; width: 82px !important; } .formlayoutcontainer .medium { display: initial; width: 120px !important; } .formlayoutcontainer .large { display: initial; width: 90px !important; } .formlayoutcontainer .fixlayout { margin-right: 6px !important; } .formlayoutSubmit { width: 300px !important; } .formlayoutSubmitCommit { text-align: center; } @media screen and (max-width: 768px) { .formlayoutcontainer .small, .formlayoutcontainer .medium, .formlayoutcontainer .large, .formlayoutcontainer .threecolumn { display: block; width: 100% !important; } .formtitle { padding-left: 15px; } } ::-webkit-input-placeholder { font-style: italic; } .threecolumn { float: left; width: 32% !important; } .content { padding-bottom: 0px; } .formValidation { color: red; font-size: 12px; margin-bottom: 10px; } .reg-form input[type="text"], .reg-form .email, .reg-form input[type="password"], .reg-form .form-control { margin-bottom: 10px !important; } .signin-form select.error { background: none 0px 0px repeat scroll rgb(255, 178, 178); } .fixformsubmit { padding-bottom: 0px !important; margin-bottom: 15px !important; } .fixformsubmit a, .fixformat a { color: rgb(108, 170, 228); font-family: ProximaNova-Bold, Helvetica, Arial, sans-serif; } .reg-form { } .fluidMedia { position: relative; padding-bottom: 250%; padding-top: 30px; height: 0px; overflow: auto; } .fluidMedia iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; } .panel { margin-bottom: 22px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; } .panel-primary { border-color: rgb(66, 139, 202); } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-info { border-color: rgb(188, 232, 241); } .panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .panel-info > .panel-heading > h3 { color: rgb(49, 112, 143); } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 18px; color: inherit; } .search-resultsTitle a { color: rgb(0, 0, 0); } @media screen and (max-width: 767px) { tr.searchrow.d-content { display: contents; } } .press-release .title { color: rgb(0, 0, 0); } .page_navigation, .alt_page_navigation { display: flex; flex-wrap: wrap; } .search-box #tdSearchbtn .search-button { border-radius: 4px; min-width: 150px; cursor: pointer; background-color: rgb(221, 221, 221); } .search-box #tdSearchbtn .search-button:hover { background: none 0% 0% repeat scroll rgb(0, 112, 205); color: rgb(255, 255, 255); } .PollVoteButton:hover, .PollVoteButton.btn:hover, .PollVoteButton.search-button:hover, #btnProgramsGo:hover, #btnProgramsReset:hover { color: rgb(255, 255, 255); background: none 0% 0% repeat scroll rgb(0, 112, 205); text-decoration: none; } .PollVoteButton .PollVoteButton, .PollVoteButton.btn, .PollVoteButton.search-button, #btnProgramsGo, #btnProgramsReset { display: inline-block; vertical-align: top; text-align: center; text-transform: capitalize; font: 18px / 20px ProximaNova-Light, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); width: 100%; padding: 15px 10px; border: 0px; background: none 0% 0% repeat scroll rgb(210, 210, 210); border-radius: 4px !important; } .editing-form-label-cell label { font-weight: 600; } .BlogCommentForm img { margin: 0px; } .CaptchaTable img { margin-left: 10px; vertical-align: middle; display: inline; } .CaptchaTable td { vertical-align: middle; } .form-group-submit .btn-primary { font-size: 16px; min-width: 70px; } @media (max-width: 991.98px) { .become-member span { font-size: 12px; } } li.faq-question h4 { margin-top: 0px; } li.faq-question h4 a { margin-top: 0px; } .faq-question a:not([href]):not([tabindex]) { display: none; } .family-friends-faq ul li { margin-bottom: 15px; } .search-filters td { display: flex; } .nami-forms .form-control { min-height: 40px; font-size: 16px; height: 40px; } .nami-forms .btn.btn-primary { display: inline-block; border: 2px solid rgb(12, 73, 156); color: rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; background-color: transparent; } .nami-forms .btn.btn-primary:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .take-action-btn { display: inline-block; border: 2px solid rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; } .take-action-btn:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .state.add-class.fix-mobile { border: 1px solid rgb(0, 0, 0); padding: 4px 5px; } .table-nostriped tbody tr:nth-of-type(2n+1) { background-color: transparent; } input.text-change-state { border: 1px solid rgb(0, 0, 0); padding: 4px; } input.button-change-state { padding: 5px; } .program-title a { color: rgb(255, 255, 255); } .program-title a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .bread-crumb-trail.group-dis.d-none.d-md-block a:last-child { font-weight: normal; } .bread-crumb-trail.group-dis.d-none.d-md-block a:hover { text-decoration: underline; } .bread-crumb-trail.group-dis span { padding: 0px 35px; } .postitem .dropdown { z-index: 0 !important; } .blue-btn.btn.btn-primary { display: inline-block; border: 2px solid rgb(12, 73, 156); color: rgb(12, 73, 156); padding: 0px 30px; line-height: 36px; font-family: ProximaNova-Bold, sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all 0.2s ease 0s; background-color: transparent; } .blue-btn.btn.btn-primary:hover { background: rgb(12, 73, 156); color: rgb(255, 255, 255); } .privacy-item .btn { font-size: 16px; } .privacy-item .btn:hover { text-decoration: underline; } .myNami h1 { font-size: 40px; margin-top: 20px; } .staff-profile img { left: 0px !important; } @media (max-width: 479px) { .profile-text-wrapper { height: 100px !important; } .search-box #tdSearchbtn .search-button { min-width: 80px; } .search-box #tdSearchbtn { width: 80px; } } .jumpanchor { display: block; height: 115px; margin-top: -115px; visibility: hidden; } .deiprofile-container { display: block; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; } .deiprofile-text-wrapper { position: static; left: 0px; bottom: 0px; overflow: hidden; width: 100%; height: 85px; max-height: 85px; margin-bottom: 0px; padding-bottom: 5px; padding-left: 8px; background-color: rgb(238, 238, 238); transition: height 350ms ease 0s; } .deiname-text { margin-top: 3px; float: left; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 600; } .deistaff-profile { position: relative; top: 0px; overflow: hidden; width: 185px; height: auto; min-height: 200px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; float: left; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 17px -9px; } .deiposition-text { max-height: 55px; margin-top: 2px; float: left; clear: both; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 400; } .deistaff-profile img { max-height: 200px; } @media (max-width: 991px) { .deiprofile-text-wrapper { position: static; height: auto; min-height: 85px; } .deistaff-profile { width: 185px; margin: 0px 8px 20px; } } @media (max-width: 767px) { .deiprofile-text-wrapper { min-height: 85px; } .deistaff-profile { width: 185px; } } @media (max-width: 479px) { .deiprofile-text-wrapper { max-height: 175px; min-height: 85px; } .deistaff-profile { width: 47%; margin-right: 5px; margin-left: 5px; min-width: 150px; max-width: 185px; } } .bigdeiprofile-container { display: block; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; } .bigdeiprofile-text-wrapper { position: static; left: 0px; bottom: 0px; overflow: hidden; width: 100%; height: 85px; max-height: 85px; margin-bottom: 0px; padding-bottom: 5px; padding-left: 8px; background-color: rgb(238, 238, 238); transition: height 350ms ease 0s; } .bigdeiname-text { margin-top: 3px; float: left; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 600; } .bigdeistaff-profile { position: relative; top: 0px; overflow: hidden; width: 288px; height: auto; min-height: 200px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; float: left; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 17px -9px; } .bigdeiposition-text { max-height: 55px; margin-top: 2px; float: left; clear: both; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 400; } .bigdeistaff-profile img { max-height: 288px; } @media (max-width: 991px) { .bigdeiprofile-text-wrapper { position: static; height: auto; min-height: 85px; } .bigdeistaff-profile { width: 185px; margin: 0px 8px 20px; } } @media (max-width: 767px) { .bigdeiprofile-text-wrapper { min-height: 85px; } .bigdeistaff-profile { width: 185px; } } @media (max-width: 479px) { .bigdeiprofile-text-wrapper { max-height: 175px; min-height: 85px; } .bigdeistaff-profile { width: 47%; margin-right: 5px; margin-left: 5px; min-width: 150px; max-width: 185px; } } .txtdeiprofile-container { display: block; margin: 0px 15px 0px 0px; padding-top: 0px; padding-bottom: 0px; float: left; } .txtdeiprofile-text-wrapper { position: static; left: 0px; bottom: 0px; overflow: hidden; width: 100%; height: 85px; max-height: 85px; margin-bottom: 0px; padding-bottom: 5px; padding-left: 8px; background-color: rgb(238, 238, 238); transition: height 350ms ease 0s; } .txtdeiname-text { margin-top: 3px; float: left; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 600; } .txtdeistaff-profile { position: relative; top: 0px; overflow: hidden; width: 185px; height: auto; min-height: 200px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; float: left; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 17px -9px; } .txtdeiposition-text { max-height: 55px; margin-top: 2px; float: left; clear: both; font-family: proxima-nova, sans-serif; color: rgb(0, 0, 0); font-size: 14px; line-height: 18px; font-weight: 400; } .txtdeistaff-profile img { max-height: 200px; } @media (max-width: 991px) { .txtdeiprofile-text-wrapper { position: static; height: auto; min-height: 85px; } .bigdeistaff-profile { width: 185px; margin: 0px 8px 20px; } } @media (max-width: 767px) { .txtdeiprofile-text-wrapper { min-height: 85px; } .txtdeistaff-profile { width: 185px; } } @media (max-width: 479px) { .txtdeiprofile-text-wrapper { max-height: 175px; min-height: 85px; } .txtdeistaff-profile { width: 47%; margin-right: 5px; margin-left: 5px; min-width: 150px; max-width: 185px; } }

@charset "utf-8"; @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+590-5FF, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+590-5FF, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+590-5FF, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2") format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2") format("woff2"); unicode-range: U+590-5FF, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url("https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@charset "utf-8"; .btn-hide { display: none !important; } .btn-show { display: block; }

.st0{fill:#FFFFFF;}