/*   
Theme Name: Dolphin Hotel
Theme URI: http://lpip.com.au
Author URI: http://chrispetro.net
Author: LP
Description: Custom wordpress template 
Version: 1.6
*/


/* General
-------------------------------------------------------------- */

::selection{
	background-color:#1d1d1d;
	color:#fff;
}
::-moz-selection{
	background-color:#1d1d1d;
	color:#fff;
}

html {

	transition: background-color 0.40s ease-in-out;
	
}

body{
	background-color: transparent;

}

ul { 
	list-style-position: inside;
}


img {
	width:auto;
	height:auto;
	max-width: 100%;

}

img:after {
	clear: both;
	content: " ";
	display: block;
	border-bottom: none !important;
	
}

.tk-freight-text-pro {
	font-size: 21px;
}


/* Fonts
-------------------------------------------------------------- */

.wf-loading {
	visibility: hidden;
}
.wf-active{
	visibility: visible;
}
body{
	background-color: transparent;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight:400;
	
	color: #1d1d1b;

}

p {
	font-size:18px;
	line-height: 1.2em;
}

a { 
	color: #1d1d1b;
	text-decoration: none;
}
a:hover,
a:focus {	
	color: #1d1d1b;
	text-decoration: none; 
} 

/* links with animated underline */
p a {
	color: #1d1d1b;
	text-decoration: none;
	position: relative;
}
p a:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	border-bottom: 2px solid rgba(0,0,0,0.25);
	transition: 0.3s;
}

p a:hover:after {
	width: 0%;
}

/* no line on images with links */

p a:after img, a:after img {
	border-bottom: none;
}


h1, h2, h3, h4, h5 {
	text-transform: uppercase;
}

h1 {
	font-size:45px;
	font-weight:700;
	letter-spacing:-1px;
	line-height: 0.9em;
	margin: 0 0 20px;

}

h1:only-child {

	margin:0;
}

h1 + a.button {
	margin-top: 0;
}

h2 {
	font-size:18px;
	font-weight:400;
	letter-spacing:0;
	margin: 0 0 10px;
	text-decoration:none;
	line-height: 1.2;
}

h2:only-child {

	margin:0;
}

h3 {
	font-family: "franklin-gothic-urw-cond";
	font-size:45px;
	font-weight:700;
	text-align:center;
	color:#000;
	-webkit-text-stroke: 1px #1d1d1b;
	-webkit-text-fill-color: #FFF;

	margin: 0 0 20px;
}

h3.gform_title  {
	font-size:45px !important;
	font-weight:700 !important;
	letter-spacing:-1px !important;
	line-height: 0.9em !important;
	margin: 0 0 20px !important;
	text-align: center !important;
	color: #1d1d1b !important;
	-webkit-text-stroke: none !important;
	-webkit-text-fill-color: none !important;
	
}

 h4 {
 	font-size: 28px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 0.9em;
	margin: 0 0 20px;
 }

.refined {
	font-family: "Times", serif; 
	text-align:center;
}


blockquote {
	border: 0;
	padding: 0;
	font-size: 70%;
	text-transform: uppercase;

}
blockquote p:last-child {
	margin-top: -10px !important;
	text-transform: capitalize;
}

figure + p {
	margin-top:20px;
}


/* WordPress WYSIWYG Editor Styles
-------------------------------------------------------------- */

