/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
-------------------------------------------------------------- */

#wrapper ul li{
  list-style-type: none;

}
a.read-more-btn{
  color:green !important;
}

 .widget_search{
    display: none !important;
 }
 .wp-block-search__label{
  display: none !important;
 }

#pagination-demo2{
 position:relative;
}
.paginationjs{
  position:absolute;
  top:90px;
}
.searching-results ul.searching-form li{
  list-style-type: none;
  display: inline-block;
}
.data-container ul li{
  list-style-type: none;
}

.hid{
  display: none;
}
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}

.search-toggle{
  display: none !important;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0,0,0, 0.2);
  border-bottom: 1.1em solid rgba(0,0,0, 0.2);
  border-left: 1.1em solid white;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* customizing searching form on the fron end */
.searching-form li{
	list-style-type: none;
	display: inline;
  float: left;

}

.searching-form li div.tag-name{
	float:right;
}	

.searching-form li div.category-checkbox-tag,
.searching-form li div.category-radio-tag,
.searching-form li div.radio-checkbox-tag,
.searching-form li div.radio-radio-tag,
.searching-form li div.taxonomy-checkbox-tag,
.searching-form li div.taxonomy-radio-tag{
	float:right;
}	


/* custom css for dashicons */
.my_css_dashicon {
  margin-top: 5px !important;
}

.my_css_dashicon_tag{
  margin-top: 6.5px !important;
}
/* My custom posts */
.my-custom-posts{
position:relative;
top:400px; 
float:left;
}


.triggerPostsPublic{
  display: none;
}
.wrapper-data-container-widget-data-posts img{
  max-width: 100px !important;
  max-height: 100px !important;
}
.wrapper-data-container-widget-data-posts,
.data-categories-container-shortcode,
 div.data-container-shortcode,
 
.data-categories-container,
 div.data-container{
        
        
                
                width: 500px;
                height: 180px;
                overflow-x:hidden;
                text-align:justify;
            }
.data-posts{
  position: relative;
  top: 100px;

}

.container{
  margin:30px auto;
}



.content{
  background-color:#333;
  height:200px;
  margin:10px 0;
  border:1px solid #ccc;
}

.load-more{
  background-color:#000;
  color:#fff !important;
  padding:5px 10px;
  border-radius:4px;
  font-size:20px;
  margin:50px 0;
  display:inline-block;
}

.load-more:hover{
  background-color:blue;
  text-decoration:none;
}            
/*
   input[type=text]{
        position: relative;
        width: 30%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        }
        .loading {    
        background-color: #ffffff;
        background-image: url("https://i.gifer.com/ZZ5H.gif");
        background-size: 25px 25px;
        background-position:right center;
        background-repeat: no-repeat;
        }
*/
.search-term-shortcode{
  max-width: 200px;
} 

/* css for poping up search bar*/

/* =====================================
   CENTER SEARCH POPUP (ALERT STYLE)
===================================== */
/* =====================================================
   MILUN CENTER POPUP SEARCH (ALERT MODAL VERSION)
===================================================== */

/* ROOT */
.pop_up_popup.milun-popup-center{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

/* DARK BACKGROUND */
.pop_up_popup.milun-popup-center::before{
  content:"";
  position: fixed;
  inset:0;
  background:rgba(0,0,0,0.75);
  opacity:0;
  transition:opacity .25s ease;
}

/* =====================================================
   FORCE CENTER MODAL
   (overrides any old sliding CSS)
===================================================== */
.pop_up_popup.milun-popup-center .notification-container{

  position: fixed !important;

  top:50% !important;
  left:50% !important;

  right:auto !important;
  bottom:auto !important;

  width:min(720px,92vw) !important;
  max-height:85vh !important;
  height:auto !important;

  background:#ffffff;
  border-radius:14px;
  box-shadow:0 25px 60px rgba(0,0,0,.45);

  transform:translate(-50%,-50%) scale(.92) !important;
  opacity:0;

  transition:
    transform .25s ease,
    opacity .25s ease;

  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* OPEN STATE */
.pop_up_popup.milun-popup-center.is-open{
  pointer-events:auto;
}

.pop_up_popup.milun-popup-center.is-open::before{
  opacity:1;
}

.pop_up_popup.milun-popup-center.is-open
.notification-container{
  transform:translate(-50%,-50%) scale(1) !important;
  opacity:1;
}

/* =====================================================
   SEARCH HEADER
===================================================== */
.pop_up_popup.milun-popup-center .search_popup{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  border-bottom:1px solid rgba(0,0,0,.12);
}

/* SEARCH INPUT */
.pop_up_popup.milun-popup-center .search-term-popup{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  outline:none;
}

/* CLOSE ICON */
#close-search-flyout-before-title{
  cursor:pointer;
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
}

#close-search-flyout-before-title:hover{
  background:rgba(0,0,0,.08);
}

