/*
 Theme Name:   Divi Child
 Theme URI:    http://elegantthemes.com/
 Description:  Divi Child Theme
 Author:       ElegantThemes
 Author URI:   http://elegantthemes.com
 Template:     Divi
 Version:      0.1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */
@import url("https://use.typekit.net/suy8ctu.css");
/*
.fonts {
	font-family:"tablet-gothic";
	font-family:"tablet-gothic-compressed";
	font-family:"tablet-gothic-condensed";
	font-family:"tablet-gothic-narrow";
	font-family:"tablet-gothic-semi-condensed";
	font-family:"tablet-gothic-wide";
}
*/



h1, 
h2, 
h3, 
h4, 
h5, 
h6 
{
	font-family:'Tablet Gothic Wide','tablet-gothic-wide', sans-serif;
	font-weight:600;
}
.et_pb_button,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=submit], 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full button[type=submit], 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-page-button
{
	font-family:'Tablet Gothic Narrow','tablet-gothic-narrow', sans-serif;
	font-weight:600!important;
	text-align:center;
}

/*----- Start Site CSS -----*/
/*globally set larger default container width*/
.container {
    width: 90%;
}
body.custom-background.intranet-theme {
	background-color:#f1f2f7;	
}
/*add to a span or element to prevent phone number from wrapping on smaller screens*/
.nowrap {
    white-space: nowrap;
}
/*disabled field*/
.disabled {
	cursor: not-allowed!important;
	opacity: 0.5!important;
	-webkit-user-select: none!important;
	-moz-user-select: none!important;
	-ms-user-select: none!important;
	user-select: none!important;
}
/*scroll to top styles*/
.et_pb_scroll_top.et-pb-icon {
    background: rgba(77, 124, 138, 0.35);
	background: rgba(255, 159, 28, 0.35)
    -webkit-border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-topleft: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}
/*mobile only where appropriate*/
@media screen and (max-width: 980px) {
    /*use to revers columns on mobile for alternating row scenarios - add class 'reverse' to the row*/

	.reverse {
        display: flex;
        flex-direction: column-reverse;
    }
	.reverse:last-child .et_pb_column:last-child,
	.reverse .et_pb_column.et-last-child
	{
		margin-bottom: 30px;
	}
	/**/
	#promo-popup {
		overflow:scroll;
	}
}
/*class for inline image*/
.inline-image {
    display: inline-block;
	margin-right:10px;
}
/* READ MORE CSS */
.jc-toggle-text .et_pb_text_inner {
	max-height: 270px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}
/*add gradient to the collapsed text*/
.jc-toggle-text .et_pb_text_inner:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, #fffbf2 10%, transparent);
}
/*style the expand text link*/
.jc-toggle-text .jc-text-expand-button {
	padding: 0.5em;
	text-align: center;
	color: #ff9f1c!important;
}
/*change the curor to a pointed when hovering over the expand text link*/
.jc-toggle-text .jc-text-expand-button span {
	cursor: pointer;
}
/*define the font family for the toggle icon*/
.jc-toggle-text .jc-text-expand-button .jc-text-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}
/*set the max height and transition of the expanded toggle*/
.jc-toggle-text .jc-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.3s ease-in-out;
}
.jc-toggle-text .jc-text-toggle-expanded.et_pb_text_inner:after {
	background: none;
}
/*CSS Grid*/
.grid-container{
	display:grid;
	grid-template-columns:repeat(12,1fr);
	gap:0
}
.grid-container .grid-3{
	grid-column:span 3;
}
.grid-container .grid-4{
	grid-column:span 4;
}
.grid-container .grid-5{
	grid-column:span 5;
}
.grid-container .grid-6{
	grid-column:span 6;
}
.grid-container .grid-7{
	grid-column:span 7;
}
.grid-container .grid-8{
	grid-column:span 8;
}
.grid-container .grid-12{
	grid-column:span 12;
}
@media only screen and (max-width:982px){
	.grid-container .grid-item{
		grid-column:span 12!important;
	}
}

/*----- End Site CSS -----*/

