/*
Theme Name: The Sebel Kiama Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: The Sebel Kiama Theme is a child theme of Hello Elementor, created by Fox & Lee
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: the-sebel-kiama-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


/*
 * Header
*/
	a {
		transition: all ease-in-out 0.5s;
	}

	.home .header-main {
		background: transparent !important;
		position: fixed !important;
		z-index: 10;
		width: 100%  !important;
	}

	.elementor-editor-active .elementor-location-header .elementor-sticky,
	body:not(.home) .elementor-location-header .elementor-sticky.elementor-sticky--active {
		background-image: linear-gradient(270deg, #001A25 0%, #003140 100%);
	}

	.home .elementor-location-header .elementor-sticky__spacer {
		display: none;
	}

	.shift-bg {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		/* opacity: 0;
		transition: opacity 1s; */
	}

	

	.shift-bg img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* opacity: 0;
		transition: opacity 3s; */
	}
	

	
	/* .shiftnav.hovered .shift-bg img {
		opacity: 50%;
	} */
	
	.shiftnav-inner {
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	}

	.shiftnav-inner:after {
		content: "";
		background-color: rgba(0, 0, 0, 0.16);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
	}

	.shiftnav-inner * {
		z-index: 2;
	}

	.shiftnav-toggle-button,
	.shiftnav-toggle-button:hover {
		background: transparent !important;
		padding: 0 !important;
	}

	.shiftnav-toggle-button .fa {
		margin-top: -5px;
	}

	.shiftnav-toggle-button .fa,
	.shiftnav-toggle-button .fa:before,
	.shiftnav-toggle-button .fa:after {
		border-top: 1px solid #fff;
		display: block;
		width: 30px;
	}

	.shiftnav-toggle-button .fa:before,
	.shiftnav-toggle-button .fa:after {
		content: "";
		margin-top: 5px;
	}

	.shiftnav-toggle-button:hover .fa,
	.shiftnav-toggle-button:hover .fa:before,
	.shiftnav-toggle-button:hover .fa:after {
		border-top: 1px solid #ab916c;
	}

	.shiftnav { 
		background: url(assets/images/sebel-kiama-dive-in-diver.jpg) no-repeat center bottom !important;
		background-size: cover !important;
		width: 100% !important;
	}

	.shiftnav .shiftnav-panel-close {
		background: transparent !important;
		right: inherit !important;
		left: 0;
		outline: 0 !important;
		top: 0;
	}

	.shiftnav .shiftnav-panel-close .fa {
	  position: absolute;
	  left: 32px;
	  top: 32px;
	  width: 32px;
	  height: 32px;
	}

	.shiftnav .shiftnav-panel-close .fa:before,
	.shiftnav .shiftnav-panel-close .fa:after {
	  position: absolute;
	  left: 15px;
	  content: "";
	  height: 33px;
	  width: 2px;
	  background-color: #fff;
	}

	.shiftnav .shiftnav-panel-close:hover .fa:before,
	.shiftnav .shiftnav-panel-close:hover .fa:after {
	  background-color: #ab916c;
	}

	.shiftnav .shiftnav-panel-close .fa:before {
	  transform: rotate(45deg);
	}

	.shiftnav .shiftnav-panel-close .fa:after {
	  transform: rotate(-45deg);
	}

	.shiftnav .shiftnav-menu-image {
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 10;
		width: 80px;
		transform: translate(-50%);
	}

	.shiftnav .shiftnav-menu-image img { 
		display: block;
		max-width: 78px !important;
		width: 100%;
		margin: 0 auto;
	}

	.shiftnav nav.shiftnav-nav {
		margin-bottom: 60px;
	}

	.shiftnav ul.shiftnav-menu {
		align-content: center;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 900px;
		width: 100%;
		margin: 0 auto !important;
	}

	.shiftnav ul.shiftnav-menu li.menu-item {
		flex: 0 0 50%;
		text-align: center;
	}

	.shiftnav ul.shiftnav-menu li.menu-item:first-child {
		flex: 0 0 100%;
	}

	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(4),
	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(5),
	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(6) {
		flex: 0 0 33.33%;
	}

	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(2),
	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(7) {
		text-align: right;
		padding-right: 35px;
	}

	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(3),
	.shiftnav ul.shiftnav-menu li.menu-item:nth-child(8) {
		text-align: left;
		padding-left: 35px;
	}

	.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, 
	.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target { 
		display: inline-block !important;
		color: #fff;
		font-family: "Hackney", Sans-serif;
		font-size: 75px;
		line-height: 1.2 !important;
		padding: 0 !important;
	}

	.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target:hover, 
	.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target:hover {
		opacity: 0.6;
	}

	body .shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
	body .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
		line-height: 0.6 !important;
	}

	body .shiftnav ul.shiftnav-menu li.menu-item {
		margin: 20px 0 !important;
	}

	.shiftnav-inner .copy{
		color: #fff;
		text-align: center;
		position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 52px;
	}

	.elementor-sticky--active > .e-con-full.elementor-hidden-tablet {
		display: none;
	}

	.elementor-sticky--active > .e-con-full {
		justify-content: center !important;
		width: 100% !important;
	}

	.menu-item .itembg {
		display: none !important;
	}

	.btn-wrapper {
	    position: absolute;
	    right: 60px;
	    top: 20px;
	}

	.btn-wrapper .button {
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 0;
		color: #fff;
		font-size: 15px;
		padding: 12px 24px;
		text-align: center;
		transition: all 0.3s;
		display: inline-block;
		vertical-align: middle;
		margin: auto 5px;
	}

	.btn-wrapper .button:hover {
		background-color: #fff;
		color: #000;
	}

	.shiftnav .shift-bg {
		transition: all ease-in-out 0.5s;
		opacity: 1;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

	.shiftnav:not(.hovered) .shift-bg {
		opacity: 0;
		/* background: none !important; */
	}

/*
 * Home Page Content
*/

	#dive-in h2 {
		cursor: pointer;
		display: inline-block;
		transition: all ease-in-out 0.5s;
	}

	#dive-in h2:hover {
		opacity: 0.6;
	}

