@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap");
.wrapper {
box-sizing: border-box;
max-width: 1720px;
margin: 0px auto;
width: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
position: relative;
}
@media (min-width: 73rem) {
.wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
}
.larger-wrapper {
max-width: 1920px;
margin: 0px auto;
}
.larger-wrapper .row {
margin-left: 0px;
margin-right: 0px;
}
.larger-wrapper .row .col-xs-12 {
padding: 0;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 3rem;
padding-left: 3rem;
}
.row {
box-sizing: border-box;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
margin-right: -1.2rem;
margin-left: -1.2rem;
}
.row.reverse {
-moz-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-xs-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xs-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xs-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xs-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xs-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xs-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xs-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xs-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xs-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-xs-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-xs-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-xs-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-xs-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-xs {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-xs {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-xs {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-xs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-xs {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-xs {
-moz-align-items: center;
align-items: center;
}
.bottom-xs {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-xs {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-xs {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-xs {
order: -1;
}
.last-xs {
order: 1;
}
@media only screen and (min-width: 46em) {
.container {
width: 46rem;
}
.col-sm {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-sm-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-sm-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-sm-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-sm-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-sm-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-sm {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-sm {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-sm {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-sm {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-sm {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-sm {
-moz-align-items: center;
align-items: center;
}
.bottom-sm {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-sm {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-sm {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-sm {
order: -1;
}
.last-sm {
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 61rem;
}
.col-md {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-md-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-md-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-md-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-md-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-md-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-md {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-md {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-md {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-md {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-md {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-md {
-moz-align-items: center;
align-items: center;
}
.bottom-md {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-md {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-md {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-md {
order: -1;
}
.last-md {
order: 1;
}
}
@media only screen and (min-width: 71em) {
.container {
width: 71rem;
}
.col-lg {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-lg-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-lg-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-lg-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-lg-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-lg-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-lg {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-lg {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-lg {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-lg {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-lg {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-lg {
-moz-align-items: center;
align-items: center;
}
.bottom-lg {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-lg {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-lg {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-lg {
order: -1;
}
.last-lg {
order: 1;
}
}
@media only screen and (min-width: 87.5em) {
.container {
width: 87.5rem;
}
.col-xl {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-xl-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-xl-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-xl-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-xl-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-xl-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-xl-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-xl-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-xl-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-xl-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-xl-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-xl-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-xl-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-xl-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-xl {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-xl {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-xl {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-xl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-xl {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-xl {
-moz-align-items: center;
align-items: center;
}
.bottom-xl {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-xl {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-xl {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-xl {
order: -1;
}
.last-xl {
order: 1;
}
}
@media only screen and (min-width: 106em) {
.container {
width: 106rem;
}
.col-xxl {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: auto;
}
.col-xxl-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xxl-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xxl-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 25%;
max-width: 25%;
}
.col-xxl-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xxl-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xxl-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 50%;
max-width: 50%;
}
.col-xxl-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xxl-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xxl-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 75%;
max-width: 75%;
}
.col-xxl-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xxl-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xxl-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
flex-basis: 100%;
max-width: 100%;
}
.col-xxl-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 0;
}
.col-xxl-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 8.3333333333%;
}
.col-xxl-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 16.6666666667%;
}
.col-xxl-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 25%;
}
.col-xxl-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 33.3333333333%;
}
.col-xxl-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 41.6666666667%;
}
.col-xxl-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 50%;
}
.col-xxl-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 58.3333333333%;
}
.col-xxl-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 66.6666666667%;
}
.col-xxl-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 75%;
}
.col-xxl-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 83.3333333333%;
}
.col-xxl-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 91.6666666667%;
}
.col-xxl-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 1.2rem;
padding-left: 1.2rem;
margin-left: 100%;
}
.col-xxl {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-xxl {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-xxl {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-xxl {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-xxl {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-xxl {
-moz-align-items: center;
align-items: center;
}
.bottom-xxl {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-xxl {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-xxl {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-xxl {
order: -1;
}
.last-xxl {
order: 1;
}
}  body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
width: 100vw;
overflow-x: hidden;
}
.excerpt_thumbnail figure img {
width: 100%;
border-radius: 6px;
overflow: hidden;
}
.excerpt_thumbnail figcaption {
margin-left: 0px;
margin-top: 10px;
}
@media (min-width: 73rem) {
.excerpt_thumbnail figcaption {
margin-left: 4rem;
}
}
.category-wrap {
margin-top: 24px;
}
.column-content img {
width: 100%;
height: auto;
}
.column-content .text-block p {
margin-bottom: 2rem;
}
.column-content .text-block p:last-of-type {
margin-bottom: 0px;
}
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
a {
text-decoration: none;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-width: 1px;
border-style: solid;
border-color: #115740;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
color: #115740;
display: inline-flex;
gap: 10px;
align-items: center;
padding: 12px 25px 12px 25px;
line-height: 1;
cursor: pointer;
text-decoration: none;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
background-color: transparent;
}
button span,
input[type=button] span,
input[type=reset] span,
input[type=submit] span {
position: relative;
z-index: 2;
}
.button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-width: 1px;
border-style: solid;
border-color: #115740;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
color: #115740;
display: inline-flex;
gap: 10px;
align-items: center;
padding: 12px 25px 12px 25px;
line-height: 1;
cursor: pointer;
text-decoration: none;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
background-color: transparent;
}
.button span {
position: relative;
z-index: 2;
}
.button:before {
content: " ";
width: 100%;
height: 100%;
background-color: #F8CF2A;
position: absolute;
z-index: 1;
top: 0px;
left: -100%;
transition: all 0.6s ease-in-out;
}
.button:hover {
border-color: #F8CF2A;
}
.button:hover:before {
left: 0px;
}
.button.white {
border-color: white;
color: white;
}
.button.white:before {
background-color: white;
}
.button.white:hover {
color: #115740;
}
.secondary-link {
font-size: 14px;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 12px;
transition: all 0.3s ease;
}
.secondary-link svg {
transform: none;
transition: all 0.3s ease;
transform-origin: 0% 0%;
}
.secondary-link:hover {
gap: 18px;
}
.secondary-link:hover svg {
transform: scale(1.3, 1);
overflow: visible;
}
.category-tag {
padding: 6px 16px 6px;
font-size: 12px;
font-weight: 500;
font-family: "Golos Text", sans-serif;
background-color: #F8CF2A;
color: #115740 !important;
white-space: nowrap;
display: inline-flex;
transition: all 0.4s ease;
}
@media (min-width: 61rem) {
.category-tag {
padding: 6px 18px 6px;
}
}
@media (min-width: 87.5rem) {
.category-tag {
font-size: 14px;
}
}
.category-tag:hover {
background-color: #5D295F;
color: white !important;
}
.reset-form {
color: white !important;
font-weight: 500;
background-color: #115740;
border-radius: 100vw;
padding: 5px 10px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: all 0.4s ease;
}
.back-link {
color: #115740;
margin-bottom: 24px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.back-link:before {
content: " ";
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/white-left-chevron.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 10px;
display: inline-block;
margin-right: 8px;
}
a {
text-decoration: none;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-width: 1px;
border-style: solid;
border-color: #115740;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
color: #115740;
display: inline-flex;
gap: 10px;
align-items: center;
padding: 12px 25px 12px 25px;
line-height: 1;
cursor: pointer;
text-decoration: none;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
background-color: transparent;
}
button span,
input[type=button] span,
input[type=reset] span,
input[type=submit] span {
position: relative;
z-index: 2;
}
.button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
border-width: 1px;
border-style: solid;
border-color: #115740;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
color: #115740;
display: inline-flex;
gap: 10px;
align-items: center;
padding: 12px 25px 12px 25px;
line-height: 1;
cursor: pointer;
text-decoration: none;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
background-color: transparent;
}
.button span {
position: relative;
z-index: 2;
}
.button:before {
content: " ";
width: 100%;
height: 100%;
background-color: #F8CF2A;
position: absolute;
z-index: 1;
top: 0px;
left: -100%;
transition: all 0.6s ease-in-out;
}
.button:hover {
border-color: #F8CF2A;
}
.button:hover:before {
left: 0px;
}
.button.white {
border-color: white;
color: white;
}
.button.white:before {
background-color: white;
}
.button.white:hover {
color: #115740;
}
.secondary-link {
font-size: 14px;
font-weight: 400;
line-height: 26px; letter-spacing: 2.16px;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 12px;
transition: all 0.3s ease;
}
.secondary-link svg {
transform: none;
transition: all 0.3s ease;
transform-origin: 0% 0%;
}
.secondary-link:hover {
gap: 18px;
}
.secondary-link:hover svg {
transform: scale(1.3, 1);
overflow: visible;
}
.category-tag {
padding: 6px 16px 6px;
font-size: 12px;
font-weight: 500;
font-family: "Golos Text", sans-serif;
background-color: #F8CF2A;
color: #115740 !important;
white-space: nowrap;
display: inline-flex;
transition: all 0.4s ease;
}
@media (min-width: 61rem) {
.category-tag {
padding: 6px 18px 6px;
}
}
@media (min-width: 87.5rem) {
.category-tag {
font-size: 14px;
}
}
.category-tag:hover {
background-color: #5D295F;
color: white !important;
}
.reset-form {
color: white !important;
font-weight: 500;
background-color: #115740;
border-radius: 100vw;
padding: 5px 10px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: all 0.4s ease;
}
.back-link {
color: #115740;
margin-bottom: 24px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.back-link:before {
content: " ";
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/white-left-chevron.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 10px;
display: inline-block;
margin-right: 8px;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
border-radius: 5px;
padding: 20px 26px;
display: block;
width: 100%;
margin-top: 10px;
background-color: transparent;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
background-color: white;
border-color: #115740;
outline-color: #115740;
}
.languages select {
border: 1px solid white;
max-width: 100px;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/white-down-chevron.svg);
background-size: 18px;
background-repeat: no-repeat;
background-color: white;
border-radius: 0px;
padding: 4px 8px;
background-color: transparent;
font-size: 12px;
text-transform: uppercase;
background-position: right 8px center;
color: white;
}
.languages select:focus {
outline: none;
border: 1px solid white;
}
label {
font-weight: 400;
margin-bottom: 1.5rem;
display: block;
color: black;
}
.nf-form-fields-required {
display: none;
}
.nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field {
border: 2px solid red !important;
}
.nf-error-msg {
background-color: red;
color: white !important;
padding: 10px 20px;
width: 100%;
border-radius: 8px;
}
input[type=submit].ninja-forms-field {
background-color: white;
float: right;
}
input[type=submit].ninja-forms-field:hover {
color: white;
}
.form-block select {
border: 0px solid #000;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/teal-down-chevron.svg);
background-size: 18px;
background-repeat: no-repeat;
background-color: white;
border-radius: 2px;
padding: 16px 20px;
background-position: right 16px center;
color: #115740;
}
.form-block select:focus {
outline: none;
border: 0px solid #115740;
}
select {
border: 0px solid #000;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/white-down-chevron.svg);
background-size: 18px;
background-repeat: no-repeat;
background-color: #115740;
padding: 16px 20px;
border-radius: 100vw;
background-position: right 16px center;
color: white;
}
select:focus {
outline: none;
border: 0px solid #115740;
}
textarea {
width: 100%;
}
input[type=submit] {
font-weight: 600;
color: white;
background-color: black;
display: inline-block;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 14px 25px;
border: 0px solid black;
border-radius: 39px;
font-size: 16px;
line-height: 1;
cursor: pointer;
text-decoration: none;
transition: all 0.4s ease;
}
input[type=submit]:hover {
background-color: grey;
}
.login-form-wrap {
background: rgba(255, 255, 255, 0.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem;
border-radius: 10px;
margin-bottom: 32px;
}
@media (min-width: 73rem) {
.login-form-wrap {
padding: 3rem;
border-radius: 25px;
}
}
.login-form-wrap label {
color: white;
}
.login-form-wrap input[type=text] {
background-color: white;
border: 0px;
}
.login-form-wrap input[type=password] {
background-color: white;
border: 0px;
}
.login-form-wrap input[type=submit] {
font-weight: normal;
}
.login-form-wrap input[type=submit]:hover {
color: white;
}
@keyframes dropdown {
0% {
top: -100%;
}
100% {
top: 0px;
}
}
.header-wrapper.reversed .site-header a {
color: #115740;
}
.header-wrapper.reversed .site-header ul > li > a {
color: #115740 !important;
}
.header-wrapper.reversed .site-header .logo-white {
display: none;
}
.header-wrapper.reversed .site-header .logo-full-colour {
display: flex;
}
.header-wrapper.reversed .top-header a {
color: #115740;
}
.header-wrapper.reversed .top-header select {
border: 1px solid #115740;
color: #115740;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/green-down-chevron.svg);
}
.header-wrapper.reversed .top-header svg path {
fill: #115740;
}
.header-wrapper.reversed .top-header .green-icon {
display: flex;
}
.header-wrapper.reversed .top-header .white-icon {
display: none;
}
.top-header {
position: absolute;
top: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 991;
max-width: 1720px;
width: 100vw;
margin: 0px auto;
display: none;
}
@media (min-width: 61rem) {
.top-header {
display: block;
}
}
.top-header .wrapper {
display: flex;
position: relative;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
.top-header .wrapper a {
color: white;
text-transform: uppercase;
letter-spacing: 1.5px;
}
@media (min-width: 769px) {
.top-header .wrapper a {
font-size: 10px;
}
}
@media (min-width: 61rem) {
.top-header .wrapper a {
font-size: 12px;
font-weight: 400;
}
}
@media (min-width: 73rem) {
.top-header .wrapper a {
font-size: 14px;
}
}
@media (min-width: 106rem) {
.top-header .wrapper a {
font-size: 14px;
}
}
.top-header svg path {
fill: white;
}
.top-header .green-icon {
display: none;
}
.top-header .white-icon {
display: flex;
}
.site-header {
position: absolute;
top: 0px;
left: 0px;
width: 100vw;
transition: all 0.4s ease-in-out;
z-index: 99;
padding: 0.5rem 0px;
background: rgba(255, 255, 255, 0);
}
@media (min-width: 61rem) {
.site-header {
padding: 20px 0px;
}
}
.site-header .logo {
transition: all 0.8s ease;
flex-basis: 30%;
height: auto;
align-self: center;
cursor: pointer;
}
@media (min-width: 32rem) {
.site-header .logo {
flex-basis: 30%;
}
}
@media (min-width: 48rem) {
.site-header .logo {
flex-basis: 10%;
}
}
@media (min-width: 61rem) {
.site-header .logo {
flex-basis: 15%;
}
}
@media (min-width: 73rem) {
.site-header .logo {
flex-basis: 8%;
}
}
.site-header .logo img {
width: 100%;
height: auto;
}
.site-header .logo .logo-white {
display: flex;
cursor: pointer;
}
.site-header .logo .logo-full-colour {
display: none;
cursor: pointer;
}
.site-header .header-inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 0rem;
}
@media (min-width: 61rem) {
.site-header .header-inner {
align-items: center;
padding-top: 0px;
}
}
.site-header.scrolled {
position: fixed;
transform: translateZ(0px);
background-color: rgb(255, 255, 255);
animation-name: dropdown;
animation-duration: 0.9s;
animation-direction: both;
animation-fill-mode: both;
box-shadow: 0px 15px 4px 0px rgba(0, 0, 0, 0), 0px 10px 4px 0px rgba(0, 0, 0, 0.01), 0px 5px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.site-header.scrolled .header-inner {
padding-top: 1rem;
padding-bottom: 1rem;
}
.site-header.scrolled .logo {
position: relative;
align-self: flex-start;
flex-basis: 20%;
}
@media (min-width: 32rem) {
.site-header.scrolled .logo {
flex-basis: 20%;
}
}
@media (min-width: 48rem) {
.site-header.scrolled .logo {
flex-basis: 10%;
}
}
@media (min-width: 61rem) {
.site-header.scrolled .logo {
flex-basis: 15%;
}
}
@media (min-width: 73rem) {
.site-header.scrolled .logo {
flex-basis: 8%;
}
}
.site-header.scrolled .logo .logo-white {
display: none;
}
.site-header.scrolled .logo .logo-full-colour {
display: flex;
position: absolute;
top: 0px;
left: 0px;
max-width: 120px;
}
.site-header.scrolled .main-navigation-wrap ul li > a {
color: #115740 !important;
}
.logged-in .header-wrapper {
top: 32px;
}
.scroll-to-top {
position: fixed;
right: 2rem;
bottom: 2rem;
z-index: 9;
width: 60px;
height: 60px;
background-color: white;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0px 24px 7px 0px rgba(0, 0, 0, 0), 0px 15px 6px 0px rgba(0, 0, 0, 0.01), 0px 9px 5px 0px rgba(0, 0, 0, 0.05), 0px 4px 4px 0px rgba(0, 0, 0, 0.09), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
opacity: 0;
pointer-events: none;
transition: all 0.5s ease;
}
.scroll-to-top.visible {
opacity: 1;
pointer-events: auto;
}
.site-footer {
background-position: bottom left;
background-size: 40%;
background-repeat: no-repeat;
color: white;
padding: 45px 0px 45px 0px;
font-size: 15px;
}
@media (min-width: 73rem) {
.site-footer {
padding: 90px 0px;
background-size: 20%;
}
}
.site-footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.site-footer ul li {
margin: 0px;
padding: 0px;
}
.site-footer ul li a {
color: white;
}
.site-footer p {
margin-top: 0px;
margin-bottom: 16px;
}
.site-footer a {
color: white;
}
.site-footer .contact-info a {
display: block;
margin-bottom: 16px;
}
.site-footer small {
display: block;
}
.site-footer .social-media {
margin-bottom: 20px;
}
.site-footer .rd-credit {
color: #414042;
}
.site-footer .rd-credit a {
color: #414042 !important;
}
@media screen and (max-width: 61rem) {
.site-footer .footer-logo img {
max-width: 120px;
height: auto;
}
}
.site-footer .social-wrap {
margin-top: 12px;
}
.site-footer .social-wrap img {
margin-right: 12px;
}
.site-footer .lower-footer {
font-weight: 400;
font-size: 12px;
}
.main-navigation-wrap {
display: none;
}
@media (min-width: 61rem) {
.main-navigation-wrap {
display: flex;
}
}
.main-navigation ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
display: flex;
}
.main-navigation ul#primary {
margin: 0px;
height: 50px;
}
.main-navigation ul li {
position: relative;
height: 100%;
}
.main-navigation ul li:last-of-type a {
margin-right: 0px;
padding-right: 0px;
}
.main-navigation ul li:hover ul.sub-menu {
left: 50%;
opacity: 1;
top: 20px;
width: 350px;
transform: translateX(-50%);
}
@media (min-width: 87.5rem) {
.main-navigation ul li:hover ul.sub-menu {
top: 40px;
}
}
.main-navigation ul li a {
font-size: 22px;
padding: unset;
text-transform: uppercase;
color: white;
letter-spacing: 1.5px;
text-underline-position: under !important;
transition: all 0.4s ease !important;
}
@media (min-width: 769px) {
.main-navigation ul li a {
font-size: 10px;
padding: 0px 4px;
}
}
@media (min-width: 61rem) {
.main-navigation ul li a {
font-size: 12px;
padding: 0 8px;
}
}
@media (min-width: 73rem) {
.main-navigation ul li a {
font-size: 14px;
padding: 0 8px;
}
}
@media (min-width: 106rem) {
.main-navigation ul li a {
font-size: 14px;
padding: 0px 14px;
}
}
.main-navigation ul li ul.sub-menu {
position: absolute;
left: -99999rem;
top: -10px;
opacity: 0;
transition: opacity 0.3s ease, top 0.3s ease;
display: block;
background-color: white;
padding: 40px 40px 38px 40px;
box-shadow: 0px 15px 4px 0px rgba(0, 0, 0, 0), 0px 10px 4px 0px rgba(0, 0, 0, 0.01), 0px 5px 3px 0px rgba(0, 0, 0, 0.03), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
}
@media (min-width: 87.5rem) {
.main-navigation ul li ul.sub-menu {
top: 60px;
}
}
.main-navigation ul li ul.sub-menu li {
transition: all 0.4s ease;
list-style: none;
}
.main-navigation ul li ul.sub-menu li:hover a:after {
display: none;
}
.main-navigation ul li ul.sub-menu li a {
display: block !important;
border-radius: 6px !important;
padding: 4px 10px 4px 20px !important;
width: 100% !important;
height: auto !important;
white-space: normal;
font-weight: 500;
color: #115740;
}
.sub-navigation {
padding: 32px 0px;
}
.sub-navigation ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
display: flex;
flex-wrap: wrap;
margin-top: 0px;
margin-bottom: 0px;
}
.sub-navigation ul li {
padding-right: 16px;
margin: 10px 16px 10px 0px;
border-right: 1px solid white;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.sub-navigation ul li:last-of-type {
border-right: 0px;
}
.sub-navigation select {
border: 1px solid white;
width: 100%;
display: block;
margin-top: 16px;
border-radius: 0px;
font-size: 16px;
}
.mobile-trigger {
width: 38px;
height: 22px;
position: relative;
display: block;
}
@media (min-width: 61rem) {
.mobile-trigger {
display: none;
}
}
.mobile-trigger__inner {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.mobile-trigger__inner .line {
width: 100%;
height: 1px;
background-color: white;
position: absolute;
top: 0px;
left: 0px;
opacity: 1;
transition: all 0.4s ease;
}
.mobile-trigger__inner .line:nth-of-type(2) {
top: 11px;
}
.mobile-trigger__inner .line:nth-of-type(3) {
top: 22px;
}
.mobile-trigger.open .line {
transform: rotate(45deg) translate(10px, 6px);
}
.mobile-trigger.open .line:nth-of-type(2) {
opacity: 0;
}
.mobile-trigger.open .line:nth-of-type(3) {
transform: rotate(-45deg) translate(10px, -6px);
}
.scrolled .mobile-trigger__inner .line {
background-color: #115740;
}
.header-wrapper.reversed .mobile-trigger__inner .line {
background-color: #115740;
}
.mobile-navigation {
display: block;
position: fixed;
top: 0px;
left: -100vw;
z-index: 10;
transition: left 0.6s ease;
background-color: #115740;
max-height: 100svh;
overflow: scroll;
}
@media (min-width: 61rem) {
.mobile-navigation {
display: none;
}
}
.mobile-navigation__inner {
display: flex;
flex-direction: column;
max-width: 100vw;
padding: 25svh 1.5rem 1.5rem;
}
.mobile-navigation__inner ul {
list-style: none;
padding-left: 0px;
margin-left: 0px;
}
.mobile-navigation__inner ul li {
padding-left: 0px;
position: relative;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid white;
}
.mobile-navigation__inner ul li.open .nav-arrow {
transform: rotate(180deg);
}
.mobile-navigation__inner ul li .nav-arrow {
position: absolute;
top: 0px;
right: 0px;
max-width: 20px;
transition: all 0.5s ease;
}
.mobile-navigation__inner ul li a {
color: white;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
.mobile-navigation__inner ul li ul.sub-menu {
display: block;
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease;
border-left: 1px solid white;
}
.mobile-navigation__inner ul li ul.sub-menu li {
margin-bottom: 8px;
padding-bottom: 8px;
padding-left: 24px;
border-bottom: 0px solid white;
}
.mobile-navigation__inner ul li ul.sub-menu li:last-of-type {
padding-bottom: 0px;
}
.mobile-navigation__inner ul li ul.sub-menu li a {
text-transform: none;
letter-spacing: 0px;
}
.mobile-navigation__inner ul li ul.sub-menu.open {
max-height: 1000px;
margin: 24px 0px;
}
.mobile-navigation__lower {
display: flex;
align-items: center;
flex-wrap: wrap;
background-color: #051913;
padding: 1.5rem;
position: relative;
}
.mobile-navigation__lower a {
color: white;
}
.mobile-navigation__lower .search-trigger {
position: absolute;
bottom: 1.5rem;
right: 1.5rem;
width: 24px;
height: 24px;
}
.mobile-navigation__lower .search-trigger svg {
width: 100%;
height: auto;
}
.mobile-navigation__lower .languages {
width: 100%;
}
.mobile-navigation__lower .search-trigger svg path {
fill: white;
}
.mobile-navigation__lower .mobile-navigation__lower-links {
width: 100%;
padding-bottom: 1rem;
}
.mobile-navigation__lower .mobile-navigation__lower-links a {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.mobile-navigation.open {
left: 0px;
}   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
}   hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}  code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body,
button,
input,
select,
optgroup,
textarea {
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: "Golos Text", sans-serif;
font-weight: 400;
font-style: normal;
font-optical-sizing: auto;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 73rem) {
body,
button,
input,
select,
optgroup,
textarea {
font-size: 18px;
}
}
small {
font-size: 10px;
line-height: 16px;
}
@media (min-width: 61rem) {
small {
font-size: 12px;
line-height: 18px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0px;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.semi {
font-weight: 600;
}
.bold {
font-weight: 700;
}
.accent {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
h1 {
font-size: 46px;
line-height: 1.1;
font-family: "Newsreader", serif;
margin-bottom: 16px;
font-weight: 400;
}
@media (min-width: 87.5rem) {
h1 {
font-size: 80px;
line-height: 88px;
margin-bottom: 32px;
}
}
@media (min-width: 106rem) {
h1 {
font-size: 105px;
line-height: 113px;
}
}
h2 {
font-size: 36px;
line-height: 1.2;
font-family: "Newsreader", serif;
font-weight: 400;
margin-bottom: 16px;
}
@media (min-width: 87.5rem) {
h2 {
font-size: 60px;
margin-bottom: 32px;
}
}
h3 {
font-size: 28px;
line-height: 1.2;
font-family: "Newsreader", serif;
font-weight: 400;
margin-bottom: 16px;
}
@media (min-width: 87.5rem) {
h3 {
font-size: 40px;
margin-bottom: 32px;
}
}
h4 {
font-size: 22px;
line-height: 1.2;
font-family: "Newsreader", serif;
font-weight: 400;
}
@media (min-width: 61rem) {
h4 {
font-size: 24px;
}
}
@media (min-width: 73rem) {
h4 {
font-size: 28px;
}
}
@media (min-width: 87.5rem) {
h4 {
font-size: 30px;
}
}
@media (min-width: 106rem) {
h4 {
font-size: 36px;
}
}
h5 {
font-size: 22px;
line-height: 1.2;
font-family: "Golos Text", sans-serif;
font-weight: 600;
}
@media (min-width: 87.5rem) {
h5 {
font-size: 32px;
}
}
h6 {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
p {
margin-bottom: 16px;
}
@media (min-width: 87.5rem) {
p {
margin-bottom: 24px;
}
}
b {
font-weight: 700;
}
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #fff;
line-height: 1;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
abbr,
acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
del {
text-decoration: none;
}
mark,
ins {
text-decoration: none;
}
big {
font-size: 125%;
}
table {
width: 100%;
margin-top: 32px;
border-radius: 10px;
}
table thead th {
width: 33%;
text-align: left;
color: white;
padding: 5px 10px;
}
table thead th:first-of-type {
border-top-left-radius: 6px;
}
table thead th:last-of-type {
border-top-right-radius: 6px;
}
table tbody tr {
background-color: white !important;
}
table tbody tr td {
background-color: white !important;
width: 33%;
padding: 5px 10px;
}
table tbody tr td.column-1 {
font-weight: 300;
}
table tbody tr:last-of-type td:first-of-type {
border-bottom-left-radius: 6px;
}
table tbody tr:last-of-type td:last-of-type {
border-bottom-right-radius: 6px;
}
table caption {
display: none;
}
.information-table__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-bottom: 1px solid #115740;
padding: 16px 0px;
}
.information-table__row:last-of-type {
border-bottom: 0px solid #115740;
}
.information-table__row-title {
padding-right: 16px;
}
.information-table__row-content p {
margin: 0px;
}
.information-table__row-content a {
color: #115740;
text-decoration: underline;
}
.information-table__row-content .social-icons .social-icon {
text-decoration: none;
}
.card-grid {
display: grid;
}
.card-grid.useful-links {
grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
.card-grid.useful-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.card-grid.gallery-grid {
grid-template-columns: 2fr;
gap: 2vw;
}
@media (min-width: 61rem) {
.card-grid.gallery-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.card-grid.gallery-grid .image-card {
overflow: hidden;
}
.card-grid.gallery-grid .image-card img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 1/1;
transition: transform 0.3s ease-in-out;
}
.card-grid.gallery-grid .image-card:hover img {
transform: scale(1.05);
}
.card-grid.gallery-grid .image-card .gallery-caption {
display: none;
}
.card-grid.news {
grid-template-columns: 1fr;
gap: 4vw;
}
@media (min-width: 61rem) {
.card-grid.news {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2vw;
}
}
.card-grid.search {
grid-template-columns: 1fr;
gap: 2rem;
background-color: #CFDDD9;
padding: 2rem;
}
.card-grid.featured-news {
display: grid;
grid-template-columns: 1fr;
gap: 4vw;
align-items: flex-start;
}
@media (min-width: 61rem) {
.card-grid.featured-news {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
grid-template-areas: "first second" ". second";
}
}
@media (min-width: 87.5rem) {
.card-grid.featured-news {
gap: 4rem;
}
}
@media (min-width: 61rem) {
.card-grid.featured-news > :nth-child(1) {
grid-area: first;
}
.card-grid.featured-news > :nth-child(n+2) {
grid-area: second;
}
}
.card-grid.featured-news .second-column-container {
padding-bottom: 2rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: calc(100% - 2rem);
}
.home .news-feed {
position: relative;
}
.home .news-feed:before {
content: " ";
width: 100%;
height: 120px;
background-color: #115740;
display: block;
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
}
@media (min-width: 48rem) {
.home .news-feed:before {
height: 120px;
}
}
@media (min-width: 61rem) {
.home .news-feed:before {
height: 100px;
}
}
@media (min-width: 106rem) {
.home .news-feed:before {
height: 200px;
}
}
.useful-link-card {
border-width: 1px;
border-style: solid;
background-color: transparent;
transition: all 0.3s ease;
}
.useful-link-card:hover {
background-color: #F8CF2A;
color: #115740;
border-color: #F8CF2A;
}
.useful-link-card:hover a {
color: #115740;
}
.useful-link-card:hover svg path {
stroke: #115740;
}
.useful-link-card h3 {
text-transform: none;
letter-spacing: 0px;
}
.useful-link-card.standard {
border-color: #115740;
color: #115740;
}
.useful-link-card.standard svg path {
stroke: #115740;
}
.useful-link-card.reversed {
border-color: white;
color: white;
}
.useful-link-card.reversed svg path {
stroke: white;
}
.useful-link-card.reversed:hover {
background-color: #F8CF2A;
color: #115740;
border-color: #F8CF2A;
}
.useful-link-card.reversed:hover a {
color: #115740;
}
.useful-link-card.reversed:hover svg path {
stroke: #115740;
}
.useful-link-card.smaller .useful-link-card__content {
padding: 1rem;
display: grid;
grid-template-columns: 1fr auto;
align-content: space-between;
}
.useful-link-card.smaller .useful-link-card__content h3 {
margin-bottom: 0px;
font-family: "Golos Text", sans-serif;
font-weight: 700;
font-size: 18px;
}
.useful-link-card__content {
padding: 1rem;
}
@media (min-width: 61rem) {
.useful-link-card__content {
padding: 2rem;
}
}
.bg-white .useful-link-card {
border-color: #115740;
color: #115740;
}
.bg-white .useful-link-card svg path {
stroke: #115740;
}
.bg-green .useful-link-card {
border-color: white;
color: white;
}
.bg-green .useful-link-card svg path {
stroke: white;
}
.bg-green .useful-link-card:hover {
background-color: #F8CF2A;
color: #115740;
border-color: #F8CF2A;
}
.bg-green .useful-link-card:hover a {
color: #115740;
}
.bg-green .useful-link-card:hover svg path {
stroke: #115740;
}
.home .news-card:last-of-type {
border-bottom: 0px;
padding-bottom: 0px;
}
.search-card {
color: #115740;
border: 1px solid #115740;
background-color: white;
}
.search-card a {
color: #115740;
}
.search-card a svg path {
stroke: #115740;
}
.search-card__content {
padding: 2rem;
}
.bg-green .news-card {
background-color: transparent;
}
.bg-green .news-card a svg path {
stroke: white;
}
.news-card {
margin-bottom: 2rem;
display: grid;
grid-template-columns: 38% 1fr;
gap: 4vw;
align-items: center;
border-bottom: 1px solid #115740;
padding-bottom: 4vw;
background-color: white;
}
@media (min-width: 61rem) {
.news-card {
margin-bottom: 2rem;
gap: 2vw;
padding-bottom: 2rem;
}
}
@media (min-width: 87.5rem) {
.news-card {
margin-bottom: 3rem;
gap: 3rem;
padding-bottom: 3rem;
}
}
.news-card .secondary-link {
color: #115740;
}
.news-card__image {
position: relative;
height: 100%;
width: 100%;
max-height: 200px;
}
@media (min-width: 61rem) {
.news-card__image {
max-height: 140px;
}
}
@media (min-width: 87.5rem) {
.news-card__image {
max-height: 220px;
}
}
.news-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-card__image .category-tag__wrapper {
position: absolute;
left: 8px;
top: 8px;
z-index: 2;
}
.news-card__content {
display: flex;
flex-direction: column;
gap: 16px;
}
.news-card__content span {
display: block;
}
.news-card__content a svg path {
stroke: #115740;
}
.featured-news-card {
margin-bottom: 2rem;
border: 1px solid #115740;
padding: 2rem;
background-color: white;
}
@media (min-width: 61rem) {
.featured-news-card {
margin-bottom: 3vw;
padding: 2rem;
}
}
@media (min-width: 87.5rem) {
.featured-news-card {
padding: 4rem;
}
}
.featured-news-card .section-title {
margin-bottom: 2rem;
}
@media (min-width: 61rem) {
.featured-news-card .section-title {
margin-bottom: 4rem;
}
}
@media (min-width: 106rem) {
.featured-news-card .section-title {
margin-bottom: 8rem;
}
}
.featured-news-card__image {
position: relative;
display: flex;
margin-bottom: 2rem;
}
.featured-news-card__image .category-tag__wrapper {
position: absolute;
left: 8px;
top: 8px;
z-index: 2;
}
.featured-news-card__content {
display: flex;
flex-direction: column;
gap: 16px;
}
.featured-news-card__content span {
display: block;
}
.featured-news-card__content a svg path {
stroke: #115740;
}
.cta-card {
height: 300px;
}
@media (min-width: 61rem) {
.cta-card {
height: 400px;
}
}
@media (min-width: 87.5rem) {
.cta-card {
height: 500px;
}
}
.cta-card__inner {
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
height: 100%;
position: relative;
color: white !important;
transition: all 0.5s ease-in-out;
}
.cta-card__inner .secondary-link svg path {
stroke: white;
}
.cta-card__inner:after {
content: " ";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 150%);
width: 100%;
height: 100%;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1;
}
.cta-card__content {
position: absolute;
bottom: 2rem;
left: 2rem;
z-index: 2;
}
.cta-card__content h2 {
margin-bottom: 8px;
}
.cta-card:hover .cta-card__inner {
background-size: 110%;
}
.list-item {
margin-bottom: 32px;
}
@media (min-width: 61rem) {
.list-item {
margin-bottom: 64px;
}
.list-item:last-of-type {
margin-bottom: 0px;
}
}
.list-item h2 {
margin-top: 0px;
margin-bottom: 0px;
line-height: 1;
}
.bg-green .image-card__content {
color: white;
}
.bg-green .image-card__content a svg path {
stroke: white;
}
.image-card {
display: block;
}
.image-card__image {
width: 100%;
margin-bottom: 24px;
}
.image-card__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.image-card__content a svg path {
stroke: #115740;
}
.breadcrumbs {
margin-bottom: 24px;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
@media (min-width: 48rem) {
.breadcrumbs {
font-size: 14px;
}
}
.breadcrumbs span.breadcrumb_last {
font-weight: 700;
}
.search-form {
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
width: 100vw;
height: 100svh;
overflow: hidden;
display: flex;
justify-content: center;
align-content: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.4s ease;
}
.search-form.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.search-form__inner {
width: 90vw;
max-height: 90svh;
background: white;
position: relative;
z-index: 2;
display: block;
margin: auto;
overflow: scroll;
box-shadow: 0px 145px 41px 0px rgba(0, 0, 0, 0), 0px 93px 37px 0px rgba(0, 0, 0, 0.01), 0px 52px 31px 0px rgba(0, 0, 0, 0.05), 0px 23px 23px 0px rgba(0, 0, 0, 0.09), 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 61rem) {
.search-form__inner {
width: 60vw;
}
}
.search-form__inner .search-form__form {
padding: 2rem;
}
.search-form__inner .search-form__form h4 {
letter-spacing: 0px;
color: #115740;
font-size: 28px;
}
@media (min-width: 61rem) {
.search-form__inner .search-form__form h4 {
font-size: 42px;
}
}
.search-form__inner ul {
margin: 0px;
padding: 0px;
}
.search-form__inner ul li {
margin: 0px;
padding: 0px;
}
.search-form__inner form label {
width: 100%;
}
.search-form__inner form input {
width: 100%;
border: 1px solid #115740;
padding: 20px 40px;
}
.search-form__outer {
background-color: rgba(17, 87, 64, 0.6);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 100vw;
height: 100svh;
position: absolute;
z-index: 1;
cursor: pointer;
}
.post-hero .categories {
margin-bottom: 32px;
}
.post-hero .categories a.category-tag {
margin-right: 8px;
color: #115740;
}
.post-content {
color: #115740;
}
.post-content img {
max-width: 100%;
}
.post-content figure {
max-width: 100%;
}
.post-content figure figcaption {
font-size: 12px;
}
.post-content a {
color: #115740;
text-decoration: underline;
transition: all 0.4s ease;
}
.post-content a:hover {
color: #115740;
}
.post-content .featured-image img {
width: 100%;
}
.pagination {
color: #115740;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
}
.pagination a {
color: #115740;
border: 1px solid #115740;
font-weight: 400;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.pagination a:hover {
background: #F8CF2A;
}
.pagination a.next {
border: 0px solid #115740;
}
.pagination span.current {
background: #115740;
font-weight: 400;
color: white;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.gallery {
display: grid;
gap: 1rem;
}
.gallery.gallery-columns-2 {
grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
.gallery.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
}
.gallery.gallery-columns-3 {
grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
.gallery.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.gallery.gallery-columns-4 {
grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
.gallery.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.gallery.gallery-columns-5 {
grid-template-columns: 1fr;
}
@media (min-width: 61rem) {
.gallery.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
}
.gallery-item {
margin: 0px;
}
.gallery-item .gallery-icon a {
display: flex;
overflow: hidden;
}
.gallery-item .gallery-icon a img {
aspect-ratio: 1/1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease-in-out;
}
.gallery-item:hover img {
transform: scale(1.05);
} .hero {
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.hero p {
text-transform: uppercase;
margin-bottom: 32px;
}
.hero .wrapper {
position: relative;
z-index: 9;
}
.hero .hero-video__file {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.hero .hero-video__file video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.hero .down-arrow {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 9;
}
.pullout-section img {
width: 100%;
}
.pullout-content {
max-width: 100%;
border: 1px solid #115740;
background: white;
padding: 2rem;
position: relative;
}
@media (min-width: 61rem) {
.pullout-content {
position: absolute;
}
}
.pullout-content.top-right {
top: 0px;
right: 0px;
}
@media (min-width: 61rem) {
.pullout-content.top-right {
right: 2rem;
top: -100px;
}
}
.pullout-content.top-left {
top: 0px;
left: 0px;
}
@media (min-width: 61rem) {
.pullout-content.top-left {
left: 2rem;
top: -100px;
}
}
.pullout-content.bottom-right {
bottom: 0px;
right: 0px;
}
@media (min-width: 61rem) {
.pullout-content.bottom-right {
right: 2rem;
bottom: -100px;
}
}
.pullout-content.bottom-left {
bottom: 0px;
left: 0px;
}
@media (min-width: 61rem) {
.pullout-content.bottom-left {
left: 2rem;
bottom: -100px;
}
}
.pullout-content.reversed {
background: #115740;
color: white;
}
@media (min-width: 61rem) {
.pullout-content {
max-width: 60%;
}
}
@media (min-width: 61rem) {
.pullout-content {
max-width: 30%;
padding: 3rem;
}
}
@media (min-width: 87.5rem) {
.pullout-content {
padding: 4rem;
max-width: 35%;
}
}
.pullout-content p {
margin-bottom: 16px;
}
@media (min-width: 61rem) {
.pullout-content p {
margin-bottom: 42px;
}
}
.introduction-block p {
margin-bottom: 16px;
}
@media (min-width: 61rem) {
.introduction-block p {
margin-bottom: 46px;
}
}
.testimonial-carousel {
background: #115740;
color: white;
position: relative;
overflow: hidden;
}
.testimonial-carousel__title {
transform: translate(15%, 200%);
width: auto;
}
@media (min-width: 61rem) {
.testimonial-carousel__title {
transform: translate(calc(20% + 1rem), 400%);
}
}
.testimonial-carousel .testimonial-wrapper {
padding: 20% 15%;
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 61rem) {
.testimonial-carousel .testimonial-wrapper {
padding: 10% 15%;
}
}
@media (min-width: 61rem) {
.testimonial-carousel .testimonial-wrapper {
grid-template-columns: 5% 1fr;
}
}
.testimonial-carousel .testimonial-wrapper .quote h3 {
margin-top: 0px;
}
.testimonial-carousel .testimonial-wrapper .quote-mark {
margin-top: 5px;
max-width: 80px;
}
@media (min-width: 61rem) {
.testimonial-carousel .testimonial-wrapper .quote-mark {
max-width: unset;
}
}
.two-columns .pullout-content {
position: relative;
width: 100%;
max-width: 100%;
}
.two-columns .media-block {
margin-bottom: 2rem;
}
@media (min-width: 61rem) {
.two-columns .media-block {
margin-bottom: 0px;
}
}
.two-columns .button {
margin-bottom: 2rem;
}
@media (min-width: 61rem) {
.two-columns .button {
margin-bottom: 0rem;
}
}
.two-columns .text-block a {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}
.board-of-governors__inner {
border: 1px solid white;
padding: 2rem;
}
@media (min-width: 61rem) {
.board-of-governors__inner {
padding: 4rem;
}
}
@media (min-width: 87.5rem) {
.board-of-governors__inner {
padding: 6rem;
}
}
.board-of-governors__content {
margin-top: 16px;
}
@media (min-width: 61rem) {
.board-of-governors__content {
margin-top: 42px;
-moz-columns: 2;
columns: 2;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
}
.board-of-governors__content p {
margin-top: 0px;
margin-bottom: 32px;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.bg-white .board-of-governors__inner {
border: 1px solid #115740;
}
.accordion .accordion-toggle {
cursor: pointer;
padding: 1rem 1rem;
border-top: 1px solid #115740;
border-left: 1px solid #115740;
border-right: 1px solid #115740;
transition: all 0.6s ease;
margin-bottom: -1px;
}
@media (min-width: 61rem) {
.accordion .accordion-toggle {
padding: 1.5rem 2rem 1.1rem;
}
}
.accordion .accordion-toggle h2, .accordion .accordion-toggle h3 {
margin: 0;
}
.accordion .accordion-toggle__inner {
display: flex;
}
.accordion .accordion-toggle:hover {
background: #F8CF2A;
}
.accordion .accordion-toggle svg {
max-width: 100%;
}
.accordion .accordion-toggle.active {
background: #115740;
color: white;
}
.accordion .accordion-toggle.active svg path {
stroke: white;
}
.accordion .accordion-content {
max-height: 0;
transition: all 0.6s ease;
overflow: hidden;
padding: 0rem 1rem;
border-bottom: 1px solid #115740;
border-left: 1px solid #115740;
border-right: 1px solid #115740;
}
@media (min-width: 61rem) {
.accordion .accordion-content {
padding: 0rem 1rem;
}
}
.accordion .accordion-content p:first-of-type {
margin-top: 0px;
}
.accordion .accordion-content p a {
text-decoration: underline;
}
.accordion .accordion-content h2, .accordion .accordion-content h3, .accordion .accordion-content h4, .accordion .accordion-content h5 {
margin-bottom: 2rem;
}
.accordion .accordion-content.content-transition {
max-height: 1500px;
transition: all 0.6s ease;
padding: 2rem 1rem 2rem 1rem;
}
@media (min-width: 61rem) {
.accordion .accordion-content.content-transition {
padding: 2rem 2rem 2rem 2rem;
}
}
@media (min-width: 106rem) {
.accordion .accordion-content.content-transition .accordion-content__wrapper {
padding: 2rem 30% 2rem 2rem;
}
}
.arrow {
transform-box: fill-box;
transform-origin: 50% 50%;
transition: all 0.5s ease;
}
.rotate {
transform: rotate(45deg);
}
.simcal-calendar-list ul.simcal-events {
list-style: none;
padding-left: 0px;
margin-left: 0px;
}
.simcal-calendar-list ul.simcal-events li.simcal-event {
margin-bottom: 2rem;
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details {
display: grid;
grid-template-columns: 30% 1fr;
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details p {
margin: 0px;
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .date {
border-width: 1px;
border-style: solid;
border-color: #115740;
padding: 1rem;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (min-width: 61rem) {
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .date {
padding: 2rem;
}
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .date .first-word {
font-family: "Newsreader", serif;
display: block;
font-size: 42px;
letter-spacing: 0px;
text-transform: none;
line-height: 1;
}
@media (min-width: 61rem) {
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .date .first-word {
font-size: 62px;
}
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .title {
border-width: 1px;
border-style: solid;
border-color: #115740;
padding: 1rem;
margin-left: -1px;
}
@media (min-width: 61rem) {
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .title {
padding: 2rem;
}
}
.simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .title h2, .simcal-calendar-list ul.simcal-events li.simcal-event .simcal-event-details .title h3 {
margin: 0px;
line-height: 1;
}
.text-white .simcal-calendar-list {
color: white;
}
.text-white .simcal-calendar-list .date {
border-color: white;
}
.text-white .simcal-calendar-list .title {
border-color: white;
}
.bg-green .simcal-calendar-list {
color: white;
}
.bg-green .simcal-calendar-list .date {
border-color: white !important;
}
.bg-green .simcal-calendar-list .title {
border-color: white !important;
}
table.simcal-calendar-grid {
background-color: transparent !important;
}
table.simcal-calendar-grid .simcal-nav {
padding: 0px;
}
table.simcal-calendar-grid .simcal-nav button {
padding: 1rem;
height: 50px;
width: 50px;
text-align: center;
justify-content: center;
}
table.simcal-calendar-grid .simcal-nav button:hover {
background-color: #115740;
color: white;
}
table.simcal-calendar-grid thead tr {
display: flex;
justify-content: space-between;
}
table.simcal-calendar-grid thead tr th {
color: #115740;
text-align: center;
}
table.simcal-calendar-grid thead tr th.simcal-prev-wrapper {
display: flex;
justify-content: flex-start;
}
table.simcal-calendar-grid thead tr th.simcal-next-wrapper {
display: flex;
justify-content: flex-end;
}
table.simcal-calendar-grid tr {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: -1px;
}
table.simcal-calendar-grid tr td {
border-width: 1px;
border-style: solid;
border-color: #115740;
color: #115740;
width: 100%;
background-color: transparent !important;
min-height: 100px;
}
@media (min-width: 61rem) {
table.simcal-calendar-grid tr td {
min-height: unset;
}
}
table.simcal-calendar-grid tr td.simcal-day-void {
background-color: #CFDDD9 !important;
}
table.simcal-calendar-grid tr td .simcal-day-label {
background-color: #115740 !important;
border-radius: 15px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
color: white;
margin-left: 4px;
margin-top: 4px;
}
@media (min-width: 61rem) {
table.simcal-calendar-grid tr td .simcal-day-label {
width: 40px;
height: 40px;
border-radius: 20px;
}
}
table.simcal-calendar-grid tr td.simcal-day {
border: 1px solid #115740;
}
table.simcal-calendar-grid tr td.simcal-today {
background: #115740 !important;
}
table.simcal-calendar-grid tr td.simcal-today div {
border: 0px !important;
}
table.simcal-calendar-grid tr td.simcal-today .simcal-day-label {
background-color: white !important;
color: #115740 !important;
}
table.simcal-calendar-grid tr td .simcal-events {
padding-left: 0px;
margin-left: 12px;
margin-right: 12px;
font-size: 14px;
}
table.simcal-calendar-grid tr td .simcal-events li {
padding-left: 0px;
margin-left: 0px;
}
table.simcal-calendar-grid tr td .simcal-events li span.simcal-event-title {
display: none !important;
}
@media (min-width: 61rem) {
table.simcal-calendar-grid tr td .simcal-events li span.simcal-event-title {
display: inline-block !important;
}
}
table.simcal-calendar-grid tr td .simcal-events li:before {
content: "+";
}
@media (min-width: 61rem) {
table.simcal-calendar-grid tr td .simcal-events li:before {
display: none;
}
}
.qtip {
color: #115740;
}
.qtip a {
text-transform: uppercase;
text-decoration: none;
color: #115740;
letter-spacing: 1px;
}
.qtip .simcal-event-title {
font-size: 15px;
}
@media (min-width: 61rem) {
.qtip .simcal-event-title {
font-size: 18px;
}
}
.text-white table.simcal-calendar-grid {
border-color: white;
}
.text-white table.simcal-calendar-grid thead tr th {
color: white;
}
.popup-modal {
display: none;
position: fixed;
inset: 0;
z-index: 100000;
align-items: center;
justify-content: center;
padding: 20px;
}
.popup-modal.is-open {
display: flex;
}
.popup-modal__overlay {
position: absolute;
inset: 0;
background-color: rgba(5, 25, 19, 0.7);
cursor: pointer;
animation: fadein 0.3s both;
}
.popup-modal__box {
position: relative;
z-index: 1;
width: 60%;
max-width: 720px;
max-height: 90vh;
overflow-y: auto;
background-color: white;
color: #115740;
padding: 56px 48px 48px;
text-align: center;
animation: fadein 0.4s 0.05s both;
}
@media (max-width: 61rem) {
.popup-modal__box {
width: 100%;
padding: 48px 24px 32px;
}
}
.popup-modal__close {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
padding: 0 !important;
border: 0 !important;
background-color: transparent;
color: #115740;
font-size: 30px;
line-height: 1;
letter-spacing: 0;
cursor: pointer;
transition: color 0.3s ease;
}
.popup-modal__close:hover {
color: #5D295F;
}
.popup-modal__title {
margin-top: 0;
}
.popup-modal__banner {
margin: 24px 0;
}
.popup-modal__banner img {
display: block;
width: 100%;
height: auto;
}
.popup-modal__content {
margin-bottom: 24px;
}
.popup-modal__cta {
display: inline-flex;
justify-content: center;
}
.popup-modal .secondary-link {
color: #115740;
}
.popup-modal .secondary-link svg path {
stroke: #115740;
}
body.popup-modal-open {
overflow: hidden;
}
.section {
background-repeat: no-repeat;
background-size: cover;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #000;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
.fade_in {
opacity: 0;
}
.p-0 {
padding: 0px;
}
.pl-0 {
padding-left: 0px;
}
.pr-0 {
padding-right: 0px;
}
.py-1 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-24 {
padding-top: 16px;
padding-bottom: 16px;
}
@media (min-width: 73rem) {
.py-24 {
padding-top: 24px;
padding-bottom: 24px;
}
}
.py-45 {
padding-top: 25px;
padding-bottom: 25px;
}
@media (min-width: 73rem) {
.py-45 {
padding-top: 45px;
padding-bottom: 45px;
}
}
.py-90 {
padding-top: 45px;
padding-bottom: 45px;
}
@media (min-width: 73rem) {
.py-90 {
padding-top: 90px;
padding-bottom: 90px;
}
}
.py-150 {
padding-top: 75px;
padding-bottom: 75px;
}
@media (min-width: 73rem) {
.py-150 {
padding-top: 150px;
padding-bottom: 150px;
}
}
.pt-20 {
padding-top: 20px;
}
.pt-45 {
padding-top: 25px;
}
@media (min-width: 87.5rem) {
.pt-45 {
padding-top: 45px;
}
}
.pt-90 {
padding-top: 45px;
}
@media (min-width: 87.5rem) {
.pt-90 {
padding-top: 90px;
}
}
.pt-150 {
padding-top: 75px;
}
@media (min-width: 87.5rem) {
.pt-150 {
padding-top: 150px;
}
}
.pt-210 {
padding-top: 180px;
}
@media (min-width: 87.5rem) {
.pt-210 {
padding-top: 280px;
}
}
.pt-320 {
padding-top: 240px;
}
@media (min-width: 87.5rem) {
.pt-320 {
padding-top: 420px;
}
}
.pb-45 {
padding-bottom: 25px;
}
@media (min-width: 87.5rem) {
.pb-45 {
padding-bottom: 45px;
}
}
.pb-90 {
padding-bottom: 45px;
}
@media (min-width: 87.5rem) {
.pb-90 {
padding-bottom: 90px;
}
}
.pb-150 {
padding-bottom: 75px;
}
@media (min-width: 87.5rem) {
.pb-150 {
padding-bottom: 150px;
}
}
.pb-210 {
padding-bottom: 180px;
}
@media (min-width: 87.5rem) {
.pb-210 {
padding-bottom: 280px;
}
}
.pb-320 {
padding-bottom: 240px;
}
@media (min-width: 87.5rem) {
.pb-320 {
padding-bottom: 420px;
}
}
.p-1 {
padding: 1rem;
}
.m-0 {
margin: 0px;
}
.mt-16 {
margin-top: 16px !important;
}
.mt-24 {
margin-top: 24px;
}
.mt-36 {
margin-top: 36px;
}
.mt-90 {
margin-top: 45px;
}
@media (min-width: 73rem) {
.mt-90 {
margin-top: 90px;
}
}
.mb-16 {
margin-bottom: 16px !important;
}
.mb-24 {
margin-bottom: 24px;
}
.mb-36 {
margin-bottom: 36px;
}
.mb-90 {
margin-bottom: 45px;
}
@media (min-width: 73rem) {
.mb-90 {
margin-bottom: 90px;
}
}
@keyframes lum-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes lum-fadeZoom {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes lum-loader-rotate {
0% {
transform: translate(-50%, -50%) rotate(0);
}
50% {
transform: translate(-50%, -50%) rotate(-180deg);
}
100% {
transform: translate(-50%, -50%) rotate(-360deg);
}
}
@keyframes lum-loader-before {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2) translateX(6px);
}
25% {
transform: scale(1.3) translateX(8px);
}
40% {
transform: scale(1.2) translateX(6px);
}
50% {
transform: scale(1);
}
60% {
transform: scale(0.8) translateX(6px);
}
75% {
transform: scale(0.7) translateX(8px);
}
90% {
transform: scale(0.8) translateX(6px);
}
100% {
transform: scale(1);
}
}
@keyframes lum-loader-after {
0% {
transform: scale(1);
}
10% {
transform: scale(1.2) translateX(-6px);
}
25% {
transform: scale(1.3) translateX(-8px);
}
40% {
transform: scale(1.2) translateX(-6px);
}
50% {
transform: scale(1);
}
60% {
transform: scale(0.8) translateX(-6px);
}
75% {
transform: scale(0.7) translateX(-8px);
}
90% {
transform: scale(0.8) translateX(-6px);
}
100% {
transform: scale(1);
}
}
.lum-lightbox {
background: rgba(0, 0, 0, 0.6);
z-index: 99999;
}
.lum-lightbox-inner {
top: 2.5%;
right: 2.5%;
bottom: 2.5%;
left: 2.5%;
}
.lum-lightbox-inner img {
position: relative;
}
.lum-lightbox-inner .lum-lightbox-caption {
margin: 0 auto;
color: #fff;
max-width: 700px;
text-align: center;
}
.lum-loading .lum-lightbox-loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 66px;
height: 20px;
animation: lum-loader-rotate 1800ms infinite linear;
}
.lum-lightbox-loader:before,
.lum-lightbox-loader:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
}
.lum-lightbox-loader:before {
left: 0;
animation: lum-loader-before 1800ms infinite linear;
}
.lum-lightbox-loader:after {
right: 0;
animation: lum-loader-after 1800ms infinite linear;
animation-delay: -900ms;
}
.lum-lightbox.lum-opening {
animation: lum-fade 180ms ease-out;
}
.lum-lightbox.lum-opening .lum-lightbox-inner {
animation: lum-fadeZoom 180ms ease-out;
}
.lum-lightbox.lum-closing {
animation: lum-fade 300ms ease-in;
animation-direction: reverse;
}
.lum-lightbox.lum-closing .lum-lightbox-inner {
animation: lum-fadeZoom 300ms ease-in;
animation-direction: reverse;
}
.lum-img {
transition: opacity 120ms ease-out;
}
.lum-loading .lum-img {
opacity: 0;
}
.lum-gallery-button {
overflow: hidden;
text-indent: 150%;
white-space: nowrap;
background: transparent;
border: 0;
margin: 0;
padding: 0;
outline: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 100px;
max-height: 100%;
width: 60px;
cursor: pointer;
}
.lum-close-button {
position: absolute;
right: 5px;
top: 5px;
width: 32px;
height: 32px;
opacity: 0.3;
}
.lum-close-button:hover {
opacity: 1;
}
.lum-close-button:before,
.lum-close-button:after {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #fff;
}
.lum-close-button:before {
transform: rotate(45deg);
}
.lum-close-button:after {
transform: rotate(-45deg);
}
.lum-previous-button {
left: 12px;
}
.lum-next-button {
right: 12px;
}
.lum-gallery-button:after {
content: "";
display: block;
position: absolute;
top: 50%;
width: 36px;
height: 36px;
border-top: 4px solid rgba(255, 255, 255, 0.8);
}
.lum-previous-button:after {
transform: translateY(-50%) rotate(-45deg);
border-left: 4px solid rgba(255, 255, 255, 0.8);
box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
left: 12%;
border-radius: 3px 0 0 0;
}
.lum-next-button:after {
transform: translateY(-50%) rotate(45deg);
border-right: 4px solid rgba(255, 255, 255, 0.8);
box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
right: 12%;
border-radius: 0 3px 0 0;
} @media (max-width: 460px) {
.lum-lightbox-image-wrapper {
display: flex;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.lum-lightbox-caption {
width: 100%;
position: absolute;
bottom: 0;
} .lum-lightbox-position-helper {
margin: auto;
}
.lum-lightbox-inner img {
max-width: none;
max-height: none;
}
}
.carousel {
overflow: hidden;
height: 50vh;
}
@media (min-width: 61rem) {
.carousel {
height: 70vh;
}
}
@media (min-width: 87.5rem) {
.carousel {
height: 80vh;
}
}
.carousel .swiper-slide {
height: 100%;
}
.carousel .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-button-next {
background-color: #115740;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/right-arrow-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
padding: 8px;
width: 30px !important;
height: 30px !important;
z-index: 8 !important;
}
.swiper-button-next:after {
display: none;
}
@media (min-width: 61rem) {
.swiper-button-next {
width: 40px !important;
height: 40px !important;
}
}
.swiper-button-prev {
background-color: #115740;
background-image: url(//sandfordparkschool.ie/wp-content/themes/sandford-park/dist/img/left-arrow-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 25px;
padding: 8px;
width: 30px !important;
height: 30px !important;
z-index: 8 !important;
}
.swiper-button-prev:after {
display: none;
}
@media (min-width: 61rem) {
.swiper-button-prev {
width: 40px !important;
height: 40px !important;
}
}
.swiper-pagination__wrapper {
bottom: 0.5rem;
width: 100%;
left: 0px;
position: absolute;
display: none;
justify-content: center;
z-index: 8 !important;
}
@media (min-width: 73rem) {
.swiper-pagination__wrapper {
display: flex;
}
}
.swiper-pagination {
display: flex;
width: auto !important;
justify-content: center;
align-items: center;
bottom: 1rem !important;
left: unset !important;
padding: 4px;
border-radius: 100vw;
}
@media (min-width: 61rem) {
.swiper-pagination {
padding: 8px;
}
} .swiper-pagination-bullet {
position: relative;
cursor: pointer;
transition: 0.3s;
width: 16px !important;
height: 4px !important;
border-radius: 100vw !important;
background: white !important;
opacity: 0.75;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: white !important;
opacity: 1;
}
@media (min-width: 61rem) {
.swiper-pagination-bullet {
width: 16px;
height: 16px;
}
}
#cookie-law-info-bar {
box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.1), 0px 20px 20px 0px rgba(0, 0, 0, 0.09), 0px 44px 26px 0px rgba(0, 0, 0, 0.05), 0px 78px 31px 0px rgba(0, 0, 0, 0.01), 0px 123px 34px 0px rgba(0, 0, 0, 0) !important;
border-radius: 10px;
padding: 32px 40px !important;
}
#cookie-law-info-bar #wt-cli-accept-btn {
border-radius: 20px !important;
transition: all 0.3s ease;
}
#cookie-law-info-bar .cookie-banner__inner {
margin-bottom: 16px !important;
}
.play-button {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(255, 255, 255, 0.5);
border-radius: 40px;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
transition: all 0.5s ease;
}
.play-button:hover {
background-color: #115740;
}
.play-button svg {
width: 40%;
height: 40%;
margin-left: 5px;
}
.bg-center {
background-position: center;
}
.bg-top {
background-position: top;
}
.bg-bottom {
background-position: bottom;
}
.bg-green {
background-color: #115740;
}
.bg-darkgreen {
background-color: #051913;
}
.bg-yellow {
background-color: #F8CF2A;
}
.bg-purple {
background-color: #5D295F;
}
.bg-tint {
background-color: #CFDDD9;
}
.bg-white {
background-color: white;
}
.bg-green-tint {
background-color: #C3D5CF;
}
.text-green {
color: #115740;
}
.text-green a {
color: #115740;
}
.text-yellow {
color: #F8CF2A;
}
.text-yellow a {
color: #F8CF2A;
}
.text-purple {
color: #5D295F;
}
.text-purple a {
color: #5D295F;
}
.text-darkgreen {
color: #051913;
}
.text-darkgreen a {
color: #051913;
}
.text-white {
color: white;
}
.text-white a {
color: white;
}
.sticky {
position: sticky;
top: 64px;
}
@media (min-width: 73rem) {
.sticky {
top: 128px;
}
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.block {
display: block;
}
.flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.hide-on-mobile {
display: none;
}
@media (min-width: 61rem) {
.hide-on-mobile {
display: block;
}
}
.hide-on-mobile-flex {
display: none !important;
}
@media (min-width: 61rem) {
.hide-on-mobile-flex {
display: flex !important;
}
}
.hide-on-desktop {
display: inline-block !important;
}
@media (min-width: 61rem) {
.hide-on-desktop {
display: none !important;
}
}
.hide-on-tablet {
display: none;
}
@media (min-width: 73rem) {
.hide-on-tablet {
display: block;
}
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.align-center {
align-content: center;
justify-content: center;
}
.overflow-hidden {
overflow: hidden;
}
.reverse {
flex-direction: column-reverse;
}
@media (min-width: 73rem) {
.reverse {
flex-direction: row-reverse;
}
}
.auto-margin {
margin: 0px auto;
}
.w-full {
width: 100%;
}