/* Screen Width Patch */
/**
* Font Definitions
**/
/**
* Color Definitions
**/
/**
* Miscellaneous Definitions
**/
/**
* Responsiveness
**/
.container-width {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
@media (min-width: 600px) {
.container-width {
max-width: 576px;
}
}
@media (min-width: 768px) {
.container-width {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.container-width {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.container-width {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.container-width {
max-width: 1620px;
}
}
.half-container-width {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
}
@media (min-width: 600px) {
.half-container-width {
max-width: calc( ( 576px / 2 ) );
}
}
@media (min-width: 768px) {
.half-container-width {
max-width: calc( ( 720px / 2 ) );
}
}
@media (min-width: 992px) {
.half-container-width {
max-width: calc( ( 940px / 2 ) );
}
}
@media (min-width: 1200px) {
.half-container-width {
max-width: calc( ( 1140px / 2 ) );
}
}
@media (min-width: 1700px) {
.half-container-width {
max-width: calc( ( 1620px / 2 ) );
}
}
.container-padding {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.container-padding {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.container-padding {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.container-padding {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.container-padding {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.container-padding {
padding-left: 380px;
padding-right: 380px;
}
}
/**
* Headings
**/
.h1 {
margin: 0;
font-family: "sofia-pro", sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 1.2;
}
@media (min-width: 600px) {
.h1 {
font-size: 4.8rem;
}
}
@media (min-width: 768px) {
.h1 {
font-size: 5.4rem;
}
}
@media (min-width: 992px) {
.h1 {
font-size: 6.8rem;
}
}
.h2 {
margin-bottom: 2rem;
margin-top: 4.4rem;
font-family: "sofia-pro", sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
}
@media (min-width: 600px) {
.h2 {
font-size: 4rem;
}
}
@media (min-width: 768px) {
.h2 {
font-size: 4.5rem;
}
}
@media (min-width: 992px) {
.h2 {
font-size: 3.8rem;
}
}
.h3 {
margin-bottom: 2rem;
font-family: "sofia-pro", sans-serif;
font-size: 2.1rem;
font-weight: 700;
line-height: 1.4;
}
@media (min-width: 992px) {
.h3 {
font-size: 2.4rem;
}
}
.h4 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
}
.h5 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
}
/**
* Other text and basic elements
**/
.feature-paragraph {
font-size: 1.9rem;
}
@media (min-width: 768px) {
.feature-paragraph {
font-size: 1.8rem;
}
}
.list-in-a-container {
margin-left: 1.6rem;
padding-left: 0;
}
.list-outside-a-container > li {
margin-left: 1.6rem;
}
/**
* Objects
**/
.site-button {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-button {
font-size: 1.8rem;
}
}
.site-button:hover,
.site-button[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-button--hover {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-button--reversed {
color: white;
}
.site-button--small {
padding: 1px 5px;
font-size: 1.2rem;
}
@media (min-width: 1200px) {
.site-button--small {
font-size: 1.2rem;
}
}
.site-button--disabled {
padding: 0.6rem 2.2rem !important;
background-color: transparent !important;
border-color: rgba(251, 176, 58, 0.5);
color: rgba(14, 60, 101, 0.5) !important;
}
.form-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.form-field-element {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.form-field-element::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.form-field-element--small {
font-size: 1.2rem;
}
.form-field-element--large {
font-size: 1.8rem;
}
.qty-field-element {
display: inline-block;
padding: 0.6rem 0.6rem;
width: auto;
background-color: transparent;
border: 2px solid #F3EDE6;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.6;
text-align: right;
}
.form-field-container {
flex-basis: 100%;
margin-bottom: 0.5rem;
}
.form-field-container label {
display: block;
}
.form-field-container input[type="email"],
.form-field-container input[type="number"],
.form-field-container input[type="text"],
.form-field-container textarea {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.form-field-container input[type="email"]::placeholder,
.form-field-container input[type="number"]::placeholder,
.form-field-container input[type="text"]::placeholder,
.form-field-container textarea::placeholder {
color: rgba(14, 60, 101, 0.6);
}
@media (min-width: 768px) {
.form-field-container--half {
flex-basis: 48%;
}
}
.form-field-container--row {
display: flex;
flex-basis: auto;
flex-direction: row;
justify-content: flex-start;
}
.form-field-container--row label {
display: inline;
}
.box-swoosh-bottom {
bottom: 0;
left: 0;
right: 0;
top: auto;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.box-swoosh-top {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(-98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.box-swoosh-bottom-full-box {
-webkit-mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat;
mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat;
}
.box-swoosh-top-full-box {
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% auto no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% auto no-repeat;
}
.data-stubs {
column-gap: 0;
row-gap: 2rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
padding: 1.5rem;
}
@media (min-width: 600px) {
.data-stubs {
column-gap: 4rem;
row-gap: 2rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.data-stubs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.data-stubs {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.data-stubs {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.data-stub {
padding: 0 1.5rem;
}
@media (min-width: 600px) {
.data-stub {
padding: 0;
}
}
.data-stub__feature {
padding-bottom: 75%;
position: relative;
}
@media (min-width: 600px) {
.data-stub__feature {
padding-bottom: 100%;
}
}
.data-stub__feature__text {
bottom: auto;
left: 50%;
right: auto;
top: 50%;
position: absolute;
z-index: 11;
transform: translate(-50%, -50%);
}
.data-stub__feature__text h3 {
margin-bottom: 2rem;
font-family: "sofia-pro", sans-serif;
font-size: 2.1rem;
font-weight: 700;
line-height: 1.4;
margin: 0;
}
@media (min-width: 992px) {
.data-stub__feature__text h3 {
font-size: 2.4rem;
}
}
.data-stub__feature__image {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 10;
}
.data-stub__feature__image img {
height: 100% !important;
width: 100% !important;
position: relative;
z-index: 1;
object-fit: cover;
object-position: center center;
}
.data-stub__feature__image::after {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
transition: background-color 0.35s;
background-color: rgba(0, 0, 0, 0.2);
content: '';
}
.data-stub__detail {
padding: 1.5rem 0 2.5rem;
}
.data-stub__detail p {
margin-bottom: 1rem;
color: #1C1C1C;
}
.data-stub__detail button {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.data-stub__detail button {
font-size: 1.8rem;
}
}
.data-stub__detail button:hover,
.data-stub__detail button[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.data-stub > a {
display: block;
text-decoration: none;
}
.data-stub > a:hover .data-stub__feature__image::after {
background-color: rgba(192, 193, 195, 0.25);
}
.data-stub > a:hover .data-stub__detail p {
color: #FBB03A;
}
/***
* Details Block
***/
.details-block__pane {
height: 0;
overflow: hidden;
}
/**
* Popup
**/
.site-modal {
bottom: 0;
left: 0;
right: 0;
top: 0;
display: flex;
flex-direction: column;
position: fixed;
opacity: 0;
pointer-events: none;
transition: opacity 0.45s;
justify-content: center;
}
.site-modal.is-visible {
z-index: 101;
opacity: 1;
pointer-events: all;
}
.site-modal__close {
bottom: auto;
left: 0;
right: 0;
top: 6%;
height: auto;
width: 100%;
position: absolute;
z-index: 103;
transform: translateX(calc(30px * -1));
text-align: right;
}
.site-modal__close button {
cursor: pointer;
background-color: transparent;
border: none;
font-size: 0;
line-height: 0;
}
.site-modal__close button::before {
color: #0E3C65;
content: '\f410';
font-family: 'Font Awesome 5 Free';
font-size: 1.8rem;
line-height: 1;
}
.site-modal__close button:hover {
text-decoration: none;
}
.site-modal__close button:hover::before {
color: #FBB03A;
}
.site-modal__inner {
position: relative;
z-index: 102;
}
.site-modal__content {
padding: 30px;
position: relative;
}
.site-modal__screen {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 101;
background-color: rgba(0, 0, 0, 0.8);
}
.site-modal.narrow .site-modal__inner {
height: auto;
width: 90vw;
margin: 0 auto;
max-width: 500px;
}
.site-modal.narrow .site-modal__close {
bottom: auto;
left: 0;
right: 0;
top: 6%;
padding: 0 30px;
transform: translateY(-20px);
text-align: right;
}
.site-modal.narrow .site-modal__content {
background-color: #F3EDE6;
}
.site-modal.narrow .site-modal__content::before {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(-98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
background-color: #F3EDE6;
}
.site-modal.narrow .site-modal__content::after {
bottom: 0;
left: 0;
right: 0;
top: auto;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
background-color: #F3EDE6;
}
.site-modal.wide {
align-items: center;
}
.site-modal.wide .site-modal__inner {
height: 80vh;
width: 90vw;
}
.site-modal.wide .site-modal__close {
bottom: auto;
left: 0;
right: 0;
top: 0;
height: auto;
width: 90vw;
}
.site-modal.wide .site-modal__close button::before {
color: white;
}
.site-modal.wide .site-modal__close button::before:hover {
color: #FBB03A;
}
.site-modal.wide .site-modal__content {
height: 100%;
width: 100%;
}
:root {
--scroll-bar: 8px;
}
html {
font-size: 62.5%;
}
/**
* Body
**/
body {
margin: 0;
min-height: 100vh;
padding: 0;
position: relative;
background-color: white;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
line-height: 1.6;
}
body.menu-visible {
padding-right: var(--scroll-bar);
overflow: hidden;
}
#page {
overflow-x: hidden;
overflow-y: auto;
}
@media screen and (max-width: 600px) {
#wpadminbar {
top: -46px;
}
}
/**
* Masthead
**/
.site-header {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding: 2rem 0;
position: fixed;
z-index: 99;
transition: background-color 0.4s;
}
.site-header__inner {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
display: flex;
align-items: center;
}
@media (min-width: 600px) {
.site-header__inner {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-header__inner {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-header__inner {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-header__inner {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-header__inner {
max-width: 1620px;
}
}
body.below-top .site-header,
body.menu-visible .site-header {
background-color: #85716E;
}
body.admin-bar .site-header {
top: 46px;
}
@media (min-width: 783px) {
body.admin-bar .site-header {
top: 32px;
}
}
@media (max-width: 600px) {
body.admin-bar.below-top .site-header {
top: 0;
}
}
.site-branding {
flex-basis: 30%;
}
.site-branding .custom-logo-link {
display: block;
height: 95px;
transition: height 0.4s;
}
@media (min-width: 768px) {
.site-branding .custom-logo-link {
height: 125px;
}
}
.site-branding .custom-logo-link img {
display: block;
height: 100% !important;
width: 100% !important;
object-fit: contain;
object-position: left center;
}
body.below-top .site-branding .custom-logo-link {
height: 80px;
}
.site-nav {
flex-basis: 70%;
}
.site-nav nav {
height: auto;
width: 100%;
position: relative;
}
.site-nav nav .menu-toggle {
bottom: auto;
left: auto;
right: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
border-color: white;
border-radius: 0;
}
@media (min-width: 768px) {
.site-nav nav .menu-toggle {
display: none;
}
}
.site-nav nav .menu-toggle::before,
.site-nav nav .menu-toggle::after {
background-color: white;
}
.site-nav nav .menu-toggle:hover::before,
.site-nav nav .menu-toggle:hover::after {
background-color: #FBB03A;
}
.site-nav nav .menu-toggle[aria-expanded="true"] {
border-color: transparent;
}
.site-nav nav .menu-toggle[aria-expanded="true"]:hover {
border-color: transparent;
}
.site-nav nav .menu-toggle[aria-expanded="false"] {
border-color: white;
}
.site-nav nav .menu-toggle[aria-expanded="false"]:hover {
border-color: #FBB03A;
}
@media (max-width: 767px) {
.site-nav nav .menu-main-menu-container .nav-menu {
box-sizing: border-box;
bottom: 0;
left: -100vw;
right: 0;
top: 0;
display: block;
height: auto !important;
width: 100vw;
padding: 2rem;
pointer-events: none;
position: fixed;
opacity: 0;
transition: left 0.45s ease-in, opacity 0.45s;
background-color: #85716E;
}
.site-nav nav .menu-main-menu-container .nav-menu.menu-visible {
left: 0;
pointer-events: all;
opacity: 1;
}
.site-nav nav .menu-main-menu-container .nav-menu li {
display: block;
}
.site-nav nav .menu-main-menu-container .nav-menu li a {
display: block;
padding: 5px 0;
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
color: #F3EDE6;
text-align: center;
}
.site-nav nav .menu-main-menu-container .nav-menu li a:hover {
color: #FBB03A;
}
}
@media (min-width: 768px) {
.site-nav nav .menu-main-menu-container .nav-menu {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.site-nav nav .menu-main-menu-container .nav-menu li a {
display: block;
padding: 1rem 2rem;
color: white;
font-size: 1.2rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.site-nav nav .menu-main-menu-container .nav-menu li a:hover {
color: #FBB03A;
}
.site-nav nav .menu-main-menu-container .nav-menu li.current-menu-item a,
.site-nav nav .menu-main-menu-container .nav-menu li.current-page-ancestor a {
color: #FBB03A;
}
.site-nav nav .menu-main-menu-container .nav-menu li.cart {
padding-top: 7px;
}
.site-nav nav .menu-main-menu-container .nav-menu li.cart a {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: white;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0.6rem 1.6rem;
font-size: 1.2rem;
font-weight: 400;
align-items: center;
}
.site-nav nav .menu-main-menu-container .nav-menu li.cart a:hover,
.site-nav nav .menu-main-menu-container .nav-menu li.cart a[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-nav nav .menu-main-menu-container .nav-menu li.cart a::before {
display: inline-block;
margin-right: 4px;
content: '\f07a';
font-family: 'Font Awesome 5 Free';
font-size: 1.6rem;
line-height: 1;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.site-nav nav .menu-main-menu-container .nav-menu li a {
padding: 1rem 3rem;
font-size: 1.6rem;
}
}
@media (min-width: 768px) and (min-width: 1200px) {
.site-nav nav .menu-main-menu-container .nav-menu li.cart a {
font-size: 1.8rem;
}
}
/**
* Banner
**/
.site-banner {
-webkit-mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat;
mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat;
position: relative;
z-index: 1;
}
.site-banner__inner {
height: 495px;
width: 100%;
position: relative;
}
.site-banner__image,
.site-banner__video {
height: 100%;
width: 100%;
margin: 0;
position: relative;
background-position: center center;
background-size: cover;
}
.site-banner__image::before,
.site-banner__video::before {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
background-color: rgba(133, 113, 110, 0.5);
content: '';
}
.site-banner__image video,
.site-banner__video video {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.site-banner__content {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
bottom: auto;
left: 0;
right: 0;
top: 50%;
position: absolute;
z-index: 10;
transform: translateY(-40%);
text-align: center;
}
@media (min-width: 600px) {
.site-banner__content {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-banner__content {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-banner__content {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-banner__content {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-banner__content {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.site-banner__content {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-banner__content {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-banner__content {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-banner__content {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-banner__content {
padding-left: 380px;
padding-right: 380px;
}
}
@media (min-width: 768px) {
.site-banner__content {
transform: translateY(-50%);
}
}
.site-banner__content h1,
.site-banner__content h2 {
margin: 0;
font-family: "sofia-pro", sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 1.2;
margin: 30px 0 0 0;
color: white;
}
@media (min-width: 600px) {
.site-banner__content h1,
.site-banner__content h2 {
font-size: 4.8rem;
}
}
@media (min-width: 768px) {
.site-banner__content h1,
.site-banner__content h2 {
font-size: 5.4rem;
}
}
@media (min-width: 992px) {
.site-banner__content h1,
.site-banner__content h2 {
font-size: 6.8rem;
}
}
@media (min-width: 768px) {
.site-banner__content h1,
.site-banner__content h2 {
margin: 0 0 1.5rem 0;
}
}
.site-banner__content h1 em,
.site-banner__content h2 em {
font-family: 'Corinthia', cursive;
font-size: 200%;
font-weight: 400;
}
.site-banner__content h3,
.site-banner__content h4 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
color: white;
}
.site-banner__content .wp-block-buttons {
justify-content: center;
}
.site-banner__content .wp-block-button__link {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: white;
}
@media (min-width: 1200px) {
.site-banner__content .wp-block-button__link {
font-size: 1.8rem;
}
}
.site-banner__content .wp-block-button__link:hover,
.site-banner__content .wp-block-button__link[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
body.home .site-banner__inner {
height: 400px;
}
@media (min-width: 600px) {
body.home .site-banner__inner {
height: 500px;
}
}
@media (min-width: 768px) {
body.home .site-banner__inner {
height: 700px;
}
}
@media (min-width: 992px) {
body.home .site-banner__inner {
height: 925px;
}
}
/**
* Site Main
**/
.site-main h2 {
margin-bottom: 2rem;
margin-top: 4.4rem;
font-family: "sofia-pro", sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
}
@media (min-width: 600px) {
.site-main h2 {
font-size: 4rem;
}
}
@media (min-width: 768px) {
.site-main h2 {
font-size: 4.5rem;
}
}
@media (min-width: 992px) {
.site-main h2 {
font-size: 3.8rem;
}
}
.site-main h3 {
margin-bottom: 2rem;
font-family: "sofia-pro", sans-serif;
font-size: 2.1rem;
font-weight: 700;
line-height: 1.4;
}
@media (min-width: 992px) {
.site-main h3 {
font-size: 2.4rem;
}
}
.site-main h4 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
}
.site-main h4 + p {
margin-top: 0;
}
.site-main h5 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
}
.site-main .wp-block-buttons {
margin-top: 30px;
}
.site-main .wp-block-buttons + h3 {
margin-top: 70px;
}
.site-main .wp-block-button__link {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-main .wp-block-button__link {
font-size: 1.8rem;
}
}
.site-main .wp-block-button__link:hover,
.site-main .wp-block-button__link[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-main ul {
margin-left: 0;
padding-left: 20px;
}
.site-main #map {
height: 600px;
width: 100%;
}
.site-main #sb_instagram {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
@media (min-width: 600px) {
.site-main #sb_instagram {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main #sb_instagram {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main #sb_instagram {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main #sb_instagram {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main #sb_instagram {
max-width: 1620px;
}
}
.site-main #sb_instagram .sbi_follow_btn a {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-main #sb_instagram .sbi_follow_btn a {
font-size: 1.8rem;
}
}
.site-main #sb_instagram .sbi_follow_btn a:hover,
.site-main #sb_instagram .sbi_follow_btn a[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-main .entry-content {
margin-top: -6%;
color: #0E3C65;
}
.site-main .entry-content > *:first-child:not(.woocommerce) {
padding-top: calc(70px + 6%);
}
.site-main .entry-content > *:first-child:not(.woocommerce) > .wp-block-group__inner-container > h2:first-child {
margin-top: 0;
}
.site-main .entry-content > .woocommerce-message {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-color: #F3EDE6;
border-top-color: #0E3C65;
color: #0E3C65;
}
@media (min-width: 600px) {
.site-main .entry-content > .woocommerce-message {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .woocommerce-message {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .woocommerce-message {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .woocommerce-message {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .woocommerce-message {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.site-main .entry-content > .woocommerce-message {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .woocommerce-message {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .woocommerce-message {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .woocommerce-message {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .woocommerce-message {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content > .woocommerce-message::before {
color: #0E3C65;
}
.site-main .entry-content > .woocommerce-message:first-child {
margin-top: calc(70px + 6%);
padding-top: 1em;
}
.site-main .entry-content > .wp-block-columns {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
@media (min-width: 600px) {
.site-main .entry-content > .wp-block-columns {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .wp-block-columns {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .wp-block-columns {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .wp-block-columns {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .wp-block-columns {
max-width: 1620px;
}
}
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
}
@media (min-width: 600px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > h2,
.site-main .entry-content > h3,
.site-main .entry-content > h4,
.site-main .entry-content > p {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content > .wp-block-buttons {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
justify-content: center;
}
@media (min-width: 600px) {
.site-main .entry-content > .wp-block-buttons {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .wp-block-buttons {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .wp-block-buttons {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .wp-block-buttons {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .wp-block-buttons {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.site-main .entry-content > .wp-block-buttons {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .wp-block-buttons {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .wp-block-buttons {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .wp-block-buttons {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .wp-block-buttons {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-image.pan.bowl {
position: relative;
}
.site-main .entry-content .wp-block-image.pan.bowl::before {
bottom: auto;
left: -20%;
right: auto;
top: 3%;
display: block;
height: 30%;
width: 54%;
position: absolute;
z-index: 10;
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Wok_White.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
}
.site-main .entry-content .wp-block-image.pan.bowl::after {
bottom: -6%;
left: auto;
right: -17%;
top: auto;
display: block;
height: 32%;
width: 63%;
position: absolute;
z-index: 10;
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Bowl_White-1.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
content: '';
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences {
max-width: 1620px;
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-items-block__inner-container {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-items-block__inner-container {
flex-direction: row;
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block {
flex-basis: 22%;
margin: 0 4% 0 0;
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block:last-child {
margin-right: 0;
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block a {
pointer-events: none;
color: #0E3C65;
text-decoration: none;
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__image {
height: 120px;
width: 100%;
margin: 0;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__image {
height: 140px;
width: 100%;
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__image img {
bottom: auto;
left: 50%;
right: auto;
top: 50%;
max-height: 100% !important;
max-width: 150px !important;
position: absolute;
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__image img {
transform: translate(-70%, -50%);
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__content {
margin-top: 15px;
text-align: center;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__content {
margin-top: 0;
text-align: left;
}
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__content h4 {
margin-bottom: 0;
}
.site-main .entry-content .wp-block-rundev-data-items-block.experiences .wp-block-rundev-data-item-block__content h4 + p {
margin-top: 0;
}
.site-main .entry-content .wp-block-columns.dolphin {
position: relative;
}
.site-main .entry-content .wp-block-columns.dolphin::before {
bottom: auto;
left: auto;
right: -40px;
top: -150px;
height: auto;
width: 50%;
padding-bottom: 40%;
position: absolute;
z-index: 200;
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Dolphin.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
content: '';
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-columns.dolphin::before {
height: auto;
width: 50%;
padding-bottom: 40%;
bottom: auto;
left: auto;
right: -20%;
top: -200px;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-columns.dolphin::before {
height: auto;
width: 40%;
padding-bottom: 32%;
bottom: auto;
left: auto;
right: -10%;
top: -200px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-columns.dolphin::before {
height: auto;
width: 30%;
padding-bottom: 24%;
bottom: auto;
left: auto;
right: -15%;
top: -250px;
}
}
.site-main .entry-content .wp-block-columns.profile {
align-items: center !important;
}
.site-main .entry-content .wp-block-columns.profile .wp-block-image {
height: auto;
width: 75%;
margin: 0 auto;
padding-bottom: 75%;
position: relative;
}
.site-main .entry-content .wp-block-columns.profile .wp-block-image img {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100% !important;
width: 100% !important;
position: absolute;
border-radius: 50%;
object-fit: cover;
}
.site-main .entry-content .wp-block-columns:not(.profile) .wp-block-column {
text-align: center;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-columns:not(.profile) .wp-block-column {
text-align: left;
}
}
@media (max-width: 781px) {
.site-main .entry-content .wp-block-columns:not(.profile) .wp-block-column > figure.wp-block-image {
max-height: 165px;
text-align: center;
}
}
@media (max-width: 781px) {
.site-main .entry-content .wp-block-columns:not(.profile) .wp-block-column > figure.wp-block-image img {
height: auto !important;
width: auto !important;
max-height: 165px;
}
}
.site-main .entry-content .wp-block-columns + .swoosh {
margin-top: calc(70px + 6%);
}
.site-main .entry-content .wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
padding-bottom: 70px;
padding-top: 70px;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group__inner-container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group__inner-container {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group__inner-container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group__inner-container {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group__inner-container {
max-width: 1620px;
}
}
.site-main .entry-content .wp-block-group.swoosh {
position: relative;
}
.site-main .entry-content .wp-block-group.swoosh::before {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(-98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.site-main .entry-content .wp-block-group.swoosh::after {
bottom: 0;
left: 0;
right: 0;
top: auto;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.site-main .entry-content .wp-block-group.swoosh + .wp-block-columns {
margin-top: calc(70px + 6%);
}
.site-main .entry-content .wp-block-group.swoosh + .wp-block-cover {
padding-top: 6%;
}
.site-main .entry-content .wp-block-group.swoosh + h2 {
margin-top: 6%;
padding-top: 70px;
}
.site-main .entry-content .wp-block-group.swoosh + .wp-block-group.swoosh--bottom .wp-block-group__inner-container > h2:first-child {
padding-top: 6%;
text-align: center;
}
.site-main .entry-content .wp-block-group.swoosh--bottom {
position: relative;
}
.site-main .entry-content .wp-block-group.swoosh--bottom::after {
bottom: 0;
left: 0;
right: 0;
top: auto;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.site-main .entry-content .wp-block-group.swoosh--bottom.beige::after {
background-color: #F3EDE6;
}
.site-main .entry-content .wp-block-group.swoosh--bottom + .wp-block-cover {
padding-top: 6%;
}
.site-main .entry-content .wp-block-group.rope {
padding-bottom: calc(70px + 6%);
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Rope.png');
background-position: right -60px center;
background-repeat: no-repeat;
background-size: auto 120%;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.rope {
background-position: calc(50% + 288px) center;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.rope {
background-position: calc(50% + 360px) center;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.rope {
background-position: calc(50% + 470px) center;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.rope {
background-position: calc(50% + 570px) center;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.rope {
background-position: calc(50% + 650px) center;
}
}
.site-main .entry-content .wp-block-group.mussel {
padding-bottom: calc(70px + 6%);
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Mussel.png');
background-position: left 50% center;
background-repeat: no-repeat;
background-size: auto 50%;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.mussel {
background-position: left -35% center;
background-size: auto 50%;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.mussel {
background-position: left -30% center;
background-size: auto 55%;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.mussel {
background-position: left -30% center;
background-size: auto 60%;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.mussel {
background-position: left -25% center;
background-size: auto 70%;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.mussel {
background-position: left -25% center;
background-size: auto 75%;
}
}
.site-main .entry-content .wp-block-group.mussel-bowl {
padding-bottom: calc(70px + 6%);
padding-top: calc(70px + 6%);
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Bowl.png');
background-position: right -100px center;
background-repeat: no-repeat;
background-size: 50% auto;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.mussel-bowl {
background-position: right -200px center;
background-size: auto 30%;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.mussel-bowl {
background-position: right -200px center;
background-size: auto 30%;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.mussel-bowl {
background-position: right -200px center;
background-size: auto 30%;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.mussel-bowl {
background-position: right -200px center;
background-size: auto 30%;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.mussel-bowl {
background-position: right -200px center;
background-size: auto 30%;
}
}
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.mussel-bowl .wp-block-group__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-group.compass {
padding-bottom: calc(70px + 6%);
padding-top: calc(70px + 6%);
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Compass.png');
background-position: right -100px top 10%;
background-repeat: no-repeat;
background-size: auto 30%;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.compass {
background-position: right -100px top 10%;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.compass {
background-position: right -100px top 10%;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.compass {
background-position: right -100px top 10%;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.compass {
background-position: right -100px top 10%;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.compass {
background-position: right -100px top 10%;
}
}
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.compass .wp-block-group__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-group.seal.seagull {
padding-bottom: calc(70px + 6%);
padding-top: calc(70px + 6%);
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Seal.png'), url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/PMT_Icon_Seagull.png');
background-position: left -150px bottom, right bottom;
background-repeat: no-repeat;
background-size: 25% auto, 15% auto;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.seal.seagull {
background-position: left -150px bottom, right bottom;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.seal.seagull {
background-position: left -150px bottom, right bottom;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.seal.seagull {
background-position: left -150px bottom, right bottom;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.seal.seagull {
background-position: left -150px bottom, right bottom;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.seal.seagull {
background-position: left -150px bottom, right bottom;
}
}
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-group.seal.seagull .wp-block-group__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-group.beige {
background-color: #F3EDE6;
}
.site-main .entry-content .wp-block-group.beige.swoosh::before {
background-color: #F3EDE6;
}
.site-main .entry-content .wp-block-group.beige.swoosh::after {
background-color: #F3EDE6;
}
.site-main .entry-content .wp-block-group.brown {
background-color: #85716E;
color: white;
}
.site-main .entry-content .wp-block-group.brown .wp-block-button__link {
color: white;
}
.site-main .entry-content .wp-block-group.brown.swoosh::before {
background-color: #85716E;
}
.site-main .entry-content .wp-block-group.brown.swoosh::after {
background-color: #85716E;
}
.site-main .entry-content .wp-block-group.brown .wp-block-columns {
align-items: center !important;
}
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child {
text-align: center;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child {
text-align: left;
}
}
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child ul li,
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child ol li {
text-align: left;
}
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child ul + h3,
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child ol + h3 {
text-align: left;
}
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child .wp-block-buttons {
justify-content: center;
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-group.brown .wp-block-columns .wp-block-column:last-child .wp-block-buttons {
justify-content: flex-start;
}
}
.site-main .entry-content > .wp-block-group:first-child {
padding-bottom: calc(70px + 6%);
padding-top: calc(70px + 6%);
}
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content > .wp-block-group:first-child .wp-block-group__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-cover__background {
opacity: 50%;
background-color: #85716E;
}
.site-main .entry-content .wp-block-cover__background.has-background-dim.has-background-dim-0 {
opacity: 50%;
}
.site-main .entry-content .wp-block-cover.blue .wp-block-cover__background {
background-color: #0E3C65;
}
.site-main .entry-content .wp-block-cover__inner-container {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 70px;
padding-top: 70px;
text-align: left;
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-cover__inner-container {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-cover__inner-container {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-cover__inner-container {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-cover__inner-container {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-cover__inner-container {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.site-main .entry-content .wp-block-cover__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.site-main .entry-content .wp-block-cover__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.site-main .entry-content .wp-block-cover__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.site-main .entry-content .wp-block-cover__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.site-main .entry-content .wp-block-cover__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
.site-main .entry-content .wp-block-cover__inner-container h2 {
margin-top: 0;
}
.site-main .entry-content .wp-block-cover__inner-container .wp-block-quote {
margin: 0;
text-align: inherit;
}
.site-main .entry-content .wp-block-cover__inner-container .wp-block-quote p {
text-align: inherit;
}
.site-main .entry-content .wp-block-cover.swoosh {
padding-bottom: 6%;
padding-top: 6%;
}
.site-main .entry-content .wp-block-cover.swoosh + h2 {
margin-top: 0;
max-width: none;
padding-top: 70px;
position: relative;
}
.site-main .entry-content .wp-block-cover.swoosh + h2::before {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding-bottom: 6%;
position: absolute;
z-index: 11;
transform: translateY(-98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
background-color: white;
}
.site-main .entry-content .wp-block-cover.swoosh + h2:last-child {
margin-bottom: 0;
}
.site-main .entry-content .wp-block-cover.swoosh .wp-block-cover__inner-container {
padding-top: calc(70px * 1.5);
}
.site-main .entry-content .wp-block-cover.swoosh--top {
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% auto no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% auto no-repeat;
margin-top: -6%;
padding-top: 6%;
}
.site-main .entry-content .c-accordion__item {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #FBB03A;
}
.site-main .entry-content .c-accordion__title {
margin-top: 0;
text-transform: none;
}
.site-main .entry-content .c-accordion__title::after {
color: #0E3C65;
}
.site-main .entry-content div.wpforms-container-full .wpforms-form button[type=submit] {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-main .entry-content div.wpforms-container-full .wpforms-form button[type=submit] {
font-size: 1.8rem;
}
}
.site-main .entry-content div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.site-main .entry-content div.wpforms-container-full .wpforms-form button[type=submit][aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-main .entry-content .wp-block-navigation__container {
display: flex;
flex-direction: row;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.site-main .entry-content .wp-block-navigation__container li {
margin-right: 10px;
}
.site-main .entry-content .wp-block-navigation__container li a {
font-size: 0;
line-height: 0;
text-decoration: none;
}
.site-main .entry-content .wp-block-navigation__container li a::before {
color: #FBB03A;
font-family: 'Font Awesome 5 Brands';
font-size: 2.4rem;
line-height: 1;
}
.site-main .entry-content .wp-block-navigation__container li.instagram a::before {
content: '\f16d';
}
.site-main .entry-content .wp-block-navigation__container li.facebook a::before {
content: '\f082';
}
.site-main .entry-header {
color: white;
text-align: center;
}
body.page-id-99 .site-main .entry-content > .wp-block-group:first-child {
padding-bottom: 0;
}
body.single-product .entry-header {
display: none;
}
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 70px;
}
@media (min-width: 600px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
max-width: 576px;
}
}
@media (min-width: 768px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
max-width: 940px;
}
}
@media (min-width: 1200px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
max-width: 1620px;
}
}
@media (min-width: 600px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
body.single-product .entry-content .wc-appointments-appointment-form-wrap {
padding-left: 380px;
padding-right: 380px;
}
}
body.single-product .entry-content .wp-block-group.beige.mussel-bowl {
padding-bottom: 0;
}
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
body.single-product .entry-content .wp-block-group.beige.mussel-bowl .wp-block-group__inner-container {
padding-left: 380px;
padding-right: 380px;
}
}
body.single-product .edit-link {
display: none;
}
body.single-product .post-navigation {
display: none;
}
/**
* Woocommerce
**/
.woocommerce button.single_add_to_cart_button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
flex-basis: auto;
flex-grow: unset;
flex-shrink: unset;
float: none;
}
@media (min-width: 1200px) {
.woocommerce button.single_add_to_cart_button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
font-size: 1.8rem;
}
}
.woocommerce button.single_add_to_cart_button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.single_add_to_cart_button.alt[aria-current],
.woocommerce a.button.alt[aria-current],
.woocommerce button.button.alt[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.woocommerce button.single_add_to_cart_button.alt.disabled.button.alt,
.woocommerce a.button.alt.disabled.button.alt,
.woocommerce button.button.alt.disabled.button.alt,
.woocommerce button.single_add_to_cart_button.alt:disabled,
.woocommerce a.button.alt:disabled,
.woocommerce button.button.alt:disabled {
padding: 0.6rem 2.2rem !important;
background-color: transparent !important;
border-color: rgba(251, 176, 58, 0.5);
color: rgba(14, 60, 101, 0.5) !important;
}
.woocommerce button.single_add_to_cart_button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary {
float: none;
width: 100%;
}
.woocommerce .single-product div.product + h3 {
margin-top: 70px;
text-align: center;
}
.woocommerce .single-product div.product form.cart {
position: relative;
z-index: 9;
}
.woocommerce form.variations_form.cart {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 70px;
}
@media (min-width: 600px) {
.woocommerce form.variations_form.cart {
max-width: 576px;
}
}
@media (min-width: 768px) {
.woocommerce form.variations_form.cart {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.woocommerce form.variations_form.cart {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.woocommerce form.variations_form.cart {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.woocommerce form.variations_form.cart {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.woocommerce form.variations_form.cart {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.woocommerce form.variations_form.cart {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.woocommerce form.variations_form.cart {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.woocommerce form.variations_form.cart {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.woocommerce form.variations_form.cart {
padding-left: 380px;
padding-right: 380px;
}
}
.woocommerce .woocommerce-variation-add-to-cart {
display: flex;
flex-direction: row;
justify-content: center;
}
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
max-width: 576px;
}
}
@media (min-width: 768px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.woocommerce .woocommerce-notices-wrapper,
.woocommerce .woocommerce-form-coupon-toggle {
padding-left: 380px;
padding-right: 380px;
}
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
background-color: #F3EDE6;
border-top-color: #0E3C65;
color: #0E3C65;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
color: #0E3C65;
}
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 1px 5px;
font-size: 1.2rem;
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button {
font-size: 1.8rem;
}
}
.woocommerce .woocommerce-message a.button:hover,
.woocommerce .woocommerce-info a.button:hover,
.woocommerce .woocommerce-message a.button[aria-current],
.woocommerce .woocommerce-info a.button[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button {
font-size: 1.2rem;
}
}
.woocommerce .woocommerce-message a.showcoupon,
.woocommerce .woocommerce-info a.showcoupon {
color: #0E3C65;
}
.woocommerce .woocommerce-checkout {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
.woocommerce .woocommerce-checkout {
max-width: 576px;
}
}
@media (min-width: 768px) {
.woocommerce .woocommerce-checkout {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.woocommerce .woocommerce-checkout {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-checkout {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.woocommerce .woocommerce-checkout {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.woocommerce .woocommerce-checkout {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.woocommerce .woocommerce-checkout {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.woocommerce .woocommerce-checkout {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-checkout {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.woocommerce .woocommerce-checkout {
padding-left: 380px;
padding-right: 380px;
}
}
.woocommerce .woocommerce-checkout #payment {
background-color: #F3EDE6;
}
.woocommerce .woocommerce-checkout #payment .woocommerce-info {
background-color: white;
}
.woocommerce .woocommerce-checkout #payment #pwgc-redeem-button {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 1px 5px;
font-size: 1.2rem;
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-checkout #payment #pwgc-redeem-button {
font-size: 1.8rem;
}
}
.woocommerce .woocommerce-checkout #payment #pwgc-redeem-button:hover,
.woocommerce .woocommerce-checkout #payment #pwgc-redeem-button[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 1200px) {
.woocommerce .woocommerce-checkout #payment #pwgc-redeem-button {
font-size: 1.2rem;
}
}
.woocommerce .entry-summary {
margin-top: 0;
}
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
}
@media (min-width: 600px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
max-width: 576px;
}
}
@media (min-width: 768px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 {
padding-left: 380px;
padding-right: 380px;
}
}
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
}
@media (min-width: 600px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
max-width: 576px;
}
}
@media (min-width: 768px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
max-width: 1620px;
}
}
@media (min-width: 600px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
.woocommerce .entry-summary .wp-block-group.swoosh + h2 + p {
padding-left: 380px;
padding-right: 380px;
}
}
.woocommerce .entry-summary p.price {
display: none;
}
.woocommerce .entry-summary p.price + .wp-block-group.beige {
padding-top: 6%;
}
.woocommerce .entry-summary input.qty {
display: inline-block;
padding: 0.6rem 0.6rem;
width: auto;
background-color: transparent;
border: 2px solid #F3EDE6;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.6;
text-align: right;
}
.woocommerce .entry-summary table.variations label {
font-size: 1.8rem;
}
.woocommerce .entry-summary table.variations select {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-size: 1.8rem;
}
.woocommerce .entry-summary table.variations select::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce .entry-summary .single_variation_wrap .quantity input {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-size: 1.8rem;
}
.woocommerce .entry-summary .single_variation_wrap .quantity input::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container {
flex-basis: 100%;
margin-bottom: 0.5rem;
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container label {
display: block;
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="email"],
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="number"],
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="text"],
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container textarea {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="email"]::placeholder,
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="number"]::placeholder,
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="text"]::placeholder,
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container textarea::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="text"] {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container input[type="text"]::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce .entry-summary .single_variation_wrap #pwgc-purchase-container .pwgc-field-container .pwgc-subtitle {
color: white;
}
.woocommerce table.shop_table {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.woocommerce table.shop_table.cart .variation p {
margin-top: 0;
text-align: left;
}
.woocommerce table.shop_table.cart td input[type="text"],
.woocommerce table.shop_table.cart td input[type="number"] {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.woocommerce table.shop_table.cart td input[type="text"]::placeholder,
.woocommerce table.shop_table.cart td input[type="number"]::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce table.shop_table.cart td div.coupon {
flex-basis: 100%;
margin-bottom: 0.5rem;
display: flex;
flex-basis: auto;
flex-direction: row;
justify-content: flex-start;
}
.woocommerce table.shop_table.cart td div.coupon label {
display: block;
}
.woocommerce table.shop_table.cart td div.coupon input[type="email"],
.woocommerce table.shop_table.cart td div.coupon input[type="number"],
.woocommerce table.shop_table.cart td div.coupon input[type="text"],
.woocommerce table.shop_table.cart td div.coupon textarea {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.woocommerce table.shop_table.cart td div.coupon input[type="email"]::placeholder,
.woocommerce table.shop_table.cart td div.coupon input[type="number"]::placeholder,
.woocommerce table.shop_table.cart td div.coupon input[type="text"]::placeholder,
.woocommerce table.shop_table.cart td div.coupon textarea::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce table.shop_table.cart td div.coupon label {
display: inline;
}
.woocommerce table.shop_table.cart td div.coupon label {
display: none;
}
.woocommerce table.shop_table.cart td div.coupon input[type="text"],
.woocommerce table.shop_table.cart td div.coupon input[type="number"] {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-size: 1.2rem;
}
.woocommerce table.shop_table.cart td div.coupon input[type="text"]::placeholder,
.woocommerce table.shop_table.cart td div.coupon input[type="number"]::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce table.shop_table.cart td div.coupon button {
padding: 1px 5px;
font-size: 1.2rem;
white-space: nowrap;
}
@media (min-width: 1200px) {
.woocommerce table.shop_table.cart td div.coupon button {
font-size: 1.2rem;
}
}
.woocommerce table.shop_table.cart td button {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.woocommerce table.shop_table.cart td button {
font-size: 1.8rem;
}
}
.woocommerce table.shop_table.cart td button:hover,
.woocommerce table.shop_table.cart td button[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.woocommerce .wc-proceed-to-checkout {
text-align: right;
}
.woocommerce .wc-proceed-to-checkout .coupon form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}
.woocommerce .wc-proceed-to-checkout .coupon label {
flex-basis: 100%;
}
.woocommerce .wc-proceed-to-checkout .coupon input[type="text"] {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-size: 1.2rem;
flex-basis: 60%;
width: auto;
}
.woocommerce .wc-proceed-to-checkout .coupon input[type="text"]::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.woocommerce .wc-proceed-to-checkout .coupon button[type="submit"] {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 1px 5px;
font-size: 1.2rem;
flex-basis: 37%;
margin-left: 3%;
width: auto;
}
@media (min-width: 1200px) {
.woocommerce .wc-proceed-to-checkout .coupon button[type="submit"] {
font-size: 1.8rem;
}
}
.woocommerce .wc-proceed-to-checkout .coupon button[type="submit"]:hover,
.woocommerce .wc-proceed-to-checkout .coupon button[type="submit"][aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 1200px) {
.woocommerce .wc-proceed-to-checkout .coupon button[type="submit"] {
font-size: 1.2rem;
}
}
.woocommerce-checkout {
text-align: left;
}
.woocommerce-checkout p {
text-align: inherit;
}
.woocommerce-checkout .select2-container--default .select2-selection--single {
height: 22px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
line-height: 2.2rem;
text-align: left;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 22px;
}
.woocommerce-checkout #payment {
background-color: rgba(0, 0, 0, 0.5);
}
#pwgc-redeem-form #pwgc-redeem-gift-card-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#pwgc-redeem-form #pwgc-redeem-gift-card-container label {
flex-basis: 100%;
margin-top: 1rem;
}
#pwgc-redeem-form #pwgc-redeem-gift-card-container #pwgc-redeem-error {
flex-basis: 100%;
}
#pwgc-redeem-form input[type="text"] {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-size: 1.2rem;
flex-basis: 60%;
}
#pwgc-redeem-form input[type="text"]::placeholder {
color: rgba(14, 60, 101, 0.6);
}
#pwgc-redeem-form input[type="submit"] {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 1px 5px;
font-size: 1.2rem;
flex-basis: 37%;
margin-left: 3%;
}
@media (min-width: 1200px) {
#pwgc-redeem-form input[type="submit"] {
font-size: 1.8rem;
}
}
#pwgc-redeem-form input[type="submit"]:hover,
#pwgc-redeem-form input[type="submit"][aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 1200px) {
#pwgc-redeem-form input[type="submit"] {
font-size: 1.2rem;
}
}
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.woocommerce-cart .woocommerce .cart_totals h2 {
text-align: right;
}
.woocommerce-cart .woocommerce .cart_totals table td,
.woocommerce-cart .woocommerce .cart_totals table th {
text-align: right;
}
body.woocommerce-order-received .woocommerce {
margin-left: auto;
margin-right: auto;
max-width: none;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 600px) {
body.woocommerce-order-received .woocommerce {
max-width: 576px;
}
}
@media (min-width: 768px) {
body.woocommerce-order-received .woocommerce {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
body.woocommerce-order-received .woocommerce {
max-width: 940px;
}
}
@media (min-width: 1200px) {
body.woocommerce-order-received .woocommerce {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
body.woocommerce-order-received .woocommerce {
max-width: 1620px;
}
}
@media (min-width: 600px) {
body.woocommerce-order-received .woocommerce {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) {
body.woocommerce-order-received .woocommerce {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
body.woocommerce-order-received .woocommerce {
padding-left: 115px;
padding-right: 115px;
}
}
@media (min-width: 1200px) {
body.woocommerce-order-received .woocommerce {
padding-left: 200px;
padding-right: 200px;
}
}
@media (min-width: 1700px) {
body.woocommerce-order-received .woocommerce {
padding-left: 380px;
padding-right: 380px;
}
}
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot .spaces-left {
display: none !important;
}
.product-stubs,
.blog-stubs {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
@media (min-width: 600px) {
.product-stubs,
.blog-stubs {
max-width: 576px;
}
}
@media (min-width: 768px) {
.product-stubs,
.blog-stubs {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.product-stubs,
.blog-stubs {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.product-stubs,
.blog-stubs {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.product-stubs,
.blog-stubs {
max-width: 1620px;
}
}
.product-stubs__inner,
.blog-stubs__inner {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media (min-width: 768px) {
.product-stubs__inner,
.blog-stubs__inner {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
}
.product-stub,
.blog-stub {
flex-basis: auto;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.product-stub,
.blog-stub {
flex-basis: 49%;
margin-bottom: 2%;
margin-right: 2%;
}
.product-stub:last-child,
.blog-stub:last-child {
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-stub:nth-child( 2n ),
.blog-stub:nth-child( 2n ) {
margin-right: 0;
}
}
@media (min-width: 992px) {
.product-stub,
.blog-stub {
flex-basis: 32%;
margin-bottom: 2%;
margin-right: 2%;
}
.product-stub:nth-child( 3n ),
.blog-stub:nth-child( 3n ) {
margin-right: 0;
}
}
.product-stub__inner,
.blog-stub__inner {
position: relative;
}
.product-stub__image,
.blog-stub__image {
overflow: hidden;
padding-bottom: 100%;
position: relative;
border-radius: 40px;
}
.product-stub__image img,
.blog-stub__image img {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
object-fit: cover;
object-position: center;
}
.product-stub__image::before,
.blog-stub__image::before {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
background-color: rgba(133, 113, 110, 0.5);
content: '';
}
.product-stub__content,
.blog-stub__content {
bottom: 0;
left: 0;
right: 0;
top: auto;
padding: 30px;
position: absolute;
z-index: 10;
color: white;
}
.product-stub__actions,
.blog-stub__actions {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: space-between;
}
.product-stub__actions a,
.blog-stub__actions a {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: white;
}
@media (min-width: 1200px) {
.product-stub__actions a,
.blog-stub__actions a {
font-size: 1.8rem;
}
}
.product-stub__actions a:hover,
.blog-stub__actions a:hover,
.product-stub__actions a[aria-current],
.blog-stub__actions a[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
.product-stub__actions a,
.blog-stub__actions a {
padding: 1px 5px;
font-size: 1.2rem;
}
}
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) {
.product-stub__actions a,
.blog-stub__actions a {
font-size: 1.2rem;
}
}
/**
* Popup
**/
.site-modal__content {
color: #0E3C65;
}
.site-modal__content.loading {
min-height: 100px;
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/loading-animation.gif');
background-position: center;
background-repeat: no-repeat;
}
.site-modal__content h2 {
margin-bottom: 2rem;
margin-top: 4.4rem;
font-family: "sofia-pro", sans-serif;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.4;
text-transform: capitalize;
margin-top: 0;
}
@media (min-width: 600px) {
.site-modal__content h2 {
font-size: 4rem;
}
}
@media (min-width: 768px) {
.site-modal__content h2 {
font-size: 4.5rem;
}
}
@media (min-width: 992px) {
.site-modal__content h2 {
font-size: 3.8rem;
}
}
.site-modal__content .wp-block-image {
height: auto;
width: 100%;
padding-bottom: 50%;
position: relative;
}
.site-modal__content .wp-block-image img {
bottom: 0;
left: 0;
right: 0;
top: 0;
height: 100% !important;
width: 100% !important;
position: absolute;
object-fit: cover;
object-position: center;
}
.site-modal__content input[type="text"],
.site-modal__content input[type="email"],
.site-modal__content textarea {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.site-modal__content input[type="text"]::placeholder,
.site-modal__content input[type="email"]::placeholder,
.site-modal__content textarea::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.site-modal__content .wpforms-field,
.site-modal__content .mc-field-group {
flex-basis: 100%;
margin-bottom: 0.5rem;
}
.site-modal__content .wpforms-field label,
.site-modal__content .mc-field-group label {
display: block;
}
.site-modal__content .wpforms-field input[type="email"],
.site-modal__content .mc-field-group input[type="email"],
.site-modal__content .wpforms-field input[type="number"],
.site-modal__content .mc-field-group input[type="number"],
.site-modal__content .wpforms-field input[type="text"],
.site-modal__content .mc-field-group input[type="text"],
.site-modal__content .wpforms-field textarea,
.site-modal__content .mc-field-group textarea {
display: block;
height: auto;
width: 100%;
border-color: rgba(63, 64, 66, 0.5);
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
}
.site-modal__content .wpforms-field input[type="email"]::placeholder,
.site-modal__content .mc-field-group input[type="email"]::placeholder,
.site-modal__content .wpforms-field input[type="number"]::placeholder,
.site-modal__content .mc-field-group input[type="number"]::placeholder,
.site-modal__content .wpforms-field input[type="text"]::placeholder,
.site-modal__content .mc-field-group input[type="text"]::placeholder,
.site-modal__content .wpforms-field textarea::placeholder,
.site-modal__content .mc-field-group textarea::placeholder {
color: rgba(14, 60, 101, 0.6);
}
.site-modal__content .wpforms-field > label,
.site-modal__content .mc-field-group > label {
display: none;
font-size: 1.6rem;
}
@media (min-width: 768px) {
.site-modal__content .wpforms-one-half {
flex-basis: 48%;
}
}
.site-modal__content .wpforms-one-half > label {
display: none;
font-size: 1.2rem;
}
.site-modal__content .wpforms-field-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.site-modal__content .wpforms-submit {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-modal__content .wpforms-submit {
font-size: 1.8rem;
}
}
.site-modal__content .wpforms-submit:hover,
.site-modal__content .wpforms-submit[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-modal__content #mc_embed_signup input[type="submit"] {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1200px) {
.site-modal__content #mc_embed_signup input[type="submit"] {
font-size: 1.8rem;
}
}
.site-modal__content #mc_embed_signup input[type="submit"]:hover,
.site-modal__content #mc_embed_signup input[type="submit"][aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
.site-modal__content #mc_embed_signup .indicates-required {
font-size: 1.2rem;
}
.site-modal__content #mce-responses #mce-success-response {
margin: 30px 0;
padding: 30px 0;
border-bottom: 1px solid rgba(14, 60, 101, 0.5);
border-top: 1px solid rgba(14, 60, 101, 0.5);
color: #0E3C65;
}
.site-modal__content .video-container {
height: 100%;
width: 100%;
}
.site-modal__content .video-container video {
height: 100%;
width: 100%;
object-fit: contain;
}
/**
* Site Footer
**/
.site-footer {
padding-top: 10%;
background-color: white;
background-image: url('https://www.portarlingtonmusseltours.com.au/wp-content/uploads/2023/03/graphic-waves-light-brown.png');
background-position: top center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.site-info {
overflow: visible;
padding-bottom: 70px;
padding-top: 70px;
position: relative;
background-color: #F3EDE6;
color: #0E3C65;
font-size: 1.2rem;
}
.site-info::before {
bottom: auto;
left: 0;
right: 0;
top: 0;
padding-bottom: 6%;
position: absolute;
transform: translateY(-99%);
background-color: #F3EDE6;
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat;
content: '';
}
.site-info__inner {
margin-left: auto;
margin-right: auto;
max-width: none;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 600px) {
.site-info__inner {
max-width: 576px;
}
}
@media (min-width: 768px) {
.site-info__inner {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.site-info__inner {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.site-info__inner {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.site-info__inner {
max-width: 1620px;
}
}
@media (min-width: 768px) {
.site-info__inner {
flex-direction: row;
}
}
.site-info h4 {
margin-bottom: 0;
font-family: "sofia-pro", sans-serif;
font-size: 1.8rem;
font-weight: 700;
text-transform: uppercase;
}
.site-info .wp-block-buttons {
flex-direction: column;
align-items: flex-start;
}
.site-info .wp-block-button__link {
display: inline-block;
padding: 0.6rem 2.2rem;
cursor: pointer;
background-color: transparent;
border: 2px solid #FBB03A;
border-radius: 0.75rem;
color: #0E3C65;
font-family: "sofia-pro", sans-serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 1px 5px;
font-size: 1.2rem;
}
@media (min-width: 1200px) {
.site-info .wp-block-button__link {
font-size: 1.8rem;
}
}
.site-info .wp-block-button__link:hover,
.site-info .wp-block-button__link[aria-current] {
background-color: #FBB03A;
border: 2px solid #FBB03A;
box-shadow: none;
color: white;
}
@media (min-width: 1200px) {
.site-info .wp-block-button__link {
font-size: 1.2rem;
}
}
@media (min-width: 768px) {
.site-info__hours {
flex-basis: 30%;
margin-bottom: 0;
margin-right: 5%;
}
}
@media (min-width: 768px) {
.site-info__directions {
flex-basis: 30%;
margin-bottom: 0;
margin-right: 5%;
}
}
@media (min-width: 768px) {
.site-info__contact {
flex-basis: 30%;
}
}
.site-info__contact .menu-socials-menu-container ul.menu {
display: flex;
flex-direction: row;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
.site-info__contact .menu-socials-menu-container ul.menu li {
margin-right: 10px;
}
.site-info__contact .menu-socials-menu-container ul.menu li a {
font-size: 0;
line-height: 0;
text-decoration: none;
}
.site-info__contact .menu-socials-menu-container ul.menu li a::before {
color: #0E3C65;
font-family: 'Font Awesome 5 Brands';
font-size: 1.8rem;
line-height: 1;
}
.site-info__contact .menu-socials-menu-container ul.menu li.instagram a::before {
content: '\f16d';
}
.site-info__contact .menu-socials-menu-container ul.menu li.facebook a::before {
content: '\f082';
}
/* Added on 4/6/24 */
/* .site-main .entry-content .wp-block-group.beige{position:relative;} */
.site-main .entry-content .wp-block-group.rope{-webkit-mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat; mask: url('data:image/svg+xml;utf8,') center bottom / 100% auto no-repeat; z-index: 1;}
/* .site-main .entry-content .wp-block-group.beige::after{background-color: #F3EDE6;}
.site-main .entry-content .wp-block-group.beige::after{bottom: 0; left: 0; right: 0; top: auto; padding-bottom: 6%; position: absolute; z-index: 11; transform: translateY(98%);
-webkit-mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat; mask: url('data:image/svg+xml;utf8,') center top / 100% 100% no-repeat; content: '';} */
.hme_tour .wp-block-group__inner-container{padding-top:0 !important;}
@media(max-width:1699px){
.site-nav nav .menu-main-menu-container .nav-menu li a{padding:1rem 2rem; font-size: 1.4rem;}
}
/*Added on 12/03/25*/
@media (min-width: 600px) {
.google_review_wrap {
max-width: 576px;
margin: auto;
}
}
@media (min-width: 768px) {
.google_review_wrap {
max-width: 720px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.google_review_wrap {
max-width: 940px;
}
}
@media (min-width: 1200px) {
.google_review_wrap {
max-width: 1140px;
}
}
@media (min-width: 1700px) {
.google_review_wrap {
max-width: 1620px;
}
}
.ti-footer.source-Google{text-align:left !important; margin-left:0 !important;}
.ti-footer.source-Google .ti-large-logo img.ti-logo-fb {
margin-right: auto !important;
margin-left: 0 !important;
}