#unHero .sub-heading {
font-size: 30px;
line-height: 38px;
color: black;
font-weight: 900;
padding-bottom: 0 !important;
margin-bottom: 40px;
margin-top: -14px;
}
#unHero .hero-heading {
font-size: 105px;
line-height: 108px;
color: black;
font-weight: 900;
}
#unHero.hero .outer-block {
top: -3px;
left: 0;
max-width: 550px;
height: 61px;
width: 100%;
position: relative;
z-index: 1;
}
#unHero.hero .outer-block .animate-block {
margin-left: 0 !important;
}
.hero .unitrans-row .animate-block.reveal {
width: 100% !important;
}
.unitrans-row .hero-paragraph p {
font-size: 30px;
line-height: 40px;
font-weight: 500;
}
#unitrans-grid ul.mainul {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between;
overflow: hidden;
}
#unitrans-grid ul li {
border-radius: 45px !important;
background-color: transparent !important;
position: unset !important;
margin-bottom: 35px;
max-width: 700px;
max-height: 700px;
margin-bottom: 30px !important;
} #unitrans-grid ul li .esg-entry-media-wrapper {
border-radius: 45px !important;
}
.esg-overlay.esg-transition.eg-washington-container { display: none !important; }
#unitrans-grid ul li .esg-bottom {
font-family: 'Poppins' !important;
position: absolute !important;
bottom: 45px;
width: 100%;
line-height: 37px;
}
#unitrans-grid ul li .esg-bottom:first-child { bottom: 75px !important; }
#unitrans-grid .esg-navigationbutton.esg-loadmore {
height: 60px;
max-width: 380px;
width: 100%;
margin-top: 45px;
background: transparent;
border: 2px solid black;
border-radius: 30px;
font-size: 20px;
color: black;
font-weight: 600;
font-family: 'Poppins';
padding: 8px;
letter-spacing: 1.5px;
box-shadow: none !important;
position: relative;
}
#unitrans-grid .esg-navigationbutton.esg-loadmore:hover { background-color: white !important; }
#unitrans-grid .esg-navigationbutton.esg-loadmore::after {
content: '';
height: 24px;
width: 23px;
background-image: url(//fishgate.co.za/wp-content/uploads/2024/06/arrow_down_small_black.svg);
background-size: contain;
position: absolute;
background-repeat: no-repeat;
top: 15px;
right: 25px;
transform: rotate(315deg);
transition: 0.3s !important;
}
#unitrans-grid .esg-navigationbutton.esg-loadmore:hover::after { transform: rotate(360deg); } body.darkmode #unitrans-grid ul li .esg-bottom {
color: hsl(0deg 0% 100% / 100%) !important;
}
body.darkmode #unitrans-grid .esg-navigationbutton.esg-loadmore {
border-color: hsl(0deg 0% 100% / 80%) !important;
color: hsl(0deg 0% 100% / 80%) !important;
}
body.darkmode #unitrans-grid .esg-navigationbutton.esg-loadmore::after {
filter: invert(1) !important;
opacity: 0.80 !important;
}
body.darkmode #unitrans-grid .esg-navigationbutton.esg-loadmore:hover { background-color: #ffffff35 !important; } @media (max-width: 1316px) {
.unitrans-section h3.sub-heading {
font-size: 28px !important;
}
.unitrans-section h1.hero-heading {
font-size: 90px !important;
line-height: 100px !important;
}
#unHero.hero .outer-block {
top: 0 !important;
max-width: 445px !important;
}
.unitrans-section .heading-module {
margin-bottom: 50px !important;
}
}
@media (max-width: 1184px) {
.unitrans-section h3.sub-heading {
font-size: 26px !important;
}
.unitrans-section h1.hero-heading {
font-size: 80px !important;
line-height: 90px !important;
}
#unHero.hero .outer-block {
max-width: 395px !important;
height: 50px !important;
}
#unHero.hero .outer-block .animate-block {
height: 50px !important;
}
.unitrans-section .heading-module {
margin-bottom: 50px !important;
}
.unitrans-row .hero-paragraph p {
font-size: 26px !important;
line-height: 36px !important;
}
}
@media (max-width: 768px) {
body.darkmode #unitrans-grid ul li .esg-bottom {
color: hsl(0deg 0% 0%) !important;
}
.unitrans-section h3.sub-heading {
font-size: 24px !important;
margin-bottom: 30px !important;
}
.unitrans-section h1.hero-heading {
font-size: 70px !important;
line-height: 80px !important;
}
#unHero.hero .outer-block {
max-width: 345px !important;
height: 50px !important;
}
#unHero.hero .outer-block .animate-block {
height: 50px !important;
}
.unitrans-section .heading-module {
margin-bottom: 40px !important;
}
.unitrans-row .hero-paragraph p {
font-size: 24px !important;
line-height: 34px !important;
text-wrap: pretty !important;
}
#unitrans-grid ul li .esg-bottom:first-child {
bottom: 48px !important;
}
#unitrans-grid ul li .esg-bottom:first-child {
font-size: 22px !important;
line-height: 26px !important;
background-color: #e9e9e9 !important;
}
#unitrans-grid ul li .esg-bottom:nth-child(2) {
font-size: 15px !important;
line-height: 18px !important;
background-color: #e9e9e9 !important;
bottom: 0 !important;
border-bottom-left-radius: 40px !important;
border-bottom-right-radius: 40px !important;
padding-bottom: 33px !important;
padding-top: 0px !important;
}
}
@media (max-width: 600px) {
#unHero.hero .outer-block {
height: 40px !important;
top: -10px !important;
}
#unHero.hero .outer-block .animate-block {
height: 40px !important;
}
.unitrans-row .hero-paragraph p {
line-height: 32px !important;
}
}
@media (max-width: 480px) {
#unitrans-grid ul li .esg-bottom:first-child {
font-size: 20px !important;
line-height: 24px !important;
}
}