/*
Theme Name: Croc Cove Theme
Theme URI: http://m2media.com.au
Author: M2Media
Author URI: http://m2media.com.au
Description:
*/
.logo_menu_header {
	max-height: 90px;
}

.primary_content table td {
	padding: 5px;
}

.primary_content table tr:nth-child(odd){
	background-color: #f2f2f2;
}

.banner_content img {
	margin-top: 100px;
	width: 90%;
	margin: 100px auto 0px auto;
}
@media screen and (min-width: 479px){
	.home-image-promo.mobile-version {
		display: none;
	}
}
.banner_content {
	width:100%;
	max-width:711px;
}

.banner_content.has-image {
	position:relative;
}
@media screen and (max-width: 478px){
	.home-image-promo.desktop-version {
		display: none;
	}
}
.faq-answer{display:none}
.active-faq{display:block}
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
.periscopeicon {
	width: 18px;
	display:inline-block;
	height: auto;
	background-image: url(images/icon-periscope-hover.png);
	background-size: contain;
	background-repeat:no-repeat; 
	background-position:bottom center;
}
.periscopeicon img {
	transition:opacity .2s;
	opacity: 1;
}
.periscopeicon:hover img {
	opacity: 0;
}
.wrapper {
	background-color: #fff;
}
body {
	background-image: url(images/croc_texture.png);
	background-repeat: no-repeat;
    background-color: #ece5e5;
    background-position: top left;
    background-attachment: fixed;
}
.inner {
	margin:0px auto;
	float:none;
}
.primary_content {
	padding: 3em 0em;
	color:#333333;
}
.primary_content p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.primary_content h1 {
	font-size: 2.44em;
	margin-bottom: .75em;
}

.primary_content h2 {
	font-size: 1.953em;
	margin-bottom: .75em;
}

.primary_content h3 {
	font-size: 1.563em;
	margin-bottom: .75em;
	text-align:left; 
	padding-bottom: 0px;
}
.primary_content h4 {
	font-size: 1.25em;
	margin-bottom: .75em;
}
.primary_content h5 {
	font-size: 1em;
	margin-bottom: .75em;
}
.primary_content h6 {
	font-size: 1em;
	margin-bottom: .75em;
}

.primary_content ul, .primary_content ol {
	margin-left: 2em;
}
.primary_content li {
	list-style-type: disc;
	margin-top: .25em;
	margin-bottom: .25em;
	padding-left: .5em;

}
.subpage_banner .banner_back{
	min-height: 600px;
	color: #fff;
	height:auto;
}
@media screen and (min-width: 768px) {
	.subpage_banner .banner_back h1 {
		font-size: 101px;
	}
	.subpage_banner .banner_back h2 {
		font-size: 42px;
	}

}

@media screen and (max-width: 767px) {
	.subpage_banner .banner_back {
	    min-height: 250px;
	}
	.primary_content h1 {
	font-size: 1.44em;
	margin-bottom: .75em;
}

}

#sb_instagram {
	max-width: 1480px;
}




@media screen and (min-width: 481px) and (max-width:640px) {
	#sbi_images .sbi_item {
		display:none !important; 
	}
	#sbi_images .sbi_item:first-child, #sbi_images .sbi_item:nth-child(2) {
		display:block !important;
		float:left;
	}
}

@media screen and (max-width:480px) {
	#sbi_images .sbi_item {
		display:none !important; 
	}
	#sbi_images .sbi_item:first-child {
		display:block !important;
	}
}


