/*

Theme Name: Divi Child

Theme URI: https://divireadythemes.com/

Description: Divi Child

Author: Divi Ready Themes

Author URI: https://divireadythemes.com/

Template: Divi

Version: Updated for Divi 3+

*/







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

/*-------------------[GENERAL]--------------------*/

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

h1, h2, h3, h4, h5, h6 {
    line-height: 130%;
}

.flex-wrapper-center {
	display: flex;
	align-content: center;
	/*align-items: center;*/
	flex-wrap: wrap;
	justify-content: center;

}

.flex-wrapper-center-left {
	display: flex;
	align-content: flex-start;
	/*align-items: center;*/
	flex-wrap: wrap;
	justify-content: center;

}

.flex-wrapper-vert-center {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.flex-wrapper {
	display: flex;
}

.flex-end {
	display: flex;
	align-self: flex-end;
	align-content: flex-end;
	align-items: flex-end;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
	
.flex-wrapper-spacebetween {
  display: flex;
  justify-content: space-between;
}	

.flex-wrap {
    flex-wrap: wrap;
}

div.social-icons a i.lab {
font-size: 40px !important;
}

.social-icons {
	text-align: right
}
a.tiktok-icon {
background-image: url(https://thepigs.com.au/wp-content/uploads/galleries/2024/09/tiktok-white.png); 
    background-size: contain;
    height: 31px;
    width: 31px;
    margin-bottom: -1px;
    display: inline-block;
}

a.tiktok-icon.black-icon {
background-image: url(https://thepigs.com.au/wp-content/uploads/galleries/2024/09/tiktok-2.png); 
    background-size: contain;
    height: 31px;
    width: 31px;
    margin-bottom: -1px;
    display: inline-block;
}

a.tiktok-icon:hover {
	background-image: url(https://thepigs.com.au/wp-content/uploads/galleries/2024/09/tiktok-orange.png); 
}

html div.top-bar {
	opacity: 0;
	visibility: hidden;
	
	max-height: 0;    
	-webkit-transition: opacity 0.5s ease-in-out;
  	-moz-transition: opacity 0.5s ease-in-out;
  	-o-transition: opacity 0.5s ease-in-out;
  	transition: opacity 0.5s ease-in-out;
}

.top-bar.show-top-bar {
	visibility: visible;
    opacity: 1;
	max-height: 200px;    

}

.col-l {flex: auto}

#content {
    /*margin-top: 150px;*/
    width: 90%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.single #content {
    max-width: 1000px;
   }

@media screen and (max-width: 980px) {
  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

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

/*-----------------[HEADER-MENU]------------------*/

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

.et_mobile_menu {
    width: 100vw !important;
}

.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}

html .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
    background-color: RGBA(74, 74, 74, 0.9) !important;
    border-top: 3px solid #151515;
    margin-top: 5px;
    margin-left: -18%;
}

html .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu {
    background-color: RGBA(0, 0, 0, 0.8) !important;
    border-top: 3px solid #151515;
    margin-top: 5px;
    margin-left: -6%;
}


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

/*------------------[HOMEPAGE]--------------------*/

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

.header-bar a:hover {color: #FF8357 !important}


.post-slider .et_pb_slide_description {
	background: rgba(51,51,51,0.95)!important;
	padding: 30px;	
}

html div a.custom-button.et_pb_button:hover {font-family: Bungee, Cursive !important;}

#cta-row {
    height: 100%;
}

#cta-row .et_pb_column {
    margin-bottom: 0;
}

/*- a::before.custom-button:hover {position: absolute; height: 100%; width: 100%; top:-10px; bottom: -10px} -*/

.bit-widget .bit-venue {
    color: #151515 !important;
	font-size: 20px;
	font-family: Oswald, Cursive;
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	padding: 5px;
	margin: 10px 0 5px 0;
}

.bit-widget .bit-offers {
    background-color: #D8B04A !important;
    border: 1px solid #D8B04A !important; 
    color: #fff;
}

.bit-widget .bit-rsvp {
    border: 1px solid #8F3527 !important;
	
}
.home .bit-widget .bit-play-my-city-button, 
.home .bit-widget .bit-rsvp {
	display: none !important;
}

.bit-widget .bit-top-track-button {
   
    padding: 5px 40px 0 0 !important; 
}

.bit-widget.bit-layout-ipad .bit-event {

    padding: 16px 0 !important;
}

.bit-widget .bit-nav-bar-container {
    padding: 0px 10px 0px 0 !important;
}

.bit-widget .bit-event .bit-offers-text {
    font-family: Oswald, Cursive !important;
	font-weight: bold;
}

.bit-widget .bit-play-my-city-button {
	border: 1px solid #8F3527 !important;
	background-color: #8F3527 !important;
}

.bit-widget.bit-layout-ipad .bit-upcoming-events, .bit-widget.bit-layout-ipad .bit-past-events {
    margin: 0px !important;
}

.product-slide {margin: 0 20px; text-align: left}

.product-slide h2.woocommerce-loop-product__title {
	font-size: 20px;
    padding: 20px 0;
}

.post-wrapper {margin-bottom: 30px;}
.post-wrapper a {color: #FFFFFF;}
.news-home .post-wrapper a {color: #000000;text-decoration: underline;}

.post-thumb-wrapper, .content-wrapper {margin: 20px 0}
.post-thumb-wrapper img {min-width: 100%;}
.news-home .post-thumb-wrapper {margin: 0 40px 40px 0; width:330px;}
.single-post-thumb-wrapper {margin-bottom: 30px;}

.nav-previous a::before {
    content:'\f053';
    font-family: Line Awesome Free; 
    font-weight: 900;
}

.nav-next a::after {
    content:'\f054';
    font-family: Line Awesome Free; 
    font-weight: 900;
}

.nav-next a span, .nav-previous a span {display:none}

.meta-nav {display: none}

/*---Typography-----

body {
    font-size: 16px;
    color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
    color: #FFF;
    /*margin-bottom:1em;
}

a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
    color: #2ea3f2;
}

a, .posted_in a, .tagged_as a {color: #8F3527;}

.single h1, .category h1 {
    margin-bottom:0;
}

.category-videos h1, .category-videos h2 {
    margin-bottom: inherit;
}

.entry-meta {
    margin-bottom:1em;
    font-size: 12px;
}

.page-title h1 {padding: 0 40px;}
.page-title {opacity: 0.9;}

.news-home h3 {color: #151515; font-size: 24px; /*font-family: Bungee, serif;}
.news-home a h3 {text-decoration: none !important}
.news-home {margin-top: 20px;}
.news-home p {color: #151515;}

/*.news-home .post-wrapper::after {
    content:'- - - - -'; display: inline-block; font-size: 20px; font-family: Bungee, serif; opacity:0.7; margin-bottom: 20px; margin-top: 20px;
}

#home-news h2 {
    color: #fff !important;
    background: #151515;
    width: fit-content;
    padding: 15px;
}

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

/*------------------[SUBPAGES]--------------------*/

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

.category .post {
	width: 48.5%;
	position: relative;
	margin: 0 0 50px 0;
	/*padding: 0 1.5%;*/
}

.category .post iframe { 	
	width: 100% !important;
	height: 350px !important
}

.content-wrapper {position: relative}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0;
}

a.video-button {
	position: absolute;
	width: 100%;
	height: 80%;
	z-index: 100;
	display: flex;
	justify-content: center;
}

a.video-button i {
	color: #c4302b;
    font-size: 70px;
    margin-top: 87px;
	opacity: 0;
	transition: opacity ease-in-out 0.25s;
	-webkit-transition: opacity ease-in-out 0.25s;
  	-moz-transition: opacity ease-in-out 0.25s;
  	-o-transition: opacity ease-in-out 0.25s;
}

a:hover.video-button i {
	opacity: 1;
}

/*----- SHop ----*/

.et_shop_image {
    min-height: 225px;
    background-color: rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
}



.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    margin: 0 0 0 0 !important;
}

.woocommerce ul.products li.product .price {
    color: #D8B04A !important;
    font-size: 20px;
	font-family: 'Oswald', display;
	font-weight: bold;
	margin-top:15px !important;
}

.woocommerce-loop-product__title {
    
    font-size: 20px !important;
	margin-top:20px !important;
	line-height:120%;
}

.home .woocommerce-loop-product__title {
	/* color: #151515 !important; */
}

ul > li.product.type-product.post-2453.status-publish.last.instock.product_cat-clothing.product_cat-merchandise.has-post-thumbnail.featured.taxable.shipping-taxable.purchasable.product-type-variable > a > h2::after {content:"(Unisex)"; display:block; font-size: 75%}

.et_overlay {
    background: hsla(0,0%,100%,0.7);
}

/* Line shopping cart icon in menu */
.et_pb_menu__cart-button:after {
    content: "\e015" !important;
}

span.et_pb_menu__cart-count {
    font-size: 10px;
    color: #FFFFFF;
    border-radius: 20px;
    background: #D8B04A;
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    top: 0;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 75px;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    padding: 0 20px 0 0 !important;
	vertical-align: middle !important;
    text-align: left !important;
}

#main-content .container:before {display: none}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
   
    padding: 13px;
    
}

#left-area {
    width: 100%;
}

