/*! Love is Respect > 20200721 ---------------- */

:root {

 --ff_1: Rotunda,Helvetica Neue,Arial,sans-serif;

 --c_a1: #006486; --c_a1t: var(--c_a1); /* accent: navy */
 --c_a2: #9FE3ED; --c_a2t: var(--c_a2); /* accent: light blue */
 --c_a3: #019CD0; --c_a3t: var(--c_a3); /* accent: blue */
 --c_a4: #F46A00; --c_a4t: var(--c_a4); /* accent: orange */
 --c_a5: #BA2079; --c_a5t: var(--c_a5); /* accent: pinkish */
 --c_a6: #FFA843; --c_a6t: var(--c_a6); /* accent: yellow */
 --c_b3: #EBF8FA; --c_b3t: var(--c_b3); /* background: light blue */

}

@import url("//hello.myfonts.net/count/3bacd4");
@font-face { font-family: 'Rotunda'; font-weight: 300; font-style: normal; src: url('../fonts/rotunda/rotunda-300.woff2') format('woff2'), url('../fonts/rotunda/rotunda-300.woff') format('woff'); }
@font-face { font-family: 'Rotunda'; font-weight: 400; font-style: normal; src: url('../fonts/rotunda/rotunda-300.woff2') format('woff2'), url('../fonts/rotunda/rotunda-300.woff') format('woff'); }
@font-face { font-family: 'Rotunda'; font-weight: 500; font-style: normal; src: url('../fonts/rotunda/rotunda-500.woff2') format('woff2'), url('../fonts/rotunda/rotunda-500.woff') format('woff'); }
@font-face { font-family: 'Rotunda'; font-weight: 700; font-style: normal; src: url('../fonts/rotunda/rotunda-700.woff2') format('woff2'), url('../fonts/rotunda/rotunda-700.woff') format('woff'); }
@font-face { font-family: 'Rotunda'; font-weight: 800; font-style: normal; src: url('../fonts/rotunda/rotunda-800.woff2') format('woff2'), url('../fonts/rotunda/rotunda-800.woff') format('woff'); }


/*   _______  _____  ______  _     _ _      _______ _______
 *   |  |  | |     | |     \ |     | |      |______ |______
 *   |  |  | |_____| |_____/ |_____| |_____ |______ ______|
*/

/**
 * @name .callout1
 * @description Quote with background
 */

.callout1 { background-image: none; color: var(--c_a4t); }

/**
 * @name .callout2
 * @description Large callout
 */

.callout2:before { display: none; }