.alignleft, img.alignleft {
	display: inline;
	float: left;
}
.alignright, img.alignright {
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

/* Structure
-------------------------------------------------------------- */


.container-fluid {
	max-width: 1380px;
}

@media (min-width: 768px){
	main {
		padding-left:10px;
		padding-right:10px;
	}
	main {
		margin-top:110px;
	}
}

@media only screen and (min-width : 992px) {

	main {
		padding-left:100px;
		padding-right:100px;
	}

}

/* Fancy Button
-------------------------------------------------------------- */

a.button,
.button {
	text-transform: uppercase;
	display: inline-block;
	outline: 1px solid #1d1d1d;
	padding: 10px 20px;
	margin:10px 0;
}
a.button:after,
.button:after  {
	border:0;
}


a.button:hover,
.button:hover  {
	color: #1d1d1d;
 	outline: 2px dashed #fff;
	box-shadow: 0 0 0 2px #1d1d1d;
	animation: 0.2s animateBorder ease-out infinite;
}

a em,
em a{
	text-transform: uppercase;
	display: inline-block;
	outline: 1px solid #1d1d1d;
	padding: 10px 20px;
	margin:10px 0;
	border: none !important;
	font-style: normal;
}
p a:after em,
p em a:after  {
	content: '';
	border: none !important;
	display: none !important;
}

a:hover em,
em a:hover  {
	color: #1d1d1d;
 	outline: 2px dashed #fff;
	box-shadow: 0 0 0 2px #1d1d1d;
	animation: 0.2s animateBorder ease-out infinite;
}

@keyframes animateBorder {
	to {
		outline-color: #1d1d1d;
		box-shadow: 0 0 0 2px #fff;
	 }
}

/* dark version */

a.button.dark,
.button.dark {
	outline: 1px solid #fff;
	padding: 10px 20px;
	margin:10px 0;
	color:#fff;
}
a.button:after.dark,
.button:after.dark  {
	border:0;
}

@keyframes animateBorder {
	to {
		outline-color: #1d1d1d;
		box-shadow: 0 0 0 2px #fff;
	 }
}
a.button:hover.dark,
.button:hover.dark  {
	color: #fff;
 	outline: 2px dashed #fff;
	box-shadow: 0 0 0 2px #1d1d1d;
	animation: 0.2s animateBorder ease-out infinite;
	text-decoration: none;
	cursor: pointer;
}

a.button.large {
	font-size: 150%;
	padding: 20px 25px;
}


/* Menu Items
-------------------------------------------------------------- */


.content_block.menu strong {
	float:right; 
	padding-left:30px;
	font-weight:400;
	clear:both;
}

.content_block strong {
	font-weight:400;
	text-transform: uppercase;
}

.content_block.menu  p {
	margin:0 0 20px;
	text-align:left;
}

.content_block P + h2 {
	margin: 3rem auto 0;
}

.content_block  p img {
	margin-bottom: 1.5rem;
}

/*.content_block p:last-of-type {
	margin:0;
}
*/
/* Pjax
-------------------------------------------------------------- */

.js-Pjax {
	opacity: 0;  
}
.js-Pjax.loaded {
	opacity: 1; 
	transition: opacity 0.40s ease-in-out; 
}
.js-Pjax.loading {
	opacity: 0; 
	transition: opacity 0.40s ease-in-out;
}


/* Background IMages
-------------------------------------------------------------- */

.black {

	display:none;


    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.black>* {

	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;   
}

.black img{
	position: fixed;
	max-width: 50%;
}
.black.js-Pjax.loaded {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}


.black.randomClass1 img:nth-child(1) {
	top: 10%;
	right: auto;
	bottom: auto;
	left: -30px;
}
.black.randomClass1 img:nth-child(2) {
	top: auto;
	right: -30px;
	bottom: 0;
	left: auto;
}
.black.randomClass1 img:nth-child(3) {
	top: auto;
	right: auto;
	bottom: 20%;
	left: -30px;
}


.black.randomClass2 img:nth-child(1) {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display:none;
}
.black.randomClass2 img:nth-child(2) {
	top: auto;
	right: auto;
	bottom: 0;
	left: -30px;
}
.black.randomClass2 img:nth-child(3) {
	top: 20%;
	right: -30px;
	bottom: auto;
	left: auto;
}


.black.randomClass3 img:nth-child(1) {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display:none;
}
.black.randomClass3 img:nth-child(2) {
	top:10%;
	right: 0;
	bottom: 20%;
	left: auto;
}
.black.randomClass3 img:nth-child(3) {
	top: auto;
	right: auto;
	bottom: 20%;
	left: -30px;
}

.black.randomClass4 img:nth-child(1) {
	top:auto;
	right: auto;
	bottom: 0;
	left: -30px;
	
}
.black.randomClass4 img:nth-child(2) {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display:none;
}
.black.randomClass4 img:nth-child(3) {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display:none;
}



.black.randomClass5 img:nth-child(1) {
	top:10%;
	right: 0;
	bottom: auto;
	left: auto;
}
.black.randomClass5 img:nth-child(2) {
	top:auto;
	right: auto;
	bottom: 50%;
	left: -30px;
}
.black.randomClass5 img:nth-child(3) {
	top:auto;
	right: auto;
	bottom: 0;
	left: -30px;
}

/* Index
-------------------------------------------------------------- */

.grid {
	z-index: 1012;
}

.grid .grid-item{
	margin-bottom: 30px;
}

.grid .grid-item div:first-child {
	width: 100%;
	height: 100%;
	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 30px;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.95);
}

.grid .grid-item.no-pad div:first-child {

	padding: 30px 30px 0 ;

	}

.grid .grid-item.sticky h2 {
	margin-top: 0;
	font-size: 16px;
	margin-bottom: 20px;
}

.grid .grid-item.sticky p {
		font-size: 18px;
		margin-bottom: 20px;
		font-style: normal;
		font-weight: 400;
}
.grid .grid-item.sticky p:last-of-type {
		margin-bottom: 0;
}


/* Border Style Odd */

.grid .grid-item:nth-child(odd) div {
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
}
.grid .grid-item:nth-child(odd) div:before {
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;

	display: block;
	position: absolute;
	top:0;
	right:15px;
}
.grid .grid-item:nth-child(odd) div:after{
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;

	display: block;
	position: absolute;
	bottom:0;
	right:15px;
}

/* Border Style sticky */

.grid .grid-item.sticky div {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 1px;
}

.grid .grid-item.sticky div:before {
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;


	display: block;
	position: absolute;
	top:0;
	left:15px;
}

.grid .grid-item.sticky div:after{
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;

	display: block;
	position: absolute;
	bottom:0;
	left:15px;

}


/* Instafood 
-------------------------------------------------------------- */

.instagram {
	text-align: center;
}
.instagram h2 {
 	margin:0 0 5px;
}
.instagram p {
	margin:0 0 20px;
}
#instafeed [class*=col-] {
	margin-bottom: 30px;

}
#instafeed [class*=col-] a{
	display: block;
	width:100%;
	height:100%;
}
#instafeed [class*=col-] a img{
	display: block;
	width:100%;
	height:auto;
}

