html { height: 100%; overflow-x: hidden; }
.clear, .clearfix { clear: both; }
.clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.post, .page { margin: 0 !important; }
div, span, ul, li, img, header, nav, footer, main, article, aside, section { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { position: relative; font-size: 1.1rem; line-height: 1.7rem; font-weight: 400; font-family: 'Figtree', sans-serif; color: #333; background: #fff; }
#page { z-index: 1; }   a, a:visited { text-decoration: none; color: #00b2b2; }
a:active, a:hover { text-decoration: none; color: #00b2b2; }
.entry-content a, #home-intro a { text-decoration: underline; text-underline-offset: .3125em; color: #00b2b2; }
.entry-content a:hover, #home-intro a:hover { text-decoration: underline; color: #00b2b2; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; color: #00b2b2; letter-spacing: -2px; line-height: 1em; font-weight: 400; font-family: "Caveat Brush", cursive; text-shadow: none; text-transform: capitalize; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00b2b2; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; }
h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a { color: #00b2b2 !important; }
h1 { font-size: 3.5rem; line-height: 3rem; }
h2 { font-size: 3rem; line-height: 3rem; }
h3 { font-size: 2.6rem; line-height: 2.6rem; margin-bottom: 20px; }
h4 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; }
h5 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 20px; }
h6 { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 20px; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: #00b2b2; font-style: normal; }
strong { font-weight: 700; }
p { margin: 0 0 2rem; }
figure { margin: 0 0; }
::-webkit-input-placeholder { color: #222; }
::-moz-placeholder { color: #222; }
:-ms-input-placeholder { color: #222; }
:-moz-placeholder { color: #222; }
input:focus, input:active, input[type="checkbox"], select, textarea, img { outline: none; }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input.text, input.title, textarea, select { background-color: #fff; color: #222 !important; border: 1px solid #e3e3e3; padding: 14px !important; font-weight: 400; font-size: inherit; border-radius: 0px; -webkit-border-radius: 0px; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #e3e3e3; color: #222; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
textarea { resize: vertical; }
.ginput_container_checkbox { padding-top: 20px; }
.gfield_checkbox input[type="checkbox"] { opacity: 0; }
.gfield_checkbox label::before{
content: "";
display: inline-block;
height: 20px;
width: 20px;
left: 0;
border: 2px solid #ccc;
border-radius: 0 0;
-webkit-border-radius: 0 0;
}
.gfield_checkbox label::after {
content: "";
display: inline-block;
height: 8px;
width: 12px;
border-left: 2px solid #00b2b2;
border-bottom: 2px solid #00b2b2;
transform: rotate(-45deg);
}
.gfield_checkbox label { position: relative; padding-left: 30px !important; padding-bottom: 6px !important; }
.gfield_checkbox label::before, .gfield_checkbox label::after { position: absolute; }
.gfield_checkbox label::before { top: 3px; }
.gfield_checkbox label::after { left: 4px; top: 7px; } .gfield_checkbox input[type="checkbox"] + label::after {
content: none;
outline: none;
} .gfield_checkbox input[type="checkbox"]:checked + label::after {
content: "";
outline: none;
} .gfield_checkbox input[type="checkbox"]:focus + label::before {
outline: none;
}
.gfield_checkbox input[type="checkbox"]:checked + label::before { border-color: #00b2b2; }
input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button {
-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; z-index: 1;
border-radius: 4px; -webkit-border-radius: 4px;
position: relative;
background: #00b2b2;
border: 0px none;
display: inline-block;
cursor: pointer;
color: #fff !important;
font-size: 0.9rem;
font-weight: 700;
font-family: 'Figtree', sans-serif;
text-decoration: none !important;
text-transform: capitalize;
letter-spacing: -0.3px;
line-height: 2rem;
padding: 7px 40px;
text-align: center;
}
input[type=button] i, input[type=submit] i, button i, .button i, a.read-more i, .reply-container a i, #commentform input#submit i, a i, .shortcode-button a i { position: relative; top: 1px; vertical-align: middle; margin-right: 10px; font-size: 120%; }
input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover, a.read-more:hover, .reply-container a:hover, #commentform input#submit:hover, .shortcode-button a:hover, .gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover {
background: #00b2b2 !important;
text-decoration: none !important;
color: #fff !important;
} input, select, img, textarea, article, section, input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, a.button, .site-info section .footer-socials a, .main-navigation ul ul, #back-top, .main-navigation ul ul a, .main-navigation li a::after, .main-navigation li a::before, .main-navigation, .main-navigation li a, .menu-item-has-children::before, a.home-getintouch, ul#post-page-loop li, ul#post-page-loop li .post-page-img img, .shortcode-features-list ul li, .site-header, .site-branding img, #home-services ul li a, #home-services ul li a span, #project-slider ul li .post-page-img img, #home-first-block article section:last-of-type a::after, #home-first-block article section:last-of-type a::before, .topbar a.header-quote, .projects-member-info, #project-slider ul li .projects-more, #home-extra-services ul li img, #home-extra-services ul li h3 a, #home-extra-services ul li a, .site-info section.footer-right section div ul.footer-services li a, #home-supplies section ul li, #home-supplies section ul li div.supplies-img span {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .container { margin: 0 auto; width: 1460px; }
#primary { float: left; width: 65%; text-align: left; padding: 100px 0px; }
.fullwidth #primary { float: none; width: auto; }
#secondary { float: right; width: 30%; text-align: left; padding: 0 0; top: -50px; } .site-header { position: fixed; z-index: 111; top: 0; width: 100%; background: rgba(0,0,0,0); padding: 20px 30px; visibility: visible; }
.site-header.header-scroll { opacity: 0; -webkit-opacity: 0; visibility: hidden; }
.topbar { color: #ccc; padding: 0 0; font-size: 0.9rem; font-weight: 600; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; margin-bottom: 20px; }
.topbar a { color: #ccc; line-height: 1rem; display: inline-block; margin-right: 30px; }
.topbar a:hover { color: #fff; }
.topbar a i { vertical-align: middle; position: relative; display: inline-block; top: 0px; color: #00b2b2; font-size: 1.3rem; margin-right: 10px; }
.topbar a.header-quote { color: #fff; background: none transparent; border: 1px solid #fff; margin-right: 0px; padding: 12px 22px; text-transform: uppercase; font-weight: 600; font-size: 0.8rem; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 0; }
.topbar a.header-quote:hover { color: #222; background: #00b2b2 !important; border-color: #00b2b2 !important; }
.topbar a.header-quote i { color: #fff; }
.site-header .container { display: flex; flex-flow: row nowrap; }
.header-main { padding: 0 0; display: flex; flex-flow: row nowrap; }
.header-left { width: 230px; display: flex; align-items: center; }
.site-branding { margin: 0 0; display: flex; align-items: center; }
.site-branding img { width: 200px; max-width: 100%; height: auto; margin: 0; display: block; }
.header-right { width: calc(100% - 230px); display: flex; flex-flow: column wrap; justify-content: center; } .header-mobmenu { display: none; width: 100px; text-align: center; font-size: 0.9rem; background: #00b2b2 !important; }
.header-mobmenu i { font-size: 1.1rem; margin-right: 10px; display: inline-block; }
.main-navigation { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; }
.menu-main-menu-container { }
.main-navigation ul { display: flex; flex-flow: row nowrap; justify-content: flex-end; list-style: none; margin: 0; }
.main-navigation li { }
.main-navigation li a { position: relative; display: inline-block; margin: 0 25px; line-height: 3rem; font-size: 1.1rem; font-family: "Figtree", sans-sans-serif; font-weight: 500; text-decoration: none; color: #fff; }
.main-navigation li a:hover { text-decoration: none; color: #00b2b2; }
.main-navigation li a::after { position: absolute; content: ''; z-index: 1; bottom: 5px; left: 50%; width: 0; height: 1px; background: #fff; opacity: 0; -webkit-opacity: 0; visibility: hidden; }
.main-navigation li a:hover::after { left: 0; width: 100%; opacity: 1; -webkit-opacity: 1; visibility: visible; background: #00b2b2; }
.main-navigation li:last-child a { margin-right: 0px; }
.menu-item-has-children { padding-right: 10px; }
.menu-item-has-children::before { position: absolute; z-index: 11; right: 15px; top: 50%; margin-top: -7px; font-size: 18px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e07c"; color: #fff; }
.menu-item-has-children:hover::before { color: #00b2b2; }
.main-navigation ul ul { display: block; top: 60px; left: 0; opacity: 0; visibility: hidden; width: 310px; background: #fff; margin-top: 0; padding: 15px 10px; text-align: left; box-shadow: 6px 6px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 6px 6px 20px rgba(0,0,0,0.2); margin-right: 0px; border-radius: 10px; -webkit-border-radius: 10px; font-size: 90%; }
.main-navigation ul li.menu-item-has-children:hover ul { top: 45px; left: 0; opacity: 1; visibility: visible; }
.main-navigation ul ul::before { display: block; background: rgba(255, 0, 0,0); height: 6px; position: absolute; top: -9px; left: 0; width: 100%; content: ''; z-index: 2; }
.main-navigation ul ul a { width: 100%; padding: 15px 25px 15px 20px; margin: 0 0; background: none transparent; line-height: 1rem; color: #333; }
.main-navigation ul ul a::before { display: inline-block; position: relative; vertical-align: middle; top: -2px; font-size: 16px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e07c"; background: none transparent; color: #333; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin-right: 10px; }
.main-navigation ul.sub-menu .menu-item-has-children::before { color: #333 !important; }
.main-navigation ul ul a:hover::before { color: #00b2b2; }
.main-navigation ul ul a::after { display: none; }
.main-navigation ul ul a:hover { background: none transparent; color: #00b2b2; } .main-navigation ul ul ul { display: none; left: 70px !important; top: 40px !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.main-navigation ul ul li:hover ul { display: block; left: 70px !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.donatebtn { display: flex; align-items: center; justify-content: center; width: 200px; padding: 10px 10px; }
.donatebtn i { font-size: 20px; }
#dorsal-sticky-menu { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 1111; color: #fff; text-align: center; transition: transform linear 0.4s; transform: translate(0,-100%);  }
#dorsal-sticky-menu .main-navigation { justify-content: center; bottom: 0; margin-top: 0; box-shadow: 0 0 30px rgba(0,0,0,0); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0); }
#dorsal-sticky-menu .main-navigation li a { line-height: 5rem; font-size: 1rem; }
#dorsal-sticky-menu .main-navigation li ul li a { line-height: 1rem; font-size: 1rem; }
#dorsal-sticky-menu.stickyshow { display: block; transform: translate(0,0); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);background: #004d54; }
#dorsal-sticky-menu.stickyshow .main-navigation { box-shadow: 0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); }
#dorsal-sticky-menu.stickyshow .main-navigation ul { justify-content: center; }
#dorsal-sticky-menu.stickyshow .main-navigation li a::after { bottom: 24px; }
#dorsal-sticky-menu.stickyshow .main-navigation ul ul { top: 70px; }
#dorsal-sticky-menu.stickyshow .main-navigation ul li.menu-item-has-children:hover ul { top: 56px; }   #homepage-slider { position: relative; z-index: 0; }
#slider-header { display: none; position: absolute; z-index: 2; top: 0; left: 0; right: auto; bottom: 0; flex-flow: column wrap; align-items: center; justify-content: flex-end; background: #999; width: 500px; padding: 50px; }
#slider-header img { display: block; margin-bottom: 50px; }
#slider-header strong { border: 1px solid #fff; border-radius: 1000px; -webkit-border-radius: 1000px; padding: 12px 30px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; line-height: 1.2rem; font-size: 1rem; margin: 0 13%; text-align: center; } #rev_slider_2_1_wrapper .zeus .tp-bullet, #rev_slider_2_1_wrapper .zeus .tp-bullet:hover, #rev_slider_2_1_wrapper .zeus .tp-bullet.rs-touchhover { width: 28px !important; height: 9px !important; border-radius: 6px !important; -webkit-border-radius: 6px !important; border: 0 none !important; background: #fff !important; }
#rev_slider_2_1_wrapper .zeus .tp-bullet.selected::after { background: #00b2b2 !important; border-radius: 6px !important; -webkit-border-radius: 6px !important; border: 0 none !important; }
.slider-button {}
.slider-button i { vertical-align: middle; position: relative; top: 1px; margin-right: 10px; }
#home-intro section h1, #home-philosophy section h2 { font-size: 3rem; line-height: 3rem; text-align: center; }
#home-intro { padding: 300px 0px 350px; background: #fff; }
#home-intro article { display: flex; flex-flow: row nowrap; align-items: center; }
#home-intro section:first-of-type { width: 60%; padding: 0 10% 0 11.6%; display: flex; align-items: center; }
#home-intro section div { }
#home-intro section h1 { position: relative; text-align: left; }
#home-intro section h1 em { font-style: normal; color: #00b2b2; }
#home-intro section img.intro-logo { max-width: 300px; height: auto; display: block; margin-bottom: 24px; }
#home-intro section p { position: relative; text-align: left; }
#home-intro section strong { font-family: "Reenie Beanie", cursive; font-weight: 400; font-size: 4rem; line-height: 4rem; letter-spacing: -3px; font-style: italic; color: #b6b6b6; display: block; top: 60px; left: 140px; position: absolute; width: 500px; text-align: center; }
#home-intro section:first-of-type p:last-of-type { margin-bottom: 0px; }
#home-intro section:last-of-type { width: 40%; margin: 0 10% 0 0; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: stretch; }
#home-intro section:last-of-type::before { content: ''; position: absolute; z-index: 2; right: -30px; top: 0; width: 20px; height: 50%; background: #00b2b2; border-radius: 5px; -webkit-border-radius: 5px; }
#home-intro section:last-of-type img { position: relative; z-index: 1; width: 600px; height: auto; border-radius: 10px; -webkit-border-radius: 10px; }
#home-intro section:last-of-type img.intropic1 { top: -130px; left: -100px; }
#home-intro section:last-of-type img.intropic2 { position: absolute; top: 180px; left: 100px; width: 500px; }
#home-booking { padding: 150px 0px; color: #fff; background: #00b2b2 url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/bg-booking.webp) no-repeat 50% 50% fixed; background-size: cover; -webkit-background-size: cover; }
#home-booking::before { position: absolute; z-index: 1; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #00b2b2; width: 100%; opacity: 0.6; -webkit-opacity: 0.6; }
#home-booking article { z-index: 1; display: flex; flex-flow: row nowrap; }
#home-booking section { width: 100%; text-align: center; }
#home-booking section h2 { color: #fff; font-size: 6rem; line-height: 6rem; }
#home-booking section a { color: #fff; text-decoration: underline; text-underline-offset: 5px; -webkit-text-underline-offset: 5px; }
#home-booking section a.button { background: #004d54 !important; font-size: 1.2rem; padding: 20px 50px; }
#home-booking section a.button i { font-size: 30px; }
#home-booking section a.button:hover { background: #fff !important; color: #004d54 !important; }
#home-philosophy { padding: 200px 0px; background: #fff; }
#home-philosophy article { display: flex; flex-flow: row-reverse nowrap; align-items: center; }
#home-philosophy section:first-of-type { width: 60%; padding: 0 10% 0 11.6%; display: flex; align-items: center; text-align: center; }
#home-philosophy section div { }
#home-philosophy section h2 { font-size: 5rem; line-height: 5rem; }
#home-intro section p { position: relative; text-align: left; }
#home-philosophy section:last-of-type { width: 40%; margin: 0 10% 0 0; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: stretch; }
#home-philosophy section:last-of-type img { position: relative; z-index: 1; width: 600px; height: auto; border-radius: 10px; -webkit-border-radius: 10px; }
#home-philosophy section:last-of-type img.intropic1 { top: -130px; right: -100px; }
#home-philosophy section:last-of-type img.intropic2 { position: absolute; top: 100px; right: 0px; width: 500px; } .entry-header { position: relative; top: 0; left: 0; width: 100%; background: #1d2c59 url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/bg-page-header.webp) no-repeat 50% 50%; background-size: cover; -webkit-background-size: cover; padding: 280px 0px 120px; text-align: left; }
.entry-header h1.entry-title { position: relative; z-index: 1; font-size: 5rem; line-height: 5rem; margin: 20px 0px 0px; color: #fff; }
.entry-breadcrumbs, .entry-meta { z-index: 1; display: inline-block; border: 1px solid #00b2b2; padding: 0 10px 0 15px; color: #00b2b2; font-size: 0.7rem; line-height: 1.7rem; font-weight: bold; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; margin-right: 10px; }
.entry-breadcrumbs a, .entry-breadcrumbs i, .entry-meta a { display: inline-block; margin-right: 5px; color: #00b2b2; line-height: 1.7rem; }
.entry-breadcrumbs i { font-size: 0.6rem; position: relative; top: 1px; }
.entry-breadcrumbs a:hover { text-decoration: none; color: #fff; }
.page-header-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: rgba(0,0,0,0.7); }
.header-introtext { color: #fff; font-size: 1.6rem; line-height: 2.6rem; }
.page-content, .entry-content, .entry-summary, #post-page-loop { width: 100%; padding: 0 0; margin: 0 0; }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { display: none; }
h1, h2, h3, h4, h5, h6 { clear: none !important; }
.red-swish { background: url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/red-underline.png) no-repeat 50% 100%; background-size: 100% 9px; -webkit-background-size: 100% 9px; padding-bottom: 15px; color: #00b2b2; font-size: 140%; }
.entry-content iframe { width: 100% !important; }
iframe.googlemap { border: 10px solid #00b2b2; border-radius: 16px; -webkit-border-radius: 16px; }
.alignright { float: right; margin: 0 0 15px 5%; }
.alignleft { float: left; margin: 0 3% 15px 0; }
.imageborder { border-radius: 14px; -webkit-border-radius: 14px; border: 8px solid #fff; box-shadow: 3px 3px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.1); }
.entry-content > ul, .post-content > ul, .shortcode-one-half > ul, .shortcode-one-half div.sc-half > ul, .shortcode-colours ul { margin: 0 0 40px; padding: 0 0 0 18px; list-style: none outside; }
.entry-content > ul > li, .post-content > ul > li, .shortcode-one-half > ul > li, .shortcode-one-half div.sc-half > ul > li, .shortcode-colours ul li { margin-bottom: 5px; padding-left: 30px; }
.entry-content > ul > li::before, .post-content > ul > li::before, .shortcode-one-half > ul > li::before, .shortcode-one-half div.sc-half > ul > li::before, .shortcode-colours ul li::before { position: absolute; top: 6px; left: 0; vertical-align: middle; color: #00b2b2; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; margin-right: 10px; }
footer.entry-footer { clear: both; }
.quote-top-cta { background: #ddd url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/bg-quote-top-cta.jpg) no-repeat 100% 0; padding: 50px 40% 50px 50px; text-align: left; margin-bottom: 40px; background-size: 30% 100%; -webkit-background-size: 30% 100%; font-size: 120%; line-height: 160%; } ul#post-page-loop { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width: 100%; list-style: none outside; margin: 0 0 50px; }
ul#post-page-loop li { width: 31%; margin-right: 2%; margin-bottom: 70px; padding: 20px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 8px; -webkit-border-radius: 8px; }
ul#post-page-loop li:nth-child(3n+0) { margin-right: 0; }
ul#post-page-loop li .post-page-img { display: block; overflow: hidden; position: relative; margin-bottom: 15px; }
ul#post-page-loop li .post-page-img img { display: block; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; }
ul#post-page-loop li .post-page-img span { position: absolute; z-index: 2; top: 0px; left: 0px; font-size: 0.7rem; text-transform: uppercase; background: #00b2b2; padding: 0 10px; color: #fff; font-weight: bold; }
ul#post-page-loop li .post-page-img i { position: absolute; z-index: 2; bottom: 0px; left: 0px; }
ul#post-page-loop li:hover .post-page-img img { transform: scale(1.05); -webkit-transform: scale(1.05); }
ul#post-page-loop li .team-meta { padding: 20px; font-size: 1rem; line-height: 1.3rem; border-radius: 0; -webkit-border-radius: 0; }
ul#post-page-loop li h3 { font-size: 1.2rem; line-height: 1.4rem; margin: 0 0 10px; color: #00b2b2; }
ul#post-page-loop li h3 a { color: #00b2b2; }  article.post, article.page { margin-bottom: 20px !important; }
article.page.type-page { }
#page-secondary-section { margin: 50px 0px; }
.entry-content .entry-featured-image { width: 100%; }
.entry-content .entry-featured-image img { display: block; margin: 0 0 50px; border: 20px solid #ececec; width: 100%; }
.post-meta { margin-bottom: 10px; font-size: 70%; text-transform: uppercase; font-weight: 600; }
.post-meta i { position: relative; top: 1px; vertical-align: middle; font-size: 0.9rem; }
.post-link { }
.post-link i { position: relative; top: 1px; vertical-align: middle; font-size: 0.9rem; }
.entry-header h1 { margin-bottom: 20px; }
.entry-header .post-meta { margin-top: 30px; }
.post-meta strong { display: inline-block; background: #00b2b2; padding: 2px 15px; margin-right: 5px; font-weight: normal; color: #fff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; }
.post-meta strong i { position: relative; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
.post-meta strong a { color: #fff; }
.post h1 { margin-bottom: 10px; }
.post .post-thumbnail, .team .post-thumbnail { width: 20%; margin: 0 50px 50px 0; }
.post .post-thumbnail img, .team .post-thumbnail img { display: block; width: 100%; height: auto; border: 1px solid #ccc; padding: 20px; }
.post .post-content, .team .post-content { width: 100%; }
.post .post-content.post-full-width, .team .post-content.post-full-width { width: 100%; }
.post .single-post-posted { display: block; margin-bottom: 30px; font-weight: bold; font-size: 120%; color: #00b2b2; }
.post .fg-default.fg-gutter-10 { padding-left: 0; margin-bottom: 30px; display: flex; flex-flow: row wrap; }
.post .fg-default .fg-item { width: 32%; }
.post #post-social-share { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; }
.post #post-social-share div { max-width: 170px; }
.post-tags { }
.post-tags ul { list-style: none outside; margin: 0 0; padding: 0 0; }
.post-tags ul li { display: inline-block; background: #00b2b2; padding: 0px 10px; margin-right: 5px; font-weight: normal; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; font-size: 70%; }
.post-tags ul li a { color: #444; }
#comments { margin: 0 auto !important; }
#wpdcom { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }
#wpdcom .wpd-thread-list { padding: 30px 0 0; }  #about-delivery { width: 100%; height: auto; min-height: 500px; border-radius: 16px; -webkit-border-radius: 16px; margin: 100px 0; background: url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/map-delivery.png) no-repeat 0 50%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; border: 10px solid #fff; box-shadow: 0 10px 50px rgba(0,0,0,0.10); -webkit-box-shadow: 0 10px 50px rgba(0,0,0,0.10); }
#about-delivery div { width: 50%; padding: 20px; }
#about-delivery div h2 { font-size: 1.3rem; line-height: 2rem; color: #fff; background: #00b2b2; border-radius: 100px; -webkit-border-radius: 100px; padding: 7px 30px 7px 22px; letter-spacing: 1px; display: inline-block; }
#about-delivery div ul { margin: 0 0; padding: 0 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
#about-delivery div ul li { display: inline-block; width: 50%; padding: 0 0 2px 20px; }
#about-delivery div ul li::before { font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; margin-right: 20px; vertical-align: middle; color: #00b2b2; font-size: 20px; position: relative; top: -2px; }  body.page-template-page-contact #primary article.page.type-page { display: block; }
body.page-template-page-contact #primary { display: flex; flex-flow: row nowrap; }
body.page-template-page-contact #primary section:first-of-type { width: 50%; padding-right: 10%; }
body.page-template-page-contact #primary section:last-of-type { width: 50%; }  #secondary { }
.widget { background: #ececec; padding: 10%; margin: 0 0 50px; border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 4px 4px 0 rgba(201, 208, 210,0.6); -webkit-box-shadow: 4px 4px 0 rgba(201, 208, 210,0.6); }
.widget.widget_media_image { padding: 0 0; }
.widget.widget_media_image img { display: block; }
.widget h2 { font-size: 2.5rem; line-height: 2.2rem; margin: 0 0 40px; text-transform: uppercase; }
.widget a { }
.widget p:last-of-type { margin-bottom: 0; }
.widget ul { margin: 0 0; padding: 0 0; list-style: none outside; }
.widget ul li { margin-bottom: 5px; padding-left: 30px; }
.widget ul li::before { position: absolute; top: 6px; left: 0; vertical-align: middle; color: #00b2b2; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; margin-right: 10px; }
.widget_nav_menu { }
.widget_nav_menu ul { margin: 0 0; padding: 0 0; list-style: none outside; }
.widget_nav_menu ul li { display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 2px; }
.widget_nav_menu ul li::before { position: absolute; z-index: 1; color: #00b2b2; padding: 19px 20px 10px 20px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; }
.widget_nav_menu ul li a { position: relative; display: block; width: 100%; color: #fff; padding: 13px 0px 13px 55px; font-weight: normal; font-size: 120%; background: rgba(255,255,255,0); border-radius: 6px; -webkit-border-radius: 6px; }
.widget_nav_menu ul li a:hover, .widget_nav_menu ul li.current-menu-item a { text-decoration: none; background: rgba(255,255,255,0.1); }
#custom_html-2 { background: none transparent; padding: 0 0; } #custom_html-2 .button { width: 100%; border-radius: 10px; -webkit-border-radius: 10px; }  .site-footer { width: 100%; position: relative; background: #fff; font-size: 90%; }
.footer-cta { background: #004d54; padding: 25px 30px; color: #fff; border-radius: 10px; -webkit-border-radius: 10px; }
.footer-cta section { display: flex; flex-flow: row nowrap; }
.footer-cta section strong { width: 70%; font-size: 2.3rem; line-height: 3rem; color: #fff; }
.footer-cta section .button { width: 30%; background: #00b2b2 !important; color: #fff !important; font-size: 1.4rem; line-height: 3rem;padding: 0 20px; }
.footer-cta section .button i { margin-right: 15px; top: 3px; }
.footer-cta section .button:hover { background: #fff !important; color: #00b2b2 !important; }
.site-info { padding: 60px 0px 80px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
.site-info a { color: #333; }
.site-info a:hover { color: #00b2b2; }
.site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { position: relative; font-size: 1.4rem; line-height: 1.4rem; font-weight: 600; margin-bottom: 30px; padding-bottom: 12px; color: #00b2b2; }
.site-info section strong {  }
.site-info section.footer-left { width: 100%; text-align: center; }
.site-info section.footer-left .footer-logo { width: 300px; height: auto; margin: 0 0 50px; }
.site-info section ul#footer-contacts { list-style: none outside; margin: 0 auto; padding: 0 0; display: flex; flex-flow: row nowrap; justify-content: space-evenly; width: 80%; }
.site-info section ul#footer-contacts li { margin: 0 0 20px; padding: 0 0; width: auto; }
.site-info section ul#footer-contacts li a i { display: inline-block; vertical-align: middle; position: relative; top: 2px; font-style: normal; color: #00b2b2; min-width: 35px; text-align: center; font-size: 22px; }
.site-info-copy { width: 100%; padding-top: 100px; font-size: 70%; color: rgba(0,0,0,0.7); letter-spacing: 2px; text-transform: uppercase; display: flex; flex-flow: row wrap; text-align: center; }
#copyright { width: 100%; color: rgba(0,0,0,0.7); }
#developed { width: 100%; color: rgba(0,0,0,0.3); }
#copyright a { color: rgba(0,0,0,0.7); }
#developed a { color: rgba(0,0,0,0.3); }
#copyright a:hover, #developed a:hover { color: rgba(0,0,0,1); text-decoration: underline; }
#back-top { padding: 0; bottom: 10%; position: fixed; z-index: 3; right: 20px; }
#back-top:hover { }
#back-top a { display: block; width: 57px; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; }
#back-top span { background: #00b2b2 url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/up-arrow.png) no-repeat 50% 50%; display: block; width: 50px; height: 50px; margin-bottom: 0; background-size: 70% auto; -webkit-background-size: 70% auto; border-radius: 7px; -webkit-border-radius: 7px; }
#footer-toggle-menu { display: none; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-evenly; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99999; background: #00b2b2; color: #fff; width: 100%; margin: 0 0; padding: 0 0; }
#footer-toggle-menu li { display: block; width: 25%; vertical-align: middle; text-align: center; }
#footer-toggle-menu li a { display: block; min-height: 50px; padding: 10px 0px 6px; color: #fff; font-size: 0.7rem; line-height: 1rem; font-family: 'Figtree', Arial, sans-serif; }
#footer-toggle-menu li a i { display: block; margin: 0 auto; font-size: 1.2rem; min-height: 20px; }
#footer-toggle-menu li a:hover{ opacity: 1.0; background: #008c8c; text-decoration: none; color: #fff; }
.shiftnav-toggle-button { background: #008c8c; color: #fff !important; }
.shiftnav-toggle * { line-height: 1.3rem !important; }
.shiftnav .fa, .shiftnav-toggle .fa {
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
}
.shiftnav-nav .menu-item-has-children::before { top: 1.6rem !important; right: 11px !important; }
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover { background: transparent !important; }
.edit-link { position: fixed; top: 30%; left: 0; z-index: 10; display: block; width: auto; height: auto; padding: 7px 15px; background: #00b2b2; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
.edit-link a { display: block; color: #fff; }
.edit-link a::before { display: inline-block; color: #fff; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e6a5'; margin-right: 6px; }  .gform_wrapper { margin: 0 0 !important; }
.gform_wrapper li { margin-top: 12px !important; }
body .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 2px  !important; }
.gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 0.9rem !important; padding: 12px 12px !important; border-radius: 5px; -webkit-border-radius: 5px; }
.gform_wrapper.gravity-theme .gfield_label { text-transform: uppercase; margin-bottom: 0 !important; font-size: 0.9rem !important; }
.gform_wrapper.gravity-theme label { margin-bottom: 0 !important; font-size: 1rem !important; }
.gform_body.gform-body h2, .gform_body.gform-body h3, .gform_body.gform-body h4, .gform_body.gform-body h5, .gform_body.gform-body h6 { margin: 0 0 20px; }
.gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg { vertical-align: middle; }
.gform_body.gform-body .button svg path { fill: #fff; }
.gform_delete_file { background: #222; padding: 5px 5px; line-height: 1rem; }
.gform_required_legend { display: none; }
body.page-template-page-contact-details .gform_wrapper, .enquiryform { background: #f7f7f7; border-top: 10px solid #00b2b2; padding: 7%; border-radius: 10px; -webkit-border-radius: 10px; } .customradio input[type="radio"] {
opacity: 0;
-webkit-opacity: 0;
position: fixed;
width: 0;
}
.customradio  .gchoice { float: left; width: 48%; margin-right: 2%; margin-bottom: 30px; }
.customradio label {
display: block !important;
background-color: #eee;
padding: 3% 3%;
font-family: 'Figtree', sans-serif;
font-weight: 700;
font-size: 1.6rem !important;
line-height: 2.2rem;
border: 2px solid #e3e3e3;
color: #444;
cursor: pointer;
text-align: center;
width: 100% !important;
max-width: 100% !important;
}
.customradio input[type="radio"]:checked + label {
background-color: #00b2b2;
border-color: #c75e25;
color: #fff;
}  .lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { background: #00b2b2 !important; }
div.is-ajax-search-details, div.is-ajax-search-result { padding: 1px !important; }
.xoo-el-form-container button.btn.button.xoo-el-action-btn { height: auto !important; }
.strong-view.wpmtst-simple a.disabled { display: block !important; }
.yith-wcwl-add-to-wishlist i { font-family: "Font Awesome 6 Free" !important; font-weight: 400; }
.fa.fa-facebook, .fa.fa-twitter, .fa.fa-google-plus, .fa.fa-google-plus-square, .fa.fa-pinterest, .fa.fa-pinterest-square { font-family: "Font Awesome 6 Brands" !important; margin-right: 0 !important; }
.fa.fa-envelope-o, .fa.fa-whatsapp { margin-right: 0 !important; }
.yith-wcwl-add-to-wishlist i.fa-heart { font-weight: 900; } .sp-easy-accordion .sp-ea-single .ea-header { font-family: 'Figtree', sans-serif; }
.sp-easy-accordion .sp-ea-single .ea-header a { padding: 25px !important; font-weight: 700 !important; font-size: 18px !important; }
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body { padding: 35px !important; }
#wpgmza_map { border: 20px solid #f4f4f4; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial { padding: 50px 0; margin: 0em auto; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner { background: #fff; border-radius: 15px; -webkit-border-radius: 15px; padding: 6%; box-shadow: 0px 3px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 20px rgba(0,0,0,0.1); border-bottom: 2px solid #00b2b2; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner::before { position: absolute; z-index: 1; bottom: -30px; right: 60px; background: #fff; border: 2px solid #00b2b2; padding: 30px; border-radius: 100px; -webkit-border-radius: 100px; font-size: 25px !important; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\eca2'; color: #00b2b2; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-content.testimonial-content p:first-of-type::before { content: '"'; font-size: 2rem; font-family: 'Figtree', serif; line-height: 1rem; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-content.testimonial-content p:last-of-type::after { content: '"'; font-size: 2rem; font-family: 'Figtree', serif; line-height: 1rem; position: relative; top: 5px; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner .testimonial-name { font-weight: bold; margin-top: 30px; }  .df-popup-thumb { width: 80% !important; margin: 50px auto !important; }  .hustle-ui .hustle-button-icon.hustle-button-close { background: #bcbcbc !important; }  .lazy-load {
opacity: 0;
transform: translateY(50px); transition: opacity 1s ease-out, transform 1s ease-out;
will-change: opacity, transform;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}
.lazy-load.visible {
opacity: 1;
transform: translateY(0);
}
.lazy-load.lzalt {
transform: rotate(-10deg) translateX(50px) !important; }  .shortcode-pdf { position: relative; display: inline-block; margin-bottom: 20px; margin-right: 10px; }
.shortcode-pdf a { position: relative; display: block; padding: 15px 25px 15px 70px; font-size: 1rem; line-height: 30px; background: #00b2b2; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; }
.shortcode-pdf a::before { position: absolute; top: 14px; left: 30px; z-index: 1; font-family: "Font Awesome 6 Free"; content: "\f1c1"; font-size: 30px; line-height: 30px; color: #fff; }
.shortcode-pdf a:hover { background: #e14040; color: #fff; text-decoration: underline; }
.shortcode-hr { position: relative; margin: 0 0 30px; border-top: 2px solid #ccc; }
.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-whatsapp, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { position: relative; margin-bottom: -1px; display: block; font-size: 1.2rem; color: #333; padding: 35px 0px; text-align: left; border-top: 2px solid #ccc; }
.shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-whatsapp i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { position: relative; font-size: 23px; margin: 0px 10px 0px 0px; vertical-align: middle; color: #00b2b2; top: 2px; min-width: 30px; text-align: center; display: inline-block; }
.shortcode-address p, .shortcode-phone p, .shortcode-fax p, .shortcode-whatsapp p, .shortcode-email p, .shortcode-time p, .shortcode-facebook p, .shortcode-instagram p, .shortcode-shop p { padding-bottom: 0px; }
.shortcode-address + br, .shortcode-phone + br, .shortcode-fax + br, .shortcode-whatsapp + br, .shortcode-email + br, .shortcode-time + br, .shortcode-facebook + br, .shortcode-facebook + br, .shortcode-shop + br { display: none; }
.shortcode-address a, .shortcode-phone a, .shortcode-fax a, .shortcode-whatsapp a, .shortcode-email a, .shortcode-time a, .shortcode-facebook a, .shortcode-instagram a, .shortcode-shop a { color: #333; text-decoration: none; }
.shortcode-address a:hover, .shortcode-phone a:hover, .shortcode-fax a:hover, .shortcode-whatsapp a:hover, .shortcode-email a:hover, .shortcode-time a:hover, .shortcode-facebook a:hover, .shortcode-instagram a:hover, .shortcode-shop a:hover { text-decoration: underline; }
.shortcode-cta { position: relative; display: flex; background: #ececec; border-left: 7px solid #00b2b2; margin-bottom: 2rem; padding: 30px 30px 30px 50px; font-size: 110%; font-weight: 600; }
.shortcode-cta p:last-of-type { margin-bottom: 0; }
.shortcode-cta a { font-size: inherit; text-decoration: none; font-weight: bold; }
.shortcode-cta a:hover { font-size: inherit; text-decoration: underline; }
.shortcode-urllink { position: relative; padding-left: 30px; font-weight: bold; color: #00b2b2; }
.shortcode-urllink a { color: #00b2b2; text-decoration: underline; }
.shortcode-urllink a:hover { color: #00b2b2; }
.shortcode-urllink::before { position: absolute; left: 0px; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; }
.shortcode-button { display: inline-block; margin-bottom: 30px; }
.shortcode-quote { position: relative; font-family: 'Figtree', serif; font-size: 1.5rem; line-height: 2.5rem; color: #fff; font-weight: 700; margin: 4rem 0; padding: 5% 10%; background: #00b2b2; }
.shortcode-quote::before { position: absolute; z-index: 1; content: ''; bottom: -15px; right: 50px; width: 105px; height: 85px; background: url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/shortcode-quote.svg) no-repeat 0 10px; background-size: 100% auto; -webkit-background-size: 100% auto; }
.shortcode-quote strong { clear: right; }
.shortcode-one-half { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; }
.shortcode-one-half div.sc-half { width: 47%; }
.shortcode-one-half div.sc-half:last-of-type p:first-of-type { margin-bottom: 0; }
.shortcode-one-half div.sc-half h2, .shortcode-one-half div.sc-half h3 { }
.shortcode-one-half div.sc-half img { display: block; max-width: 100% !important; }
.one-third-container { display: flex; flex-flow: row nowrap; justify-content: space-between; background: rgba(0,0,0,0.05); border-radius: 20px; -webkit-border-radius: 20px; padding: 50px; margin-top: 70px; }
.shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 30%; margin-bottom: 20px; text-align: center; }
.shortcode-one-third-last { margin-right: 0; }
.shortcode-one-third p:first-of-type, .shortcode-one-third-mid p:first-of-type, .shortcode-one-third-last p:first-of-type { margin: 0 0; }
.shortcode-one-third img, .shortcode-one-third-mid img, .shortcode-one-third-last img { display: block; margin-bottom: 10px; }
.shortcode-one-third h3, .shortcode-one-third-mid h3, .shortcode-one-third-last h3 { margin-bottom: 20px; font-size: 1.6rem; }
.shortcode-one-third p:last-of-type a, .shortcode-one-third-mid p:last-of-type a, .shortcode-one-third-last p:last-of-type a { text-align: center; }
.shortcode-one-third p:last-of-type a:hover, .shortcode-one-third-mid p:last-of-type a:hover, .shortcode-one-third-last p:last-of-type a:hover { }
.shortcode-one-third ul, .shortcode-one-third-mid ul, .shortcode-one-third-last ul { margin: 0 0 3rem; padding: 0 0 0 20px; list-style: none outside; }
.shortcode-one-third ul li, .shortcode-one-third-mid ul li, .shortcode-one-third-last ul li { padding: 0 0 5px 40px; background: url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/icon-list-item.png) no-repeat 0 5px; }
.shortcode-link { position: relative; margin-bottom: 20px; display: inline-block; width: 47%; border: 2px solid #ececec; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; margin-right: 18px; text-align: center; }
.shortcode-link::before {  }
.shortcode-link i { position: relative; top: 2px; margin-right: 10px; color: #00b2b2; vertical-align: middle; font-size: 22px; }
.shortcode-link strong { display: block; }
.shortcode-faq { display: block; border-bottom: 2px solid #e8e8e8; margin-bottom: 50px; padding-left: 100px; background: url(//dorsalbythesea.com.au/wp-content/themes/dorsal-bythesea-2025/images/icon-faq.png) no-repeat 0 5px; background-size: 70px auto; -webkit-background-size: 70px auto; }
.shortcode-faq h4 { font-size: 1.6rem; line-height: 2rem; }
.shortcode-faq p:first-of-type { margin: 0 0; }
.shortcode-columns { columns: 2; column-gap: 10%; margin-bottom: 2rem; }
.shortcode-columns p:first-of-type { margin: 0 0; }
.shortcode-list-ticks { }
.shortcode-list-ticks ul { list-style: none; margin: 0 0; padding: 0 0; }
.shortcode-list-ticks ul li { padding: 0 0 8px 30px; }
.shortcode-list-ticks ul li::before { position: absolute; left: 0; top: 0; margin-top: 4px; font: var(--fa-font-solid); content: "\f0a9"; font-size: 20px; color: #00b2b2; }
.shortcode-colours { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; }
.shortcode-colours { width: 100%; margin-bottom: 30px; display: inline-block; border: 2px solid #efefef; border-radius: 10px; -webkit-border-radius: 10px; padding: 10%; }
.shortcode-colours p:first-of-type { margin: 0 0; }
.shortcode-colours h3 { font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 10px; }
.shortcode-colours ul { padding: 0 0; }
.shortcode-colours li { border: 1px solid #e5e5e5; border-width: 1px 0 0; padding: 15px 0; }
.shortcode-colours li:last-child { border-bottom-width: 1px; }
.shortcode-colours li::before { top: 21px !important; }  .post img, #logo { max-width: 100%; height: auto; }
embed, iframe, object, video { max-width: 100%; }
@media only screen and ( max-width: 1700px ) {
body { font-size: 1rem; line-height: 1.5rem; }
.container { width: 1160px; }
#primary { width: 65%; }
#secondary { width: 31%; }
#home-intro section h1, #home-philosophy section h2 { font-size: 2.6rem; line-height: 3rem; }
#home-booking section h2 { font-size: 3.6rem; line-height: 4rem; }
#home-intro { padding: 180px 0px 250px; }
#home-intro section img.intro-logo { max-width: 230px; margin-bottom: 10px; }
#home-intro section strong { font-size: 3.4rem; line-height: 3.4rem; top: 30px; left: 50px; width: 410px; }
#home-intro section:last-of-type::before { top: -60px; right: 0; }
#home-intro section:last-of-type img.intropic1 { top: -150px; left: -50px; width: 400px; }
#home-intro section:last-of-type img.intropic2 { top: 100px; left: 30px; width: 400px; }
.entry-header { }
.entry-header h1.entry-title { font-size: 4rem; line-height: 4rem; }
h1 { font-size: 3rem; }
.shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 150%; line-height: 126%; margin: 50px 30px 0px; }
.alignright { max-width: 50% !important; }
.shortcode-one-half img, .shortcode-one-half-last img { max-width: 100% !important; }
.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-whatsapp, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop {}
.shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-whatsapp i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { font-size: 1.4rem; }
#secondary {}
.widget { }
.widget h2 { font-size: 2rem; }
}
@media only screen and ( max-width: 1260px ) {
body { font-size: 1rem; }
.container { width: 960px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
h2, h3 { font-size: 2rem; line-height: 2rem; }
.header-left { width: 150px; }
.header-right { width: calc(100% - 150px); }
.slider-hide { display: none !important; visibility: hidden; }
#SR7_1_1 .hades.sr7-arrows, .sr7-arrows { display: none !important; }
#home-intro { padding: 180px 0px 200px; }
#home-intro article { align-items: flex-start; }
#home-intro section:first-of-type { padding: 0 6% 0 11.6%; }
#home-intro section strong { font-size: 3rem; line-height: 2.4rem; left: 150px; }
#home-intro section:last-of-type img.intropic1 { top: -20px; left: 0px; width: 340px; }
#home-intro section:last-of-type img.intropic2 { top: 170px; left: 50px; width: 310px; }
#home-booking { padding: 100px 0px; }
#home-booking section a.button { font-size: 1.1rem; padding: 12px 50px; }
#home-philosophy { padding: 140px 0px 100px; }
.entry-header { padding: 240px 0px 80px; }
.entry-header h1.entry-title { font-size: 3rem; }
.header-introtext { font-size: 1.1rem; line-height: 1.6rem; }
p { margin: 0 0 2rem; }
.alignright, .alignleft { max-width: 50%; }
.imageborder { border-radius: 16px; -webkit-border-radius: 16px; border: 12px solid #fff; }
ul#post-page-loop li { padding: 10px; width: 31%; }
ul#post-page-loop li .post-page-stats { left: 20px; top: 20px; }
ul#post-page-loop li h3 { font-size: 1rem; line-height: 1.3rem; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 60px; height: auto; }
ul.contact-details-fields li { padding: 30px 10px; }
.shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 120%; line-height: 140%; margin: 50px 0px 0px; padding: 0px 0px 3rem 16%; }
.post .fg-default .fg-item { width: 31%; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial { padding: 0 0 50px; }
.widget { }
.widget h2 { }
.footer-cta section strong { font-size: 2rem; }
.footer-cta section .button { font-size: 1rem; }
.site-info section.footer-left .footer-logo { width: 170px; margin: 0 0 30px; }
.site-info-copy { padding-top: 50px; }
}
@media only screen and ( max-width: 980px ) {
.container { width: 750px; }
.body-fixed { padding-top: 0; }
.site-header { padding: 20px; }
.header-left { width: 150px; }
.header-right { width: calc(100% - 150px); display: flex; flex-flow: row nowrap; justify-content: flex-end; align-items: flex-start; }
.topbar, .main-navigation { display: none; }
.header-mobmenu { display: block; }
#home-intro { padding: 100px 0px; }
#home-intro article { display: block; }
#home-intro section:first-of-type, #home-intro section:last-of-type { width: 100%; }
#home-intro section:first-of-type { padding: 0 10%; }
#home-intro section:last-of-type { margin: 0 0; padding: 0 10%; justify-content: space-between; }
#home-intro section:last-of-type::before { display: none; }
#home-intro section:last-of-type img.intropic1, #home-intro section:last-of-type img.intropic2 { position: relative; top: 0; left: 0; width: 48%; }
#home-intro section img.intro-logo { margin: 0 auto 10px; }
#home-intro section h1, #home-intro section p { text-align: center; }
#home-intro section strong { display: none; }
#home-philosophy { padding: 100px 0px; }
#home-philosophy article {   display: block; }
#home-philosophy section:first-of-type, #home-philosophy section:last-of-type { width: 100%; margin: 0 0; padding: 0 0; }
#home-philosophy section:last-of-type { justify-content: space-between; }
#home-philosophy section:last-of-type img.intropic1, #home-philosophy section:last-of-type img.intropic2 { position: relative; top: 0; right: 0; width: 48%; }
.entry-header { padding: 200px 0px 50px; }
.entry-breadcrumbs, .entry-meta { padding: 0px 15px; font-size: 0.7rem; line-height: 1.5rem; }
.entry-breadcrumbs a { margin-right: 3px; }
.entry-header h1.entry-title { font-size: 1.8rem; margin: 10px 0px 10px; }
#primary { width: 100%; float: none; }
h2, h3 { font-size: 2rem; line-height: 2rem; }
.entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner::before { padding: 15px; font-size: 20px !important; bottom: -22px; }
.shortcode-quote { background-size: 80px auto; -webkit-background-size: 80px auto; padding: 0px 0px 3rem 14%; }
.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-whatsapp, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { display: block; font-size: 1rem; padding: 20px 0px; text-align: center; }
body.page-template-page-contact #primary { display: block; }
body.page-template-page-contact #primary section:first-of-type { width: 100%; padding: 0; text-align: center; }
body.page-template-page-contact #primary section:last-of-type { width: 100%; }
#secondary { float: none; width: 100%; font-size: 100%; margin-right: 0; }
.widget { float: none; width: 100%; margin-right: 0; }
.widget h2 { }
.site-footer {}
.site-info { padding: 60px 0px 120px; }
.footer-cta section strong { font-size: 1.6rem; }
.site-info section ul#footer-contacts { width: 100%; flex-flow: row wrap; }
.site-info section ul#footer-contacts li { width: 50%; }
#footer-toggle-menu { display: flex; }
}
@media only screen and ( max-width: 768px ) {
.body-fixed { padding-top: 0px !important; }
.container { width: auto; padding: 0px 50px; }
#primary { width: auto; float: none; padding: 50px 0 50px; clear: both; }
#secondary { width: auto; float: none; clear: both; }
#home-intro section img.intro-logo { max-width: 170px; }
#home-intro section h1, #home-philosophy section h2 { font-size: 2.2rem; line-height: 3rem; }
#home-booking { padding: 60px 0px; }
#home-booking section h2 { font-size: 3rem; line-height: 3rem; letter-spacing: 1px; }
#home-booking section a.button { font-size: 1rem; padding: 10px 40px; }
#home-booking section a.button i { font-size: 20px; }
#home-philosophy { padding: 80px 0px; }
#home-philosophy section:last-of-type { justify-content: space-evenly; }
#home-philosophy section:last-of-type img.intropic1, #home-philosophy section:last-of-type img.intropic2 { width: 43%; }
.entry-header { padding: 200px 0px 40px; }
.entry-header h1.entry-title { font-size: 2.6rem; line-height: 3rem; }
.header-introtext { font-size: 1rem; line-height: 1.4rem; }
.entry-content h2, #services-sections h2 { font-size: 1.7rem; }
article.post, article.page { margin-right: 0 !important; }
ul#post-page-loop { padding-right: 0; justify-content: space-evenly; }
ul#post-page-loop li { padding: 10px; width: 47%; }
ul.contact-details-fields { display: block; }
ul.contact-details-fields li { width: 100%; margin: 0 0 20px; }
.shortcode-quote { font-size: 115%; line-height: 145%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 17%; }
.shortcode-one-half, .shortcode-one-half-last { display: block; float: none; width: auto; margin-right: 0; }
.shortcode-one-half div.sc-half { width: 100%; }
.one-third-container { display: block; }
.shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 100%; margin-bottom: 20px; }
input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button { font-size: 1rem; }
#primary {}
.post .attachment-post-thumbnail { max-width: 100%; float: none; }
p { margin: 0 0 2rem; }
.gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 0.9rem !important; padding: 5px 12px !important; }
#secondary { text-align: left; display: block; margin-right: 0 !important; font-size: 100% !important; padding: 0px 0px 30px; }
.site-footer { padding: 0 7% 20%; }
.site-info { padding: 0 0 !important; }
.footer-cta { padding: 25px 30px !important; margin-bottom: 50px; }
.footer-cta section {   display: block; }
.footer-cta section strong { font-size: 1.4rem; display: block; width: 100%; text-align: center; }
.footer-cta section .button { width: 200px; display: block; margin: 0 auto; }
.site-info section ul#footer-contacts { display: block; }
.site-info section ul#footer-contacts li { width: 100%; }
#back-top { bottom: 40px; right: 0px; }
}
@media only screen and ( max-width: 479px ) {
.body-fixed { padding-top: 0px !important; }
.container { width: auto; padding: 0px 15px; }
.site-header { position: relative; background: #fff; padding: 10px 20px; }
.site-header .container { }
.header-main { align-items: center; }
.header-left { width: 90px; }
.header-right { width: calc(100% - 90px); }
#home-intro { padding: 70px 0px; }
#home-intro section h1, #home-philosophy section h2 { font-size: 2rem; line-height: 3rem; }
#home-booking section h2 { font-size: 2rem; line-height: 2rem; letter-spacing: 1px; }
#home-booking section a.button { font-size: 1rem; padding: 10px 40px; display: inline-block; width: 60%; }
#home-philosophy { padding: 60px 0px; }
.hustle-ui.module_id_1 .hustle-layout { padding: 30px !important; }
.hustle-content form input { font-size: 0.9rem !important; padding: 8px !important; min-height: 20px !important; line-height: 1rem; }
input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { display: block; padding: 12px 0px 10px; width: 100%; text-align: center; letter-spacing: 0; font-size: 1rem; }
.entry-header { padding: 40px 0px; }
.entry-breadcrumbs, .entry-meta { display: none; }
.entry-header h1.entry-title { font-size: 2rem; line-height: 2rem; text-align: center; }
.post-meta strong { display: block; max-width: 70%; margin: 0 auto 10px; }
#page-short-desc { font-size: inherit; line-height: inherit; }
ul#post-page-loop { padding-right: 0; }
ul#post-page-loop li { float: none; width: auto; margin-right: 0; }
article.type-team .entry-content { display: block; }
.post .post-thumbnail, .team .post-thumbnail { width: 100%; }
.post .post-content, .team .post-content { width: 100%; }
.entry-content > ul { padding: 0 0; }
.entry-content h2, #services-sections h2 { font-size: 2rem; margin-bottom: 10px; }
.entry-content h3 { font-size: 2rem; line-height: 2rem; margin-bottom: 10px; }
.post.type-post { margin-right: 0 !important; }
.post .post-thumbnail { max-width: 100%; width: 100%; float: none; margin: 0 0 20px; }
.alignleft, .alignright { display: block; float: none; width: 100%; max-width: 100% !important; margin: 0 0 20px; }
ul, ol { margin: 0 0 1.5em 0.5em; }
.shortcode-cta { margin-bottom: 5px; }
.shortcode-quote { font-size: 110%; line-height: 140%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 21%; }
.shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { font-size: 1rem; }
.shortcode-columns { columns: 1; }
.one-third-container { flex-flow: row wrap; }
.shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 100%; margin-bottom: 20px; }
ul#post-page-loop.services-posts li { width: 100%; }
ul#post-page-loop.services-posts li:nth-child(odd), ul#post-page-loop.services-posts li:nth-child(even) { margin-right: 0 !important; }
#secondary { display: block; }
.widget ul { }
.widget { width: 100%; margin-right: 0; }
.footer-cta section strong { font-size: 1.3rem; line-height: 1.4rem; margin-bottom: 15px; }
#back-top span { width: 40px; height: 40px; }
}