/*
 Theme Name:   Divi Child
 Theme URI:    http://cooldesign.co.za
 Description:  A Child Theme built for Divi
 Author:       Cool Design Digital Agency
 Author URI:   http://cooldesign.co.za
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
==============================================================================================
   SUSHA AESTHETICS
============================================================================================== 
/* GENERAL STYLING   */

.price-right {
	padding-left: 5px;
	float: right;
}

/* LINK UNDERLINE ON HOVER
================================================================== */
/* Underline on hover
------------------------------------------------------------------ */ 
.link-hover-underline a:hover {
	border-bottom: solid 2px;
}

/* VERTICALLY ALIGN A COLUMN
================================================================== */
.col-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* IMAGE ZOOM WITHIN BORDERS ON HOVER
================================================================== */
.image-zoom {
/*  overflow:hidden; */
}
.image-zoom img{
 transition: all 0.3s ease-in-out;
}
.image-zoom:hover img {
  transform: scale(1.05)
}

/* BUTTONS ALONGSIDE ONE ANOTHER
================================================================== */
.button-inline .et_pb_button_module_wrapper {
display: inline-block !important;
margin: 0 10px 20px 0;
}

.button-inline {
    text-align: center !important;
}

.button-inline-left .et_pb_button_module_wrapper {
display: inline-block !important;
margin: 0 10px 20px 0;
}

.button-inline-left {
    text-align: left !important;
}

/* WOO CHECKOUT PAYMENT SETTINGS
================================================================== 
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-order-details, 
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
	color: #ffffff;
} 

.woocommerce .woocommerce-customer-details address,
.woocommerce table.shop_table, th, td {
	border: 1px solid #777777;
}

.woocommerce-table__product-name.product-name a {
	color: #ffffff;
}

/* ===========================================================================================
/* MENU STYLING
/* ===========================================================================================
 * Highlight 'SHOP' with a orange border 
------------------------------------------------------- */
@media only screen and ( min-width: 981px ) { 
	#top-menu {
		margin-bottom: 3px;
	}
	
	.menu-item-red-border a {
		color: #333 !important;
	}

	li.menu-item-red-border {
    	text-align: center; 
		border: 3px solid #f46c4e;
    	padding: 12px 13px 12px 12px !important;
		margin-right: 10px !important;
		border-radius: 50px 50px 50px 50px;
		height: 42px;
	}	
}

/* ===========================================================================================
/* GALLERY STYLING
/* ===========================================================================================
/* DISABLE DIVI GALLERY SLIDE IN EFFECT
================================================================= */
.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/* HIDE THE GALLERY TITLE ON SLIDE SHOWS TOO
================================================================= */
.et_pb_gallery_title, .mfp-gallery .mfp-title {
  	display: none;
}

/* MAKE 2 COLUMN GALLERY ON A TABLET
================================================================= */
@media all and (min-width: 768px) and (max-width: 980px) {
	.gallery-tablet-two-col-width .et_pb_gallery_item {
	width: 50% !important; /*two columns*/
	clear: none !important;
	}
}

/* MAKE 2-COLUMN GALLERY ON TABLETs AND PHONES FOR PORTFOLIO
================================================================= */
@media all and (max-width: 980px){
	.gallery-two-col-width .et_pb_gallery_item {
	width: 50% !important; /*two columns*/
	clear: none !important;
	}
}

/* MAKE CLOSE 'X' PERMANENTLY VISIBLE AND BIGGER ON LIGHTBOX IMAGES
================================================================== */
button.mfp-close	{
	opacity: 1 !important;
	color: white !important;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
	font-size: 35px !important;
	line-height: 1em !important;
	font-weight: bold;	
}

/* DO THE SAME ON THE PRIVACY POLICY POPUP
------------------------------------------------------------------ */
.da-close	{
	background-color: #eee !important;
	font-size: 30px !important;
	margin-top: 10px;
	margin-right: 20px;
		padding: 4px;
	border: solid 1px #000;
	border-radius: 50%;
}