/* RESULTS AREA */
.pop_up_popup.milun-popup-center,
.pop_up_before_loop.milun-popup-center,
.wrapper-data-container-popup-data-posts,
.wrapper-data-container-before-loop-data-posts,
.wrapper-data-container-widget-data-posts{
  padding:15px;
  overflow:auto;
}

/* LOCK PAGE SCROLL */
body.milun-popup-lock{
  overflow:hidden;
}


/* ROOT */
.pop_up_before_loop.milun-popup-center{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

/* DARK BACKGROUND */
.pop_up_before_loop.milun-popup-center::before{
  content:"";
  position: fixed;
  inset:0;
  background:rgba(0,0,0,0.75);
  opacity:0;
  transition:opacity .25s ease;
}

/* =====================================================
   FORCE CENTER MODAL
   (overrides any old sliding CSS)
===================================================== */
.pop_up_before_loop.milun-popup-center .notification-container{

  position: fixed !important;

  top:50% !important;
  left:50% !important;

  right:auto !important;
  bottom:auto !important;

  width:min(720px,92vw) !important;
  max-height:85vh !important;
  height:auto !important;

  background:#ffffff;
  border-radius:14px;
  box-shadow:0 25px 60px rgba(0,0,0,.45);

  transform:translate(-50%,-50%) scale(.92) !important;
  opacity:0;

  transition:
    transform .25s ease,
    opacity .25s ease;

  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* OPEN STATE */
.pop_up_before_loop.milun-popup-center.is-open{
  pointer-events:auto;
}

.pop_up_before_loop.milun-popup-center.is-open::before{
  opacity:1;
}

.pop_up_before_loop.milun-popup-center.is-open
.notification-container{
  transform:translate(-50%,-50%) scale(1) !important;
  opacity:1;
}

/* =====================================================
   SEARCH HEADER
===================================================== */
.pop_up_before_loop.milun-popup-center .search_popup{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  border-bottom:1px solid rgba(0,0,0,.12);
}

/* SEARCH INPUT */
.pop_up_before_loop.milun-popup-center .search-term-popup{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  outline:none;
}


/* for pop up in widget */
/* =====================================================
   MILUN CENTER POPUP SEARCH (ALERT MODAL VERSION)
===================================================== */

/* ROOT */
.pop_up_widget.milun-popup-center{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

/* DARK BACKGROUND */
.pop_up_widget.milun-popup-center::before{
  content:"";
  position: fixed;
  inset:0;
  background:rgba(0,0,0,0.75);
  opacity:0;
  transition:opacity .25s ease;
}

/* =====================================================
   FORCE CENTER MODAL
   (overrides any old sliding CSS)
===================================================== */
.pop_up_widget.milun-popup-center .notification-container{

  position: fixed !important;

  top:50% !important;
  left:50% !important;

  right:auto !important;
  bottom:auto !important;

  width:min(720px,92vw) !important;
  max-height:85vh !important;
  height:auto !important;

  background:#ffffff;
  border-radius:14px;
  box-shadow:0 25px 60px rgba(0,0,0,.45);

  transform:translate(-50%,-50%) scale(.92) !important;
  opacity:0;

  transition:
    transform .25s ease,
    opacity .25s ease;

  display:flex;
  flex-direction:column;
  overflow:hidden;
}

/* OPEN STATE */
.pop_up_widget.milun-popup-center.is-open{
  pointer-events:auto;
}

.pop_up_widget.milun-popup-center.is-open::before{
  opacity:1;
}

.pop_up_widget.milun-popup-center.is-open
.notification-container{
  transform:translate(-50%,-50%) scale(1) !important;
  opacity:1;
}

/* =====================================================
   SEARCH HEADER
===================================================== */
.pop_up_widget.milun-popup-center .search_popup{
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px;
  border-bottom:1px solid rgba(0,0,0,.12);
}

/* SEARCH INPUT */
.pop_up_widget.milun-popup-center .search-term-popup{
  width:100%;
  padding:10px 12px;
  border-radius:8px;
  outline:none;
}