/*

	Theme Name: 4 Pines Beer
	Author: Koolberri
	Author URI: http://www.koolberri.com.au/
	Description: 4 Pines Beer website
	Version: 1.1

*/
.clear {
	clear: both;
}
.form.horizontal form .gfield.full {
    width: 100%;
}
.gfield_description {
    font-size: 1.8rem;
    font-family: underwood;
}
.gform_fields .checkbox li {
    list-style: none;
    display: block;
    width: 100%;
    line-height: 1;
}
.gform_fields .checkbox input[type="checkbox"] {
    float: none;
    display: inline;
}
.gform_wrapper form .show-label label {
    color: #333;
    float: none;
    display: inline;
    font-size: 18px;
    font-family: underwood;
     line-height: 3.1;
}
.cff-lightbox-dataContainer {
    display: none !important;
}
#cff .cff-share-tooltip {
	width: 110px;
}

.load-more {
    text-align: center;
}
.form[data-componentid="8729"] {
    padding-top: 0;
    margin-top: -29px;
}
.gform_wrapper form .checkbox > label {
    line-height: 1.4;
    margin-bottom: 10px;
    display: block;
}
.form.horizontal form .gfield.checkbox {
    margin-top: 65px;
}

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

	.dual .images .image {
		min-height: 20vw;
	}

}

.dual .wrapper .inner > *:last-child {
    margin-bottom: 0;
}
.dual .wrapper .inner > *:first-child {
    margin-top: 0;
}
.nav-open .navigation {
    z-index: 100;
}
.form.horizontal form#gform_7 .gfield {
    width: 30%;
}
.gform_wrapper form#gform_7 input[type=email], 
.gform_wrapper form#gform_7 input[type=password], 
.gform_wrapper form#gform_7 input[type=text], 
.gform_wrapper form#gform_7 select, 
.gform_wrapper form#gform_7 textarea {
    width: 100%;
}
.form.horizontal form#gform_7 #field_7_16.gfield {
	width: 100%;
}
.form form label#label_7_16_1 {
	display: inline-block;
}
.gform_wrapper form#gform_7 select option {
    font-size: 18px;
}
#cff {
	float: none;
     margin-top: 30px;
}

.whats-on-page main {
	padding-top: 80px;
}

#cff p {
	white-space: inherit;
}

#cff.cff-thumb-layout .cff-date {
    margin-top: -6px;
}

#cff.cff-thumb-layout .cff-photo {
    width: 24%;
    background: none !important;
}
#cff .cff-event .cff-details {
    width: 73%;
}

#cff .cff-photo.cff-crop, #cff .cff-main-image.cff-crop {
	height: auto;
}

#cff .cff-details p.cff-event-title {
    font-size: 28px;
	font-weight: 400;
	font-family: asfalto;
	margin-top: 0;
}

#cff.cff-thumb-layout .cff-photo img {
    width: 100%;
    height: auto;
    visibility: inherit !important;
    display: block !important;
}
#cff .cff-item {
	float: none;
}
.pagenavi {
    overflow: hidden;
}
.pagenavi {
    overflow: hidden;
}
.pagenavi {
    overflow: hidden;
}
.normal-image {
	max-height: inherit !important;
}
.normal-image .rsp img,
.normal-image .bg-img img,
.normal-image .background picture img {
    width: auto !important;
}
.cff-event-title {
	margin-top: 0;
     margin-bottom: 0px;
}
#cff h3.event-subtitle {
    margin-bottom: 0;
}
#cff .cff-details .cff-desc p {
	margin-bottom: 15px;
}
#cff .cff-details .cff-desc p,
#cff .cff-details p.cff-location {
	margin-top: 0;
}

.events.component .events-wrap h1,
.events.component .events-wrap .event .details h2,
.events.component .events-wrap .event .btn,
.events.component .events-wrap .event .details {
	text-align: left;
}
.events-wrap .icon-btn-find-out-more:before {
	width: auto;
}
.events-wrap .icon-btn-find-out-more:hover {
	 -webkit-transform: inherit;
    transform: inherit;

}

#gform_15 {
    margin-top: 40px;
    margin-bottom: 30px;
}
#gform_15 label.gfield_label {
    display: none;
}
#gform_confirmation_wrapper_15 {
    margin-bottom: 60px;
}
.gform_confirmation_message {
	font-size: 1.8rem;
    font-family: underwood;
}

.gform_wrapper #gform_15 input[type=submit] {
    margin: 0 auto;
    width: 300px;
    max-width: 100%;
    display: block;
}

#gform_fields_15 .gfield_radio li {
    list-style: none;
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 35px;
}

