/*
 Theme Name:   Safe Cosmetic
 Description:  Safe Costmetic Child Theme of Hellow Elementor
 Author:       Aurelia
 Author URI:   https://aureliayee.com
 Template:     hello-elementor
 Version:      1.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.accordion-hide-first .elementor-accordion-item:first-of-type {
	display: none;
}

/**Breadcrumbs**/
.home .elementor-element-1643dc3 {
	display: none;
}
.elementor-inner ul {
	margin-bottom: 10px!important;
}
/**Header**/
.clearfix {
    clear: both;
}
.logo {
  margin-right: auto;
  order: -1;
}
.header-icon, .menu-hide-desktop {
	display: none!important;
}
@media only screen and (max-width: 1024px) {
    .header-menu {
        order: 2;
    }
    .header-search {
        order: 1;
    }
    .header-action {
        order: 3;
    }
    .header-donate {
        order: 4;
    }
	.elementor-nav-menu__container {
		height: 100vh
	}
	.header-icon {
		display: inline-block!important;
	}
    .header-icon a {
    	padding-right: 0!important;
    	padding-left: 10px!important;
    	padding-top: 40px!important;
    }
	.menu-item-338 a {
		 padding-left: 20px!important;
	}
	.header-icon i {
	    color: #fff;
		width: 30px;
		height: 30px;
		background-color: #9A0959;
		border-radius: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.header-btn a {
	    color: #fff!important;
	    background-color: #9A0959;
	    display: inline-block;
	    float: left;
	    margin-left: 20px;
	    margin-top: 30px;
	}
	.header-btn a:hover {
	    background-color: #9A0959!important;
	}
}
@media only screen and (max-width: 767px) {
    .logo {
        order: 3;
    }
    .header-menu {
        order: 5;
    }
    .header-search {
        order: 4;
    }
    .header-action {
        order: 1;
    }
    .header-donate {
        order: 2;
    }
    .header-icon a {
    	padding-top: 0px!important;
    }
    .elementor-sticky--effects .header-action, .elementor-sticky--effects .header-donate {
        display:none;
    }
	.menu-hide-desktop {
	    display: block!important;
	}
}


/**About Timeline**/
.about-timeline .elementor-tab-title {
	text-align: center;
	background-color: #ce91b0;
	border-radius: 100px;
	margin: 5px;
	color: #fff!important;
}
.about-timeline .elementor-tab-title.elementor-active {
	background-color: #9A0959;
}
@media (max-width: 787px) {
 .about-timeline .elementor-tabs-wrapper {
    display: flex;
    flex-direction: row;
	width: 100vw;
	overflow-x: scroll!important;
  }
  .elementor-tab-mobile-title {
    display: none;
  }
  .about-timeline.elementor-tabs .elementor-tabs-wrapper {
      display: inline-block!important;
  }
  .about-timeline .elementor-widget-tabs .elementor-tab-desktop-title {
      padding: 10px 25px!important;
  }
}
/**Populations**/
.population-list, .population-list a {
		text-align: center;
}
.population-list a {
	font-weight: 400;
	font-size: 24px;
}
.population-list .tax-name .tax-title {
	height: 100px;
}
.population-list .tax-name .tax-image, .population-list .tax-name .tax-title {
	float: none;
}
.tax-image img {
	max-height: 230px;
	height: 230px!important;
    width: 100%;
    object-fit: cover;
}
@media only screen and (min-width:767px) {
	.population-list .taxonomy-list-item {
	width: 33%;
	}
}
/**Chevron**/
.chemicals-filter .tax-desc {
    display: none;
}
.chemicals-filter .tax-title a {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.chemicals-filter .elementor-tab-content {
	position: absolute;
	z-index: 10;
}
/**Sidebar**/
.sidebar .tax-desc, .sidebar .tax-image {
    display: none;
}
.sidebar .taxonomy-list-item {
    margin: 0;
    display: block;
}
.sidebar .tax-title {
  padding-left: 40px;
}
.sidebar .tax-title a {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.sidebar .tax-title:before {
  content: "●";
  padding-right: 30px;
  display:inline-block;
  position:absolute;
  left:15px;
}
/**Take Action**/
.take-action-list a {
    text-decoration: none!important;
}
.take-action-list .elementor-icon-list-icon {
    order: 2!important;
    margin-left: 10px!important;
}
.elementor-cta {
    text-decoration: none!important;
}

/**Blog**/
.blog-loop a {
    text-decoration: none;
}
.blog-loop .elementor-cta__button {
    padding: 0;
}
.elementor-widget-wp-widget-categories h5 {
	display: none;
}

.anchor {
  scroll-margin-top: 130px;
}
/**Population List**/
.populaton-list .tax-image {
  position: relative;
}
.populaton-list  .tax-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.populaton-list .tax-image img {
	  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; 
  width: 100%;
  height: 100%; 
  object-fit: cover; 
  object-position: center;
	padding-bottom: 20px;
}
.filters .tax-image img {
	width: 60px;
	height: 60px!important;
	object-fit: cover; 
  object-position: center;
	margin-right: 20px;
}
.populaton-list .tax-title, .filters .tax-title {
	max-width: 70%;
}
/**Share Buttons**/
.elementor-widget-share-buttons:before {
	content: 'Share on:';
}

/**Accordion**/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee!important;
  color: #444!important;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover,
button:focus {
  background-color: #ccc!important;
  background: #ccc!important;
  border: none!important;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;

}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}