/*----- Start Menu CSS -----*/
#jc_primary_menu .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, 
#jc_primary_menu .et_pb_menu__logo-slot 
{
    /*max-width: 130px;*/
	max-width: 100px;
}
#jc_primary_menu .et_pb_menu__logo {
    /*margin-bottom: -25px;*/
	margin-top: -10px;
	margin-bottom: -10px;
	margin-right: 0px;
	position: relative;
    z-index: 9999999;
}

#jc_primary_menu {
    padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: 0px -6px 18px 0px rgba(0,0,0,0.1);
}
#jc_primary_menu .et_pb_menu__menu>nav>ul>li>a {
    padding-top: 0px;
	padding-bottom: 0px;
}

#jc_primary_menu .menu-button {
	position:relative;
}
#jc_primary_menu .menu-button div {
    padding: 10px 20px;
    color: #fffbf2;
	text-align: center;
}
#jc_primary_menu .menu-button div.rent-btn {
    background: #df1e25;
}
#jc_primary_menu .menu-button div.phone-btn {
    background: #ff9f1c;
}
#jc_primary_menu .menu-button div.phone-btn:before {
	content: '';
    width: 15px;
    height: 12px;
    display: inline-block;
    background-image: url(https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/jc-phone-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#jc_primary_menu #menu-primary-menu li .sub-menu {
    padding: 0px 0px;
	border-top: none;
}
#jc_primary_menu #menu-primary-menu li .sub-menu li {
    padding: 0 0px;
	width:100%;
}
#jc_primary_menu #menu-primary-menu li .sub-menu li a {
	width:100%;
	padding: 10px 20px;
	transition: opacity 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
#jc_primary_menu #menu-primary-menu li .sub-menu li a:hover {
	background: #4d7c8a;
	color: #fffbf2!important;
	opacity:1;
}
/*mobile*/
#jc_primary_menu_button {
    position: relative;
    z-index: 10010;
}
#jc_primary_menu .mobile_menu_bar {
    display: inline-block!important;
}
#jc_primary_menu .et_mobile_menu {
	width:112%!important;
	margin-left:-6%!important;
	overflow-y: scroll!important;
    max-height: calc(100vh - 100px)!important;
    -overflow-scrolling: touch!important;
    -webkit-overflow-scrolling: touch!important;
}
#jc_primary_menu .et_mobile_menu li.et_first_mobile_item {
    margin-top: 30px !important;
}
#jc_primary_menu .mobile_nav {
	margin-right: -6vw;
    line-height: 1em;
}
#jc_primary_menu .jc-header-phone {
    display: inline-block;
    /*background: #df1f25;*/
	background: #ff9f1c;
}
#jc_primary_menu .jc-header-phone a.jc-header-phone-link {
    width: 50px;
    height: 50px;
    display: block;
    padding-right: 1px;
}
#jc_primary_menu .jc-header-phone img.jc-header-phone-icon {
    width: 47px;
    padding: 8px;
}
#jc_primary_menu .et_pb_menu__wrap .mobile_nav .mobile_menu_bar {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
#jc_primary_menu .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d'!important;
	transition: all .4s ease;
    transform: rotate(90deg);
    display: block;
}
#jc_primary_menu .mobile_nav .mobile_menu_bar:before {
    transition: all .4s ease;
    transform: rotate(0deg);
    display: block;
	font-size: 50px;
}
#jc_primary_menu .et_mobile_menu li a {
    border-bottom: none;
}
#jc_primary_menu .et_mobile_menu li li {
    padding-left: 1%;
}
#jc_primary_menu .et_mobile_menu .first-level.menu-item-has-children>a {
    position: relative;
	background-color: #fffbf2;
}

