/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
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
Version: 4.2.2.1580670702
Updated: 2020-02-02 19:11:42

*/

/*--------------------------------------------------------------
# WooCommerce price suffix styling
--------------------------------------------------------------*/
.price-suffix {
    font-size: 60%;
    opacity: 0.7;
    margin-left: 3px;
}

.price-suffix.zero-vat {
    /* optional: make zero VAT a touch lighter */
    color: #666;
}

.price-suffix.inc-vat {
    color: #444;
}

/*--------------------------------------------------------------
>>> newsletter Css
----------------------------------------------------------------*/

/* Newsletter Form Styles */
.footer-newsletter {
    text-align: left;
    padding: 10px 0;
}

.footer-newsletter .input--wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px; /* spacing between field and button */
}

.footer-newsletter input[type="email"] {
    background-color: #ffffff; /* white form field background */
    color: #000000; /* black text */
    border: none;
    border-radius: 30px;
    padding: 8px 15px;
    width: 250px;
    font-size: 14px;
    outline: none;
}

.footer-newsletter input[type="email"]::placeholder {
    color: #888888; /* placeholder color (grayish, adjust as needed) */
}

.footer-newsletter button[type="submit"] {
    background-color: #e6198b; /* Magenta accent */
    color: #ffffff; /* white text */
    border: none;
    border-radius: 30px;
    padding: 8px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-size: 14px;
}

.footer-newsletter button[type="submit"]:hover {
    background-color: #fccc3a; /* Yellow accent hover color */
    color: #000000; /* Black text on hover */
}

/* Optional: Responsiveness */
@media (max-width: 600px) {
    .footer-newsletter .input--wrap {
        flex-direction: column;
    }

    .footer-newsletter input[type="email"],
    .footer-newsletter button[type="submit"] {
        width: 100%;
    }
}


/*--------------------------------------------------------------
>>>Button over image
----------------------------------------------------------------*/

/*move and position the Button module over the center of the Image module*/

.pa-button-over-image > .et_pb_button_module_wrapper {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	transition: opacity 0.3s ease-in-out;
	/*opacity: 0; remove comment for hover reveal effect*/
}


/*add an optional overlay over the image*/

.pa-button-over-image > .et_pb_image .et_pb_image_wrap:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 9;
	transition: opacity 0.3s ease-in-out;
	opacity: 0.3; /*make this 0 for hover reveal effect*/
}


/*show button on image hover*/

.pa-button-over-image:hover > .et_pb_button_module_wrapper {
	/*opacity: 1; remove comment for hover reveal effect*/
}


/*show overlay on image hover*/

.pa-button-over-image:hover > .et_pb_image .et_pb_image_wrap:before {
	/*opacity: 0.3; remove comment for hover reveal effect*/
}


/*--------------------------------------------------------------
>>>3 column Portfolio
----------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
  /* Target the parent container */
  #three-column-grid .et_pb_portfolio_grid_items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust spacing as needed */
    justify-content: space-between; /* Optional: Adjust alignment */
  }

  /* Style individual grid items */
  #three-column-grid .et_pb_grid_item {
    flex: 1 1 calc(33.333% - 20px); /* 3 columns, subtracting gap */
    box-sizing: border-box; /* Ensures padding and border are included */
  }

  /* Center the image inside each grid item */
  #three-column-grid .et_portfolio_image {
    max-width: 150px; /* Limit image container width */
    margin: 0 auto; /* Center horizontally */
    display: flex; /* Use Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically if needed */
  }

  /* Adjust the image size */
  #three-column-grid .et_portfolio_image img {
    max-width: 100%; /* Image scales within the container */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensures proper rendering */
  }
}

/*--------------------------------------------------------------
>>>Side Bar Recent Blog List
----------------------------------------------------------------*/

/*set the image width*/

.pa-blog-sidebar-list .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
}


/*set the text width*/

.pa-blog-sidebar-list .entry-title,
.pa-blog-sidebar-list .post-meta {
	width: calc(100% - 100px);
	float: left;
	padding-left: 20px;
}


/*make the image square*/