a.et_pb_menu__cart-button:hover::after {color:#FF8357;}

.woocommerce-cart table.cart td.actions .coupon .input-text {padding: 11px;}

.entry-content thead th, .entry-content tr th {
    color: #FFF;
}

.wc_payment_methods.payment_methods.methods, 
.woocommerce-privacy-policy-text {color: #151515 !important;}
.product .related h2 {font-size:inherit !important;}

html .woocommerce div.product form.cart .variations td {
    padding: 0 0 0 0 !important;
}

/*** GRAVITY FORMS STYLES ***/
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/

/*** FIELD STYLING 
input[type=text],
textarea,***/

.gform_button.button,
.ginput_container.ginput_container_select select
{
 background: rgba(0, 0, 0, 0.3);
 border: 1px solid #CCC;
 border-radius: 3px;
 color: #CCC !important;
 padding: 10px !important;
}


.gform_footer .gform_button.button {
	background: #A0892C;
    border: 1px solid #A0892C;
    border-radius: 3px;
    color: #FFFFFF !important;
    padding: 10px !important;
    font-size: 20px;
}

/* Other Fields */
.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {color:  #CCC;}


/* Paragraph Text Area */
.gform_wrapper .gform_body .gform_fields .gfield textarea::-webkit-input-placeholder {color:  #CCC;}


.gform_wrapper li.hidden_label input {
    margin-top: 16px !important;
}

.gfield,
body .gform_wrapper ul li.gfield {
    margin-top: 16px  !important;
}

.ginput_container.ginput_container_select,
.ginput_container_textarea {
    margin-top: 0  !important;
}

.ginput_container input, .ginput_container textarea, .ginput_container input {
	border: 1px solid #CCCCCC;
	background-color: transparent !important;
	color: #FFF !important;
}

a.tiktok::before {
	content: "\E07B";
	font-family: FontAwesome !important;
	font-size: 18px
}

a.tiktok span {border: 2px solid #FFFFFF; border-radius: 50px; display: inline-block; height:30px; width: 30px; text-align:center}

@media (max-width: 641px) {
body .gform_wrapper ul li.gfield.gf_right_half {
    margin-top: 16px  !important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom: 8px !important;
}

}

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

/*-------------------[Footer]---------------------*/

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


#nav-below {height: 50px; font-size: 34px;}

/* Add class pigs-vintage to any Divi section */
.pigs-vintage::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background:  
  url('/wp-content/uploads/textures/Grunge-Dark.png');


  mix-blend-mode: overlay;
  opacity: 1;
  pointer-events: none; /* Allows clicks to pass through this layer */
}
/*
url('/wp-content/uploads/textures/Dust.svg'), url('/wp-content/uploads/textures/Grunge.svg'), 
, url('/wp-content/uploads/textures/Speckles.svg')
url('/wp-content/uploads/textures/paper.svg'),
url('/wp-content/uploads/textures/speckles.svg'),
url('/wp-content/uploads/textures/scratches.svg');
*/

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

/*--------------------[RWD]-----------------------*/

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

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

.news-col {display:block;}

.news-home .post-thumb-wrapper {
    margin: 0 0 40px 0;
        width: auto;
}

}

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

.category .post {
	width: 100%;
	}

.category-8 .post iframe, .category-132 .post iframe, .category-157 .post iframe, .category-158 .post iframe, .category-133 .post iframe { 	
	width: 100% !important;
	height: 54rem !important
}

}

@media (max-width : 1024px) and (orientation : landscape) {
/*    .et_pb_section_0_tb_header {
    height: 100vh !important;
	background-size: auto 100% !important;
} /*
}

@media (max-width: 980px) {
.et_shop_image {
    min-height: 180px;
}

.header-bar .et_pb_column {
    margin-bottom: 0;
}



}

@media (max-width: 899px) {
.et_mobile_menu {
    margin-left: -20.5%;
}
.et_shop_image {
    min-height: 170px;
}
}

@media (max-width: 768px) {
.et_shop_image {
min-height: 310px;
}
.category-8 .post iframe, .category-132 .post iframe, .category-157 .post iframe, .category-158 .post iframe, .category-133 .post iframe { 	
	height: 30rem !important
}
}

@media (max-width: 699px) {
.et_shop_image {
min-height: 285px;
}
}

@media (max-width: 650px) {
.et_shop_image {
min-height: 262px;
}
}

@media (max-width: 600px) {
.et_shop_image {
min-height: 243px;
}
}

@media (max-width: 600px) {
.et_shop_image {
min-height: 220px;
}
}

@media (max-width: 499px) {
.et_shop_image {
min-height: 200px;
}
}

@media (max-width: 479px) {
.cta-button {
    font-size: 20px !important;
}
.et_shop_image {
min-height: 185px;
}
.category-8 .post iframe, .category-132 .post iframe, .category-157 .post iframe, .category-158 .post iframe, .category-133 .post iframe { 	
	height: 11.5rem !important
}
}

@media (max-width: 435px) {
.et_shop_image {
min-height: 175px;
}
.page-title {margin-left: -20px;}
}

@media (max-width: 375px) {
.et_shop_image {
min-height: 149px;
}
}


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

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

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

/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/

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

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

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