/*! ---------- =reset ---------- */ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: none; } img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; border: 0; height: auto; } p img { display: inline-block; } .google-container img { display: inline; max-width: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } svg:not(:root) { overflow: hidden; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button[type=submit] { -webkit-appearance: button; cursor: pointer; display: inline-block; vertical-align: middle; width: 200px; padding: 12.5px 37px 12.5px 37px; border: #004481 3px solid; font-size: 19px; font-weight: 700; color: #004481; background: url(/images/default-source/pagelayoutimages/arrow-blue.png) no-repeat; background-position: 110% 50%; margin-top: 15px; margin-bottom: 25px; } .form-wrapper button { -webkit-appearance: button; cursor: pointer; display: inline-block; vertical-align: middle; width: 240px; padding: 12.5px 37px 12.5px 37px; border: #004481 3px solid; font-size: 19px; font-weight: 700; color: #004481; background: url(/images/default-source/pagelayoutimages/arrow-blue.png) no-repeat; background-position-x: 0; background-position-y: 0; background-position: 110% 50%; margin-top: 25px; margin-bottom: 25px; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } input[type=text] { background: #fff; color: #444; border-radius: 4px; margin-bottom: 15px; display: block; width: 100%; padding: 6.25px 12.5px; border: 1px solid #d8d8d8; } input[type=file] { margin-top: 25px; margin-bottom: 25px; } textarea { background: #fff; color: #444; border: #d8d8d8 solid 1px; border-radius: 4px; width: 100%; margin-bottom: 25px; overflow: auto; } select { border: #d8d8d8 solid 1px; border-radius: 4px; width: 50%; margin-bottom: 25px; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } /*! ---------- =typography ---------- */ body { font-family: myriad-pro, sans-serif; font-size: 20px; color: #444; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 0; background: #fff; width: 100%; overflow-x: hidden; position: relative; } dl, h1, h2, h3, h5, h6, ol, p, ul { margin-bottom: 15px; } h2, h3, p { margin-bottom: 25px; } .box-with-overlay__content h2, .box-with-overlay__content h3, .box-with-overlay__content p, h3.home-feature__title { margin-bottom: 0; } dl, ol, p, ul { orphans: 2; widows: 2; } dl:last-child, ol:last-child, p:last-child, ul:last-child { margin-bottom: 0; } .sfContentBlock ol, .sfContentBlock ul { margin-left: 2em; } .field-validation-error, .warn { color: #740000; font-weight: 700; } .note { font-size: 18px; font-style: italic; } .highlight { color: #006472; font-weight: 700; } .required { padding-right: 25px; background: url(http://prod.pta.rd.net/url/images/default-source/pagelayoutimages/required.png) right no-repeat; } h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; color: #004581; } h1, h2 { font-weight: 400; } h1 { font-size: 46px; line-height: 46px; color: #004481; font-weight: 700; } h1.banner-title { color: #fff; text-align: center; position: absolute; top: auto; margin-top: 146px; left: 10%; right: 10%; z-index: 1; font-size: 36px; line-height: 36px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } h1.banner-title.news-banner { top: 310px; margin-top: 0; z-index: 2; } @media (min-width: 600px) { h1.banner-title { top: 90px; z-index: 1; } h1.banner-title.news-banner { top: 250px; } } @media (min-width: 720px) { h1.banner-title { top: 122px; z-index: 1; } h1.banner-title.news-banner { top: 268px; } } @media (min-width: 960px) { h1.banner-title { z-index: 5; font-size: 48px; } } @media (min-width: 1200px) { h1.banner-title { top: 100px; } h1.banner-title.news-banner { top: 244px; } } h2 { font-size: 36px; line-height: 36px; color: #004481; font-weight: 700; } h2.home-page-title { font-size: 42px; margin-top: 42px; } .grid__unit h2.home-page-title { margin-bottom: 0; } h3, h3 a { font-size: 28px; line-height: 28px; color: #cb6015; font-weight: 700; } .sfContentBlock h3 a { border: none; text-decoration: none; } h4 { font-size: 24px; color: #64a70b; } h5 { font-size: 20px; color: #722257; } h6 { font-size: 18px; color: #722257; } @media (max-width: 960px) { .sfContentBlock p.box-with-overlay__description.landing-abstract { margin-bottom: 5px; } } @media (max-width: 720px) { .sfContentBlock p.box-with-overlay__description.landing-abstract { padding-top: 5px; } } /*! ---------- =common =components ---------- */ a { text-decoration: none; color: #004481; font-weight: 700; transition: color .15s ease-out, opacity .15s ease-out, background-color .15s ease-out; } a:hover, a:focus { color: #006472; } .sfContentBlock { margin: 0; } .sfContentBlock h3 { font-size: 28px; margin-top: 0; border: none; text-decoration: none; } .sfContentBlock p { margin: 0 0 25px 0; } .sfContentBlock p.box-with-overlay__description, .sfContentBlock p.home-feature__description { margin: 0; } .block { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } @media (max-width: 719.97px) { .hide-on-mobile { display: none !important; } } @media (min-width: 720px) { .hide-on-desktop { display: none !important; } } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .img-left { margin-bottom: 20px; margin-right: 10px; } .img-left.no-right { float: left; margin-bottom: 20px; margin-right: 5px; } .img-right { margin-bottom: 20px; } .img-left.event-image { margin-bottom: 0; float: left; display: inline-block; margin-right: 15px; } .clear { clear: both; } .upcoming-deadlines { border-top: dashed #444 1px; border-bottom: dashed #444 1px; padding: 20px 0; line-height: 28px; margin-top: 45px; } .callout { color: #a35137; font-size: 24px; padding-right: 14px; } .smaller-gray-callout { color: #444; font-size: 18px; } .img-left.content-image, .img-right.content-image { margin-top: 7px; } @media (min-width: 720px) { .img-left { float: left; margin-right: 25px; } .img-right { max-width: 35%; float: right; margin-left: 25px; } .button.img-left { width: 100%; max-width: none; float: none; margin-right: 0; } .button.img-right { width: 100%; max-width: none; float: none; margin-left: 0; } } .key-entry { margin-top: 30px; margin-bottom: 30px; font-weight: 400; } .key-entry-image { display: block; float: left; vertical-align: middle; padding-right: 10px; margin-top: -15px; } .margin-small { margin-bottom: 12.5px; } .margin, .margin-large { margin-bottom: 25px; } .arrow::after, .header-nav__toggle::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; border: 12px solid transparent; border-bottom-width: 0; border-top-color: #004581; } .more { display: inline-block; margin-bottom: 25px; color: #51575a; font-size: 18px; float: right; } .more.journal { margin-left: 25px; } .more img { display: inline-block; vertical-align: middle; margin-left: 10px; } a.more { color: #51575a; } a:hover.more { color: #004581; } .button, button.app-button { display: inline-block; vertical-align: middle; width: 100%; max-width:500px; padding: 12.5px 37px 12.5px 37px; border: #004481 3px solid; font-size: 19px; font-weight: 700; color: #004481; background: url(/images/default-source/pagelayoutimages/arrow-blue.png) no-repeat; background-position: 95% 50%; /* AVB changed from 110% to 95% */ } .button:hover, button.app-button:hover { text-decoration: underline; color: #006472; } .button.first-row-tiles, button.app-button.first-row-tiles { color: #fff; } button.app-button { margin-top: 20px; width: 100%; } .button.home-feature-button { display: inline-block; vertical-align: middle; width: auto; margin-right: 5px; padding: 12.5px 37px; border-width: 3px; border-color: rgba(255, 255, 255, .3); font-size: 19px; background: url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } a.button.home-feature-button { color: #fff; } a:hover.button.home-feature-button { text-decoration: underline; } .tile-CTA { text-align: center; position: relative; top: 70%; } .button.first-row-tiles { display: inline-block; vertical-align: middle; width: auto; margin-right: 5px; padding: 12.5px 37px; border-width: 3px; border-color: #66a520; font-size: 19px; background: #66a520 url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; text-transform: uppercase; } .button.first-row-tiles.blue-first { border-color: #2b6295; background: #07467f url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.first-row-tiles.green-first { border-color: #8dc451; background: #66a520 url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.first-row-tiles.purple-first { border-color: #9d4f82; background: #712456 url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.first-row-tiles.yellow-first { border-color: #c6ad3a; background: #c7983a url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } a.button.first-row-tiles { color: #fff; } a.button.first-row-tiles:hover { text-decoration: underline; } .button.blue-first { border-color: #2b6295; background: #07467f url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.blue-first.to-top { border-color: #2b6295; background: #07467f url(/images/default-source/pagelayoutimages/arrow-more-up.png) no-repeat 90% 50%; margin-top: 25px; margin-bottom: 25px; } a.button.blue-first, a.button.green-first, a.button.purple-first, a.button.yellow-first { color: #fff; } .button.green-first { border-color: #8dc451; background: #66a520 url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.purple-first { border-color: #9d4f82; background: #712456 url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } .button.yellow-first { border-color: #c6ad3a; background: #c7983a url(/images/default-source/pagelayoutimages/arrow-more.png) no-repeat 90% 50%; } @media (max-width: 719px) { .button.first-row-tiles { margin-top: 175px; } } .button span { padding-right: 30px; } .button.full-width { width: 100%; text-align: center; } .button+.button { margin-left: 12.5px; } .ad { display: inline-block; max-width: 100%; clear: both; margin-top: 25px; margin-bottom: 45px; background: linear-gradient(to right, #fff, #f8f8f8); width: 100%; height: 400px; } .icon-x { display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: transparent url(/images/default-source/pagelayoutimages/icon-x.png) no-repeat 50% 50%; background-size: 13px 13px; } .tag { display: inline-block; vertical-align: middle; padding: 6.25px 25px; margin: 0 12.5px 6.25px 0; border-radius: 2px; font-size: 16px; color: #444; background: #d8d8d8; } .tag .icon-x { margin-left: .5em; } .item-list { list-style: none; margin: 0 0 0; } .item-list li { margin-bottom: 10px; } .item-list:last-child { margin-bottom: 25px; } .item-list__item+.item-list__item { margin-top: 0; } .item-list--separated .item-list__item+.item-list__item { margin-top: 5px; padding-top: 5px; border-bottom: 1px solid #f1f1f1; } h4.item-list__title a { display: block; font-size: 20px; padding-bottom: 7px; font-family: myriad-pro, sans-serif; border-bottom: 1px solid #f1f1f1; margin-bottom: 0; color: #004581; } h4.item-list__title { margin-bottom: 5px; } a.item-list__title span { color: #004581; } h4.item-list__title__actual a { display: block; font-size: 20px; padding-bottom: 7px; font-family: myriad-pro, sans-serif; border-bottom: none; border-top: #eee solid 1px; padding-top: 10px; margin-bottom: 0; } h4.item-list__title__actual.blog a { border-top: none; } h4.item-list__title__actual { margin-bottom: 0; } a.item-list__title__actual span { color: #006472; } .item-list__icon { float: left; margin-top: 0; margin-right: 12.5px; padding-top: 0; color: #7c7a52; overflow: hidden; display: flex; flex-direction: column; justify-content: center; width: 120px; height: auto; } .item-list__date { color: #006472; overflow: hidden; display: flex; flex-direction: column; justify-content: center; font-style: italic; text-align: left; font-size: 20px; line-height: 25px; } .item-list__icon img { display: block; margin: auto; margin-top: -10px; } .item-list__month { display: block; } .list-item-sponsors { color: #913f2e; font-weight: 600; } .featured-box { background: #307e89; padding: 25px 25px 5px 25px; margin-bottom: 45px; color: #fff; } .featured-box a { color: #fff; } h4.item-list__title__actual.blog, h4.item-list__title__actual.blog a { font-size: 24px; margin-top: 0; padding-top: 0; } h4.item-list__title__actual.blog a:hover { color: #fff; } .featured-box h2 { color: #fff; } .featured-box .item-list__abstract { color: #fff; } .featured-box .item-list__date { background: 0 0; color: #fff; } .schedule__time { font-size: 16px; font-weight: 700; } .schedule__item { margin-bottom: 12.5px; } .schedule__item:last-child { margin-bottom: 0; } .content-box { padding-top: 25px; margin-bottom: 25px; background: 0 0; color: #fff; } .content-box.content-box--highlight { padding: 25px; margin-bottom: 25px; background: #006472; color: #fff; } .content-box:last-child { margin-bottom: 0; } .content-box a { color: #fff; font-size: 18px; } .content-box img:hover { color: #fff; } .content-box h2 { color: #004481; font-size: 24px; } .search-pagination { margin-top: 25px; } .pagination { margin: 12.5px 0 25px; font-size: 18px; } .pagination a, .pagination span { display: inline-block; padding: 3.125px; text-align: center; } .pagination__overview { padding: 0; margin-right: 25px; font-style: italic; opacity: .8; } .pagination__page { min-width: 31.25px; font-weight: 700; color: #444; } .pagerPage { border: 3px solid #4d779c; width: 35px; height: 35px; display: inline-block; margin-bottom: 20px; text-align: center; padding-top: 2px; } .current.pagerPage { border: 3px solid #93c255; background: #44ad32; color: #fff; width: 35px; height: 35px; } .pagerPage:hover { border: 3px solid #93c255; background: #44ad32; color: #fff; width: 35px; height: 35px; } .pagination__page:hover { border: none; background: #004481; color: #fff; width: 30px; height: 30px; } .pagination__fold { opacity: .4; } .pagination__increment { font-weight: 700; } .result { margin-bottom: 25px; } .accordion__title { padding: 12.5px 25px 12.5px 12.5px; font-weight: 400; background: #f1f1f1; position: relative; } .js .accordion__title::after { content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #7c7a52; position: absolute; right: 12.5px; top: 50%; margin-top: -5px; transform: scaleX(.667); } .js .accordion__title.is-active::after { transform: scaleX(.667) scaleY(-1); } .js .accordion__content { display: block; max-height: 0; overflow: hidden; opacity: 0; transition: all .4s ease-out; } .js .accordion__content.is-active { max-height: 3000px; padding-bottom: 25px; opacity: 1; transition: all .4s ease-in; } .group::after, .interior-layout::after, .item-list__item::after, .page-header::after { content: ""; display: table; clear: both; } @media (max-width: 469px) { .button { display: block; } .button+.button { margin: 12.5px 0 0; } .pagination__overview { display: block; } } @media (min-width: 470px) { .pagination a, .pagination span { padding: 3.125px 6.25px; } } @media (max-width: 719px) { .min-m { display: none; } } @media (min-width: 720px) { .max-m { display: none; } .margin-large { margin-bottom: 50px; } .item-list+.more { position: relative; top: -25px; } .item-list--indented+.more { margin-left: 100px; } .item-list { margin-bottom: 50px; } .item-list__icon { padding: 0 0; } .item-list__date { font-size: 20px; line-height: 25px; } .item-list__month { font-weight: 400; } .item-list__abstract { margin-top: 10px; margin-left: 130px; } .schedule { position: relative; } .schedule__time { width: 175px; position: absolute; left: 0; text-align: right; } .schedule__item { margin-left: 200px; } .content-box { margin-bottom: 50px; } } /*! ---------- AVB Custom ---------- */ .bg-red { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #fdeae8; background-color: #fdeae8; margin-top: 10px; margin-bottom:10px; } .bg-orange { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #feeee5; background-color: #feeee5; margin-top: 10px; margin-bottom:10px;} .bg-yellow { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #fff5e6; background-color: #fff5e6; margin-top: 10px; margin-bottom:10px; } .bg-green { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #f1f7e8; background-color: #f1f7e8; margin-top: 10px; margin-bottom:10px; } .bg-teal { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #e1f0f2; background-color: #e1f0f2; margin-top: 10px; margin-bottom:10px; } .bg-blue { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #e3e8ef; background-color: #e3e8ef; margin-top: 10px; margin-bottom:10px; } .bg-grey { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #e1e1e1; background-color: #e1e1e1; margin-top: 10px; margin-bottom:10px; } .bg-purple { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #f0e7ee; background-color: #f0e7ee; margin-top: 10px; margin-bottom:10px; } .bg-white { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #FFF; background-color: #FFF; margin-top: 10px; margin-bottom:10px;} .bg-depth { box-shadow: rgba(61, 61, 61, 0.2) 0px 25px 20px 0px; border-radius:25px; margin-bottom:40px !important; margin-top: 40px !important; padding: 20px !important; background: #fff; } .accordion__label { background: #e1f0f2 !important; } .accordion__label:hover { background: #FFF !important; color: #78be20 !important; } /* CSS for Photos */ /* Photo album effect */ .frame-photo { position: relative; display: table; max-width: 90%; margin: 20px auto; } .frame-photo img { display: table-cell; max-width:100%; height: auto; margin: 0 auto; padding: 8px; background: #fff; box-shadow: 0 0 2px #666; box-sizing: border-box; } .frame-photo iframe { max-width:100%; height: 315px; margin: 0 auto; padding: 8px; background: #fff; box-shadow: 0 0 2px #666; box-sizing: border-box; } .animate-zoom { transition: transform .2s; /* Animation */ margin: 0 auto; } .animate-zoom:hover { transform: scale(1.1); } img.animate-shake:hover { animation: shake 0.5s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .red-paint { background-image: url("/images/default-source/images/programs/reflections/2020/img-2020-ref-redbrush.png"); background-position: center; background-repeat: no-repeat; padding:15px !important; background-size: cover; } .yellow-paint { background-image: url("/images/default-source/images/programs/reflections/2020/img-2020-ref-yellowbrush.png"); background-position: center; background-repeat: no-repeat; padding:15px !important; background-size: cover; } .orange-paint { background-image: url("/images/default-source/images/programs/reflections/2020/img-2020-ref-orangebrush.png"); background-position: center; background-repeat: no-repeat; padding:15px !important; background-size: cover; } .blue-paint { background-image: url("/images/default-source/images/programs/reflections/2020/img-2020-ref-bluebrush.png"); background-position: center; background-repeat: no-repeat; padding:15px !important; background-size: cover; } .green-paint { background-image: url("/images/default-source/images/programs/reflections/2020/img-2020-ref-greenbrush.png"); background-position: center; background-repeat: no-repeat; padding:15px !important; background-size: cover; } .fade-white-right { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #FFF; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); margin: 0px !important; } .fade-white-left { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #FFF; background-image: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); margin: 0px !important; } .fade-white-bottom { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #FFF; background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)); margin: 0px !important; } .fade-green { border-radius:25px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(241,247,232,1) 35%); padding-top: 20px !important; padding-left: 20px !important; margin-top: 10px; margin-bottom:10px; } .fade-yellow { border-radius:25px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,245,230,1) 35%); padding-top: 20px !important; padding-left: 20px !important; margin-top: 10px; margin-bottom:10px; } .fade-teal { border-radius: 25px; padding: 15px !important; border-style: solid; border-width: 0px; border-color: #e1f0f2; background-color: #e1f0f2; background-image: linear-gradient(180deg, #e1f0f2, #FFF); margin: 0px !important; margin-top: 10px; margin-bottom:10px; } .accordion__label { background: #e1f0f2 !important; } .accordion__label:hover { background: #FFF !important; color: #78be20 !important; } /*! ---------- =grids ---------- */ .grid { display: block; padding: 0; margin-right: 0; letter-spacing: -.31em; text-rendering: optimizespeed; text-align: center; } .grid__unit { display: inline-block; width: 100%; padding: 0 25px 25px 25px; margin: 0; vertical-align: top; letter-spacing: normal; text-rendering: auto; text-align: left; } .grid__unit.home-tiles { padding: 0; margin: 0; } .grid__unit--1-2 { width: 50%; } .grid__unit--1-3 { width: 33.33%; } .grid__unit--2-3 { width: 66.66%; } .grid__unit--1-4, .sf_4cols_1_25 { width: 25%;; } .grid__unit--3-4 { width: 75%; } .grid__unit--1-5 { width: 20%; } .grid__unit--2-5 { width: 40%; } .grid__unit--3-5 { width: 60%; } .grid__unit--4-5 { width: 80%; } .grid__unit--1-6 { width: 16.66%; } .grid__unit--5-6 { width: 83.3%; } @media (max-width: 961px) { .sf_2cols_1_25, .sf_2cols_1_33, .sf_2cols_1_50, .sf_2cols_2_50, .sf_2cols_2_33, .sf_2cols_1_67, .sf_2cols_2_67, .sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20, .sf_2cols_2_75 { width: 100% !important; } } @media (min-width: 470px) { .grid__unit--1-2-s { width: 50%; } .grid__unit--1-3-s { width: 33.33%; } .grid__unit--2-3-s { width: 66.66%; } .grid__unit--1-4-s, .sf_4cols_1_25 { width: 25%; } .grid__unit--3-4-s { width: 75%; } .grid__unit--1-5-s { width: 20%; } .grid__unit--2-5-s { width: 40%; } .grid__unit--3-5-s { width: 60%; } .grid__unit--4-5-s { width: 80%; } .grid__unit--1-6-s { width: 16.66%; } .grid__unit--5-6-s { width: 83.3%; } } @media (min-width: 720px) { .grid { margin-right: 0; } .grid__unit { padding: 0 50px 50px 0; } .grid__unit--1-2-m { width: 50%; } .grid__unit--1-3-m { width: 33.33%; } .grid__unit--2-3-m { width: 66.66%; } .grid__unit--1-4-m { width: 25%; } .grid__unit--3-4-m { width: 75%; } .grid__unit--1-5-m { width: 20%; } .grid__unit--2-5-m { width: 40%; } .grid__unit--3-5-m { width: 60%; } .grid__unit--4-5-m { width: 80%; } .grid__unit--1-6-m { width: 16.66%; } .grid__unit--5-6-m { width: 83.3%; } } @media (min-width: 960px) { .grid__unit--1-2-l { width: 50%; } .grid__unit--1-3-l { width: 33.33%; } .grid__unit--2-3-l { width: 66.66%; } .grid__unit--1-4-l { width: 25%; } .grid__unit--3-4-l { width: 75%; } .grid__unit--1-5-l { width: 20%; } .grid__unit--2-5-l { width: 40%; } .grid__unit--3-5-l { width: 60%; } .grid__unit--4-5-l { width: 80%; } .grid__unit--1-6-l { width: 16.66%; } .grid__unit--5-6-l { width: 83.3%; } } @media (min-width: 1280px) { .grid__unit--1-2-w { width: 50%; } .grid__unit--1-3-w { width: 33.33%; } .grid__unit--2-3-w { width: 66.66%; } .grid__unit--1-4-w { width: 25%; } .grid__unit--3-4-w { width: 75%; } .grid__unit--1-5-w { width: 20%; } .grid__unit--2-5-w { width: 40%; } .grid__unit--3-5-w { width: 60%; } .grid__unit--4-5-w { width: 80%; } .grid__unit--1-6-w { width: 16.66%; } .grid__unit--5-6-w { width: 83.3%; } } .grid.content { clear: both; } .center { text-align: center; } /*! ---------- =search ---------- */ .search-current-tags { margin-bottom: 25px; } .refine-search__form { position: relative; } .refine-search__title { margin-bottom: 12.5px; } .refine-search__list { margin-bottom: 25px; } @media (min-width: 960px) { .refine-search__list { margin-bottom: 50px; } } /*! ---------- =body ---------- */ .content { padding: 25px; } .content, .page-width { display: block; margin-left: auto; margin-right: auto; } @media (min-width: 720px) { body.is-scrolled { padding-top: 180px; } } @media (min-width: 960px) { .content { padding: 45px 50px 0 50px; } } @media (min-width: 1200px) { body.is-scrolled { padding-top: 157px; } } /*! ---------- =header ---------- */ .page-header { position: relative; background: #fff; width: 100%; max-width: 100%; } .header-content > br { display: none; } .header-logo { margin: 0; float: left; font-size: 12px; } .header-logo a, .header-logo img { display: block; max-width: 100%; } .header-search { position: relative; } .header-search__input { padding-right: 48px !important; margin-bottom: 0 !important; } .header-search__submit { padding: 0 12px; position: absolute; right: 0; top: 0; bottom: 0; } .header-action { position: relative; z-index: 101; } .header-action__link, .header-action__submenu-link { display: block; display: flex; justify-content: center; align-items: center; padding: 12px 24px; font-family: "Minion Pro", minion-pro, Minion, Georgia, serif; font-style: italic; text-align: center; font-weight: 400; font-size:.7em; /* AVB */ color: #fff; background: #003c71; } .header-action__link:hover, .header-action__link:focus, .header-action__submenu-link:hover, .header-action__submenu-link:focus { color: #fff; background: #78be20; } .header-action--donate .header-action__link, .header-action--donate .header-action__submenu-link { background: #cb6015; } .header-action--donate .header-action__link:hover, .header-action--donate .header-action__link:focus, .header-action--donate .header-action__submenu-link:hover, .header-action--donate .header-action__submenu-link:focus { background: #78be20; } .header-action--join .header-action__link, .header-action--join .header-action__submenu-link { background: #742b28; } .header-action--join .header-action__link:hover, .header-action--join .header-action__link:focus, .header-action--join .header-action__submenu-link:hover, .header-action--join .header-action__submenu-link:focus { background: #78be20; } .header-action__icon { flex: 0 0 auto; display: inline-block; vertical-align: middle; } .header-action__icon:first-child { margin-right: 18px; } .header-action__text { flex: 0 0 auto; } /* as designed, icons to the left of text should be connected with it. Icons to the right should lay out flush with the right side of the container */ .header-action__text:first-child { flex: 1 0 50%; } .header-action__submenu { list-style: none; position: absolute; left: 0; right: 0; top: 100%; visibility: hidden; opacity: 0; z-index: -1; transform: translateY(-12px); transition: all 0.15s ease-out; } .header-action:hover .header-action__submenu { visibility: visible; opacity: 1; z-index: 2; transform: translateY(0); } .header-action__submenu-link { border-top: 1px solid #fff; } .sign-in { font-family: "Minion Pro", minion-pro, Minion, Georgia, serif; font-style: italic; } .sign-in::before { content: url("/images/default-source/pagelayoutimages/icon-sign-in.png"); display: inline-block; vertical-align: middle; } .sign-in .btn { display: inline-block; margin-left: 0.5em; } .header-translate__wrapper .goog-logo-link img { display: inline-block; position: relative; bottom: -1px; /* visually align with text */ } .header-nav ul, .header-nav__sf-wrapper ul { list-style: none; margin: 0; } .header-nav a, .header-nav__sf-wrapper a { display: block; } .header-nav li, .header-nav__sf-wrapper li { position: relative; } .header-nav a, .header-nav__sf-wrapper a { padding: 6.25px 50px 6.25px 25px; color: #004581; } .header-nav__toggle { display: block; width: 75px; height: 50px; position: absolute; right: 0; top: 0; cursor: pointer; } .header-nav__toggle::before { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -7.5px; border-width: 15px 15px 0; border-top-color: #004581; transform: scaleX(.667); transition: all .2s ease-out; width: 0; height: 0; } .header-nav__toggle:hover::before { border-top-color: #0d66b4; } .header-nav__toggle.is-active::before { border-top-color: #4f5767; -webkit-transform: scaleX(.6) rotateX(180deg); transform: scaleX(.6) rotateX(180deg); } .header-nav ul li a, .header-nav__sf-wrapper ul li a { padding: 12.5px 75px 12.5px 25px; font-weight: 600; font-size: 20px; } .header-nav li li a, .header-nav__sf-wrapper li li a { padding: 6.25px 75px 6.25px 35px; font-weight: 400; font-size: 17px; color: #00619e; } .header-nav li li li a, .header-nav__sf-wrapper li li li a { padding-left: 45px; font-size: 15px; color: #2c8e95; } .header-nav li ul, .header-nav__sf-wrapper li ul { display: none; padding: 12px 0; background: #fff; } .header-nav li ul.is-active, .header-nav__sf-wrapper li ul.is-active { display: block; } .header-nav li ul .header-nav__toggle { width: 70px; height: 37.5px; } .header-nav li ul .header-nav__toggle::before { border-width: 12.5px 12.5px 0; } .header-nav h1, .header-nav__sf-wrapper ul h1 { display: block; margin: 20px; } .header-nav.alternate-navigation { z-index: 6; } .header-nav.alternate-navigation ul > li > a { margin-top: 0; } .header-nav.alternate-navigation::after, .header-nav.alternate-navigation::before { z-index: 6; } .header-nav.alternate-navigation > ul > li:first-child { background: #cb333b; } .header-nav.alternate-navigation > ul > li:nth-child(2) { background: #cb6015; } .header-nav.alternate-navigation > ul > li:nth-child(3) { background: #eaaa00; } .header-nav.alternate-navigation > ul > li:nth-child(4) { background: #78be20; } .header-nav.alternate-navigation > ul > li:nth-child(5) { background: #00778b; } .header-nav.alternate-navigation > ul > li:nth-child(6) { background: #72246c; } .header-nav.alternate-navigation > ul > li:nth-child(7) { background: #003c71; } .header-nav.alternate-navigation.cfe { font-family: Georgia; background-image: linear-gradient(180deg, #fff 0, #d6e8cf 100%); background-repeat: no-repeat; } .header-nav.alternate-navigation.cfe > ul > li > a:hover { background-color: #5fa845; color: #fff; } .header-nav.alternate-navigation.cfe > ul > li:nth-child(n) { background: #0a406b; background: linear-gradient(0deg, #0a406b 50%, #50636c 100%); } .header-nav.alternate-navigation.cfe > ul > li:first-child { margin-left: 0; } .header-nav.alternate-navigation.con { font-family: Helvetica, sans-serif !important; font-size: .7em; background-repeat: no-repeat !important; background-image: url(/images/default-source/pagelayoutimages/tn-ptaconnected-logo-nav.png); background-color: #fdeae8; border-top: 1px solid #cb333b; border-bottom: 1px solid #cb333b; } .header-nav.alternate-navigation.con > ul > li > a:hover { background-color: #00A79D; color: #fff; } .header-nav.alternate-navigation.con > ul > li:nth-child(n) { background: #cf2030; } .header-nav.alternate-navigation.new-program > ul > li:first-child { background: #d46a41; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(2) { background: #2b626e; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(3) { background: #ddb954; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(4) { background: #6fb562; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(5) { background: #9f9fa2; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(6) { background: #cb967c; } .header-nav.alternate-navigation.new-program > ul > li:nth-child(7) { background: #9f9fa2; } .header-nav.alternate-navigation ul li ul li { background: #fff; } @media (max-width: 719.97px) { .header-text { margin-top: 10px; margin-left: 20px; clear: both; } body::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4); z-index: -1; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility 0s linear .2s, z-index 0s linear .2s; } body.is-active::before { z-index: 20; opacity: 1; visibility: visible; transition: opacity .2s ease, visibility 0s linear, z-index 0s linear; } .header-logo { padding: 0 6px 6px; } .header-logo a { font-size: 12px; } .header-logo img { max-width: 250px; max-height: 75px; text-align: left; } .header-toggle { display: block; width: 44px; height: 44px; margin: 0; background: #fff; border-radius: 4px; position: absolute; right: 6px; top: 18px; z-index: 100; cursor: pointer; } .header-toggle img { display: block; max-width: 100%; } .header-mobile-actions { display: flex; flex-flow: row wrap; gap: 12px; padding: 0 12px 12px; clear: both; } .header-action { flex: 1 0 150px; font-size: 18px; } .header-mobile-actions .header-action--account { display: none; } .header-content { display: flex; flex-direction: column; width: 80%; position: fixed; left: 0; top: 0; bottom: 0; padding-top: 24px; overflow-y: auto; background: #fff; background-clip: padding-box; opacity: 0; visibility: hidden; z-index: 1200; transform: translateX(-100%); transition: visibility 0s linear .2s, all .2s ease-out; } .header-content.is-active { opacity: 1; visibility: visible; overflow-x: hidden; transform: translateX(0); transition: visibility 0s linear, all .2s ease-out; } .header-content .header-action { display: none; } .header-content .header-action--account { display: block; flex: 0 0 auto; margin: 12px 0 0; order: 2; } .header-translate { text-align: center; margin: 12px 0; } .header-search { margin: 12px 24px; } .sign-in { order: 1; text-align: center; } .header-translate { order: 3; } .header-search { order: 4; } .header-nav { order: 5; } .header-nav ul { display: block; } .header-nav.alternate-navigation .header-nav__toggle::before { content: ''; border-top-color: #fff; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .header-nav.alternate-navigation ul li ul li .header-nav__toggle::before { content: ''; border-top-color: #004481; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .header-nav.alternate-navigation a, .header-nav.alternate-navigation ul > li > a { color: #fff; } .header-nav.alternate-navigation ul li ul li a { color: #2c8e95; } } @media (min-width: 600px) and (max-width: 719.97px) { .header-mobile-actions { clear: none; padding: 16px 56px 12px 6px; } } @media (min-width: 720px) { .page-header { width: 100%; position: relative; left: 0; top: 0; right: 0; border-bottom: 1px solid #afb0b3; z-index: 10000; } body.is-scrolled .page-header { position: fixed; animation: introduce-stuck-header-m 0.25s ease-out both; } body.is-scrolled .page-header.scroll-secondary { animation-name: introduce-stuck-header-secondary-m; } .header-mobile-actions { display: none; } .header-logo { position: absolute; left: 12px; top: 0; } .header-logo img { max-width: 250px; height: auto; } .interior-nav.legend { padding-top: 25px; } .page-header { max-width: 100%; margin: 0 auto; } .header-toggle { display: none; } .header-content { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 6px 6px; padding: 24px 24px 0; } .header-action { order: 1; flex: 1 0 20px; z-index: 1600; } .header-action:first-child { margin-left: 212px; } .header-search { flex: 1 0 20px; order: 2; } .header-flex-helper { /* helps us break to a new row on demand */ order: 3; flex: 0 0 100%; } .sign-in { order: 4; flex: 3 0 100px; margin-left: 212px; text-align: right; } .header-translate { flex: 1 0 100px; order: 5; margin-left: 24px; } .header-translate .goog-te-gadget > div:first-child { margin-bottom: -6px; } .header-translate .goog-te-combo { width: 100%; margin-bottom: 0; } .header-nav, .header-nav__sf-wrapper { order: 6; flex: 0 0 100%; position: relative; z-index: 100; } .header-nav::before { content: ''; display: block; height: 1px; background: #e5e9eb; } .header-nav > ul, .header-nav__sf-wrapper > ul { margin-left: -12px; margin-right: -12px; } .header-nav a, .header-nav__sf-wrapper a { color: #004481 !important; } .header-nav .is-current > a { color: #ffc937; } .header-nav.alternate-navigation a, .header-nav.alternate-navigation a:hover, .header-nav__sf-wrapper.alternate-navigation a, .header-nav__sf-wrapper.alternate-navigation a:hover { color: #fff !important; } .header-nav.alternate-navigation > ul > li > ul > li > a, .header-nav.alternate-navigation > ul > li > ul > li > a:hover, .header-nav__sf-wrapper.alternate-navigation > ul > li > ul > li > a, .header-nav__sf-wrapper.alternate-navigation > ul > li > ul > li > a:hover { color: #004581 !important; } .header-nav.alternate-navigation > ul > li > ul > li > ul > li > a, .header-nav__sf-wrapper.alternate-navigation > ul > li > ul > li > ul > li > a { color: #2c8e95 !important; } .header-nav.alternate-navigation > ul > li > ul > li > a:hover, .header-nav__sf-wrapper.alternate-navigation > ul > li > ul > li > a:hover { color: #64a70b !important; } .header-nav.alternate-navigation > ul > li > ul > li > ul > li > a:hover, .header-nav__sf-wrapper.alternate-navigation > ul > li > ul > li > ul > li > a:hover { color: #64a70b !important; } .header-nav > ul > li > .header-nav__toggle, .header-nav__sf-wrapper > ul > li > .header-nav__toggle { display: none; } .header-nav ul, .header-nav__sf-wrapper ul { position: relative; } .header-nav > ul > li > a, .header-nav__sf-wrapper > ul > li > a { height: 100%; line-height: 18.75px; text-align: center; position: relative; white-space: normal; font-weight: 700; color: #fff; } .header-nav > ul > li:hover > a, .header-nav__sf-wrapper > ul > li:hover > a { color: #fff !important; background: #004481 !important; } .header-nav > ul > li > a > span, .header-nav__sf-wrapper > ul > li > a > span { display: inline-block; vertical-align: middle; width: 96%; white-space: normal; } .header-nav > ul > li > a::before, .header-nav__sf-wrapper > ul > li > a::before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 37.5px; margin-top: -12px; } .header-nav > ul > li > a::after, .header-nav__sf-wrapper > ul > li > a::after { content: ''; display: none; width: 0; height: 0; border: 12.5px solid transparent; border-bottom-width: 0; border-top-color: #023d83; position: absolute; left: 50%; top: 100%; margin-left: -12.5px; z-index: 10000000; } .header-nav > ul > li:hover > a::after, .header-nav__sf-wrapper > ul > li:hover > a::after { display: block; } .header-nav > ul > li > ul, .header-nav__sf-wrapper > ul > li > ul { display: block; width: 18em; position: absolute; left: 50%; top: 100%; margin-left: -9em; padding: 12.5px 0; border: 1px solid #004481; text-align: left; background: #fff; opacity: 0; z-index: -1; visibility: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, .06); -webkit-transition: opacity .15s ease-out, visibility 0s linear .15s, z-index 0s linear .15s; -o-transition: opacity .15s ease-out, visibility 0s linear .15s, z-index 0s linear .15s; transition: opacity .15s ease-out, visibility 0s linear .15s, z-index 0s linear .15s; } .header-nav > ul > li:first-child > ul, .header-nav__sf-wrapper > ul > li:first-child > ul { left: 0; margin-left: 0; } .header-nav > ul > li:last-child > ul, .header-nav__sf-wrapper > ul > li:last-child > ul { left: auto; right: 0; margin-left: 0; } .header-nav > ul > li:hover > ul, .header-nav__sf-wrapper > ul > li:hover > ul { visibility: visible; opacity: 1; z-index: 1500; transition: z-index 0s linear, visibility 0s linear, all .2s ease-out; } .header-nav > ul > li > ul a:hover { color: #64a70b; } .header-nav li li a { padding: 8px 50px 8px 25px; line-height: 18.75px; } .header-nav li li li a { padding-left: 35px; } .header-nav li li ul { display: block; max-height: 0; padding: 0; visibility: hidden; opacity: 0; transition: all .2s ease-out, max-height .3s cubic-bezier(0, 1.2, .2, 1); } .header-nav li li ul.is-active { max-height: 40em; padding: 12.5px 0; visibility: visible; opacity: 1; transition: all .2s ease-out; } .header-nav.alternate-navigation { display: block; flex: auto; margin: 0 -24px -1px; padding: 0 24px; position: relative; z-index: 6; background: #0d4a79 url("/images/default-source/pagelayoutimages/leader-kit-logo.png") no-repeat 50% 0; } .header-nav.alternate-navigation::before { display: none; } .header-nav.alternate-navigation.cfe { background-color: #5aa107; background-image: url("/images/default-source/pagelayoutimages/logo-2021-cfe.png"), linear-gradient(180deg, #fff 0, #d6e8cf 100%); } .header-nav.alternate-navigation.con { padding-top: 12px; padding-bottom: 12px; background-color: #fff; background-image: url("/images/default-source/pagelayoutimages/tn-ptaconnected-logo-nav.png"); } .header-nav.alternate-navigation.new-program { background-color: #2b7984; background-image: url("/images/default-source/pagelayoutimages/new-logo.png"); } .header-nav.alternate-navigation > ul { display: flex; gap: 6px 6px; list-style: none; margin: 85px 0 0; position: relative; } .header-nav.alternate-navigation > ul > li { flex: 1 0 10%; } body.is-scrolled .header-nav.alternate-navigation { padding-bottom: 12px; } } @media (min-width: 720px) and (max-width: 959.97px) { .sign-in { font-size: 17px; margin-top: 10px; } .header-nav { font-size: 16px; } .upcoming-deadlines { margin-top: 75px; } } @media (min-width: 720px) and (max-width: 1199.97px) { .header-action__link, .header-action__submenu-link { font-size: 17px; padding-top: 8px; padding-bottom: 8px; } .header-nav > ul > li, .header-nav__sf-wrapper > ul > li { width: 16%; float: left; } .header-nav > ul > li:nth-child(3), .header-nav__sf-wrapper > ul > li:nth-child(3) { width: 20%; } .header-nav > ul > li > a { padding: 12px 0; font-size: 16px; } } @media (min-width: 1200px) { body.is-scrolled .page-header { animation-name: introduce-stuck-header-l; } body.is-scrolled .page-header.scroll-secondary { animation-name: introduce-stuck-header-secondary-l; } .header-logo { left: 32px; top: 18px; } body.is-scrolled .header-logo { top: auto; bottom: 0; } body.is-scrolled .header-logo img { height: 78px; } .header-content { justify-content: flex-end; margin-left: 240px; gap: 6px 6px; } .header-action { max-width: 220px; } .header-action__link, .header-action__submenu-link { padding-top: 10px; padding-bottom: 10px; } .header-action:first-child { margin-left: 0; } .sign-in, .header-translate, .header-search { margin-left: 12px; } .header-translate { order: 2; flex: 0 0 150px; margin-left: auto; padding-left: 12px; } .sign-in { order: 3; flex: 0 0 auto; margin-left: 24px; } .header-search { flex: 1 0 20px; order: 4; max-width: 300px; margin-left: 24px; } .header-flex-helper { display: none; } .header-nav, .header-nav__sf-wrapper { margin-left: 0; z-index: 1500; } .header-nav > ul > li, .header-nav__sf-wrapper > ul > li { width: 15%; float: left; position: relative; } .header-nav > ul > li:first-child, .header-nav__sf-wrapper > ul > li:first-child, .header-nav > ul > li:nth-child(3), .header-nav__sf-wrapper ul li:nth-child(3) { width: 20%; } .header-nav > ul > li > a, .header-nav__sf-wrapper ul li a { font-size: 20px; padding: 24px 12px; } .header-nav.alternate-navigation { margin-left: -264px; padding-left: 264px; background-position: 24px 50%, 0 0; } .header-nav.alternate-navigation > ul { margin-top: 0; } } @media (min-width: 1400px) { .header-logo { left: 100px; } .header-content { margin: 0 84px 0 336px; } .header-nav.alternate-navigation { margin-left: -360px; margin-right: -108px; padding-left: 360px; padding-right: 108px; background-position: 108px 50%, 0 0; } } @keyframes introduce-stuck-header-m { 0% { transform: translateY(-180px); } 100% { transform: translateY(-130px); } } @keyframes introduce-stuck-header-secondary-m { 0% { transform: translateY(-240px); } 100% { transform: translateY(-180px); } } @keyframes introduce-stuck-header-l { 0% { transform: translateY(-157px); } 100% { transform: translateY(-82px); } } @keyframes introduce-stuck-header-secondary-l { 0% { transform: translateY(-230px); } 100% { transform: translateY(-157px); } } .interior-layout__nav ul li.item-off, li.item-off { display: none; } /*! ---------- =footer ---------- */ .page-footer { clear: both; background: #004481; text-align: center; } .page-footer .grid__unit { padding: 0 5px 20px 0; } .page-footer .page-width { padding: 0 25px; } .page-footer p { margin-top: 50px; margin-bottom: 12.5px; letter-spacing: 1px; } .page-footer a { color: #fff; font-weight: 700; } .footer-name { margin: 0 -25px 25px; padding: 12.5px 25px; font-size: 25px; line-height: 25px; background: #444; color: #7c7a52; } .footer-nav__heading { margin-bottom: 0; font-size: 20px; color: #7c7a52; } .footer-nav__item { display: block; } .footer-social { margin-top: 20px; } .footer-social__icon { float: left; display: block; width: 50px; opacity: 1; padding-bottom: 20px; } .footer-social__icon:hover { opacity: 1; } .footer-utility { clear: both; font-size: 18px; padding-top: 20px; } .footer-utility a { margin-right: 50px; } img.logo_footer { padding-top: 15px; } .footer_title { color: #8a8865; font-size: 22px; } @media (max-width: 720px) { .footer-social { margin-top: 0; width: 100%; } .footer-social a { float: left; display: block; width: 15%; text-align: center; } .footer-social__icon { margin-top: 15px; margin-left: 12.5px; } .footer-social__icon+.footer-social__icon { margin-left: 12.5px; } .footer-utility a { display: block; clear: both; } a.sign-in { position: absolute; top: 0; right: auto; margin-bottom: 25px; } } @media (min-width: 720px) and (max-width: 1250px) { .footer-utility a { margin-right: 15px; font-size: 16px; } } @media (min-width: 960px) { .page-footer .page-width { padding: 0 10px; } .footer-social__icon { margin-top: 25px; margin-left: 5px; } } @media (min-width: 1200px) { .footer-social__icon+.footer-social__icon { margin-left: 12.5px; } .footer-social__icon { margin-left: 12.5px; } img.logo_footer { padding-left: 35px; } } @media (min-width: 1400px) { img.logo_footer { padding-left: 90px; } } @media (max-width: 720px) { .page-footer p { margin-top: 0; margin-bottom: 0; } } @media (min-width: 720px) { .footer-name { padding: 25px; } } @media (max-width: 960px) { .page-footer p { margin-top: 10px; margin-bottom: 12.5px; letter-spacing: 1px; } } @media (max-width: 1250px) { .button.first-row-tiles { font-size: 16px; padding: 12.5px 12px; } } /*! ---------- =interior ---------- */ .interior-layout__main, .interior-layout__nav { margin-bottom: 25px; max-width: 100%; } .interior-nav { background: 0 0; padding: 0 20px 20px 0; } .interior-nav.filter-nav { border-top: solid #444 1px; border-bottom: solid #444 1px; padding: 20px 5px 0 5px; padding-bottom: 0; } @media (max-width: 960px) { .interior-nav.filter-nav { border-top: solid #444 1px; border-bottom: solid #444 1px; padding: 10px 5px 0 5px; } } .interior-nav__title { font-weight: 400; font-size: 24px; margin-bottom: 25px; } .interior-nav__nav ul { list-style: none; margin: 45px 0 0 0; } .interior-nav__nav a { display: block; } .interior-nav__nav ul li a { padding: 5px 0; display: block; } .interior-nav__nav ul li { border-top: 1px solid #f1f1f1; } .interior-nav__nav ul li li { border-top: none; } .interior-nav__nav ul li li li { border-top: none; } .interior-nav__nav li ul { display: block; margin-left: 25px; margin-bottom: 12.5px; } .interior-nav__nav li ul a { padding: 6.25px 0; } .interior-nav__nav li.is-current a { font-weight: 700; color: #006472; } .interior-nav__nav li.is-current li a, .interior-nav__nav li.is-current li li a, .interior-nav__nav li.is-current li.is-current li a { color: #004481; } .interior-nav__nav li.is-current li li:hover a, .interior-nav__nav li.is-current li.is-current li:hover a, .interior-nav__nav li.is-current li:hover a { color: #006472; } .interior-nav__nav li.is-current li:hover li a { color: #004481; } .interior-nav__nav li.is-current li:hover li a:hover { color: #006472; } .interior-nav__nav li.is-current li.is-current a, .interior-nav__nav li.is-current li.is-current li.is-current a { color: #006472; } .interior-nav__nav li a { font-weight: 700; color: #004481; } .interior-nav__nav ul ul { display: none; padding-left: 24px; } .interior-nav__nav li.is-current > ul { display: block; } @media (max-width: 720px) { .interior-nav__title { margin: 5px 0 12.5px; cursor: pointer; font-size: 24px; } .interior-nav { display: none; } .interior-nav.legend { border-top: none; border-bottom: none; } .interior-nav__title::after { content: ''; display: inline-block; vertical-align: middle; margin: -.2em 0 0 .5em; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #004481; transform: scaleX(.667); } .interior-nav__title.is-active::after { transform: scaleX(.667) scaleY(-1); } .interior-nav__nav { max-height: 0; overflow: hidden; opacity: 1; transition: all .3s ease-out; } .interior-nav__nav.is-active { max-height: 2500px; opacity: 1; transition: all .25s ease-in; } } .interior-nav__title.filter::after { content: ''; display: inline-block; vertical-align: middle; margin: -.2em 0 0 .5em; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #958948; transform: scaleX(.667); } .interior-nav__title.filter.is-active::after { transform: scaleX(.667) scaleY(-1); } .interior-nav__nav.refine-search { max-height: 0; overflow: hidden; opacity: 0; transition: all .3s ease-out; } .interior-nav__nav.refine-search.is-active { max-height: 2500px; opacity: 1; transition: all .25s ease-in; } .interior-layout__aside { background: 0 0; padding: 0 20px 20px 0; } .interior-layout__title { font-size: 30px; font-weight: 400; } h1.interior-layout__title { font-size: 34px; line-height: 36px; } @media (min-width: 720px) { .interior-layout__title { margin-left: 0; padding-left: 0; } .interior-layout__aside, .interior-layout__nav { width: 20%; float: left; clear: left; margin-left: 40px; } .interior-layout__nav { margin-top: 0; margin-bottom: 50px; } .interior-nav__title { margin-bottom: -35px; display: block; } .interior-layout__nav li ul { display: none; } .interior-layout__nav li.is-current>ul { display: block; } .interior-nav__nav ul ul { margin-top: 10px; margin-left: 0; border: none; } .interior-nav__nav ul ul ul { margin-top: 10px; margin-left: 25px; } .interior-layout__nav ul li.is-current, .interior-layout__nav ul li.is-current a { color: #004481; } .interior-layout__nav ul li.is-current ul li a, .interior-layout__nav ul li.is-current ul li ul li a { color: #004481; margin-top: 5px; } .interior-layout__nav ul li.is-current ul li ul li.is-current a, .interior-layout__nav ul li.is-current ul li.is-current a { color: #006472; } .interior-layout__main { float: right; padding-right: 40px; margin-bottom: 0; } } .large-interior-image { margin-bottom: 45px; } @media (max-width: 720px) { .flex-container { -ms-box-orient: horizontal; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .flex-item:nth-child(1) { order: 2; text-align: center; margin: 0 auto; } .flex-item:nth-child(2) { order: 1; } .interior-layout__main { padding-left: 30px; padding-right: 30px; } } @media (min-width: 721px) and (max-width: 960px) { .interior-layout__main { padding-right: 30px; width: 49%; } .interior-layout__nav { min-width: 320px; } } @media (min-width: 961px) and (max-width: 1199px) { .interior-layout__main { padding-right: 30px; width: 60%; } .interior-layout__nav { min-width: 320px; } } @media (min-width: 1200px) and (max-width: 1400px) { .interior-layout__main { padding-right: 30px; width: 69%; } .interior-layout__nav { min-width: 320px; } } @media (min-width: 1200px) and (max-width: 1400px) { .interior-layout__nav { min-width: 320px; } } @media (min-width: 1400px) { .interior-layout__main { width: 70%; } } .division_specific_banner { text-align: center; margin-top: 0; padding-top: 0; background: #2c8e95; } .division_specific_banner img { width: 100%; height: auto; max-width: 100%; max-height: 243px; margin: 0 auto; } .breadcrumb { margin-bottom: 7px; margin-left: -11px; font-size: 22px; } .fb-like.app-left.sm-likes { width: 250px; } .item-list-date { color: #444; font-weight: 700; font-size: 18px; } .more-top { margin-top: 45px; } ::-webkit-input-placeholder { color: #444; opacity: 1; font-family: minion-pro, serif; font-style: italic; font-weight: 400; text-align: left; font-size: 17px; } ::-moz-placeholder { color: #444; opacity: 1; font-family: minion-pro, serif; font-style: italic; font-weight: 400; text-align: left; font-size: 17px; } :-ms-input-placeholder { color: #444; opacity: 1; font-family: minion-pro, serif; font-style: italic; font-weight: 400; text-align: left; font-size: 17px; } :-moz-placeholder { color: #444; opacity: 1; font-family: minion-pro, serif; font-style: italic; font-weight: 400; text-align: left; font-size: 17px; } @media (max-width: 720px) { .breadcrumb { margin-top: 20px; } } @media (min-width: 960px) and (max-width: 1200px) { ::-webkit-input-placeholder { text-align: left; } ::-moz-placeholder { text-align: left; } :-ms-input-placeholder { text-align: left; } :-moz-placeholder { text-align: left; } } .featured-sponsors { clear: both; margin-top: 25px; margin-bottom: 45px; background: linear-gradient(to right, #eee, #fff); width: 100%; height: auto; padding: 50px 20px 20px 20px; text-align: center; } .featured-sponsors img { margin: 0 auto 20px auto; text-align: center; } .sponsors img { margin: 0 auto 20px auto; text-align: center; } .ad.second-home { margin-top: 0; } .ad.interior-ad { background: 0 0; width: 100%; max-width: 300px; height: auto; } .ad-title { float: none; margin: 25px 0; color: #fff; font-style: italic; font-size: 30px; font-family: minion-pro, serif; text-align: center; } @media (max-width: 720px) { .ad-image.hide-on-desktop { clear: left; text-align: center; } } @media (min-width: 720px) { .ad { width: 100%; height: 225px; } .ad-title { margin-top: 50px; } .ad-image iframe { position: relative; left: 10%; } } @media (min-width: 1200px) { .ad { height: 129px; } .ad-title { float: left; margin-left: 10%; } .ad-image iframe { top: -75px; left: 80%; } } .accordion__label { border-radius: 4px; width: 100%; margin-bottom: 20px; display: block; padding: 15px 20px; font-size: 18px; font-weight: 700; border: 1px solid #d8d8d8; color: #127998; background: #f6f6f6; cursor: pointer; position: relative; } .button.margin { background: #004581; color: #fff; border-radius: 4px; } .grid__unit.home-grid { padding-right: 0; } .ad img { margin: 18px auto; text-align: center; } .red-overlay { background: rgba(39, 62, 84, .42); display: block; width: 100%; height: 100%; } .overlay-img { width: 373px; height: 374px; display: block; background: url(http://concepts.rd.net/PTA/2017/build/images/photo-news1.jpg) no-repeat; } .bg-blend { background-color: #ddad05; background-blend-mode: multiply; display: block; width: 373px; height: 374px; } .normal-image { background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/building.jpg); } .just-color { background: red; } .demo div { float: left; width: 200px; height: 200px; background-size: cover; } .demo { width: 600px; overflow: hidden; } .screencap { width: 600px; } .tabs--styled { margin-bottom: 40px; } .tabs--styled:last-child { margin-bottom: 0; } .tabs--styled .tabs__tab { display: inline-block; margin-bottom: -1px; padding: 10px; border: 1px solid #d8d8d8; font-weight: 700; color: #91918d; background: #fff; position: relative; z-index: 2; cursor: pointer; } .tabs--styled .tabs__tab:hover { color: #259e64; background: #fff; } .tabs--styled .tabs__tab.is-active { color: #127998; border-bottom-color: #fff; } .tabs--styled .tabs__pane { padding: 20px; border: 1px solid #d8d8d8; background: #fff; } .js .tabs--styled .tabs__pane { display: none; } .js .tabs--styled .tabs__pane.is-active { display: block; } .accordion { margin-bottom: 40px; } .accordion:last-child { margin-bottom: 0; } .accordion__label .disclose, .accordion__label .header-nav__toggle { position: relative; top: -4px; margin-left: .5em; transition: all .15s ease-out; } .accordion__label.is-active { border-color: rgba(37, 158, 100, .3); color: #259e64; } .accordion__label.is-active .disclose, .accordion__label.is-active .header-nav__toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); top: 0; } .accordion__label.is-active .disclose::before, .accordion__label.is-active .header-nav__toggle::before { border-color: #259e64; } .accordion__label--image { min-height: 120px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .accordion__label--image .disclose, .accordion__label--image .header-nav__toggle { top: 0; } .accordion__label~.accordion__label { margin-top: 10px; } .accordion__content { margin: 20px 0; } .accordion__content:last-child { margin-bottom: 0; } /*! ---------- =home ---------- */ .home-feature { margin-bottom: 40px; } .home-feature__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; position: relative; transition: all .25s ease-out; } .home-feature__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; background: #004581 no-repeat 100% 100%; background-color: rgba(0, 69, 129, .8); min-height: 400px; } .home-feature__item:nth-child(2) .home-feature__content { background-color: rgba(5, 128, 137, .8); } .home-feature__item:nth-child(3) .home-feature__content { background-color: rgba(56, 150, 37, .8); } .home-feature__item:nth-child(4) .home-feature__content { background-color: rgba(28, 140, 126, .92); } .home-feature__item:nth-child(5) .home-feature__content { background-color: rgba(37, 158, 100, .92); } .home-feature a, .home-feature__description, .home-feature__title { color: #fff; } .home-feature__title { font-weight: 900; font-size: 60px; line-height: 60px; } .home-feature a { font-weight: 700; } .home-feature a:hover { text-decoration: underline; } .js .home-feature__trigger { display: block; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; z-index: 5; } .home-feature__item.is-active .home-feature__trigger { bottom: 100%; } .home-feature__item .button.home-feature-button { display: none; } .home-feature__item.is-active .button.home-feature-button { display: inline-block; } .title-underline { background: #e5e9eb; background-color: rgba(229, 233, 235, .3); width: 78px; height: 3px; } .home-feature__item .expand { width: 23px; padding-top: 22px; margin: 0 auto; text-align: center; display: block; } .home-feature__item.is-active .expand { display: none; } @media (max-width: 480px) { .home-feature__item.is-active { min-height: 250px; border: #fff solid 1px; } .home-feature__item.is-active .home-feature__content { min-height: 250px; } } @media (max-width: 719px) { .home-feature { clear: both; } .home-feature__content { min-height: 0; } .home-feature__item { height: 75px; border: #fff solid 1px; } .home-feature__item+.home-feature__item { margin-top: 20px; } .home-feature__title { margin: 0; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-feature__title a { font-size: 20px; } .home-feature__description { display: none; } .home-feature__item.is-active .home-feature__description { transition: max-height .25s ease-out; font-family: minion-pro, serif; font-size: 18px; line-height: 24px; padding-top: 0; padding-bottom: 25px; display: block; } .home-feature__item .expand { display: none; } .home-feature__item.is-active .expand { display: none; } .home-feature__item.is-active .button.home-feature-button { font-size: 14px; padding: 10px 15px 10px 10px; } } @media (min-width: 480px) and (max-width: 719px) { .home-feature__item.is-active { min-height: 225px; border: #fff solid 1px; } .home-feature__item.is-active .home-feature__content { min-height: 225px; } } @media (min-width: 720px) { .home-feature { display: table; width: 100%; } .home-feature__wrapper { display: table-row; } .home-feature__item { display: table-cell; width: 12%; height: 400px; vertical-align: bottom; } .home-feature__item .home-feature__title, .home-feature__item .home-feature__title a { opacity: 1; font-size: 24px; line-height: 24px; font-weight: 600; } .home-feature__item.is-active .home-feature__title, .home-feature__item.is-active .home-feature__title a { font-size: 45px; line-height: 45px; font-weight: 900; } .home-feature__item .home-feature__description { opacity: 0; display: none; } .home-feature__item.is-active .home-feature__description { opacity: 1; display: block; } .home-feature__item .title-underline { text-align: center; width: 90%; } .home-feature__item.is-active .title-underline { text-align: left; width: 78px; } .no-js .home-feature:hover .home-feature__item:hover, .no-js .home-feature:not(:hover) .home-feature__item:first-child { width: 51%; } .no-js .home-feature:hover .home-feature__item:hover .home-feature__content, .no-js .home-feature:not(:hover) .home-feature__item:first-child .home-feature__content { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: all .15s ease-out .2s; } .js .home-feature__trigger { height: 400px; } .home-feature__item.is-active .home-feature__trigger { height: 0; } .home-feature__item.is-active { width: 51%; } .home-feature__item.is-active .home-feature__content { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: all .15s ease-out .2s; height: 100%; padding: 45px 20px 40px 20px; text-align: left; } .home-feature__item.is-active .home-feature__content .home-feature__description, .home-feature__item.is-active .home-feature__content .home-feature__title { opacity: 1; } .home-feature__description { font-family: minion-pro, serif; font-size: 26px; line-height: 26px; padding-top: 22px; padding-bottom: 25px; } .home-feature__content { text-align: center; padding-top: 120px; padding-right: 40px; padding-left: 20px; } } @media (min-width: 1500px) { .home-feature__item.is-active .home-feature__title, .home-feature__item.is-active .home-feature__title a { font-size: 60px; line-height: 60px; } .home-feature__content { min-height: 653px; padding-top: 300px; padding-right: 20px; } .home-feature__item.is-active .home-feature__content { padding: 222px 55px 10px 112px; } .home-feature__item { height: 653px; } .js .home-feature__trigger { height: 653px; } } .box-with-overlay__item { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; position: relative; transition: all .25s ease-out; box-shadow: rgba(61, 61, 61, .2) 0 25px 20px 0; } .box-with-overlay__item a:hover { text-decoration: underline; } .box-with-overlay__item.interior-overlay { margin-bottom: 45px; } .box-with-overlay__content { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; min-height: 400px; } .box-with-overlay__item.teal-overlay .box-with-overlay__content { background: #006472 no-repeat 100% 100%; background-color: rgba(0, 100, 114, .79); } .box-with-overlay__item.no-overlay .box-with-overlay__content { background: 0 0; } .box-with-overlay__item.blue-overlay .box-with-overlay__content { background-color: rgba(37, 62, 80, .81); } .box-with-overlay__item.lightblue-overlay .box-with-overlay__content { background-color: rgba(0, 62, 107, .79); -webkit-filter: saturate(1.5); filter: saturate(1.5); } .box-with-overlay__item.yellow-overlay .box-with-overlay__content { background-color: rgba(154, 130, 3, .79); -webkit-filter: saturate(2.5); filter: saturate(2.5); } .box-with-overlay__item.purple-overlay .box-with-overlay__content { background-color: rgba(116, 4, 95, .69); -webkit-filter: brightness(1.35); filter: brightness(1.35); } .box-with-overlay__item.copper-overlay .box-with-overlay__content { background-color: rgba(136, 47, 11, .79); -webkit-filter: saturate(1.2); filter: saturate(1.2); } .box-with-overlay__item.green-overlay .box-with-overlay__content { background-color: rgba(88, 185, 71, .79); } .home-date { margin-top: 10px; color: #fff; font-style: italic; } .icon.icon--arrow { background: url(http://prod.pta.rd.net/url/images/default-source/pagelayoutimages/arrow-more.png); display: block; width: 24px; height: 12px; margin-top: 18px; } .box-with-overlay__content h2 { color: #fff; font-size: 48px; text-align: center; margin-top: 45px; } .box-with-overlay__content.interior-overlay-title h3, .box-with-overlay__content.interior-overlay-title h3 a { color: #fff; font-size: 28px; line-height: 28px; text-align: center; margin-top: 100px; } h3.box-with-overlay__title { color: #fff; font-size: 28px; line-height: 28px; text-align: left; margin-top: 100px; } @media (max-width: 719px) { .box-with-overlay__item { width: 100%; height: auto; min-height: 300px; max-height: 384px; margin: 0 auto; } .box-with-overlay__content { min-height: 300px; max-height: 384px; font-size: 18px; } .box-with-overlay__item+.box-with-overlay__item { margin-top: 20px; } .box-with-overlay__title { margin: 0; font-size: 24px; padding-bottom: 15px; padding-top: 5px; color: #fff; } .box-with-overlay__title a { color: #fff; font-weight: 500; } .box-with-overlay__description { display: block; color: #fff; font-family: minion-pro, serif; font-size: 19px; width: 90%; padding-top: 8px; } .box-with-overlay__item.is-active { height: 300px; } } @media (min-width: 720px) { .box-with-overlay__item { width: auto; height: 100%; min-height: 375px; max-height: 477px; margin: 0 auto; } .box-with-overlay__item.top-overlay { max-height: 186px; min-height: 186px; } .box-with-overlay__content { min-height: 0; height: 375px; font-size: 18px; } .box-with-overlay__item.top-overlay .box-with-overlay__content { min-height: 0; height: 186px; } .box-with-overlay__item+.box-with-overlay__item { margin-top: 20px; } .box-with-overlay__title { margin: 0; font-size: 26px; padding-top: 5px; padding-bottom: 15px; padding-right: 0; color: #fff; width: 90%; } .box-with-overlay__title a { color: #fff; font-weight: 600; } .box-with-overlay__description { display: block; color: #fff; font-family: minion-pro, serif; font-size: 19px; width: 90%; padding-top: 10px; } .box-with-overlay__description.landing-abstract, p.box-with-overlay__description.landing-abstract { width: 99%; font-size: 18px; } .box-with-overlay__item.is-active { height: 300px; } } @media (min-width: 960px) { .box-with-overlay__description.landing-abstract { font-size: 19px; } } .app-left { float: left; } .app-left.sm-likes { margin-top: 0; padding: 0 10px 25px 0; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 3px solid #4d779c; background: #004581; color: #fff; } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background: url(/images/default-source/pagelayoutimages/arrow-white-down.png) no-repeat; } .ui-icon { background: url(/images/default-source/pagelayoutimages/arrow-white-right.png) no-repeat; } .landing-box { margin-top: 0; padding: 0 25px 25px 0; text-align: center; } .landing-box.left-align { text-align: left; } .landing-box img { margin: 0 auto; } @media (max-width: 720px) { .grid.landing-grid { width: 100%; } .grid.landing-grid .grid__unit { clear: both; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 300px; } .search-again-icon { position: relative; top: -35px; left: 35%; } } @media (min-width: 720px) { .img-left.landing-icons-50 { width: 40%; } .img-left.landing-icons-33 { width: 27%; } .search-again-icon { position: relative; top: -35px; left: 85%; } } .result-titles { font-size: 22px; font-weight: 700; } .result-desc { font-family: minion-pro, serif; } .ui-corner-bottom, .ui-corner-br, .ui-corner-right, ui-corner-all { border-radius: 0; } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-radius: 0; } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-radius: 0; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-radius: 0; } .button, button.app-button.search-button-filter { border: 3px solid #4d779c; } /*! ---------- =search-results ---------- */ .debug-url { background-color: #efe; border: 2px solid #0f0; padding: 10px; margin-bottom: 20px; overflow: hidden; } .search-term { margin-bottom: 20px; } .oneFacet { border: 2px solid #004581; padding: 2px; margin-right: 5px; } a.home-more { color: #fff; display: inline; padding-top: 5px; } .home-box-arrow { display: inline; } #accordion h3 { margin-top: 5px; text-align: left; } .RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink, .RadSiteMap_Default .rsmOneLevel .rsmLink, .RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink, .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink { color: #004481; } .RadSiteMap_Default .rsmManyLevels .rsmLevel2 .rsmLink:hover, .RadSiteMap_Default .rsmOneLevel .rsmLink:hover, .RadSiteMap_Default .rsmThreeLevels .rsmLevel1 .rsmLink:hover, .RadSiteMap_Default .rsmTwoLevels .rsmLevel1 .rsmLink:hover { border: none; color: #006472; background: 0 0; } @media (min-width: 720px) { p.box-with-overlay__description, p.box-with-overlay__description.landing-abstract { font-size: 18px; line-height: 20px; } .interior-overlay h3.box-with-overlay__title, h3.box-with-overlay__title { margin: 0; font-size: 26px; padding-top: 5px; padding-bottom: 15px; padding-right: 0; color: #fff; width: 90%; } .interior-overlay a.home-more, a.home-more { font-size: 20px; } } @media (min-width: 960px) { p.box-with-overlay__description, p.box-with-overlay__description.landing-abstract { line-height: 26px; } } @media (min-width: 1200px) { .interior-overlay h3.box-with-overlay__title, h3.box-with-overlay__title { font-size: 28px; } } @media (min-width: 1490px) { p.box-with-overlay__description, p.box-with-overlay__description.landing-abstract { font-size: 22px; } .interior-overlay h3.box-with-overlay__title, h3.box-with-overlay__title { font-size: 30px; } } .sfeventDetails .sfeventContent { line-height: 24px; } .pagination, .sf_pagerNumeric { margin: 12.5px 0 25px; font-size: 18px; } .pagination a, .pagination span, .sf_pagerNumeric a, .sf_pagerNumeric span { display: inline-block; padding: 3.125px; text-align: center; } .pagination__page, .sf_pagerNumeric a { min-width: 31.25px; font-weight: 700; color: #444; border: none; } .pagination__page:hover, .sf_pagerNumeric a:hover { min-width: 31.25px; background: #006472; color: #fff; border: none; } .pagination__current, .sf_PagerCurrent { min-width: 31.25px; background: #006472; color: #fff; border: none; } @media (min-width: 470px) { .pagination a, .pagination span, .sf_pagerNumeric a, .sf_pagerNumeric span { padding: 3.125px 6.25px; } } .logo-content { text-align: center; } .rdEditCommand { z-index: 10000; overflow: visible; color: purple; } /*! ---------- =chapter map ---------- */ @media (min-width: 960px) { .chapter-list, .map-dropdown { display: none; } } @media (max-width: 959px) { .chapter-map, .hide-on-mobile { display: none; } } .chapter-list-state { display: none; margin-top: 20px; } .group-hovered { fill: #cb6015 !important; } .group-active { fill: #daaa00 !important; } text, tspan { cursor: default; } text>tspan { font-size: 80%; } .byline { margin-top: 15px; color: #106d7a; display: inline-block; } .more-bottom { margin-bottom: 25px; } .ad-image iframe { position: static; } a.button.home-feature-button, a:hover.button.home-feature-button { color: #fff; } @media (max-width: 74em) { #div-gpt-ad-1504638406199-10, #div-gpt-ad-1504638406199-9, #div-gpt-ad-1507672888050-0, #div-gpt-ad-1507672888050-1 { margin: 0 auto; text-align: center; display: block; } } @media (min-width: 75em) { #div-gpt-ad-1504638406199-10, #div-gpt-ad-1504638406199-9, #div-gpt-ad-1507672888050-1 { float: left; margin-left: 400px; margin-top: -80px; } } @media (min-width: 1400px) { #div-gpt-ad-1504638406199-10, #div-gpt-ad-1504638406199-9, #div-gpt-ad-1507672888050-1 { margin-left: 200px; margin-top: 20px; } } @media (max-width: 959px) { .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25 { width: 100% !important; float: none; margin-left: 0; padding-left: 0; } .sf_2cols_1_25, .sf_2cols_2_75 { width: 100% !important; float: none; margin-left: 0; padding-left: 0; } .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33, .sf_2cols_1_67, .sf_2cols_2_33, .sf_2cols_2_25 { width: 100% !important; float: none; margin-left: 0; padding-left: 0; margin-bottom: 25px; } } @media (min-width: 961px) { .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25 { width: 50%; } .sf_4cols_1_25, .sf_4cols_3_25 { /* clear: both; */ } .sf_2cols_2_33, .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33 { width: 33%; float: left; } } @media (min-width: 1500px) { .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25 { width: 25%; } .sf_4cols_1_25, .sf_4cols_3_25 { clear: none; } .sf_2cols_2_33, .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33 { width: 33%; float: left; } } .sfNavHorizontal li:first-child { margin-left: 0; } .sfNavHorizontal li { border-right: 1px solid #fff; background-color: #eee; } .sfNavHorizontal li { float: left; } .sfNavHorizontal li { background-color: #712456; margin-bottom: 1px; } .sfNavHorizontal a { display: block; padding: 0 20px; height: 46px; line-height: 46px; color: #333; } .sfeventsRecurrenceTooltipLnk { padding-top: 15px; padding-bottom: 15px; } .sfPageEditor .header-nav.alternate-navigation, .sfPageEditor h1.banner-title { position: static; margin-top: 75px; margin-bottom: 75px; } #page-container { background: #fff; } ul.pagination li { display: inline-block; } .sfdownloadFileWrp { margin: 10px 0 25px 0; } /*! ---------- =sitefinity fixes ---------- */ .sys-template { display: none; } .sfPageEditor .RadDockZone { clear: both; overflow: hidden; } /* For Solr debug */ .debug-url { background-color: #efe; border: 2px solid #2c2; padding: $line/2; margin-bottom: $line; word-wrap: break-word; } /*! make page builder layout more friendly to edit */ .sfPageEditor .page-header, .sfPageEditor .header-logo, .sfPageEditor .header-content, .sfPageEditor .header-actions, .sfPageEditor .google-container, .sfPageEditor .header-utility, .sfPageEditor .header-search, .sfPageEditor .header-nav, .sfPageEditor .title-block, .sfPageEditor .title-block__background, .sfPageEditor .title-block__content, .sfPageEditor .page-footer, .sfPageEditor .footer-logo, .sfPageEditor .footer-social, .sfPageEditor .footer-contact, .sfPageEditor .footer-utility, .sfPageEditor .footer-copyright { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: none !important; padding: 0 !important; margin: 0 0 20px !important; float: none !important; position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; } .sfPageEditor .content { // reign in top padding in case of sticky header padding-top: 48px; } .sfPageEditor .title-block::before { display: none !important; } .sfPageEditor .title-block__background, .sfPageEditor .title-block__content { position: static !important; } /* user-friendly tabs layout modules */ .sfPageEditor [data-edit-label]::before { content: '[' attr(data-edit-label) ']'; font-size: 14px; opacity: 0.3; } .tabs.sf_cols { margin-left: 0 !important; margin-right: 0 !important; } .tabs__tab > .sf_colsIn, .tabs__pane > .sf_colsIn { margin: 0 !important; } .sfPageEditor .tabs--standard .tabs__tab { width: 100% !important; float: none !important; } .sfPageEditor .tabs.sf_cols .tabs__pane { display: block !important; } .header-translate__wrapper img { display: inline-block; }