#jc_primary_menu .et_mobile_menu .first-level.menu-item-has-children {
	position: relative;
}
#jc_primary_menu .et_mobile_menu .sub-menu {
    display: none!important;
}
#jc_primary_menu .et_mobile_menu .sub-menu.reveal-items {
    display: block!important;
	transition: all .4s ease !important;
}
/* Style for the arrow icon */
#jc_primary_menu .et_mobile_menu span.arrow {
    display: inline-block;
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0;
	margin-left:15px;
    cursor: pointer;
}
#jc_primary_menu .et_mobile_menu span.arrow:after {
	font-family: etmodules;
    content: '3';
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    transition: all .4s ease !important;
}
/* Style for the down arrow */
#jc_primary_menu .et_mobile_menu span.arrow.down:after {
    content: '2';
}
#jc_primary_menu_button .rent-a-cabin-menu-button {
    max-width: 170px;
	min-height:15px!important;
}
/*----- End Menu CSS -----*/
/*----- Start Forms CSS -----*/
#cabin-map-form .wpforms-submit-container {
    display: none;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-container .wpforms-field-label {
    font-weight: normal!important;
    color: #4d7c8a !important;
    font-family: 'Avenir Medium', Helvetica, Arial, Lucida, sans-serif!important;
}
.wpforms-recaptcha-container.wpforms-is-turnstile {
    margin-bottom: 50px !important;
    margin-top: 20px !important;
}
.et_pb_button, 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full input[type=submit], 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full button[type=submit], 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full .wpforms-page-button,
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full input[type=submit]:not(:hover):not(:active), 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full button[type=submit]:not(:hover):not(:active), 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active)
{
	background-color: #df1e25;
	border-color:#df1e25;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 5px 30px;
    min-height: 50px;
}
.et_pb_button:hover, 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full input[type=submit]:hover, 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full button[type=submit]:hover, 
.et-db #et-boc .et-l .et_pb_section .et_pb_module div.wpforms-container-full .wpforms-page-button:hover
{
	background-color: #ff9f1c;
	border-color:#ff9f1c;
}
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=date], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=datetime-local], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=email], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=month], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=number], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=password], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=range], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=search], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=tel], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=text], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=time], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=url], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container input[type=week], 
.et-db #et-boc .et-l .et_pb_module .wpforms-container select, 
.et-db #et-boc .et-l .et_pb_module .wpforms-container textarea,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner
{
	background-color: #fff!important;
    border-radius: 0px!important;
    border: 1px solid #4D7C8A!important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus:invalid, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus:invalid,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=date]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=datetime-local]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=email]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=month]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=number]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=password]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=range]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=search]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=tel]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=text]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=time]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=url]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full input[type=week]:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full select:focus, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full textarea:focus,
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, 
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown
{
    border: 1px solid #4D7C8A!important;
    box-shadow: 0 0 0 1px #4D7C8A, 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #4D7C8A!important;
    color: #fff!important;
}

#find_closest_branch input#wpforms-512-field_1
{
	border: 1px solid #df1e25 !important;
}
#find_closest_branch input#wpforms-512-field_1:focus,
#find_closest_branch input#wpforms-512-field_1:focus:invalid
{
	border: 1px solid #df1e25 !important;
    box-shadow: 0 0 0 1px #df1e25 , 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}

#find_closest_branch #regional_branch_search input#wpforms-512-field_1
{
	border: 1px solid #ff9f1c !important;
}
#find_closest_branch #regional_branch_search input#wpforms-512-field_1:focus,
#find_closest_branch #regional_branch_search input#wpforms-512-field_1:focus:invalid
{
	border: 1px solid #ff9f1c !important;
    box-shadow: 0 0 0 1px #ff9f1c , 0px 1px 2px rgba(0, 0, 0, 0.15)!important;
}
#find_closest_branch #regional_branch_search button#wpforms-submit-512
{
	background-color: #df1e25 !important;
}
#regional_page_areas a {
	color:#FFF;
	text-decoration:underline;
}
#regional_page_areas td {
	vertical-align:top;
}
@media only screen and (max-width: 600px) {
	#regional_page_areas td {
		display:block!important;
		width:100%!important;
	}
}