/* ===========================================================================================
   BUTTON STYLES
/* ===========================================================================================
/* Scroll to Top button
================================================================= */
.et_pb_scroll_top.et-pb-icon {
	background: #6980b0; /* blue */	
}

/* ===========================================================================================
   BULLET STYLES
/* ===========================================================================================
/* BULLET LIST FOR NORMAL ITEMS WITH 8PX SPACE BETEEN BULLET ROWS (without affecting bullet line-height)
================================================================= */
/* Used in info boxes on the HOME page */
ul.spaced-list li {
		padding-bottom: 8px;
}

/* BULLET LIST FOR LINKED ITEMS WITH 10PX SPACE BETEEN BULLET ROWS (without affecting bullet line-height)
================================================================= */
/* For Desktops */
@media only screen and ( min-width: 1101px ) { 
	ul.spaced-linked-list li {
		padding-bottom: 10px;
		padding-left: 5px;
	}
}

/* For Tablets and Phones */
@media only screen and ( max-width: 1100px ) { 
	ul.spaced-linked-list li {
		padding-bottom: 30px;
		padding-left: 5px;		
	}
}

/* BULLET LIST WITH 5 PIXEL SPACE BETWEEN BULLET AND TEXT ON EACH ROW
================================================================= */
ul.padding-left-five li {
	padding-left: 5px;
}

/* SQUARE PURPLE BULLET IMAGE
================================================================= */
.image-purple {
	list-style-image: url("/wp-content/uploads/2024/08/purple-square-bullet.png");
	padding-left: 10px;
}

/* PRICE LIST STYLING
================================================================= */
#price-list ul{
	list-style:none;
	padding-left: 0;
	margin-left: 0;
}

#price-list li{
	line-height:1.4em;
	padding: 10px 0 5px 0;
	border-bottom:1px dotted #c4661b; /* Susha font colour */
  	overflow:hidden; 
}

#price-list li ln2{
	font-size: 13px;
	font-weight: 600;
}	

#price-list li prc{
	padding-left: 5px;
	float: right;
}

/* ===========================================================================================
   GRAVITY FORMS CUSTOMISATION
/* ===========================================================================================
/* GRAVITY FORMS - REMOVE LABEL ON FIELDS USING PLACEHOLDER 
================================================================= */ 
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {	
	display: none !important;
}
	
/* GRAVITY FORMS - FIELD STYLING
=================================================================
 User #gform_wrapper_1 for specific forms 
 User .gform_wrapper for all forms 
*/

body .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
body .gform_wrapper .gform_body .gform_fields .gfield input[type="email"], 
body .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"], 
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	background: #ffffff;
	border: solid 1px #bbbbbb;
	border-radius: 0;
	color: #333 !important;
	padding: 10px 15px !important;
/*	box-shadow: 1px 1px 3px #d2d2d2; */
}

/* Make Placeholder text darker
----------------------------------------------------------------- 
body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder] {
  color: #000;
  opacity: 0.8;
}

/* GRAVITY FORMS - 'SEND MESSAGE' BUTTON STYLING 
================================================================= 
body .gform_wrapper .gform_footer input[type=submit] { 
	width: 98.5%;
} 
*/

body .gform_wrapper .gform_footer input[type=submit] { 
/*	float: right; */
	color: #444;
	background: #efd2cf; /* pink */
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
/*	padding: 12px 23px; standard size button */
	padding: 10px 40px;
	cursor: pointer;
	border: solid 1px #777; 
}

/* Change to darker pink ON HOVER
----------------------------------------------------------------- */
body .gform_wrapper .gform_footer input:hover[type=submit] {
	background: #efbcb6; /* darker pink */
}

/* ===========================================================================================
   SIDEBAR WIDGETS
/* ===========================================================================================
/* WOOCOMMERCE PRODUCT SEACRH
================================================================= */ 
#woocomerce_product_search-2 {
	font-size: 14px;
	font-weight: 600;
	background-color: #efd2cf important;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #444444;
}