.gallery {
	background-image: url(images/gallery-bg.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}
.gallerySlider {
	margin-bottom: 4em;
}

.galleryItem {
	padding: .25em;
}
.galleryItem img {

}


.slick-prev, .slick-next {
	width:30px;
	height: 40px; 
	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute; 
	transition: all .2s;
	top: 50%;
	transform: translateY(-50%);
}

.slick-prev {
	background-image: url(images/left-arrow.png);
	left: -60px; 
}
.slick-next {
	background-image: url(images/right-arrow.png);
	right: -60px;
}

.slick-prev:hover {
	transform: translateX(-.5em) translateY(-50%);
}
.slick-next:hover {
	transform: translateX(.5em) translateY(-50%);
}

@media screen and (max-width: 849px) {
	.gallerySlider {
		margin-left: 3em;
		margin-right: 3em;
	}
	.slick-prev {
		left: -45px; 
	}
	.slick-next {
		right: -45px;
	}
}

.page_btns {
	text-align:center;
	margin-top:3em;
}

.page_btns .btn.gray {
	letter-spacing: 2px;
}

.attractionBox {
	background-size:cover;
	background-position: center;
	color:#fff;
	height: 185px;
	margin-bottom:1.5em;
	position:relative;
}

.attractionBox h4 {
	text-align:center;
	color:#fff;
	bottom: 1rem;
	position:absolute;
	font-family: 'saltashgrunge', sans-serif;
    width: 100%;
    font-size: 2em;
}
.attractions {
	/*padding-bottom: 3em;*/
}

.attractionStrip {
	padding: 50px 0px;
}
.attractionStrip p {
	margin-bottom: 1em;
}

.attractionStrip h3 {
	text-align:left; 
	padding-top: 3px;
	margin-top: 1rem;
}
.attractionStrip:nth-child(odd) {
	background-image: url(images/gallery-bg.jpg);
	background-size:cover;
	background-repeat: no-repeat;
}

.attractionStrip img {
	margin-top: 30px;
}

@media screen and (min-width: 991px) {
	.attractionStrip {
		padding: 100px 0px;
	}

	.attractionStrip .row {
		display:flex;
		align-items: center;
	}
	.attractionStrip .col-md-6, .attractionStrip .col-md-push-6 {
		padding-left: 30px;
    	padding-right: 30px;
	}

.attractionStrip img {
	margin-top: 0px;
}
}

.right-align {
	text-align: right;
}



.gform_wrapper ul li.gfield {
     clear: none !important; 
}

.looped .btn, .learn-more-btn {
	background-size:contain;
	background-repeat:no-repeat;
	background-size: 100% 100%;

}

.looped .btn:nth-child(odd){
	background-image:url(images/bg-grey.png);
    color: #333333;
}
.looped .btn:nth-child(even), 
.learn-more-btn, 
.attractionStrip .btn {
	background-image:url(images/bg-green.png);
	color:#fff;
}

.looped .btn:hover, .learn-more-btn:hover {
    color: #333333;
}
.looped .btn:nth-child(odd):hover{
    color: #555555;
}
.learn-more-btn {
	padding: .25em 1em;
	display:inline-block;
}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}


#tcs ul li {
	list-style-type: disc;
	margin-bottom:5px;


}

#tcs ul {
	padding-left: 1em;
	margin-bottom:5px;
}


.image-row {
	background-position: center;
	background-size:cover;
}

.text-light .image-row-text {
	color: #fff;
}
.text-dark .image-row-text {
	color: #333333;
}
.image-row-text {
	text-align:center;
	max-width: 543px;
	margin: 200px auto 80px auto;
}

@media screen and (max-width: 769px) {
	.image-row .col{
		    background-color: rgba(0,0,0,.4);
	}

	.text-dark.image-row .col {
		    background-color: rgba(255,255,255,.5);

	}
}
.image-row-text p {
	font-size: 1.125em;
	line-height: 1.7;
	margin-top: 1em;
	margin-bottom: 3em;
}
@media screen and (min-width: 900px) {

	.image-row-text {
		margin: 170px auto;

	}

	.image-row-text h1 {
		font-size: 80px;
	}
}



.explore-btn {
	margin-top: 2em;
	    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 47px;
    margin: 0 1px;
    /*padding: 10px 0 0;*/
    text-transform: uppercase;
    vertical-align: middle;
    /* width: 157px; */
    background-size: 100% 100%;
    padding: 10px 1em;
}





.primary_content input {
	border: 1px solid #ccc;
	padding: 0px .5em;
}

.primary_content input[type=submit] {
	border: 1px solid #ccc;
	background-color: #efefef;
}


/*Homepage flexible content */

.banner-page-section {
	padding: 80px 0px;
	background-position:center;
	background-size:cover;
}
.banner-info-inner {
	text-align:center;
	margin: 30px 0px;
}

.banner-info-inner h3 {


	font-size: 69px;

	letter-spacing: 2px;

	line-height: 1;

	margin-top: 26px;

	padding-bottom: 22px;
}
.banner-info-inner p {
	font-size: 18px;

	line-height: 31px;

	text-align: center;
}
.banner-page-section p, .banner-page-section h3 {
	color: #fff;
}

.banner-info-inner .btns_sec {
	margin: 30px 0px;
}
.banner-info-inner .btns_sec .btn {
	padding-left: 1em;
	padding-right: 1em;
	width: auto;

	background-size: 100% 100%;
}

@media screen and (min-width: 767px) {
	.banner-page-section {

		padding: 100px 0px;
	}

}