.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full, 
.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #4d7c8a!important;
    border: 1px solid #4d7c8a!important;
}
.et-db #et-boc .et-l .et_pb_module div.wpforms-container-full .wpforms-confirmation-container-full p, 
.et-db #et-boc .et-l .et_pb_module div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #ffffff;
}
/*residential_lease form*/
.residential_lease_size_info_wrap {
    display: flex;
    flex-wrap: wrap;
}
.residential_lease_size_info_wrap .size_info_item {
    flex: 1;
	flex-basis: 100%;
    padding: 15px !important;
    margin-right: 0px !important;
	margin-bottom: 15px !important;
    background: #fff !important;
    box-shadow: 6px 6px 18px 0px rgba(0, 0, 0, 0.1)!important;
    transition: all 0.15s ease-in-out!important;
}
#wpforms-1368-field_45 {
    max-width: 100% !important;
}
#wpforms-1368-field_45 .residential-lease-form-group {
    background: #fff !important;
    padding: 20px !important;
}
#wpforms-1368-field_45 .residential-lease-form-group p {
    font-size: 14px !important;
	margin-bottom:0px!important;
}
#wpforms-1368-field_45 .residential-lease-form-group h3 {
    font-size: 18px !important;
	margin-bottom:0px!important;
}
#wpforms-1368-field_45 .residential-lease-form-group .residential-lease-form-payment-info {
    border-top: 1px solid #ccc !important;
    margin-top: 10px !important;
    padding-top: 5px !important;
}
#wpforms-1368-field_45 .residential-lease-form-group .payment-info span,
#wpforms-1368-field_45 .residential-lease-form-group .rental-info span{
    font-weight: 600 !important;
}
#wpforms-form-1368 #wpforms-1368-field_45 .residential-lease-form-group .payment-info.info-summary ul {
    margin-bottom: 0px !important;
}
#wpforms-form-1368 #wpforms-1368-field_45 .residential-lease-form-group .payment-info.info-summary ul li {
    margin-bottom: 0px !important;
	line-height: 1.3em !important;
}
#wpforms-form-1368 #wpforms-1368-field_45 .residential-lease-form-group .payment-info, 
#wpforms-form-1368 #wpforms-1368-field_45 .residential-lease-form-group .rental-info 
{
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}
/*commercial lease form*/
#wpforms-form-1373 #wpforms-1373-field_57 {
    max-width: 100% !important;
}
#wpforms-form-1373 .commercial-lease-form-group {
    background: #fff !important;
    padding: 20px !important;
}
#wpforms-form-1373 .commercial-lease-form-group.commercial-lease-form-group-calc .lease-form-cabins p {
    position: relative !important;
    display: flex;
}
#wpforms-form-1373 .commercial-lease-form-group.commercial-lease-form-group-calc .lease-form-cabins p span.pull-right {
    margin-left: auto !important;
}
#wpforms-form-1373 .commercial-lease-form-group p {
    font-size: 14px !important;
	margin-bottom:0px!important;
}
#wpforms-form-1373 .commercial-lease-form-group h2 {
    font-size: 20px !important;
	margin-bottom:0px!important;
}
#wpforms-form-1373 .commercial-lease-form-group h3 {
    font-size: 18px !important;
	margin-bottom:0px!important;
}
#wpforms-form-1373 .commercial-lease-form-group .lease-form-cabins {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
}
/*----- End Forms CSS -----*/

/*----- Start Pages CSS -----*/
/*homepage*/
#jc_home_hero a.et_pb_button {
    min-width: 150px;
    text-align: center;
	/*display:none!important;*/
}
#jc_home_hero .hp-rent-btn.et_pb_button_one.et_pb_button {
	color: #FFFBF2 !important;
	border-color: #DF1E25!important;
	font-size: 18px;
	font-weight: 700 !important;
	background-color: #DF1E25!important;
	padding-top: 7px !important;
	padding-right: 25px !important;
	padding-bottom: 7px !important;
	padding-left: 25px !important;
	margin-right: 20px;
	margin-bottom:20px !important;
	text-shadow: none!important;
	display:none;
}
#jc_home_hero .hp-rent-btn.et_pb_button_one.et_pb_button:hover {
	border-color: #FF9F1C !important;
	background-image: initial;
	background-color: #FF9F1C !important;
}