/* Single
-------------------------------------------------------------- */

.single [class*=col-] {
	margin-bottom: 30px;
}

.single h2:first-of-type {
	margin-top:0;
}
.single p:last-of-type {
	margin-bottom:0;
}

/* Page
-------------------------------------------------------------- */

.content h2:first-of-type {
	margin-top:0;
}
.content p:last-of-type {
	margin-bottom:0;
}

.content {

	margin-bottom: 30px;
	z-index: 1012;

}
.content p:last-of-type {

	margin-bottom: 0;
}


/* Scout microsite 
-------------------------------------------------------------- */

.countdown {
	font-size: 9vw;
	text-align: center;
	font-weight: 700;
	letter-spacing: -1px;

}
.countdown.home {
	font-size: 30px;

}
.scout-intro {
	margin: 0 0 40px;
}

.scout-intro form {
	max-width: 100%;
	margin: 30px auto 0;
	font-size: 166%;
	text-align: center;
}


.page-template-template-scout .navbar-collapse {
display: none !important;
}

.page-template-template-scout .navbar-toggle {
visibility: hidden !important;
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 14px;
}

.nav>li {
	font-size: 21px;
}

img.logo-scout-face {
	display: block;
	position: fixed;
	top: 5px;
	right: 5px;
	width: 80px;
	height: 80px;

}
.what-container {
	display: block;
	border: 1px solid #000;
	padding: 2rem;
}

