html { scroll-behavior: smooth; } :root {
--primary-color: #f7941e;
--secondary-color: #000000;
--light-color: #F2F2E9;
--medium-light-color: #fafafa;
--dark-color: #0D0D0D;
--white-color: #ffffff;
} body, html{
font-family: 'Inter', sans-serif;
}  h1, h2, h3, h4, h5, h6, label.wpforms-field-label{
font-family: 'Oswald', sans-serif;
font-weight: 600
}
a, p{
font-family: 'Inter', sans-serif !important;
} .banner-title .n2-ss-text{
font-family: 'Oswald', sans-serif !important;
}
.banner-title h4.n2-ss-text{
font-family: 'Inter', sans-serif !important;
background-color: var(--secondary-color);
}
.banner-parag p{
font-family: 'Inter', sans-serif !important;
font-size: 18px !important
}
.main-navigation ul li a,
.section-5 a{
font-family: 'Oswald', sans-serif !important;
text-transform: uppercase;
font-weight: 500;
}
.flex-main-container.top-header p,
.flex-main-container.top-header a{
font-family: 'Montserrat' !important;
font-weight: 500;
}
.cols-info.phone a {
font-family: 'Montserrat' !important;
font-weight: 600;
} .footer-tagline {
text-align: center;
font-family: 'Oswald', serif;
text-transform: uppercase;
font-weight: 400;
}
.footer-widgets .menu-footer-menu-1 ul li {
padding: 0px 20px 24px 20px;
}
.gform_wrapper.gravity-theme .gfield textarea.medium {
font-family: inherit;
}  div#splide01-track {
padding-left: 35px !important;
padding-right: 35px !important;
}
.cbp-spmenu ul.sub-menu {
height: 350px;
overflow-y: scroll;
background-color: #171717;
}
div#mg-wprm-wrap {
padding-bottom: 40px;
}
.cols-info.address i {
margin-right: 10px;
color: var(--primary-color);
} .flex-container {
display: flex;
align-items: center;
}
.flex-item {
flex: 1;
padding: 10px;
}
.cols-info.account ul li {
display: inline-block;
color: var(--secondary-color);
}
.top-inner-container .fa{
padding: 0px 10px 0px 10px;
}
.cols-info.phone {
text-align: center;
}
.cols-info.account {
text-align: right;
}
.top-header ul, .top-header ol {
margin: 0;
}   ul#menu-main-menu-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation li ul a, .main-navigation li ul li a {
padding: 12px 15px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
}
.main-navigation .sub-menu, .main-navigation .children {
border-radius: 0;
}
.top-navigation-right{
float: none;
display: block;
max-width: 100%;
}
.top-navigation .main-navigation{
text-align: center;
}
.site-title-wrap {
display: block;
max-width: 25%;
margin: 0 auto;
}
.container {
padding: 0 8%;
} .home #page {
padding-top: 0;
}
.home .site-content {
padding: 0 0 0% 0;
}  #primary {
margin: 0 auto;
display: block;
width: 100%;
max-width: 1600px;
}  .footer-tagline {
width: 100%;
}
.footer-widgets ul li.wp-block-social-link {
padding: 0 !important;
}
.footer-widgets ul li {
padding: 0 0 24px 0;
}
.footer-widgets {
margin-bottom: 0;
}
.footer-widgets + .footer-bottom {
border-top: 1px solid #c2c2c2;
}
.footer-bottom {
padding-top: 3%;
}
.footer-widgets {
margin-bottom: 4%;
}
.footer-widgets {
display: flex !important;
align-items: center;
}
nav.footer-navigation {
display: block;
margin: 0 auto;
text-align: right;
}
#block-14 ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
display: flex !important;
justify-content: flex-end !important;
} .site-footer {
background-image: url(https://staging.poolsideplumbing.com.au/wp-content/uploads/2024/01/footer-bg.png) !important;
background: rgb(242 242 242 / 0%) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.footer-widgets .footer-column {
width: 30.6%;
}
ul#menu-footer-menu-1 a {
font-family: 'Oswald' !important;
text-transform: uppercase;
font-weight: 400;
}
.footer-column.col3 p {
margin-bottom: 0;
}
.main-navigation .sub-menu, .main-navigation .children {
top: 44px;
}
.footer-column.col2 {
width: 60.4%;
}  .entry-content p a, .header-text a {
box-shadow: inset 0 -1px 0 var(--primary-color) !important;
}
h1, h2, h3, h4, h5, h6,
.entry-header .entry-title a,
.editor-post-title__input alabel.wpforms-field-label{
color: var(--primary-color);
}
.entry-content p a, .entry-content p a:hover, .header-text a, .header-text a:hover, .entry-content .meta-list a, .post-navigation a:hover .post-title, .entry-header .entry-title a:hover, #page .more-link:hover, .site-footer a, .main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-page-item a {
color: var(--dark-color) !important;
}
a, p{
color: var(--dark-color);
}
.section-7 p a {
color: #fff !important;
}
::selection {
background: var(--primary-color);
color: var(--light-color);
}
footer#colophon{
background-color: #fff !important;
}
.footer-column.col4 a {
color: var(--primary-color) !important;
}
.flex-main-container.top-header {
background-color: var(--secondary-color);
padding-top: 7px;
padding-bottom: 7px;
}
.flex-main-container.top-header a, .flex-main-container.top-header p {
color: #fff;
margin-bottom: 0;
}
.cols-info.address {
text-align: right;
}
.site-header {
background: #fff;
}
.menu2 {
background-color: var(--secondary-color);
}
.top-navigation-right {
background-color: #000000;
}
.cols-info.phone a {
background-color: var(--primary-color);
padding: 10px 30px 10px 30px;
font-weight: 600;
}
.main-navigation ul li.current-menu-item a{
color: var(--primary-color) !important
}
.main-navigation ul li a{
color: #fff !important;
margin: 0 0 0px 0;
}  .wp-block-button__link, input[type='submit'], input#gform_submit_button_1,
input#gform_submit_button_3{
color: #fff;
background-color: var(--primary-color);
border-radius: 0px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
input#gform_submit_button_1{
width: 100% !important
}
.btn-secondary .wp-block-button__link {
color: var(--primary-color);
background-color: rgb(255 255 255 / 0%);
border-radius: 0px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
border: 2px solid var(--primary-color)
}
.wp-block-button__link,
.btn-secondary .wp-block-button__link,
.n2-ss-button-container a,
.cols-info.phone a,
div#n2-ss-2 .n2-ss-button-container, div#n2-ss-2 .n2-ss-button-container a{
transition: 0.2s ease-in-out;
}  .cols-info.phone a:hover {
background-color: #404040;
}
.section-7 p a:hover {
color: var(--primary-color) !important;
}
.wp-block-button__link:hover,
input#gform_submit_button_1:hover,
input#gform_submit_button_3:hover{
color: #fff;
background-color: var(--secondary-color);
}
.btn-secondary .wp-block-button__link:hover {
color: var(--light-color);
background-color: var(--secondary-color);
}
.main-navigation ul li a:hover{
color: var(--primary-color) !important;
}   .woocommerce.woocommerce-page .products li.product {
background: var(--medium-light-color);
padding: 15px;
}
h2.woocommerce-loop-category__title {
background-color: var(--primary-color);
color: var(--white-color) !important;
margin-top: 26px !important;
text-align: center;
border-radius: 0;
border: 1px solid var(--primary-color);
}
h2.woocommerce-loop-category__title:hover {
background-color: var(--primary-color);
color: #fff !important;
}
.archive.woocommerce.woocommerce-page ul.products li.product .button, .woocommerce.woocommerce-page .button, .related.products ul.products li.product .button {
padding: 10px;
max-width: 100%;
border-radius: 0px;
}
.woocommerce ul.products li.product .button {
display: block;
text-align: center;
color: var(--white-color);
border-radius: 0px;
}
.woocommerce ul.products li.product .button, .woocommerce.woocommerce-page .button, .woocommerce div.product form.cart .button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
color: #fff;
background-color: var(--primary-color);
border-radius: 0px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
font-weight: 300;
}
.wc-block-cart__submit{
background-color: var(--primary-color);
border-radius: 0px;
box-shadow: none;
text-decoration: none;
}
.wc-block-cart__submit a{
color: #fff;
font-weight: 300;
}
.woocommerce ul.products li.product .price {
color: var(--dark-color);
display: block;
font-weight: 400;
margin-bottom: 0.5em;
}
.woocommerce a.added_to_cart {
padding-top: 0.5em;
display: block;
text-align: center !important;
}
.woocommerce-info {
border-top-color: var(--secondary-color);
}
.woocommerce-info::before {
color:  var(--secondary-color);
}
span.cart-total {
display: inline-block;
background: #ffff00;
border-radius: 100%;
line-height: 1;
padding: 1px 3px;
position: absolute;
margin-left: 20px;
margin-top: -5px;
font-size: 12px;
color: #2a2a2a;
font-weight: bold;
}  .footer-column.col3,
.footer-column.col4 {
display: none;
}
.cols-info.email {
display: none;
}
.mobile-navigation,
span.entry-byline-on,
p.entry-byline a,
ul.meta-list{
display: none !important;
}
.floating-phone{
display: none
}
.woocommerce p.entry-byline {
display: none;
}  @media only screen and (min-width: 1025px){
li.mm-item {
display: none !important
}
}
@media only screen and (max-width: 1024px){
div#wprmenu_bar {
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}
nav#site-navigation {
display: none;
}
.flex-main-container.top-header {
display: none;
}
.floating-phone{
display: block;
position: fixed;
right: 5px;
z-index: 999999;
top: 32px
}
.floating-phone i {
color: var(--primary-color);
font-size: 25px
}
.menu_title {
margin: 0 auto !important;
display: block !important;
text-align: center !important;
}
.site-title-wrap {
display: none !important;
}
#wprmenu_bar .bar_logo {
height: 67px;
margin-top: -17px;
margin-right: 35px;
}
#wprmenu_bar .menu_title {
margin-top: -23px !important
right: 15px !important;
}
#wprmenu_bar .bar_logo {
height: 67px;
}
li.mm-item i {
color: var(--primary-color)
}
li.mm-item.phone {
margin-top: 12vh !important;
}
}
@media only screen and (max-width: 1000px){
.footer-widgets .footer-column {
margin-right: 3%;
}
.site-identity {
padding: 2% 0;
}
}
@media only screen and (max-width: 930px){
.flex-container {
flex-direction: column;
}
.site-identity {
padding: 3% 0;
}
.site-title-wrap {
display: block;
max-width: 45%;
margin: 0 auto;
}
}
@media only screen and (max-width: 768px){
.footer-widgets .footer-column {
width: 100%;
}
.footer-widgets {
flex-direction: column;
}
#block-14 ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
justify-content: center;
}
li.mm-item a {
font-size: 13px !important;
}
ul#menu-footer-menu-1 {
text-align: center;
}
}
@media only screen and (max-width: 500px){
.flex-container {
display: flex;
align-items: center;
flex-direction: column;
}
}
@media (min-width: 1000px){
.n2-ss-section-main-content,
.alignwide {
width: 82vw !important;
}
}