#jc_home_hero .hp-contact-btn.et_pb_button_two.et_pb_button {
	color: #fffbf2 !important;
	border-color: #FF9F1C!important;
	font-size: 18px;
	font-weight: 700 !important;
	background-color: #FF9F1C!important;
	padding-top: 7px !important;
	padding-right: 25px !important;
	padding-bottom: 7px !important;
	padding-left: 25px !important;
	margin-right: 20px !important;
	margin-bottom:20px !important;
	text-shadow: none!important;
	display:block;
}
#jc_home_hero .hp-contact-btn.et_pb_button_two.et_pb_button:hover {
  border-color: #DF1E25 !important;
  background-image: initial;
  background-color: #DF1E25 !important;
}
.cabin_blurb .et_pb_blurb_container {
  padding:0px 25px 25px 25px;
}
.cabin_blurb .et_pb_module_header a:after {
    content:url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/right-arrow-green.svg');
	margin-left: 5px;
}
.cabin_blurb:hover .et_pb_module_header a:after {
    content:url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/right-arrow-red.svg');
}
/*blog listing*/
#jc_blog .dp-dfg-filters ul {
    justify-content: start;
}
#jc_blog .dp-dfg-filters ul:before {
    content: 'Categories';
    font-family: 'tablet-gothic-narrow', 'Tablet Gothic Wide Bold', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1em;
    padding: 1em 1.2em 1em 0;
    color: #4D7C8A;
	margin-top: 10px;
}
#jc_blog .dp-dfg-filters li.dp-dfg-filter {
    margin-right: 10px;
	margin-top: 10px;
}
#jc_blog .dp-dfg-filters li.dp-dfg-filter a {
    border-width: 2px;
	padding: 1em 1.6em;
}
#jc_blog .dp-dfg-filters li.dp-dfg-filter a.active,
#jc_blog .dp-dfg-filters li.dp-dfg-filter a:hover 
{
    border-color: #df1e25;
    color: #df1e25 !important;
}

#jc_blog .dp-dfg-layout-grid .dp-dfg-item {
	padding-bottom: 20px;
	transition: all 0.15s ease-in-out;
}
#jc_blog .dp-dfg-layout-grid .dp-dfg-image {
	padding-bottom: 20px !important;
}
#jc_blog .dp-dfg-skin-default .dp-dfg-meta {}
#jc_blog .dp-dfg-header.entry-header {}
#jc_blog .dp-dfg-content.entry-summary {}

#jc_blog .dp-dfg-skin-default .dp-dfg-meta,
#jc_blog .dp-dfg-header.entry-header,
#jc_blog .dp-dfg-content.entry-summary 
{
	padding-left:20px;
	padding-right:20px;
}
#jc_blog .dp-dfg-layout-grid .dp-dfg-image a {
    align-self: stretch;
    padding-top: 56.25% !important;
    position: relative;
    display: flex;
}
#jc_blog .dp-dfg-layout-grid .dp-dfg-image a img.dp-dfg-featured-image {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    top: 0 !important;
    object-fit: cover !important;
}
#jc_blog .dp-dfg-header.entry-header h2 a:after {
	content:url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/right-arrow-green.svg');
	margin-left:5px;
}
#jc_blog .dp-dfg-header.entry-header h2 a:hover:after {
	content:url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/right-arrow-red.svg');
	margin-left:5px;
}
#jc_blog  .dp-dfg-pagination ul.pagination {
    -ms-flex-pack: end;
    justify-content: end;
}
#jc_blog .dp-dfg-pagination .pagination a.pagination-link {
    border-color: rgb(255 251 242 / 0%);
    padding: 1em 5px;
}
/*blog single*/
a.blog-breadcrumb:before {
	content:url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/right-arrow-red.svg');
	margin-right:5px;
	transform: rotate(180deg) !important;
    display: inline-block;
	line-height: 13px;
}
/*standard pages*/
.cabin-single .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 20px;
}
/*jc_pro_carousel dot navigation - with carousel spacing set to 0*/
#jc_pro_carousel {
    margin-bottom: 45px;
}
#jc_pro_carousel.dmpro_carousel .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
#jc_pro_carousel .swiper-horizontal>.swiper-pagination-bullets, 
#jc_pro_carousel .swiper-pagination-bullets.swiper-pagination-horizontal, 
#jc_pro_carousel .swiper-pagination-custom, .swiper-pagination-fraction 
{
    bottom: -40px;
}
#jc_cabin_tabs .et_pb_tabs_controls {
    background:rgba(0,0,0,0);
}
ul.et_pb_tabs_controls:after {
    border-top: 1px solid #4d7c8a;
}
#jc_cabin_tabs .et_pb_tabs_controls li {
    border-right:none;
}
#jc_cabin_tabs .et_pb_tabs_controls li a {
    padding: 4px 0;
    margin-right: 50px;
    display: table-cell;
}
#jc_cabin_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
    border-bottom: 2px solid #df1e25;
}
#main-content .et_pb_module a.et_pb_button.find_out_more_button {
	padding-left: 55px!important;
} 
#main-content .et_pb_module a.et_pb_button.find_out_more_button:before {
	content: url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/find-out-more-icon.svg') !important;
    display: inline-block !important;
    opacity: 1 !important;
    padding: 0 !important;
    left: 60px;
    top: 5px;
} 
#main-content .et_pb_module #give-us-a-call-button:before {
    content: url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/jc-phone-icon.svg') !important;
    display: inline-block !important;
    opacity: 1 !important;
    padding: 0 !important;
    top: 7px;
    scale: 50%;
}
.our-cabins-tabs .et_pb_button_module_wrapper {
	width: 100% !important;
}
.our-cabins-tabs .et_pb_button_module_wrapper a.et_pb_button {
    width: 100% !important;
}
/*franchisee single*/

