/*
Theme Name: New Betheme Child for Book Fanatics
Theme URI: https://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: betheme
Requires PHP: 8.0
Version: 28.1.11
Author: Giannis
Template: betheme
Version: 1.0.0
*/

.comment-attachment-thumb {
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    max-width: 150px;
    height: auto;
}

.wpcf7-file {
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    max-width: 150px;
    height: auto;
}

/* not working!!! */
/*
input[type="file"] {
     display: block; 
}
*/

.cssAttach {
    width:150px;
    background-color: #ffffff;
   
}


input::file-selector-button {
  background-color: #f8a100;
}


/*remove post titles from blogs*/
/* we only want to do this for books and not for other categories 
/* let's put it in the page 
.post-desc .post-title .entry-title {
   display:none !important;
}
*/

.cssHidePostTitles {
    display:none !important;
}

/* remove book titles and dates fro blog sliders*/
.item_wrapper .desc {
    display:none !important;
}

.item_wrapper .date_label {
    display:none !important;
}

/* remove description from blogs 
.post-desc-wrapper .post-desc {
    display:none !important;
}
    */


/*remove the language flag */
 .wpml-languages {
    display:none !important;
 }

 /* remove tags from filter blog */
 #Filters .filters_wrapper .tags {
    display:none !important;
 }

 /* remove the category filters
 /* we want to do it only in books
 /*
 #Filters .filters_wrapper ul li {
    display:none !important;
 }
*/

/* THIS PART IS FOR THE ACF IMAGE*/

 /* show only the current */
 #Filters .filters_wrapper .current-cat {
    display:inline-block !important;
    font-size: 19px;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: 1px;
 }
 

 /* the images from the ACF */
 .acf-container {
    display:none; /* we do not need to show them*/
    /*display: flex; */                 /* establish flex container */
    flex-direction: row;            /* default value; can be omitted */
    flex-wrap: nowrap;
    justify-content: center;
    align-items:center; 

 }

/* these are the images on the footer, we do not need them, we can delete */
/*
 .acf-image {   
    margin:20px;
 }

 .acf-image img {
    width:200px;
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
*/

/*this is for the smooth image transition*/

.slide-show-img{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.slide-show-fadeout {
    opacity:0;
}

/* this is for the slider */
/*
.custom-slider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.custom-slider .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: transform 0.6s ease-in-out;
}

.custom-slider .current {
  transform: translateX(0%);
}

.custom-slider .next {
  transform: translateX(100%);
}

.custom-slider.slide-anim .current {
  transform: translateX(-100%);
}

.custom-slider.slide-anim .next {
  transform: translateX(0%);
}
*/
.cssSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.cssSlider .cssSliderImage {  
  position: absolute;
  top: 0 ;
  left: 0;
  width: 100%;
  /*transition: transform 0.6s ease-in-out;
  transition: opacity 0.5s ease-in-out;*/

}

/* change the pagers active page color */
.pages .active {
  color:#000000 !important;
}