.screenreadertxt {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
white-space: nowrap;
}
.screenreadertxt:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
@font-face {
font-family: "PlayfairDisplayBoldItalic";
src: local("PlayfairDisplayBoldItalic"), url(//www.agoragroup.com/wp-content/themes/agora/webfonts/PlayfairDisplay-BoldItalic/font.woff2) format("woff2"), url(//www.agoragroup.com/wp-content/themes/agora/webfonts/PlayfairDisplay-BoldItalic/font.woff) format("woff");
font-display: swap;
}
@font-face {
font-family: "PlayfairDisplayItalic";
src: local("PlayfairDisplayItalic"), url(//www.agoragroup.com/wp-content/themes/agora/webfonts/PlayfairDisplay-Italic/font.woff2) format("woff2"), url(//www.agoragroup.com/wp-content/themes/agora/webfonts/PlayfairDisplay-Italic/font.woff) format("woff");
font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
font-family: "PlayfairDisplayItalic", sans-serif;
line-height: 0.7;
letter-spacing: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-size: calc(20px + 12 * (100vw - 651px) / 850);
}
@media screen and (max-width: 651px) {
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-size: 20px;
}
}
@media screen and (min-width: 1501px) {
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
font-size: 32px;
}
}
h1, h2 {
text-transform: none;
font-size: calc(4rem + 2 * (100vw - 651px) / 850);
}
@media screen and (max-width: 651px) {
h1, h2 {
font-size: 4rem;
}
}
@media screen and (min-width: 1501px) {
h1, h2 {
font-size: 6rem;
}
}
h3, h4, h5 {
font-size: calc(2rem + 1 * (100vw - 651px) / 850);
line-height: 1;
}
@media screen and (max-width: 651px) {
h3, h4, h5 {
font-size: 2rem;
}
}
@media screen and (min-width: 1501px) {
h3, h4, h5 {
font-size: 3rem;
}
}
span.push1 {
margin-left: 80px;
}
span.push2 {
margin-left: 150px;
}
header .header-banner {
z-index: 10;
position: relative;
}
.is-style-flowergrid > .wp-block-group__inner-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[10];
grid-template-columns: repeat(10, 1fr);
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 4;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(6) {
-ms-grid-row: 1;
-ms-grid-column: 6;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(7) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(8) {
-ms-grid-row: 1;
-ms-grid-column: 8;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(9) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}
.is-style-flowergrid > .wp-block-group__inner-container > *:nth-child(10) {
-ms-grid-row: 1;
-ms-grid-column: 10;
}
.is-style-flowergrid .is-style-flowergrid__title {
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1/span 8;
-ms-grid-row: 1;
grid-row: 1;
opacity: 70%;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.is-style-flowergrid .is-style-flowergrid__img {
-ms-grid-column: 3;
-ms-grid-column-span: 8;
grid-column: 3/span 8;
-ms-grid-row: 1;
grid-row: 1;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.is-style-flowergrid .is-style-flowergrid__text {
grid-column: 1/-1;
-ms-grid-row: 1;
grid-row: 1;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity: 0;
}
.is-style-flowergrid:hover .is-style-flowergrid__title {
opacity: 0%;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.is-style-flowergrid:hover .is-style-flowergrid__img {
-webkit-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0.5;
}
.is-style-flowergrid:hover .is-style-flowergrid__text {
opacity: 1;
}
@media (min-width:1101px) {
.is-style-flowergrid .is-style-flowergrid__title {
-ms-grid-column: 2;
-ms-grid-column-span: 4;
grid-column: 2/span 4;
opacity: 0.7;
}
.is-style-flowergrid .is-style-flowergrid__img {
-ms-grid-column: 4;
-ms-grid-column-span: 5;
grid-column: 4/span 5;
}
.is-style-flowergrid .is-style-flowergrid__text {
-ms-grid-column: 6;
-ms-grid-column-span: 5;
grid-column: 6/span 5;
}
.is-style-flowergrid:hover .is-style-flowergrid__title {
opacity: 1;
}
.is-style-flowergrid:hover .is-style-flowergrid__img {
-webkit-transform: translateX(-250px) scale(0.8);
-ms-transform: translateX(-250px) scale(0.8);
transform: translateX(-250px) scale(0.8);
opacity: 1;
}
.is-style-flowergrid.is-style-flowergrid__reverse .is-style-flowergrid__title {
-ms-grid-column: 6;
-ms-grid-column-span: 4;
grid-column: 6/span 4;
}
.is-style-flowergrid.is-style-flowergrid__reverse .is-style-flowergrid__img {
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: 2/span 5;
}
.is-style-flowergrid.is-style-flowergrid__reverse .is-style-flowergrid__text {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1/span 5;
}
.is-style-flowergrid.is-style-flowergrid__reverse:hover .is-style-flowergrid__title {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.is-style-flowergrid.is-style-flowergrid__reverse:hover .is-style-flowergrid__img {
-webkit-transform: translateX(320px) scale(0.8);
-ms-transform: translateX(320px) scale(0.8);
transform: translateX(320px) scale(0.8);
}
}
@-webkit-keyframes zoomout {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomout {
0% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.zoomout {
-webkit-animation: zoomout 1.3s linear forwards;
animation: zoomout 1.3s linear forwards;
}
@-webkit-keyframes slideintop {
0% {
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes slideintop {
0% {
-webkit-transform: translateY(-300px);
transform: translateY(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes slideinleft {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideinleft {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slideinright {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slideinright {
0% {
-webkit-transform: translateX(1000px);
transform: translateX(1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.zoomout-block-cover .wp-block-cover__image-background {
-webkit-animation: zoomout 1.3s linear forwards;
animation: zoomout 1.3s linear forwards;
}
#logo-powerofagora {
padding: 20px;
}
#logo-powerofagora #group-the {
-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
transform: translateY(-300px);
opacity: 0;
-webkit-animation: slideintop 1.3s ease-in-out forwards;
animation: slideintop 1.3s ease-in-out forwards;
}
#logo-powerofagora #group-power > g {
-webkit-transform: translateX(-1000px);
-ms-transform: translateX(-1000px);
transform: translateX(-1000px);
-webkit-animation: slideinleft 1.3s ease-in-out forwards;
animation: slideinleft 1.3s ease-in-out forwards;
-webkit-animation-delay: calc(0.055s * var(--i));
animation-delay: calc(0.055s * var(--i));
}
#logo-powerofagora #group-of {
-webkit-transform: translateX(-1000px);
-ms-transform: translateX(-1000px);
transform: translateX(-1000px);
-webkit-animation: slideinleft 1.3s ease-in-out 0.8s forwards;
animation: slideinleft 1.3s ease-in-out 0.8s forwards;
}
#logo-powerofagora #group-agora > g {
opacity: 0;
-webkit-transform: translateX(1000px);
-ms-transform: translateX(1000px);
transform: translateX(1000px);
-webkit-animation: slideinright 1.3s ease-in-out forwards;
animation: slideinright 1.3s ease-in-out forwards;
-webkit-animation-delay: calc(0.155s * var(--i));
animation-delay: calc(0.155s * var(--i));
}
@-webkit-keyframes hoverStyle {
0% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
}
50% {
-webkit-transform: translateY(20px) rotate(180deg);
transform: translateY(20px) rotate(180deg);
}
100% {
-webkit-transform: translateY(0) rotate(360deg);
transform: translateY(0) rotate(360deg);
}
}
@keyframes hoverStyle {
0% {
-webkit-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
}
50% {
-webkit-transform: translateY(20px) rotate(180deg);
transform: translateY(20px) rotate(180deg);
}
100% {
-webkit-transform: translateY(0) rotate(360deg);
transform: translateY(0) rotate(360deg);
}
}
.is-style-foreground {
position: relative;
z-index: 5;
}
.icon-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100%;
max-width: 100% !important;
}
.icon-bg > div {
position: absolute;
}
.icon-bg .icon-acc {
-webkit-animation: hoverStyle 8s linear infinite;
animation: hoverStyle 8s linear infinite;
}
.icon-bg .icon-acc:first-of-type {
top: 10%;
left: 10%;
}
.icon-bg .icon-acc:nth-of-type(2) {
top: 20%;
right: 20%;
}
.icon-bg .icon-acc:nth-of-type(3) {
bottom: 10%;
left: 25%;
}
.icon-bg .icon-acc:nth-of-type(4) {
bottom: 30%;
right: 10%;
}
.icon-bg .icon-flower {
-webkit-animation: hoverStyle 9s linear 0.5s infinite;
animation: hoverStyle 9s linear 0.5s infinite;
}
.icon-bg .icon-flower:nth-of-type(5) {
top: 30%;
left: 20%;
}
.icon-bg .icon-flower:nth-of-type(6) {
top: 10%;
right: 10%;
}
.icon-bg .icon-flower:nth-of-type(7) {
bottom: 20%;
left: 8%;
}
.icon-bg .icon-flower:nth-of-type(8) {
bottom: 8%;
right: 25%;
}
.icon-bg .icon-plant {
-webkit-animation: hoverStyle 9s linear 1s infinite;
animation: hoverStyle 9s linear 1s infinite;
}
.icon-bg .icon-plant:nth-of-type(9) {
top: 15%;
left: 30%;
}
.icon-bg .icon-plant:nth-of-type(10) {
top: 30%;
right: 30%;
}
.icon-bg .icon-plant:nth-of-type(11) {
bottom: 40%;
left: 20%;
}
.icon-bg .icon-plant:nth-of-type(12) {
bottom: 30%;
right: 20%;
}