body #page-container .et_pb_section .et_pb_module a.et_pb_button.floorplan-button:before {
	content: '' !important;
    width: 20px !important;
    height: 30px !important;
    display: inline-block !important;
    opacity: 1 !important;
    background-image: url(https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/floorplan.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-y: 3px;
}
/*pricing page detail - franchisee pages*/
#mobile_pricing_inner_standard,
#mobile_pricing_inner_large,
#mobile_pricing_inner_extra_large{
    display: none;
}
.mobile-pricing-detail-meta-standard, 
.mobile-pricing-detail-meta-large, 
.mobile-pricing-detail-meta-extra_large {
    display: none;
}
#franchisee-description h1,
#franchisee-description h2{
    display: none;
}
.mobile-pricing-container {
	display: flex;
	flex-direction: row;
}
.mobile-pricing-weekly {
	flex: 1;
	background-color:#df1e25;
	text-align: center;
	padding: 10px;
	max-width: 100px;
	display: flex;
}
.mobile-pricing-weekly-inner {
    margin: auto;
}
.mobile-pricing-weekly h2 {
	color: #fff;
    font-size: 30px;
    padding-bottom: 0;
	line-height: 1em;
}
.mobile-pricing-weekly h4 {
    color: #fff;
	font-size: 14px;
    padding-bottom: 0;
}
.mobile-pricing-detail {
	flex: 2;
	background-color:#fff;
	text-align: center;
	padding: 10px 20px;
	display: flex;
}
.mobile-pricing-detail.open {
    background-color: #fe9e1c;
}
.mobile-pricing-detail-inner {
    margin: auto auto auto 0;
}
.mobile-pricing-detail h3 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 0;
    line-height: 1.1em;
	color: #4d7c8a;
}
.mobile-pricing-detail h4 {
    font-size: 20px;
    text-align: left;
    padding-bottom: 0;
    line-height: 1.1em;
	color: #4d7c8a;
	font-family: 'Avenir Medium', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 300;
}
.mobile-pricing-detail.open h3,
.mobile-pricing-detail.open h4 {
    color: #fff;
}
.mobile-pricing-detail p {
    font-size: 16px;
 	text-align: left;
    padding-bottom: 0;
    line-height: 1.3em;
	color: #4d7c8a;
}
.mobile-pricing-detail.open p {
    color: #fff;
}
.mobile-pricing-detail span.mobile-pricing-toggle {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    cursor: pointer;
}
.mobile-pricing-detail span.mobile-pricing-toggle:after {
    font-family: etmodules;
    content: '3';
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-top: 10px;
    transition: all .4s ease !important;
	color: #4d7c8a;
}
.mobile-pricing-detail.open span.mobile-pricing-toggle:after {
    content: '2';
	color: #fff;
    transition: all .4s ease !important;
}
/*POPUP CSS*/
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999; 
    display: none;
	transition: opacity 0.3s ease-out;
}

#promo-popup {
    position: fixed;
	left: 50%;
    margin-top: 50px;
	max-height: calc(100vh - 100px);
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    display: none;
	transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}