@media screen {
.callout2 { background-image: linear-gradient(90deg, #EA6600 12%, #FFA843 98%); color: inherit; font-weight: 700; }
}
@media screen and (max-width: 1023px) {
.callout2-image { margin-right: var(--s1); }
}
@media screen and (max-width: 719px) {
.callout2-image { margin-bottom: 140px; margin-right: 0; }
}

/**
 * @name .card1
 * @description Donate card
 */

.card1-image:after { background: linear-gradient(#272322, rgba(39,35,34,0) 20%, rgba(39,35,34,0) 60%, #272322); }

/**
 * @name .card2
 * @description Article teaser
 */

@media screen {
.card2-wrap { --abcn: var(--c_a6); --abch: var(--c_a4); --atcn: var(--c_d1); --atch: var(--c_i1); min-height: 220px; box-shadow: none; }
}

@media screen and (min-width: 720px) and (max-width: 1023px) {
[w*="/12//"] .card2-wrap { padding: 30px 20px; }
 [w*="/12//"] .card2-image { width: 33%; }
}

/**
 * @name .card3
 * @description News teaser
 */

.card3-wrap { border-top-color: #DEDEDE; }
 .card3-meta[class] { font-weight: 700; }
 a:hover .card3-title, a:hover .card3-icon { color: var(--c_a3t); }

/**
 * @name .card4
 * @description Get Involved cards
 */

.card4:not([class*="-c:"]) { color: var(--c_a2t); }
 .card4-wrap { box-shadow: none; }
  .card4-image .img1:after { background: linear-gradient(#272322, rgba(39,35,34,0) 70%); }
  .card4-main { color: var(--c_d1t); }
   .card4-action .button1[class] { --bcn: var(--c_i1); --bch: var(--c_a2); --ocn: var(--c_i1); --och: var(--c_i1); --tcn: var(--c_d1); }

@media print {
.card4-action .button1[class] { --bcn: var(--c_d1); --ocn: var(--c_d1); }
}

/**
 * @name .checklist1
 * @description Checklist
 */

.checklist1-header .decor1 { display: none; }
.checklist1-entry:before { color: inherit; }

/**
 * @name .contact2
 * @description Contact blocks for hero4
 */

.contact2 { }
 .contact2-header > strong { color: var(--c_a1t); }
 a:hover .contact2-header > strong { color: var(--c_a3t); }

/**
 * @name .cta1
 * @description Sticky bottom bar
 */

.cta1 { background: var(--c_a2); color: var(--c_d1); font-weight: 700; }
 .cta1 a { font-weight: inherit }
 .cta1-line .button1 { --och: var(--bch); --bcn: var(--c_i1); --bch: var(--c_a3); --tcn: var(--c_d1); --tch: var(--c_i1); }
  .cta1-line .button1 i { color: var(--c_a3); transition-property: color; }
  .cta1-line .button1 span { transition-property: none; }
  .cta1-line a.button1:hover i, .cta1 a:hover .button1 i { color: var(--c_i1); }

@media screen and (max-width: 599px) {
[js] .cta1.-lir-mobile-home { transform: translateY(0); }
}

@media print {
.cta1-line .button1 { --bcn: var(--tcn); --ocn: var(--c_a3t); --tcn: var(--c_d1); }
}

/**
 * @name .drop1
 * @description Mega dropdown
 */

.drop1 { }
 .drop1-wrap { color: var(--c_a1t); }

/**
 * @name .error1
 * @description Error page overlay
 */

.error1-title { color: var(--c_a1t); }

/**
 * @name .exit1
 * @description Exit button
 */

.exit1 { }
 .exit1-wrap { top: 20px; margin-left: -10px; }
 .exit1 a { --abcn: #BA2079; --abch: var(--c_a1); padding-top: 3px; border-radius: 50%; box-shadow: 0 4px 20px 0 rgba(0,0,0,0.40); }

@media screen and (max-width: 1023px) {
.exit1 { padding-top: calc(var(--st) + 1rem); }
}

/**
 * @name .footer1
 * @description Global footer
 */

.footer1 { background-color: #505556; }

/**
 * @name .header2
 * @description Search header
 */

.header2-subtitle { color: var(--c_d1t); }

/**
 * @name .header3
 * @description Subtopic header
 */

.header3-wrap { margin-left: auto; margin-right: auto; }

/**
 * @name .header4
 * @description Subtopic header
 */

.header4-image { max-width: 300px; }

/**
 * @name .hero2
 * @description LIR home hero
 */

@media screen {
.hero2 { }
 .hero2 .title1, .hero2 .title1 span { color: var(--c_i1); }
  .hero2 .title1:before { background: var(--c_i1); }
 .hero2 .subnav1-select[class] { color: var(--c_d1); transition-property: color; }
 .hero2 .subnav1-select[class]:hover { color: #4A494A; }
 .hero2 .subnav1-drop { background: var(--c_d1); }
}

/**
 * @name .iconed2
 * @description Iconed label
 */

.iconed2 { color: var(--c_d1t); font-weight: 700; }
 .iconed2 > i { color: inherit; }

/**
 * @name .logo1
 * @description Scallable logo wrapper
 */

.logo1 { --dh: 80px; --mh: 60px; }

/**
 * @name .modal1
 * @description Modal window
 */

.modal1 {  }
 .modal1-overlay { background: var(--c_d1); }

/**
 * @name .nav1
 * @description Primary navigation
 */

@media screen and (min-width: 1280px) {
.nav1 { }
 .nav1-main [aria-current] > a { --aocn: var(--c_a6t); }
 .nav1-side [aria-current] > a { --aocn: var(--c_a6t); }
  .nav1-drop { border-radius: 15px; box-shadow: none; }
  .nav1-side .nav1-drop { font-weight: 700; }
   .nav1-drop a { --abch: var(--c_i1); --atcn: var(--c_d1); }
}
@media print, screen and (max-width: 1279px) {
.nav1-overlay { background: var(--c_a1t); }
}

/**
 * @name .promo1
 * @description Cross site promo banner
 */

.promo1-logo { font-size: 80px; }
 .promo1-dot { display: none; }
@media screen {
.promo1-wrap { --abcn: #FFECD6; }
}

/**
 * @name .quiz1
 * @description Quiz box
 */

.quiz1 { background: var(--c_a2t); }
 .quiz1-progress:before { background: #BA2079; }

@media print {
.quiz1 { background: var(--c_i1t); }
}

/**
 * @name .safety2
 * @description Safety message (slideout)
 */
.safety2 { padding-top: 220px; }
.safety2-wrap { background: var(--c_i1); color: var(--c_d1); }
 .safety2-action .button1 { --bcn: var(--c_a2); --tcn: var(--c_d1); }

/**
 * @name .search1
 * @description Search box
 */

.search1-fields input[type] { --ocn: var(--c_a1); }
.search1-fields button[type] { --bcn: var(--c_a1); --tcn: var(--c_i1); --tch: var(--c_a1); font-weight: 700; }
.search1-help ul { border-top-color: var(--c_i1); }

/**
 * @name .socials1
 * @description Round social links
 */

.socials1 {}
 .socials1.-line .socials1-items:before { background-color: var(--c_a6t); }
  .socials1-items a { --atcn: var(--c_d2t); --atch: var(--c_a1t); background: none; }

/**
 * @name .sublinks1
 * @description Dropdown links
 */

.sublinks1 {  }
 .sublinks1-links a { --atcn: var(--c_a1t); --atch: var(--c_a3t); }

/**
 * @name .subnav1
 * @description Sub navigation
 */

.subnav1 { --c_a2t: var(--c_a1); }
 .subnav1-select[class] { font-weight: 700; }
 .subnav1-select[class]:hover { color: var(--c_a3t); }


/**
 * @name .tick1
 * @description Button-like radio/checkbox
 */

input.tick1[type] { --ocn: var(--c_a1t); --tcn: var(--c_d1t); font-weight: 500; }
input.tick1[type]:not(:placeholder-shown) { --ocn: var(--bcn); --bcn: var(--c_a2t); --tcn: var(--c_d1t); }
input.tick1[type]:placeholder-shown:hover { --bcn: var(--c_a2t); }
 .tick1 label[for] { --ocn: var(--c_a1t); box-shadow: inset 0 0 0 1px var(--ocn); color: var(--c_d1t); font-weight: 500; }
 .tick1 label[for]:hover { background-color: var(--c_a2t); }
 .tick1 :checked + label[for] { --ocn: var(--c_a2t); background: var(--c_a2t); color: var(--c_d1t); }

@media print {
input.tick1[type]:not(:placeholder-shown) { --bcn: var(--c_a1t); background: none; }
.tick1 :checked + label[for] { --ocn: var(--c_a1t); background: none; }
}

/**
 * @name tippy.js
 * @description Tooltips styling
 */

.tippy-box[data-theme="site"] { color: var(--c_d1); }

/**
 * @name .title1
 * @description Dual color/weight title
 */

.title1 { color: var(--c_d1t); }
 .title1 span { font-weight: inherit }

/**
 * @name .video1
 * @description Video teaser
 */

.video1-wrap { box-shadow: none; }
 .video1-icon:after { content: '\e920'; color: var(--c_a3); }
 a:hover .video1-icon:before { background-color: var(--c_a2); }
 a:hover .video1-icon:after { color: var(--c_a3); }

/**
 * @name .wrap1
 * @description Content wrapper
 */

@media screen {
.wrap1.-gradient1 { background-image: linear-gradient(90deg, #EA6600 12%, #FFA843 98%); }
}

/**
 * @name .alertbar1
 * @description Alert Bar
 */
.alertbar1-button { color: var( --c_d1); }
.alertbar1-button:hover { color: var(--c_d1); }

/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, [type="submit"], [type="button"], [type="reset"] { --bch: var(--c_b1); --ocn: var(--bcn); --tcn: var(--c_d1); --tch: var(--tcn); box-shadow: inset 0 0 0 var(--ow) var(--oc); font-weight: 500; }
a.button1:hover, a:hover .button1, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { box-shadow: inset 0 0 0 var(--ow) var(--oc); }

@media print {
.button1, [type="submit"], [type="button"], [type="reset"] { --bcn: var(--c_a1t); }
}

/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

/* lists */

ol > li:before { color: var(--c_a4t); }
ul > li:before { content: '\25CF'; color: var(--c_a6t); }


/* links */

a { --atch: var(--atcn); font-weight: 500; }

/* link styling */

a.-as\:4, .-as\:4 a { --atcn: var(--c_a1t); --atch: var(--c_a3t); }

/* other */

cite:before { background: currentColor; }

/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

/* text styling */

html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 300 18px/1.55 var(--ff_1); letter-spacing: 0; text-transform: none; }
.-t\:1, h1 { font: 500 65px/1.00 var(--ff_1); letter-spacing: -0.25px; }
.-t\:2, h2 { font: 500 42px/1.14 var(--ff_1); letter-spacing: -0.25px; }
.-t\:3, h3 { font: 700 32px/1.19 var(--ff_1); letter-spacing: 0; }
.-t\:4, h4 { font: 500 24px/1.25 var(--ff_1); letter-spacing: 0; }
.-t\:5, h5, dt { font: 500 22px/1.36 var(--ff_1); letter-spacing: 0; }
.-t\:6, h6 { font: 700 18px/1.33 var(--ff_1); letter-spacing: 0; }
.-t\:7, blockquote { font: 300 18px/1.55 var(--ff_1); }
.-t\:8, cite, label { font: 700 14px/1.57 var(--ff_1); }
.-t\:9, figcaption { font: 300 15px/1.46 var(--ff_1); }
.-t\:10 { font: 400 12px/1.42 var(--ff_1); } /* fine print */
.-t\:11 { font: 700 14px/1.43 var(--ff_1); } /* bold label (iconed2) */
.-t\:12 { font: 500 48px/1.13 var(--ff_1); letter-spacing: -0.01em; } /* large callout text */

@media screen and (max-width: 719px) {
.-t\:1, h1 { font: 500 40px/1.05 var(--ff_1); letter-spacing: -0.17px; }
.-t\:2, h2 { font: 500 35px/1.05 var(--ff_1); letter-spacing: -0.21px; }
.-t\:3, h3 { font: 700 32px/1.18 var(--ff_1); letter-spacing: 0; }
.-t\:4, h4 { font: 500 22px/1.18 var(--ff_1); letter-spacing: 0; }
.-t\:12 { font: 500 32px/1.19 var(--ff_1); }
}