/*
Theme Name: softways Child
Template: softways
Version: 1.0
Author:	
Author URI: 
Text Domain: softways-child
*/

/*Add your own styles here:*/
header a.w-image-h {  z-index: 9; }
div.grecaptcha-badge { display: none!important; }
body .price ins, body .price { color: #222222; }


/* footer menu */
footer h4 { font-size: 1.2rem; font-weight: 300; position:relative; }
footer li { line-height: 1.2!important; padding: 0!important; }
footer li:before {content:none!important;}

footer h4:before {content: ""; position: absolute; bottom: -12px; left: 0; width: 70%; height: 3px; background: #fff5;}
/* category carousel */

.ywcca_widget_container_style_1 ul.ywcca_category_accordion_widget li.cat-item a:hover {color:#000!important;}

body .ywcca_widget_container_style_1 .ywcca_category_accordion_widget ul.yith-children li {padding-left: 10px;}
.ywcca_widget_container_style_1 {
    border: 0px solid!important;
}
body .ywcca_widget_container_style_1 .ywcca_widget_title {
    border-bottom: 4px solid;
	text-align: left;
    
}
body .ywcca_widget_container_style_1 .ywcca_widget_title {
    font-size: 1.8rem;
/*    text-transform: UPPERCASE!important;*/ 
    font-weight: 300!important;*/
    color: #484848;
    border-bottom: 6px solid #484848;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
body .ywcca_widget_container_style_1 .ywcca_category_accordion_widget ul.yith-children {
    border-left: solid 5px #dddddd;
    margin-left: 0px;
}
body .ywcca_widget_container_style_1 .ywcca_category_accordion_widget ul.yith-children li, body .ywcca_widget_container_style_1 .ywcca_category_accordion_widget ul.ywcca-sub-menu li.menu-item { border:0px;}
ul.yith-children ul.yith-children {
    border-left: solid 5px #dddddd;
    margin-left: 0px!important;
}
body .ywcca_widget_container_style_1 .ywcca_category_accordion_widget li.cat-item { line-height: 1.2rem; padding-top: 6px; padding-bottom:6px;}
body .ywcca_widget_container_style_1 > .ywcca_category_accordion_widget > li.cat-item {padding-left:0;}
body .ywcca_widget_container_style_1 ul.ywcca_category_accordion_widget li .icon-plus_style_1, body .ywcca_widget_container_style_1 ul.ywcca_category_accordion_widget li .icon-minus_style_1 {  margin-right: 0;    margin-top: -3px;}
/* category carousel */


/* product */
label.wcvaswatchlabel.wcvaround {
    border: solid 2px #ccc!important;
}
.prd-info-column bdi {
    color: #2b2b2b!important;
    font-weight: 700!important;
    font-size: 1.57rem!important;
    line-height: 3rem!important;
}


/* CA Style for the button */
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #0073e6; /* Primary button color */
  color: #fff; /* Text color */
  text-decoration: none;
  border-radius: 10px 0 10px 0 !important;
  font-size: 14px;
  transition: background-color 0.3s ease;
 margin-bottom:5px;
}

/* Hover effect for the button */
.button:hover {
  background-color: #005bb5; /* Darker shade on hover */
}

/* Style for the container holding the image and text */
.ergalia-efarmogis .w-post-elm-value div {
    display: inline-block; /* Keep the containers in a row */
    text-align: center; /* Center the text below the image */
    margin-right: 10px; /* Add spacing between items */
}

/* Style for the text below the image */
.ergalia-efarmogis .w-post-elm-value p {
    margin-top: 5px; /* Add spacing between the image and text */
    font-size: 14px; /* Adjust the font size */
    font-weight: bold; /* Make the text bold */
    color: #333; /* Set the text color */
    font-family: Arial, sans-serif; /* Set the font family */
}

/* Optional: Add a hover effect to the images */
.ergalia-efarmogis .w-post-elm-value img:hover {
    opacity: 0.8; /* Slightly fade the image on hover */
    transition: opacity 0.3s ease; /* Smooth transition */
}

/* Style for the badge container */
.top_badges .w-post-elm-value {
    display: flex; /* Arrange badges in a row */
    flex-wrap: wrap; /* Allow wrapping if needed */
  /*  gap: 10px; Add spacing between badges */
}

/* Style for individual badges */
.top_badges .w-post-elm-value span {
    display: inline-block;
    padding: 5px 5px;
    border-radius: 5px; /* Rounded corners */
    color: #FFFFFF; /* White text */
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; /* Uppercase text */
    background-color: #4CAF50; /* Default green shade */
}

/* Style for the YouTube button */
.button.youtube-button {
  background-color: #FF0000 !important; /* Red color for YouTube */
}

/* Hover effect for the YouTube button */
.button.youtube-button:hover {
  background-color: #CC0000 !important; /* Darker red on hover */
}

/* Style for the TikTok button */
.button.tiktok-button {
  background-color: #000000 !important; /* Black color for TikTok */
}

/* Hover effect for the TikTok button */
.button.tiktok-button:hover {
  background-color: #222222 !important; /* Darker black on hover */
}

/* Style for the Font Awesome icons within the buttons */
.button i {
  margin-right: 5px; /* Add some spacing between the icon and text */
}

.wpb_wrapper .w-btn-wrapper a.w-btn,
.wpb_wrapper .YouTube_link a.button,
.wpb_wrapper .TikTok_link a.button {
  display: block; /* Ensure they take up the full width of their parent */
  width: 100%; /* Make them the full width of their parent div */
  max-width: 250px; /* Optionally set a maximum width */
  margin-bottom: 10px; /* Add spacing between the buttons */
  box-sizing: border-box; /* Include padding and border in the width */
  text-align: center; /* Center the text within the button */
}

/* Optional: Center the button block within its parent div */
.wpb_wrapper .w-btn-wrapper,
.wpb_wrapper .YouTube_link,
.wpb_wrapper .TikTok_link {
  display: flex; /* Use flexbox to center the button horizontally */
  justify-content: center;
}

.wpb_wrapper .w-post-elm.post_custom_field.type_repeater.chromatologio_arxeio .repeater-row .repeater-field a.button,
.wpb_wrapper .w-post-elm.post_custom_field.type_repeater.chromatologio_page .repeater-row .repeater-field a.button {
  display: block; /* Ensure they take up the full width of their parent */
  width: 100%; /* Make them the full width of their parent div */
  max-width: 300px; /* Optionally set a maximum width */
  margin-bottom: 10px; /* Add spacing between the buttons */
  box-sizing: border-box; /* Include padding and border in the width */
  text-align: center; /* Center the text within the button */
}

/* Optional: Center the button block within its parent repeater-field */
.wpb_wrapper .w-post-elm.post_custom_field.type_repeater.chromatologio_arxeio .repeater-row .repeater-field,
.wpb_wrapper .w-post-elm.post_custom_field.type_repeater.chromatologio_page .repeater-row .repeater-field {
  display: flex; /* Use flexbox to center the button horizontally */
  justify-content: center;
}