.pa-blog-sidebar-list .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.pa-blog-sidebar-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}


/*adjust the spacing and add a border between the posts*/

.pa-blog-sidebar-list .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #dddddd!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
>>list styling
----------------------------------------------------------------*/

.cat-item {
	list-style-position: outside;
}

/*--------------------------------------------------------------
>>Show menu items only on Sticky
----------------------------------------------------------------*/

/* Hide the menu item initially */
li.mega-sticky-only {
    display: none !important;
}

/* Show the menu item when the header section is sticky */
.et_pb_sticky.et_pb_sticky--top li.mega-sticky-only {
    display: inline-block!important;
}

/*--------------------------------------------------------------
>>center Blurb Module Content + icon
----------------------------------------------------------------*/

#blurb-cent .et_pb_main_blurb_image,
#blurb-cent .et_pb_blurb_container {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#blurb-cent .et_pb_blurb_content {
  text-align: center;
}


/*--------------------------------------------------------------
>>equal Blurb Module height
----------------------------------------------------------------*/


.equal-blurbs .et_pb_blurb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Ensure the row stretches the modules equally */
.equal-blurbs .et_pb_blurb_content {
    flex-grow: 1;
}

/*--------------------------------------------------------------
>>>module to bottom column
----------------------------------------------------------------*/

.bot-col {
	display: flex;
flex-flow: column;
}

.bot-mod {
margin-top: auto;	
}

.flex-mod {
	display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}


/*--------------------------------------------------------------
>>>PDF full screen button
----------------------------------------------------------------*/

.pdfjs-fullscreen , .pdfjs-fullscreen a {
	color: #000;
	margin-top:3%;
	font-size: 12px;
}


/*--------------------------------------------------------------
>>> Column flex box
----------------------------------------------------------------*/


@media only screen and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
	margin-bottom: 0;
}
 
.three-columns .et_pb_column {
width: 33.33%!important;
	margin-bottom: 0;
}
 
.four-columns .et_pb_column {
width: 25%!important;
	margin-bottom: 0;
}	
}

/*--------------------------------------------------------------
>>> anchor top space for sections and columns
----------------------------------------------------------------*/
.et_pb_section,
.et_pb_column {
    scroll-margin-top: 6rem;
}

html {
    scroll-behavior: smooth;
}


/*--------------------------------------------------------------
>>> center unordered List
----------------------------------------------------------------*/

.center-list .et_pb_text_inner ul {
  display: table;
  margin: 0 auto;
}


/*--------------------------------------------------------------
>>> row/column flex
----------------------------------------------------------------*/

.row-flex {
display: flex;
}

/*--------------------------------------------------------------
# header shop column - inline modules (mini cart, account, etc.)
--------------------------------------------------------------*/

.wpg-shop-column {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.2rem; /* adjust spacing between items */
}

/* optional: prevent Divi spacing/breaks inside the column */
.wpg-shop-column .et_pb_module {
    margin: 0;
}

@media (max-width: 1300px) {
    /* Reset ONLY the cart column that contains the Woo mini cart */
    .et-db #et-boc .et-l .wpg-shop-column:has(>.ags_woo_mini_cart) {
        z-index: 0 !important;
        position: relative; /* keeps stacking predictable */
    }
}



/*--------------------------------------------------------------
>>> side by side buttons - put in the column
----------------------------------------------------------------*/

/* Flex container to center and align buttons */
.inline-buttons {
  display: flex;
  justify-content: center; /* centers the buttons */
  gap: 10px;               /* space between buttons */
  flex-wrap: wrap;         /* allows wrapping on small screens */
}

/* Optional: prevent buttons from taking full width on mobile */
.inline-buttons .et_pb_button_module_wrapper {
  width: auto !important;
}

/*--------------------------------------------------------------
>>> Center Column content
----------------------------------------------------------------*/

.center-col {
margin:auto!important;
}

.cent-col {
	margin:auto 0!important;
}


/*--------------------------------------------------------------
>>> Remove apple styling for phone link
----------------------------------------------------------------*/

a[href^=tel]{
    color:inherit;
    text-decoration: inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}