/*
 * What's On Page
*/
	.event-item .elementor-widget-image a {
		display: block;
	}

	/*.event-item .elementor-widget-heading {
		margin-left: 20%;
		width: 80%;
	}

	.event-item .elementor-widget-shortcode {
		width: 16%;
		position: absolute;
		left: 0;
		bottom: -10px;
	}*/

	.event-item .event-date {
		background-color: #F4EDE6;
		color: #333;
		font-family: "Hackney", Sans-serif;
    	font-size: 50px;
    	font-weight: 500;
    	line-height: 1;
    	padding: 2px 5px;
    	width: 100%;
    	text-align: center;
    	display: inline-block;
    	vertical-align: middle;
	}

	.event-item .event-date .month {
		font-size: 30px;
		display: block;
	}

	.pum-theme-default-theme .gform_wrapper .gform_heading,
	.enquiry-popup .gform_wrapper .gform_heading {
		display: none;
	}

	.pum-theme-default-theme .gform_wrapper .gform_fields,
	.enquiry-popup .gform_wrapper .gform_fields {
		row-gap: 12px;
	}

	.pum-theme-default-theme .gform_wrapper .gfield_label,
	.enquiry-popup .gform_wrapper .gfield_label {
		font-size: 19px;
		color: #000;
		font-weight: 700;
		font-family: "Olympico", Sans-serif;
	}

	.pum-theme-default-theme .gform_wrapper .gform-field-label--type-sub,
	.enquiry-popup .gform_wrapper .gform-field-label--type-sub {
		color: #000;
		font-weight: 700;
		font-family: "Olympico", Sans-serif;
	}

	.pum-theme-default-theme .gform_wrapper input[type="text"],
	.pum-theme-default-theme .gform_wrapper input[type="tel"],
	.pum-theme-default-theme .gform_wrapper input[type="email"],
	.pum-theme-default-theme .gform_wrapper textarea,
	.enquiry-popup .gform_wrapper input[type="text"],
	.enquiry-popup .gform_wrapper input[type="tel"],
	.enquiry-popup .gform_wrapper input[type="email"],
	.enquiry-popup .gform_wrapper textarea {
		font-family: "Olympico", Sans-serif;
		font-size: 16px;
		border-radius: 0;
		padding: 15px;
		color: #000;
		width: 100%;
	}

	.pum-theme-default-theme .gform_wrapper .gform_button,
	body .enquiry-popup .gform_wrapper .gform_button,
	.gift-voucher-form .gform_button,
	.gift-voucher-form .gravitypdf-download-link {
		border-radius: 0 !important;
		margin: 0 auto !important;
		background: #fff !important;
		color: #000 !important;
		border: 1px solid #000 !important;
		text-transform: uppercase !important;
		padding: 15px 30px !important;
		box-shadow: none !important;
		font-size: 14px !important;
		transition: all ease-in-out 0.3s !important;
	}

	.pum-theme-default-theme .gform_wrapper .gform_button:hover,
	.enquiry-popup .gform_wrapper .gform_button:hover,
	.gift-voucher-form .gform_button:hover,
	.gift-voucher-form .gravitypdf-download-link:hover {
		background-color: #001A25 !important;
		border-color: #001A25 !important;
		color: #fff !important;
	}

	.pum-theme-default-theme h3 {
		color: #333;
		font-family: "Olympico", Sans-serif !important;
		font-size: 40px;
		font-weight: 700;
		text-align: center;
	}

	.pum-theme-default-theme p {
		color: #333;
	}

	.pum-theme-default-theme .pum-content .pum-close {
		outline: 0 !important;
	}

	.gift-voucher-form .gform-field-label {
		font-size: 16px !important;
	}

	.gift-voucher-form .gfield_label {
		font-family: "Olympico", Sans-serif !important;
		font-size: 20px !important;
		font-weight: 700 !important;
	}

	.gift-voucher-form input[type="email"],
	.gift-voucher-form input[type="text"] {
		border: 1px solid #000;
		border-radius: 0;
		padding: 10px 15px;
		height: 40px;
		color: #000;
		font-size: 16px;
	}

	.gift-voucher-form .ginput_total {
		border: none !important;
		padding: 0 !important;
		font-size: 16px !important;
	}

	.gift-voucher-form .gform_heading {
		display: none;
	}

	.gift-voucher-form h3 {
		text-align: center;
		color: #000;
		font-family: "Olympico", Sans-serif;
		font-size: 45px;
		font-weight: 500;
	}

	.package-grid .elementor-grid {
		display: flex !important;
		justify-content: center;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.package-grid .elementor-grid .e-loop-item {
		flex: 0 0 31%;
	}

	#gform_3 input[type="text"],
	#gform_3 input[type="email"],
	#gform_3 input[type="tel"],
	#gform_3 input[type="number"] {
		border-radius: 0 !important;
	}

	#gform_3 .gform_button {
		background: transparent;
		border: 1px solid #001F2B;
		border-radius: 0;
		color: #001F2B;
		text-transform: uppercase;
		box-shadow: none;
		transition: all ease-in-out 0.3s;
	}

	#gform_3 .gform_button:hover {
		background-color: #001F2B;
		color: #fff;
	}

	.text-spec {
		width: auto !important;
	}

	.packages-content {
		text-align: center;
	}

	.packages-content ul {
		display: inline-block;
		text-align: left;
	}

	.this-month-content-item ul {
		padding: 0;
	}

	.package-loop-item {
		height: 100% !important;
	}

	.menu-wrap .elementor-tab-content > p {
		display: none;
	}

	.menu-wrap .tablepress th {
		border-top: 0;
		border-block-start: 0 !important;
	}

	.menu-wrap .tablepress strong {
		font-weight: 700;
	}

	.menu-wrap .tablepress .blk {
		display: block;
		text-transform: lowercase;
	}