.whats-on-scout {
	position: absolute;
	top: 0;
	left: 16px;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	padding: 5px 10px;
}



@media (min-width: 768px){
img.logo-scout-face {	
		top: 10px;
	right: 10px;
		width:100px;
		height: 100px;
		
	}
	.countdown.home {
	font-size: 45px;

	}


	.nav>li {
		font-size: inherit;
	}
}
/* Error
-------------------------------------------------------------- */


.error [class*=col-] {
	margin-bottom: 30px;
}
.error h2:first-of-type {
	margin-top:0;
}
.error p:last-of-type {
	margin-bottom:0;
}

/* Logo
-------------------------------------------------------------- */

#logo {
	width:100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 1011;
	pointer-events: none;
}

#logo>* {
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;   
}
#logo .container-fluid {
    max-width: 1600px;
    padding-left:0;
    padding-right:0;
}

#logo .container-fluid div {

	position: relative;
}
#logo img {
	width: 100%;
	height: auto;
	max-width: 100%;
    position: absolute;
    top:0;
    left: 0;
}
@media (min-width: 768px){
	#logo img{
		padding: 5%;
	}

}
#logo.js-Pjax.loaded {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

/* Navigation
-------------------------------------------------------------- */

.navbar {
	margin-bottom: 30px;
	margin-top: 30px;
    min-height: auto; 
	text-transform: uppercase;
	z-index: 1013;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .navbar-brand {
	color: #1d1d1b;
	display: none;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #1d1d1b;
	background-color: transparent;
}
.navbar-default .navbar-text {
	color: #1d1d1b;
}
.navbar-default .navbar-nav {
	margin: 0 -15px;
	padding: 7.5px 0 0;
	background-color: #FFF;
}

.navbar-default .navbar-nav > li > a {
	color: #1d1d1b;
	outline: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #1d1d1b;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #1d1d1b;
	background-color: transparent !important;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #1d1d1b;
	background-color: transparent ;
}

.navbar-default .navbar-toggle {
/*	position: relative;
	float: right;
	padding: 0;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;*/
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	color: #1d1d1b;
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #1d1d1b;
}
.navbar-default .navbar-collapse {
	border-color: transparent;
	background-color: transparent;
	margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}
.navbar-default .navbar-collapse:before {
	content:"";
	margin: 30px 0 0;
	border-top: 1px solid black;
	width: 100%;
}

@media (min-width: 768px){

	.navbar-default {
		padding: 0 15px;
		margin-top: 35px;
	}

	.navbar-brand {
		height: auto;
		padding: 5px 15px;
	}
	.navbar-default .navbar-nav {
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	.navbar-nav>li {
		padding: 3px 4px;
		margin: 4px 6px;
		background: #FFF;
	}

	.navbar-nav>li:last-child {
		margin-right:0;
	}

	.navbar-nav>li>a {
		padding: 0;
	}
	.navbar-nav>li>a:after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0;
		border-bottom: 2px solid rgba(0,0,0,0.25);
		transition: 0.3s;
	}

	.navbar-nav>li>a:hover:after {
		width: 100%;
	}

	.navbar-default .navbar-collapse {
		border-color: transparent;
		background-color: transparent;
		margin-left: inherit;
		margin-right: inherit;
	}
	.navbar-default .navbar-collapse:before {
		content:none;
		margin: 0;
		border-top: none;
		width: 0;
	}

}

@media (min-width: 768px) {

	@keyframes animateBorder2 {
		to {
			outline-color: #1d1d1d;
			box-shadow: 0 0 0 2px #fff;
		 }
	}

	li.dining-room, 
	li.pizzeria, 
	li.wine-room,
	li.bottleshop,
	li.public-bar,
	li.scout-button {
		background-color:#FFF;
		font-size: 18px;
		text-transform: uppercase;
		outline: 1px solid #1d1d1d;
		margin:0;
		padding:0;
	}
	li.dining-room:hover, 
	li.pizzeria:hover,
	li.wine-room:hover,
	li.bottleshop:hover, 
	li.public-bar:hover,
	li.scout-button:hover {
		outline: 2px dashed #fff;
		box-shadow: 0 0 0 2px #1d1d1d;
		animation: 0.2s animateBorder2 ease-out infinite;
	}

	li.dining-room a, 
	li.pizzeria a,
	li.wine-room a,
	li.bottleshop a, 
	li.public-bar a,
	li.scout-button {
	    padding: 12px 20px;
	}

	li.dining-room a:after,
	li.pizzeria a:after,
	li.wine-room a:after,
	li.bottleshop a:after, 
	li.public-bar a:after,
	li.scout-button a:after {
		content: none;
		border:0;
	}
	li.dining-room {
		position: fixed;
		top: 8%; 
		right: 35px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: right;
		transform-origin: right;
	}


	li.pizzeria {
		position: fixed;
		top: 20%;
		left: 35px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: left;
		transform-origin: left;
		width: 183px;
	}

	li.wine-room {
		position: fixed;
		top: 45%;
		left: 35px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: left;
		transform-origin: left;
	}
	
	li.bottleshop {
		position: fixed;
		bottom: 60%; 
		left: 35px;
		-webkit-transform: translateY(100%) rotate(90deg);
		transform: translateY(100%) rotate(90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	li.public-bar {
		position: fixed;
		top: 28%;
		right: 35px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	li.scout-button {
		background-image: url(https://dolphinhotel.com.au/site/wp-content/uploads/2019/02/scount-nav-btn.png);
		width: 112px;
		height: 45px;
		background-size: 112px 45px;
		position: fixed;
		top: 30px; 
		left: 28.5%;
		padding: 0 !important; 
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-font-smoothing: subpixel-antialiased;
	}
	li.scout-button a {
		width: 100%;
		height: 100%;
		display: block;
	}
	li.btn-home {
		opacity:0.5;

	}
	body.home li.btn-home {
		display: none;

	}

	li.btn-book {
		background-color: #000;
		padding: 3px 10px;
		border: 1px solid #fff;
		color: #fff !important;

	}
	li.btn-book a:hover {
		border-bottom: none;
	}
	.navbar-nav>li.btn-book>a:hover:after{
		width:0;
		border-bottom: none !important;
	}

	.navbar-default .navbar-nav > li.btn-book > a, .navbar-default .navbar-nav > li.btn-book > a:hover {
		color: #fff !important;
		outline: none;
	}

	.navbar-default .navbar-nav > li.btn-book > .active > a,
	.navbar-default .navbar-nav > li.btn-book > .active > a:hover,
	.navbar-default .navbar-nav > li.btn-book > .active > a:focus, 
	.navbar-default .navbar-nav > li.btn-book > .disabled > a,
	.navbar-default .navbar-nav > li.btn-book > .disabled > a:hover,
	.navbar-default .navbar-nav > li.btn-book > .disabled > a:focus {
	color: #1d1d1b;
	background-color: transparent ;

	}



@media only screen and (min-width : 992px) {

	li.dining-room {
		position: fixed;
		top: 30px; 
		left: 15.5%;
		width:153px;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	li.pizzeria {
		position: fixed;
		top: 30px; 
		left: calc(15.5% + 200px);
		width: 184px;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	li.wine-room {
		position: fixed;
		top: 30%; 
		left: 54px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: left;
		transform-origin: left;
	}
	
	li.bottleshop {
		position: fixed;
		bottom: 60%; 
		left: 54px;
		-webkit-transform: translateY(100%) rotate(90deg);
		transform: translateY(100%) rotate(90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: left;
		transform-origin: left;
	}

	li.public-bar {
		position: fixed;
		top: 25%; 
		right: 54px;
		-webkit-transform: translateY(100%) rotate(-90deg);
		transform: translateY(100%) rotate(-90deg);
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transform-origin: right;
		transform-origin: right;
	}

	li.scout-button {
		background-image: url(https://dolphinhotel.com.au/site/wp-content/uploads/2019/02/scount-nav-btn.png);
		width: 112px;
		height: 45px;
		background-size: 112px 45px;
		position: fixed;
		top: 30px; 
		left: 34.5%;
		padding: 0 !important;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-font-smoothing: subpixel-antialiased;
	}
	li.scout-button a {
		width: 100%;
		height: 100%;
		display: block;
	}

}
@media (min-width: 768px) {

	.navbar-static-top {
		position: fixed;
		width:100%;
		top:0;
		left:0;
	}
	.navbar-right {
		float: right!important;
		margin-right: 0;
	}

	li.scout-button a {
		color: transparent !important;
		background-color: transparent !important;
		font-size: 1%;
	}

	li.bar-red {
		background-color: #f04651;
		outline-color: #f04651;
	}
	
	li.bar-red >	a {
		border-color: #f04651;
		color: #fff !important;
	}
}




/* Modal
-------------------------------------------------------------- */
.modal-content {
	border: none;
	border-radius: 0;
	padding: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	color: #1d1d1d;
	text-align: center;
}

@media (min-width: 768px) {
	.modal-content {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

}

.modal-header {
	border-bottom: none;
}

.modal-header .close {
	margin-top: 0px;
	line-height: 20px;
	font-size: 32px;
	outline:none !important;
}

.modal-body {
	position: relative;
	padding: 15px;
	text-align: center;
}

.modal-body iframe {
	display: block;
	width:100%;
	max-width:540px;
	margin: 0 auto;
}
.modal-content h4 {
	font-size: 30px;
	font-weight: normal;
}

.modal-content p {
	font-size: 18px;
	line-height: 1.2em;
	text-align: center;
}

.modal-content p:last-of-type {
	margin-bottom: 0;
}

.pre-widget {
	margin: 1rem auto 0;
}

.fade.in {
	opacity: 1;
}

.modal-backdrop.in {
	opacity: 0.90;
}
.modal-backdrop {
	background-color: #FFF;
}
.close {
	font-size: 30px;
	color: #1d1d1d;
	text-shadow: none;
	filter: none;
	opacity: 1;
	outline:none;
}

.close:hover,
.close:focus {
	outline:none;
	color: #1d1d1d;
}

h4.modal-title {margin-top:-10px;}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #fff;
	background-color: #1d1d1b;
}

.nav-pills>li>a {
	color: #1d1d1b;
}

.nav-pills>li {
	float: none;
	display: inline-block;
	text-align: center;
}
.nav-pills {
	text-align: center;
}

.dimmi-widget {
	height: 580px !important;
    min-height: 580px !important;
}

/* Small logo
-------------------------------------------------------------- */

#logo-small {
	display: none;
}

#logo-small svg {
	fill: currentColor;
}

#logo-small {
/*	display: block;*/
	position: fixed;
	top: 20px;
	left:25px;
	width:60px;
	height: 60px;

}


@media (min-width: 768px){
#logo-small {	
		width:75px;
		height: 75px;
		
	}
}

/* Aperitivo posts
-------------------------------------------------------------- */

#aperitivo .grid-item div a:hover {
	opacity:0.9;
	
} 

#aperitivo .grid-item h1 {
	margin-top: 15px;
	
} 

/* Contact Page
-------------------------------------------------------------- */

#map {
    height: 30vh;
    width: 100%;
    margin-bottom: 30px;
}


@media (min-width: 768px){

	#map {
    height: 50vh;
	min-height: 400px;
    max-height: 540px;

    }

}
/*.contact.content {

	z-index: 6;
} */

.contact.content div {

	width: 100%;
	height: 100%;
	border-color:#1d1d1d;
	border-style: solid;

	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	
	padding: 30px;
	text-decoration: none;

}

.contact.content div:before {
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;


	display: block;
	position: absolute;
	top:0;
	right:15px;
}

.contact.content div:after{
	content: "";
	width: 20px;
	height: 0px;

	border-color:#1d1d1d;
	border-style: solid;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;

	display: block;
	position: absolute;
	bottom:0;
	right:15px;

}

/* Footer
-------------------------------------------------------------- */

footer {
	margin:0 0 30px;
	text-align:center;
	text-transform: uppercase;
}
footer p {
	display: inline;
	vertical-align: middle;
	font-size: 14px;
}
footer ul {
	display: inline;
	margin:0 5px;
	padding: 0;
	font-size: 14px;
	vertical-align: middle;
}
footer ul li {
	display: inline;
	padding:0 3px;
	margin:0;
}


/* Gallery (FLexslider) 

https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.1/flexslider.css

-------------------------------------------------------------- */

.gallery {

    padding: 0;
    margin: 0 0 20px;
    background: transparent;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.gallery .flex-direction-nav a:before {
	font-size: 36px;
}

/* JOB ads hacks */
div.job {margin-bottom: 30px;}
h2.title {font-weight: bold;}
a.view-details {margin-top: 20px;padding-bottom: 10px;display: block;text-transform: uppercase;font-weight: bold;border-bottom:1px solid #e9e9e9;}
p.date-posted {font-size: 14px;margin-bottom: 10px !important;}
.contact.content {z-index: 1010;}


input.ja-button {
border: #000 2px solid;
background-color: #fff;
padding: 6px 10px;
text-transform: uppercase;
font-weight: bold;
Display: block;
margin: 20px 0;
}


.flex-direction-nav a:before {
	font-family: flexslider-icon;
	font-size: 40px;
	display: inline-block;
	content: '-';
	}

	.flex-direction-nav a.flex-next::before {
	content: "+";
}

/* Gravity Forms
-------------------------------------------------------------- */



#gform_fields_4 label {
font-size: 18px;
font-weight: 400;
letter-spacing: 0;
margin: 0 0 10px;
text-decoration: none;
line-height: 1.2;
}

input#choice_4_2_1 {
margin-right: 3px;
margin-top: -10px;
}

li.gchoice_4_2_1 {
	margin-top: -30px;
	margin-bottom: 40px !important;
}

form#gform_4 {text-align: center;}

input#input_4_6.medium, input#input_4_7.medium {
	text-align: center;
	font-size: 32px
}

/* remove chris's genious child div border thing... ugh..*/

div.gform_body, form#gform_2, .gform_wrapper, .ginput_container, .gform_footer, .gform_confirmation_wrapper, div#gform_confirmation_message_2.gform_confirmation_message_2.gform_confirmation_message, div.gform_heading, div#gform_confirmation_message_3.gform_confirmation_message_3.gform_confirmation_message, div.gform_page_fields, div#gform_page_5_1.gform_page, div#gform_page_5_1.gform_page, div#gf_page_steps_5.gf_page_steps, div#gf_step_5_1.gf_step.gf_step_active.gf_step_first, div#gf_step_5_1.gf_step.gf_step_first.gf_step_completed.gf_step_previous, div#gf_step_5_1.gf_step.gf_step_first.gf_step_completed, div#gform_confirmation_message_5.gform_confirmation_message_5.gform_confirmation_message {

border-style: none !important;
border-top-width: 0 !important;
border-right-width: 0 !important;
border-bottom-width: 0 !important;
border-left-width: 0 !important;
padding: 0 !important;
font-size: 18px;
}