#gform_fields_15 .gfield_radio label {
    font-family: asfalto;
    font-weight: 400;
    font-size: 32px;
}
#gform_15 ul {
    padding: 0;
}
#gform_15 [type="radio"]:checked,
#gform_15 [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#gform_15 [type="radio"]:checked + label,
#gform_15 [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
#gform_15 [type="radio"]:checked + label:before,
#gform_15 [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #656262;
    border-radius: 100%;
    background: #fff;
}
#gform_15 [type="radio"]:checked + label:after,
#gform_15 [type="radio"]:not(:checked) + label:after {
        content: '';
    width: 14px;
    height: 14px;
    background: #f4524d;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#gform_15 [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#gform_15 [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.beer-detail .beer-navigation li.active.brand-pacific-ale,
.beer-detail .beer-navigation li:hover.brand-pacific-ale {
	background-color: #53afac;
}

.brewpub-manly-page .header-left .background,
.brewpub-manly-page .header-right .background {
    min-height: 520px;
    background-size: cover;
}
.brewpub-manly-page .header-left .background img,
.brewpub-manly-page .header-right .background img {
    display: none;
}

.header-full.component[data-componentid="89"] .content {
    width: 100%;
    margin: 0;
}
.footer {
	min-height: 440px;
    padding-bottom: 90px;
}
a.bcorp-logo {
    display: inline-block;
    margin-left: 0.8em;
}
/******css hien*******/
/*

<a href="https://4pinesbeer.com.au/devddi/our-story/our-people/"><p style="text-align: center;"><span class="fontstyle0">Our People</span></p></a>

*/

 
.our-story-page .component.text.bg-white {
	padding:0;
}
.our-story-page .dnd-content .draggable:nth-child(2) section {
	background:#f5f5f5;
}
.our-story-page .dnd-content .draggable:nth-child(2) .inner-our-story-section2 {
	max-width:1024px;
	width:100%;
	margin:0 auto;
	padding-top:150px;
	padding-bottom:150px;
}
.our-story-page .dnd-content .draggable:nth-child(2) .inner-our-story-section2 h3 {
	margin:0;
}
.our-story-page .dnd-content .draggable .inner-our-story-section3-video{
	padding: 70px 0;  
}
/**/
.our-environment-page .dnd-content .draggable:nth-child(3) section {
	background:#f5f5f5;
	padding:70px 150px;
}
.our-environment-page .dnd-content .draggable:nth-child(4) section .images {
	min-height: 100vh;
}
.our-environment-page .dnd-content .draggable:nth-child(4) section {
	padding:0px 150px;
}
.our-environment-page .dnd-content .draggable:nth-child(5) section {
	padding:70px 100px;
	background:#f5f5f5;
	display: inherit; 
}
.our-environment-page .dnd-content .draggable:nth-child(5) section .col-sm-6.content .wrapper {
	padding-top:0;
	padding-bottom:0;
}
.our-environment-page .dnd-content .draggable:nth-child(5) section .col-sm-6.images .image {
	 margin-top:0px;
}
 
.our-environment-page .dnd-content .draggable:nth-child(6) section {
	padding:70px 100px;  
}
.our-environment-page .dnd-content .draggable:nth-child(6) section .col-sm-6.content .wrapper {
	padding:0 50px;
}

.our-environment-page .dnd-content .draggable:nth-child(7) section {
	padding:70px 100px;
	background:#f5f5f5; 
}
.our-environment-page .dnd-content .draggable:nth-child(7) section .col-sm-6.content .wrapper {
	padding:0 50px;
}
.our-community-page .row:nth-child(1) .dnd-content .draggable:nth-child(3) section,
.our-community-page .row:nth-child(3) .dnd-content .draggable:nth-child(4) section	{  
	background:#f5f5f5; 
}
.our-community-page .container-fluid .row:nth-child(2) .draggable section,
.our-community-page .container-fluid .row:nth-child(2)	{
	background:#f5f5f5; 
}
.our-people-illustration-page .dnd-content .draggable:nth-child(3) section {
	padding-bottom:0;
}
.bg-submit-and-application {
	background: #d8d8d8;
    border-radius: 0;
}
/*page4*/
.our-people-illustration-page .box-left-top {
	padding:70px;
	background:#f5f5f5;
}
.our-people-illustration-page .box-left-bottom  {
	background:#292929;
	padding:70px;
	color:#fff;
	font-family: underwood;
}
.our-people-illustration-page .dnd-content .draggable:nth-child(4) section .content .wrapper {
	padding:0;
}
.our-people-illustration-page .our-people–section4-top {
	padding:10%;
	background:#f5f5f5;
}
.our-people-section4-bottom {
	padding:10%;
	background:#292929;
	color:#fff;
}	
.our-people-illustration-page .dnd-content .draggable:nth-child(7) section article .content {
	font-size:13px;
}
ul.list-link-our li { 
    margin: 0 40px;
}

