@font-face {
font-family: "Roboto-Regular";
src: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/css/fonts/Roboto/Roboto-Regular.ttf);
font-weight: normal;
font-style: normal; 
} 
@font-face {
font-family: "Roboto-Medium";
src: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/css/fonts/Roboto/Roboto-Medium.ttf);
font-weight: normal;
font-style: normal; 
} 
.pt-40{
padding-top: 2.5rem !important;
}
.pb-40{
padding-bottom: 2.5rem !important;
}
.pt-60{
padding-top: 3.75rem !important;
}
.pb-60{
padding-bottom: 3.75rem !important;
}
.pt-80{
padding-top: 5rem !important;
}
.pb-80{
padding-bottom: 5rem !important;
}
.pt-100{
padding-top: 6.25rem !important;
}
.pb-100{
padding-bottom: 6.25rem !important;
} 
.col-pb-0 .col{
padding-bottom: 0 !important;
}
:root{
--text-font:"Roboto-Regular" !important;
--text-font-medium:"Roboto-Medium" !important;
--input-height : 2.5rem !important;
}
body,
p {
font-family: var(--text-font);
font-size: 1rem;
line-height: 1.75rem;
}
label, legend {
font-weight: normal;
}
.p-bold p,
p strong {
font-weight: normal;
font-family: var(--text-font-medium);
}
.font-bold p {
font-family: var(--text-font-medium);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--text-font-medium);
font-weight: normal;
letter-spacing: 0;
margin-bottom: 1.25rem;
opacity: 1;
}
body h1 {
font-size: 2.8125rem;
line-height: 3.4375rem;
letter-spacing: 0.2531rem;
}
body .banner-page h2,
body .banner h1 {
font-size: 2.5rem;
line-height: 3.125rem;
letter-spacing: 0;
}
body h2 {
font-size: 2.5rem;
line-height: 3.125rem;
letter-spacing: 0;
}
body h3,
body .banner h3 {
line-height: 2.5rem;
font-size: 1.875rem;
font-weight: normal !important;
}
body h4 {
font-size: 1.25rem;
line-height: 2.1875rem;
letter-spacing: 0;
font-weight: normal !important;
}
body h5 {
font-size: 1rem;
line-height: 1.75rem;
opacity: 1;
letter-spacing: 0;
font-weight: normal !important;
}
body h6 {
line-height: 1.5625rem;
font-size: 0.9375rem;
letter-spacing: 0;
opacity: 1;
}
a.lead, p.lead{
font-size: 1.25rem;
line-height: 2.1875rem;
font-family: var(--text-font-medium);
}
body .uppercase, body h6, body span.widget-title, body th {
letter-spacing: 0;
text-transform: inherit;
}
h5:last-child {
margin-bottom: 0;
}
.m-auto .col-inner,
.m-auto {
margin-inline: auto !important;
}
.col-pb-0 .col{
padding-bottom: 0 !important;
}
span.amount {
font-weight: normal;
}
.fs-12 p{
font-size: 0.75rem;
line-height: 1.3125em;
}
.fs-13 p{
font-size: .8125rem;
line-height: 1.25rem;
}
.fs-14 p{
font-size: .875rem;
line-height: 1.25rem;
}
.fs-15 p{
font-size: .938rem;
line-height: 1.5rem;
}
.fs-16 p{
font-size: 1rem;
line-height: 1.625rem;
}
.fs-18 p{
font-size: 1.125rem;
line-height: 1.375rem;
}
.fs-20 p{
font-size: 1.25rem;
line-height: 1.875rem;
}
body .row-full-width {
max-width: 120rem!important;
}
body .col, body .columns, body .gallery-item {
padding: 0 0.9375rem 1.875rem;
}
body .container, body .container-width, body .full-width .ubermenu-nav, body .row {
max-width: 80rem;
}
.social-icons.follow-icons {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.social-icons.follow-icons a {
width: fit-content !important;
margin: 0 0.625rem !important;
border: 0!important;
}
.social-icons.follow-icons a:hover {
background-color: transparent !important;
border: 0 !important;
box-shadow: unset !important;
color: transparent !important;
}
.social-icons.follow-icons a i.icon-instagram::before {
background-image: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/images/instagram.svg);
}
.social-icons.follow-icons a i.icon-facebook::before {
background-image: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/images/envelop.svg);
}
.social-icons.follow-icons a i::before {
background-image: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/images/linkedin.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 2.6875rem;
height: 2.6875rem;
content: ''; 
display: inline-flex;
}
a.icon.linkedin {
order: -2;
}
a.icon.instagram {
order: -1;
}
.absolute-footer, html {
background-color: #fff !important;
}  li.html.header-social-icons {
margin-left: 2.5rem !important;
}
.header-main .nav>li>a {
font-size: 1.25rem;
color: #527c84;
} 
.header-main .nav>li {
margin: 0 1.65rem;
}
#logo {
width: 8.25rem !important;
}
body .header-main,
body .stuck .header-main {
height: 119px !important;
}
.logo-left .logo {
margin-right: 0 !important;
}
.header-main .social-icons.follow-icons a {
height: 2.6875rem;
margin: 0 0 0 0.625rem !important;
}
.header-main {
height: 7.5rem!important;
}  .absolute-footer {
display: none !important;
}
.footer-row-top .social-icons.follow-icons a i.icon-instagram::before {
background-image: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/images/instagram-white.png);
}
.footer-row-top .social-icons.follow-icons a.linkedin i.icon-linkedin::before {
background-image: url(//sharetheworld.com.au/wp-content/themes/shareagency/assets/images/linkedin-white.png);
}
.footer-row-top >.col >div .img {
max-width: 11.75rem;
}
.footer-row-bottom >.col >div .img.support{
max-width: 12rem;
margin-left: 3rem;
}
.footer-row-bottom >.col >div .img.for-planet{
max-width: 8rem;
margin-left: 0;
margin-right: auto;
}
.footer-row-bottom >.col >div .img {
margin-bottom: 0 !important;
}
.footer-row-bottom >.col >div {
display: flex;
justify-content: space-between;
margin-top: 2rem;
}
.footer-row-top >.col >div {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
.footer-section .footer-row-middle p {
margin-bottom: 0;
}
.footer-section .footer-row-middle .ux-menu.stack.stack-col.justify-start {
margin-bottom: 5rem;
}
.footer-section .footer-row-middle .ux-menu.stack.stack-col.justify-start .menu-item + .menu-item {
margin-left: 4rem !important;
}
.footer-section .ux-menu.stack.stack-col.justify-start .menu-item + .menu-item {
margin-left: 2rem !important;
}
.footer-section .ux-menu.stack.stack-col.justify-start {
flex-direction: row;
}
.footer-section .social-icons.follow-icons > span {
width: 100%;
padding: 0;
font-weight: normal;
font-size: 1.25rem;
margin-bottom: .5rem;
order: -4;
}
.footer-section .social-icons.follow-icons {
margin-top: 5rem;
}
.footer-section .social-icons.follow-icons a {
margin: 0 0.625rem 0 0 !important;
} @media screen and (max-width:849px) { body h2 {
font-size: 1.875rem;
line-height: 2.5rem;
}
body .banner-page h2, body .banner h1 {
font-size: 2rem;
line-height: 2.5rem;
letter-spacing: 0;
}
.pb-60,
.pb-80 {
padding-bottom: 50px !important;
}
.pt-60,
.pt-80 {
padding-top: 50px !important;
}
.fs-20 p {
font-size: 1rem;
line-height: 1.5rem;
}  .footer-menu-3 {
margin-top: 1.25rem;
}
.footer-menu-2 {
margin-bottom: 1.25rem;
}
.footer-row-bottom >.col >div .img.support {
max-width: 9rem;
margin-left: 0;
margin-right: 0rem;
}
.footer-row-bottom >.col >div .img.support {
max-width: 9rem;
margin-left: 0;
margin-right: 1rem;
}
.footer-section .ux-menu a.ux-menu-link__link.flex {
padding: 0;
min-height: inherit;
}
.footer-section .ux-menu.stack.stack-col.justify-start .menu-item:not(:last-child){
margin-right: 2rem !important;
}
.footer-section .ux-menu.stack.stack-col.justify-start .menu-item + .menu-item {
margin-left: 0!important;
}
.footer-row-bottom >.col >div {
justify-content: center;
margin-top: 2rem;
flex-wrap: wrap;
}
.footer-section .ux-menu.stack.stack-col.justify-start {
flex-wrap: wrap;
width: 100%;
}
.footer-section .footer-row-middle .ux-menu.stack.stack-col.justify-start {
margin-bottom: .875rem;
flex-wrap: wrap;
}
.footer-section .footer-row-middle .ux-menu.stack.stack-col.justify-start .menu-item + .menu-item {
margin-left: 0 !important;
}
.footer-row-top >.col >div .img {
max-width: 7.75rem;
}
.footer-section .social-icons.follow-icons {
margin-top: 0;
}
.footer-row-top >.col >div {
margin-bottom: 1.25rem;
flex-direction: column;
}  li.html.header-social-icons {
margin-left: 0 !important;
}
.off-canvas .nav-vertical>li>a {
padding-bottom: 15px;
padding-top: 15px;
color: #527c84;
font-weight: normal;
font-size: 1rem;
}
body .header-main, body .stuck .header-main {
height: 80px !important;
}
.header-inner ul.mobile-nav.nav a {
color: #000;
opacity: 1;
}
#logo {
margin: 0;
} }