div.gform_heading {
text-align:center;

}

/*error handling style*/

label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_confirmation_message_2 gform_confirmation_message, div.validation_error {
font-size:1.8rem !important;
font-weight: normal !important;
}

.gform_button.button {
color:#000;
background-color: #fff;
}
.gfield_select {
padding: 0 10px;
color: #000;
height: 40px;
border: #000; 
} 

input, textarea {
color: #000;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .validation_error, .gform_wrapper .gfield_error .gfield_label {
color:#666 !important;
}
.gform_wrapper .validation_error {
color: #666 !important;
font-size: 16px !important;
font-weight: normal ;
margin-bottom: 25px;
border: 2px dotted #666 !important;
padding: 16px 0;
clear: both;
width: 100%;
text-align: center

}
.gform_wrapper .field_description_below .gfield_description{
display: none  !important;
}




.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: rgba(0, 0, 0, 0) !important;
margin-bottom: 6px !important;
border-top: 1px dotted #666 !important;
border-bottom: 1px dotted #666 !important;

}

.ginput_recaptcha div {
border-style: none !important;
border-top-width: 0 !important;
border-right-width: 0 !important;
border-bottom-width: 0 !important;
border-left-width: 0 !important;
padding: 0 !important;
}


/*make radios behave inline on mobile*/