#close-btn:before {
	font-family: etmodules;
	position: relative;
	content: '\4d';
    font-size: 25px;
}
#close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
	color: white;
	border: 2px solid white;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
    align-items: center;
    justify-content: center;
}


/*jc promo popup*/
.jc_promo_content {
    background: #de1e25;
    width: 90% !important;
    max-width: 560px;
    margin: auto;
}
.jc_promo_content_inner {
    background-image: url('https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/jc_promo_bg.png');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
	padding: 30px;
}
#promo-static.jc_promo_content {
    width: 100% !important;
}

.jc_promo_content_inner h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 1.1em;
}
.jc_promo_image {
    max-width: 300px;
    margin: auto;
}
.jc_promo_image img {
    margin: auto;
	display:block;
}
.jc_promo_content_inner p.jc_promo_meta {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/*Franchisee Pricing Page - Testimonials slider Owl Carousel overrides*/

.owl-dots .owl-dot {
	width: 15px;
	height: 15px;
	margin: 5px;
	border-radius: 50%;
	vertical-align:middle;
}
.owl-dots .owl-dot span {
	width: 100%!important;
	height: 100%!important;
}
.owl-dots .owl-dot.active {
	width: 20px;
	height: 20px;
}    

#area_testimonials .owl-dots .owl-dot span {
	background-color: #ffcf8d!important;
}
#area_testimonials .owl-dots .owl-dot.active span {
	background-color: #fffbf2!important;
}

#area_organisations .owl-dots .owl-dot span {
	background-color: #f98693!important;
}
#area_organisations .owl-dots .owl-dot.active span {
	background-color: #df1e25!important;
}

/*Our Cabins Tabs*/
#jc_cabin_tabs .et_pb_module.et_pb_gallery .et-pb-controllers {
    bottom: 0px;
}
.mfp-content .mfp-title {
    /*display: none;*/
}
#jc_cabin_tabs .et_pb_module.et_pb_gallery:after {
	content: "Show All Photos";
    text-transform: uppercase;
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding: 10px 15px 10px 40px;
    color: #df1e25;
    font-family: "tablet-gothic-narrow";
    font-weight: bold !important;
    text-align: center;
    cursor: pointer;
    pointer-events: none;
    background-color: #fff;
    background-image: url(https://jc-wp.mercurydevphp.co.nz/wp-content/themes/divi-child/img/9-dots-icon.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 16px 15px;
}

