/* @group Type */
html {
font-size: 125%;
}
body {
font-family: halyard-text, sans-serif;
font-weight: 400;
color: #343a40;
background: #F8F9FA;
}
h1, .h1,
h2, .h2,
h3, .h3 ,
h4, .h4 ,
h5, .h5,
h6, .h6 {
font-family: halyard-display, sans-serif;
font-weight: 700;
text-transform: none;
}
h1, .h1 {
font-size: 1.75rem;
line-height: 1.1;
}
@media screen and (min-width: 40em)
{
h1, .h1 {
/* font-size: 10vw;color: red;*/
font-size: 2rem;
}
}
@media screen and (min-width: 64em)
{
h1, .h1 {
/* font-size: 6vw;color: blue;*/
font-size: 3rem;
}
}
@media screen and (min-width: 80em)
{
h1, .h1 {
/* font-size: 4vw;color: green;*/
font-size: 3.5rem;
}
}
/*
h2, .h2 {
font-size: 1.9375rem;
line-height: 1.2;
}
h3, .h3 {
font-size: 1.5625rem;
}
h4, .h4 {
font-size: 1.25rem;
}
h5, .h5 {
font-family: halyard-text, sans-serif;
font-size: 1.1rem;
}
h6, .h6 { font-family: halyard-text, sans-serif;
text-transform: uppercase;
font-size: 1rem;
}
@media print, screen and (min-width: 40em) {
h1, .h1 {
font-size: 3rem; }
h2, .h2 {
font-size: 2.5rem; }
h3, .h3 {
font-size: 1.9375rem; }
h4, .h4 {
font-size: 1.5625rem; }
}
*/
/*p , ol li , ul:not(.menu) li {
font-size: 1.1rem;
line-height: 1.6rem;
}*/
h1 em {
font-style: normal;
color: #D63900;
}
.clickable {
cursor: pointer;
}
a {
word-wrap: break-word;
}
a:not(.button, .menu *, header *) {
font-weight: 700;
border-bottom: 2px dotted #D63900;
}
a:not(.button) {
color: #D63900;
transition: 400ms all;
overflow-wrap: break-word;
word-wrap: break-word;
}
a:not(.button, .menu *, header *):hover , .clickable:hover a:not(.button) {
color: #E03C00; border-bottom: 2px solid #E03C00;
}
.button, a.button {
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 700;
/* border-radius: 0;*/
background-color: #D63900;
color: #fff ;
margin-bottom: 0;
}
.button, a.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
background-color: #D63900;
color: #fff; }
.button:hover, .button:focus,
.clickable:hover a.button {
background-color: #E03C00;
color: #fff; }
.pad-top {
padding-top: 1rem ;
}
.pad-bottom{
padding-bottom: 1rem ;
}
@media screen and (min-width: 64em)
{
.pad-top {
padding-top: 3rem ;
}
.pad-bottom{
padding-bottom: 3rem ;
}
}
/* @end */
/* @group account */
ul.account-list li {
margin-bottom: 0.5rem;
}
.pending-label {
margin-left: 0.5rem;
text-transform: uppercase;
border: 1px solid #8f90b0;
display: inline-block;
padding: 3px 8px 2px;
color: #D63900;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
border-radius: 3px;
margin-right: 1rem;
}
/* @end */
/* @group forms */
fieldset {
border: 1px solid rgba(52, 57, 64, 0.4);
border-radius: 4px;
padding: 1rem;
margin-bottom: 1rem;
}
legend {
padding-left: 0.5rem; padding-right: 0.5rem;margin-left: -0.5rem;margin-bottom: 0 !important;
}
label {
font-size: inherit;
font-weight: 700;
}
form em {
font-style: normal;
color: #D63900;
}
.minor-label {
font-weight: 400;
font-size: 0.875rem;line-height: 1.2;
margin-bottom: 0.5rem;
}
.minor-label input {
margin-bottom: 0;
}
.form-error {
font-size: 1rem; color: #fff; background-color: rgba(214, 57, 0, 0.9);padding: 0.25rem 1rem;margin: 1rem 0; border-radius: 4px;
}
label .counter-text {display: block; margin-top: -0.5rem ; margin-bottom: 0.5rem;
font-size: 0.8125rem; font-style: italic; font-weight: 400;
color: #555; }
@media print, screen and (max-width: 39.99875em) {
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {font-size: 16px; }
}
/* Styles for the main password strength indicator wrapper */
.rank-wrap {
position: absolute;
right: 15px;
top: 5px;
text-transform: uppercase;
}
/* Default styles for the password strength indicator text wrap */
.rank-wrap .status-tag {
background: #fff;
text-transform: uppercase;
border: 1px solid transparent;
display: inline-block;
padding: 3px 8px 2px;
color: #8f90b0;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
border-radius: 3px;
margin: 0;
}
/* Styles for strong and very strong password */
.rank-wrap .status-tag.strong {
border-color: #00c571;
color: #00c571;
}
/* Styles for good password */
.rank-wrap .status-tag.good {
border-color: #ffb40b;
color: #ffb40b;
}
/* Styles for weak password */
.rank-wrap .status-tag.weak {
border-color: #fa5252;
color: #fa5252;
}
/* @end */
/* @group Grid */
.wrapper {
min-height: 100vh;
display: grid;
grid-template-rows: auto auto 1fr auto;
}
/* @end */
/* @group header */
#menu-toggle {
position: absolute;
top: 1rem;
right: 0;
}
@media screen and (min-width: 64em)
{
#menu-toggle {
position: relative;
z-index: 100;
background: #F8F9FA;
}
}
.search-bar {
color: #fff;
/*padding-top: 4rem;
padding-bottom: 3rem;*/
padding-top: 11rem;
padding-bottom: 3rem;
margin-bottom: 2rem;
margin-top: -1rem;
background-image: url(/images/photos/ActionforHousing_142.jpg);background-position: center top;background-size: cover;
}
/*.homepage-search-bar {
padding-top: 12rem;
padding-bottom: 3rem;
background-image: url(../images/PAIH_2021_Annual_Report_15_crop.jpg);background-position: center top;background-size: cover;
} */
header {
padding-top: 1rem ;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
header.is-active {
margin-bottom: 0;
}
header img {
width: 100%;
max-width: 10rem;
/* margin-bottom: 1rem;*/
}
#hidden-search-bar {
display: none;
}
.search-bar .input-group { margin-bottom: 0; }
.search-bar .input-group-field {
font-family: halyard-display, sans-serif;
color: #343a40;
font-size: 1rem;
font-weight: 700;
}
.search-error {
display: none;
font-size: 0.875rem; background-color: rgba(214, 57, 0, 0.9);padding: 0.25rem 1rem;margin-top: 0.5rem; border-radius: 4px;
}
@media screen and (min-width: 40em)
{
.search-bar .input-group-field {
font-family: halyard-display, sans-serif;
color: #343a40;
padding-left: 1rem;
font-size: 1.875rem;
height: 4.5rem;
font-weight: 700;
}
.search-bar
.input-group-button .button {
padding-left: 4rem;
padding-right: 4rem;
}
}
.search-bar .input-group-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #646e7b;
}
.search-bar .input-group-field::-moz-placeholder { /* Firefox 19+ */
color: #646e7b;
}
.search-bar .input-group-field:-ms-input-placeholder { /* IE 10+ */
color: #646e7b;
}
.search-bar .input-group-field:-moz-placeholder { /* Firefox 18- */
color: #646e7b;
}
@media print, screen and (max-width: 63.99875em) {
.search-bar .input-group-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size: 1.25rem; line-height: 3rem;
}
.search-bar .input-group-field::-moz-placeholder { /* Firefox 19+ */
font-size: 1.25rem; line-height: 3rem;
}
.search-bar .input-group-field:-ms-input-placeholder { /* IE 10+ */
font-size: 1.25rem; line-height: 3rem;
}
.search-bar .input-group-field:-moz-placeholder { /* Firefox 18- */
font-size: 1.25rem; line-height: 3rem;
}
}
@media print, screen and (max-width: 39.99875em) {
.search-bar .input-group-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size: 0.75rem; line-height: 1.6rem;
}
.search-bar .input-group-field::-moz-placeholder { /* Firefox 19+ */
font-size: 0.75rem; line-height: 1.6rem;
}
.search-bar .input-group-field:-ms-input-placeholder { /* IE 10+ */
font-size: 0.75rem; line-height: 1.6rem;
}
.search-bar .input-group-field:-moz-placeholder { /* Firefox 18- */
font-size: 0.75rem; line-height: 1.6rem;
}
}
.about-menu li a {
padding:0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: 700;
}
#about-menu {
display: none;
z-index: 100;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media screen and (min-width: 40em)
{
#about-menu {
padding-top: 0rem;
padding-bottom: 0;
}
.about-menu li a {
padding:0.75rem 0.5rem;
/*font-size: 0.875rem;*/
font-weight: 700;
}
}
@media screen and (min-width: 64em)
{
#about-menu {
padding-top: 1rem;
}
.about-menu li a {
padding: 0.75rem 0.75rem ;
font-size: 0.875rem;
}
}
@media screen and (min-width: 80em)
{
#about-menu {
padding-top: 1.5rem;
float: right;
}
.about-menu li a {
padding: 0.75rem 0.75rem ;
font-size: 1rem;
}
}
#category-menu {
display: none;
background: #F8F9FA;
}
.category-menu li {
margin: 0 0.5rem 0.25rem 0 ;
}
.category-menu li a {
text-align: center;
background-color: #D63900;
color: #fff;
font-weight: 700;
font-size: .6rem;
line-height: 1.5;
padding: 0.1rem 0.25rem 0.15rem 0.25rem;
border-radius: 4px;
}
.category-menu li a:hover, .category-menu li a:active {
background-color: #E03C00;
}
.category-menu li.current a {
background: rgba(52, 57, 64, 0.8);
cursor: default;
}
@media screen and (min-width: 40em)
{
#category-menu {
margin-top: 1rem;
}
}
@media screen and (min-width: 64em)
{
#category-menu {
margin-top: 2rem;
}
.category-menu li {
width: auto;
margin: 0 1rem 1rem 0 ;
}
.category-menu li a {
font-size: 0.75rem;
padding: 0.25rem 1rem;
}
}
/* @end */
/* @group Listing
*/
.listing-grid {
border-top: 1px dashed rgba(72, 80, 87, 0.9);
padding-top: 2rem;
margin-top: 1rem;
word-break: break-word;
}
@media screen and (min-width: 40em)
{
.listing-grid {
margin-top: 2rem;
}
}
.languages ul{
margin-bottom: 1rem;
}
.languages ul.menu li { margin-right: 1rem;margin-bottom: 0; }
.languages ul.menu li + li { margin-left: 0; }
.address p span , .languages p{
display: block;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 0.5rem;
margin-bottom: -0.25rem;
}
@media screen and (min-width: 64em)
{
.languages p {
display: none;
}
.languages ul{
margin-top: 0.25rem;
margin-bottom: 1rem;
}
.languages ul li {
font-size: 0.75rem;
color: #666;
}
}
.advert img {display: block;
width: 100%;
height: auto;
}
.advert p {
font-size: 0.6rem; color: #666;margin: 0.5rem 0 0 0;
}
/* @end */
/* @group footer */
footer {
padding-top: 1rem ;
padding-bottom: 1rem;
margin-top: 3rem;
border-top: 1px dashed rgba(72, 80, 87, 0.9);
}
footer p {
color: #555;
font-size: 0.75rem;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
footer .menu {margin-left: -0.5rem;
font-size: 0.75rem;
font-weight: 700;
}
footer .menu a {
padding: 0.25rem 0.5rem;
}
/* @end */
/* @group cookies */
#cookiebanner {
z-index: 1;
position: fixed;
bottom: 0;
}
@media screen and (min-width: 40em) {
#cookiebanner {
bottom: 3rem;
}
}
#cookiebanner .cell {
padding-top: 1rem;
padding-bottom: 1rem;
background: #fff;
}
#cookiebanner p , #cookiebanner label {
font-family: halyard-text, sans-serif;
font-size: 0.75rem;
line-height: 1.4;
}
#cookiebanner label {
font-weight: 400;
display: inline-block;
margin-right: 1rem;
}
#cookiebanner input {
margin-bottom: 0 ;
}
#cookiebanner .button {
margin: 1rem;
}
/* @end */
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
position: absolute; top: 1rem ; right: 1rem;
padding: 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #D63900; }
.hamburger-box {
width: 50px;
height: 40px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 50px;
height: 6px;
background-color: #D63900;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 15px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 30px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; top: 10px; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; top: 20px;}
@media print, screen and (max-width: 39.99875em) {
.hamburger.is-active {
padding-top: 1.5rem;
}
}
/* @group sites bar */
#sites-bar { z-index: 1;margin-bottom: -1px;
background: linear-gradient(to bottom, #d63900 0%,#d63900 61%,#b22600 100%);
font-size: 0.75rem;
font-weight: 700;
/* text-transform: uppercase; letter-spacing: 0.01rem;*/
border-bottom: 1px solid #F8F9FA; }
#sites-bar ul {
float: right;
}
#sites-bar a {color: #fff;opacity: 0.9;
padding:0.15rem 0.75rem 0.35rem 0.75rem ;
}
#sites-bar a:hover, #sites-bar a:focus
{
opacity: 1;
}
#sites-bar a.current-site {
opacity: 1;
cursor: text;
color: #495057;
background: #F8F9FA;
}
@media print, screen and (max-width: 39.99875em) {
#sites-bar
{
/* display: none;*/
font-size: 0.6rem;
}
#sites-bar a.current-site {
display: none; }
#sites-bar ul {width: 100%;
text-align: center;
float: none;
}
#sites-bar a {
padding:0.15rem 0.5rem 0.35rem 0.5rem ;
}
#sites-bar svg {float: left; margin-right: 0.1rem;margin-top: -0.05rem;
transform: scale(0.8);
}
}
/* @end */
/* @group widget */
.widget-banner {
padding-bottom: 1rem;margin-bottom: 1rem;
padding-top: 1rem; margin-top: -1rem;
border-bottom: 1px dashed rgba(72, 80, 87, 0.9);
background: #eef1f3;
}
.widget-banner p {
font-size: 1rem;
}
body.widget {
min-width: 280px;
background-image:url(https://positiveaction.network/images/site/widget_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
box-shadow: inset 0 0 0.5rem rgba(52, 57, 64, 0.9);
}
.widget .search-bar {
background: inherit;
padding-top: 7rem;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
.widget header {
color: #343a40;
background: rgba(246, 247, 248, .9);
padding: 0.5rem 0;
margin: 0.5rem;
border-radius: 2px;
box-shadow: 0 0 0.5rem rgba(52, 57, 64, 0.3);
}
.widget header img {
padding-right: 1.5rem;
margin-left: -0.5rem;
}
.widget header p {
color: rgba(52, 57, 64, 0.9);
font-weight: 700;
font-size: 1.125rem;
line-height: 1.1;
margin-top: 0.5rem;
margin-bottom: 0;
}
.widget legend {
font-size: 2rem !important;
line-height: 1;
padding-bottom: 1rem;
}
.widget .menu {
position: absolute;
bottom: 0; right: 0;
border-radius: 2px 0 0 0;
}
.widget .menu.simple li + li {
margin-left: 1px;
}
.widget .menu a {
background: rgba(255, 255, 255, .5);
padding: 0.125rem 0.25rem;
color: #343a40;
font-size: 0.5rem ;
}
@media screen and (max-width: 420px)
{
.widget header img {
padding-right: 0;
}
.widget header p {
font-size: 0.9rem;
margin-top: 0.1rem;
}
}
/* @end */