.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
	width: auto !important;
	margin-right: 20px !important;
}


/* display radios at full width */

.gf_page_steps, .gf_step_active, .gf_step_first, #gf_step_5_1.gf_step.gf_step_active.gf_step_first {
	display: inline !important;
}

/* more space for steps when clicking next */


/* display steps inline */	


.gform_wrapper .gf_step, li.gchoice_5_5_1, li.gchoice_5_5_0  {
	display: inline !important;
}

/* remove default btn background */	

input.button {
	background: transparent;
	border: 0;
}

/*form footer area */

.gform_wrapper .gform_page_footer {
	margin: 15px 0 0;
	width: 100%;
	border-top: none !important;
	padding: 30px 0 0;
	clear: both;
	text-align: right;
}
.gform_previous_button {
	float: left;
	opacity: 0.25;
}

/* hide signup & logo for RSVP page */

.page-id-2828 footer h1, .page-id-2828 footer h2, .page-id-2828 footer form {display:none}

/* RSVP form */

body.page-id-2828 form {
	max-width: 400px;
	text-align: center;
	text-transform: uppercase;

}

body.page-id-2828 input {
	padding: 10px 20px !important;
	text-align: center;

}

body.page-id-2828 label {
	display: none !important;
}

#label_8_2_1 {
	display: inline-block !important;
	margin-top: 5px;
}

body.page-id-2828 .gform_wrapper ul li.gfield {
	margin-top: 0;
}

/* XMAS page */

.snowflake {
	position: absolute;
	opacity: 0.85;
	z-index: 99999999;
	display: block;
	position: absolute;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-image: -webkit-radial-gradient(
		center,
		circle farthest-corner,
		rgba(237, 28, 36, 1) 33%,
		rgba(237, 28, 36, 0) 100%
	);
	background-image: -moz-radial-gradient(
		center,
		circle farthest-corner,
		rgba(237, 28, 36, 1) 33%,
		rgba(237, 28, 36, 0) 100%
	);
	background-image: -ms-radial-gradient(
		center,
		circle farthest-corner,
		rgba(237, 28, 36, 1) 33%,
		rgba(237, 28, 36, 0) 100%
	);
	background-image: radial-gradient(
		center,
		circle farthest-corner,
		rgba(237, 28, 36, 1) 33%,
		rgba(237, 28, 36, 0) 100%
	);
}

#snow {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	overflow: hidden; 
}

.padding-top {
	padding-top: 3rem;
}
}