/*
 * Media Queries
*/
	@media (max-width: 1200px) {
		.home-banner .elementor-background-video-container,
		.home-banner .elementor-background-overlay {
			height: 110% !important;
		}
	}

	@media (max-width: 1024px) {
		.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
		.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
			font-size: 60px;
		}

		.footer-menu .elementor-nav-menu {
			justify-content: center !important;
			width: 100%;
		}

		.package-grid .elementor-grid .e-loop-item {
			flex-basis: 47%;
		}

	}

	@media (max-width: 960px) {
		.btn-wrapper {
			position: static;
			margin-bottom: 30px !important;
			text-align: center;
		}
	}

	@media (max-width: 768px) {
		.package-grid .elementor-grid .e-loop-item {
			flex-basis: 100%;
		}
	}

	@media (max-width: 767px) {
		.shiftnav-inner {
			display: block;
		}

		.shiftnav ul.shiftnav-menu li.menu-item {
			flex: 0 0 100%;
		}

		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(4),
		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(5),
		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(6) {
			flex: 0 0 100%;
		}

		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(2),
		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(7) {
			text-align: center;
			padding-right: 0;
		}

		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(3),
		.shiftnav ul.shiftnav-menu li.menu-item:nth-child(8) {
			text-align: center;
			padding-left: 0;
		}

		.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
		.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
			font-size: 50px;
			line-height: 1.6 !important;
		}

		.shiftnav .shiftnav-menu-image,
		.shiftnav-inner .copy {
			position: static;
		}

		.shiftnav .shiftnav-menu-image {
			margin-bottom: 50px;
		}

		.btn-wrapper .button {
			padding: 12px 20px;
		}

		.btn-wrapper {
			margin: 140px auto 50px 60px !important;
			z-index: 999;
			position: relative;
			width: 100%;
			display: block;
		}

		.shiftnav .shiftnav-menu-image {
			position: absolute !important;
		}

		.shiftnav-inner:after,
		.shift-bg {
			height: 142%;
		}

		.shiftnav-inner .copy {
			z-index: 10;
			position: relative;
		}

		.text-spec {
			width: 33.333% !important;
		}

		.home-content {
			margin-top: -100px;
		}

	}

	@media (max-width: 702px) {
		.home-banner .elementor-background-video-container,
		.home-banner .elementor-background-overlay {
			height: 125% !important;
		}
	}

	@media screen and (max-width: 600px) {
	    #wpadminbar {
	        position: fixed;
	    }
	}

	@media (max-width: 550px) {
		.text-spec {
			width: 50% !important;
		}
	}


	@media (max-width: 512px) {
		.home-banner .elementor-background-video-container,
		.home-banner .elementor-background-overlay {
			height: 162% !important;
		}

		.home-banner > .elementor-container {
			min-height: 70vh !important;
		}

		.gv-img-bot img {
			height: 100px !important;
		}	

		#dive-in {
			margin-top: -175px;
		}
	}

	

	@media screen and (max-width: 480px) {

		.shiftnav {
			max-width: 100% !important;
		}
		
		.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target,
		.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
			font-size: 40px;
		}

		#dive-in h2 {
			font-size: 135px;
		}

		.event-item .event-wrap {
			flex-direction: column;
		}

		.event-item .title-wrap,
		.event-item .date-wrap {
			width: 100% !important;
			padding: 0 !important;
		}
	}

	@media (max-width: 450px) {
		.home-content {
			margin-top: -145px;
		}
	}

	@media (max-width: 342px) {
		.home-banner .elementor-background-video-container,
		.home-banner .elementor-background-overlay {
			height: 240% !important;
		}
	}

	@media screen and (max-width: 359px) {
		.shiftnav {
			max-width: 100% !important;
		}

		#dive-in h2 {
			font-size: 120px;
		}
	}