a.btn.bg-submit-and-application.no-bg {
    background: transparent;
    border: 0;
}
a.btn.bg-submit-and-application.no-bg:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/* 
.slick-track {
  
  display: flex;
}
.slick-track .item-slider {
    float: none;
    height: inherit; 
	background:#fff;
}
.custom-slider {
    border-bottom: 1px solid red;
}
.item-slider {
    padding: 30px 20px 0 20px;
}*/
.about-us-2-page .dnd-content .draggable:nth-child(2) {
    padding: 0 0 70px 0;
}
.slick-slider {
	/* display:none;	 */
}
button.slick-next.slick-arrow,
button.slick-prev.slick-arrow	{
	z-index:99999;
}

.bcorp-logo:hover .normal,
.bcorp-logo .rollover {
	display: none;
}

.bcorp-logo:hover .rollover {
	display: inline-block;
}

[data-componentid="9637"] .images .image {
	background: transparent !important;
}

.dual[data-componentid="9637"] .images .overlay {
    display: block;
    background: #fff;
    text-align: center;
}

.dual[data-componentid="9637"] .images .image img {
    width: auto;
    height: auto;
	position: relative;
	  top: 50%;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
}

.dual[data-componentid="9637"] .images .image.scale:hover .overlay {
	display: block;
}

.dual[data-componentid="9637"] .images .image.scale:hover img {
    width: auto;
    transform: translateY(-50%) scale(1.05);
    -webkit-transform: translateY(-50%) scale(1.05);
}

[data-componentid="9637"] .images .image > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.image-overlay.layout-2 .content .title {
    position: absolute;
    display: block;
    height: auto;
    top: 10%;
    text-transform: uppercase;
}

.image-overlay.layout-2 .content .title .inner {
    padding: 0;
    background: #000;
    color: #fff;
    padding: 1px 30px;
    max-width: 50%;
    text-transform: uppercase;
}

.image-overlay.layout-2 .content .title .inner p {
    font-family: asfalto;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.component.bg-white.layout-2 a {
    display: block;
}

@media (max-width: 1366px) {
	.our-environment-page .dnd-content .draggable:nth-child(5) section .col-sm-6.images .image {
		 margin-top:60px;
	}
}

@media (min-width: 768px) {
	.footer .menu-lower-footer-container {
		padding-bottom: 0rem;
	}
}
@media screen and (min-width: 992px) {
	.events.component .events-wrap .event {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.events.component .events-wrap .event .image {
		float: left;
		width: 24%;
		position: relative;
	}
	.events.component .events-wrap .event .details {
		float: left;
		width: 73%;
		margin-left: 3%;
		position: relative;
	}
}

@media screen and (max-width: 992px) {
	.gallery ul li {
		width: 16.66667%;
	}
}
@media screen and (max-width: 960px) {
	iframe {
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.gform_wrapper form .show-label label {
	    line-height: 1.4;
	}
	
	[data-componentid="9637"] .images .image {
		padding-top: 40px;
		min-height: 280px;
	}
	
	#gform_fields_15 .gfield_radio li {
		display: block;
		width: 100%;
		text-align: left;
	}
	#gform_15 [type="radio"]:checked + label, #gform_15 [type="radio"]:not(:checked) + label {
		line-height: 1.4;
	}
	#gform_15 [type="radio"]:checked + label:before, #gform_15 [type="radio"]:not(:checked) + label:before {
		top: 10px;
	}
	#gform_15 [type="radio"]:checked + label:after, #gform_15 [type="radio"]:not(:checked) + label:after {
		top: 14px;
	}
	.gform_fields .checkbox li {
        margin-top: 25px;
        margin-bottom: 25px;
    }
	#cff.cff-thumb-layout .cff-photo,
	#cff .cff-event .cff-details,
	.form.horizontal form#gform_7 .gfield {
		width: 100%;
		float: none;
	}
	.image-overlay .content .title .inner img {
		width: auto;
		max-height: 80%;
		height: auto;
		max-width: 100%;
	}
	.our-venues-page .image-overlay .content .title .inner p {
		display: block;
		height: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		left: 0;
		padding: 0 50px;
		text-align: center;
		right: 0;
	}
	.brewpub-manly-page .header-left .background,
	.brewpub-manly-page .header-right .background {
		min-height: 387px;
	}
	.footer {
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 560px) {
	.gallery ul li {
		width: 33.333%;
	}
}