/*find_closest_branch*/
#cabin-map {
    width: 100%!important;
    height: 70vh!important;
}
#find_closest_branch.find-branch-sidebar .wpforms-field-container {
	width:100% !important;
	max-width:100% !important;
}
#find_closest_branch.find-branch-sidebar .wpforms-submit-container {
	width: 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
	margin-top: -5px !important;
}
#find_closest_branch{}
#find_closest_branch .et_pb_module .et_pb_module_header {
  margin:40px 0 25px;
}
#find_closest_branch .column-no-margin-bottom {
    margin-bottom: 0px;
}
#find_closest_branch .wpforms-container {
    margin: 14px auto !important;
}
#find_closest_branch input#wpforms-512-field_1 {
	border-radius: 0;
    border: none;
	min-height: 50px;
	background: #fffbf2;
}
#find_closest_branch button#wpforms-submit-512 {
	background: #ff9f1c;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    min-height: 50px;
}
#find_closest_branch em#wpforms-512-field_1-error {
    background: #fffbf2!important;
    padding: 5px!important;
}
#find_closest_branch em#wpforms-512-field_1-error:before {
	right:0!important;
}
/*----- End Pages CSS -----*/
/*----- Start Footer CSS -----*/
#footer_social li a.icon {
    height: 30px!important;
    width: 30px!important;
}
#footer_social li a.icon:before {
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
}
/*----- End Footer CSS -----*/
/*----- Start Desktop Media Queries -----*/
@media screen and (min-width: 576px) {
	/*homepage*/
    #jc_home_hero a.et_pb_button.et_pb_more_button {
		display:inline-block!important;
	}
	#jc_home_hero .hp-banner-buttons .hp-contact-btn.et_pb_button_two.et_pb_button,
  	#jc_home_hero .hp-banner-buttons .hp-rent-btn.et_pb_button_one.et_pb_button
	  {
		  display: inline-block !important;
	  }
    /*blog listing*/
	#jc_blog .dp-dfg-layout-grid .dp-dfg-item {
		display: flex;
		flex-direction: column;
	}
	#jc_blog .dp-dfg-header.entry-header {
		margin-bottom: auto;
	}
	#jc_blog .dp-dfg-content.entry-summary {
		margin-top: auto;
	}
	#jc_blog .dp-dfg-layout-grid .dp-dfg-item:hover {
		box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.2);
		transform: scale(1.01);
	}
	/*promo popup*/
	.jc_promo_content_inner h2 {
		font-size: 40px;
	}
	.jc_promo_content_inner {
		padding: 50px;
	}

	#promo-popup {
    top: 50%;
    margin-top: 50px;
}
@media screen and (min-width: 768px) {
	/*standard pages*/
	#jc_cabin_tabs .et_pb_tabs_controls li a {
		display: block;
	}
}
@media screen and (min-width: 981px) {

	/*menu*/
	#jc_primary_menu {
		padding-top: 20px;
		padding-bottom: 20px;
		transition: all 0.4s ease-in-out;
	}
	#jc_primary_menu.et_pb_sticky {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#jc_primary_menu .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, 
	#jc_primary_menu .et_pb_menu__logo-slot,
	.home #jc_primary_menu .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, 
	.home #jc_primary_menu .et_pb_menu__logo-slot
	{
		max-width: 220px;
        transition: all 0.3s ease-in-out;
	}
    #jc_primary_menu.et_pb_sticky .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, 
	#jc_primary_menu.et_pb_sticky  .et_pb_menu__logo-slot,
	.home #jc_primary_menu.et_pb_sticky  .et_pb_menu_inner_container>.et_pb_menu__logo-wrap, 
	.home #jc_primary_menu.et_pb_sticky  .et_pb_menu__logo-slot {
        max-width: 130px;
        transition: all 0.3s ease-in-out;
    }
	#jc_primary_menu .et_pb_menu__logo,
	.home #jc_primary_menu .et_pb_menu__logo
	{
		margin-bottom: -70px;
		margin-top: -20px;
		margin-right: 0px;
        transition: all 0.3s ease-in-out;
	}
    #jc_primary_menu.et_pb_sticky .et_pb_menu__logo,
	.home #jc_primary_menu.et_pb_sticky .et_pb_menu__logo
	{
		margin-bottom: -10px;
		margin-top: -10px;
		margin-right: 0px;
        transition: all 0.3s ease-in-out;
	}
	#jc_primary_menu .menu-button div,
	.home #jc_primary_menu .menu-button div 
	{
		padding: 16px 25px;
	}
	#jc_primary_menu .et_pb_menu__menu>nav>ul {
		margin-top: -10px !important;
		margin-bottom: -10px !important;
	}
	#jc_primary_menu .et_pb_menu__menu>nav>ul>li {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	/*blog listing*/
	#jc_blog .dp-dfg-layout-grid .dp-dfg-item:hover {
		box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.2);
		transform: scale(1.01);
	}
	/*residential lease form*/
	.residential_lease_size_info_wrap .size_info_item {
        flex-basis: calc(33.3% - 15px);
        margin-right: 15px !important;
    }
	.residential_lease_size_info_wrap .size_info_item:last-child {
        margin-right: 0px !important;
    }
    /*find_closest_branch*/
	#find_closest_branch .wpforms-submit-container {	
		max-width: 20%;
		width: 20%!important;
		display: inline-block;
		padding-left:20px!important;
		vertical-align: top;
	}
	#find_closest_branch .wpforms-field-container{
		max-width: 80%;
		width: 80%!important;
		display: inline-block;
	}
	/*franchisee single*/
	#franchisee_meta {
		margin-top: -200px;
	}
	.our-cabins-tabs .et_pb_button_module_wrapper {
		display: inline-block !important;
		margin-right: 20px;
		width: auto !important;
	}
	.our-cabins-tabs .et_pb_button_module_wrapper a.et_pb_button {
		width: auto !important;
	}
}

/*----- End Desktop Media Queries -----*/