/*
Theme Name: Special Good lead
Author: Special Good lead
Version: 1.0
*/
#newmeta {
  display: none;
}

/* new changes */
     .contents-mob {
        display: none;
        border-radius: 10px;
        padding: 11px 15px;
        border: 1px solid #e8e8e8;
        position: relative;
		         margin-top: 15px;
      }
      .contents-mob-list {
        padding-top: 12px;
        display: none;
        overflow: hidden;
		      margin-bottom: -5px;
      }

      .contents-mob-list a {
        display: block;
        color: #13161a;
        border-top: 1px solid #e8e8e8;
        padding: 9px 15px;
        margin: 0 -15px;
      }
   #toggleButton {
        width: 30px;
        height: 30px;
        position: absolute;
       top: 5px;
    right: 5px;
    border-radius: 50%;
        background: #279847 url(./assets/img/arrow-down.svg) no-repeat center center / 15px auto ;
	   transition: .3s; 
	   transform: rotate(0); 
      }
#toggleButton.active{
	transform: rotate(180deg); 
}
    
@media (max-width: 640px) {
/* 	через флекс неправильно выдображались елементи та були надто широкими */
	.casesin-box{
		display: block
	}
	
	  .contents-mob {
        display: block;
      }
	.archive .case-card-img,.single .case-card-img{
		position: relative;
		pointer-events: none;
	}
	.archive .case-card-img .custom-btn-wrapper-small,.single .case-card-img .custom-btn-wrapper-small{
	 
		pointer-events: auto;
	}
	
	.case-card .custom-btn-wrapper-small {
     
        top: auto;
        bottom: 0;
     
    }
	.casesin-box {
    
    padding-bottom: 40px;
}
	    .casesin-box .custom-btn-wrapper {
        margin: 46px auto 50px auto;
    }
	    .case-card-img {
        height: auto;
    }
	.casesin-bnf h2, .casesin-bnf h1, .casesin-bnf h3, .casesin-bnf h4, .casesin-bnf h5, .casesin-bnf h6 {
        font-size: 26px;
    }
   .archive .sec-title {
        font-size: 55px;
      
    }
	
	.casesin-title { 
    font-size: 30px;
}
}
.mob-menu .sub-menu li a{
	font-size: 14.6px
}
  .case-tags {
 
    position: relative;
}
.casesin-box .topictag {
    margin-bottom: 50px;
}
.casesin-content blockquote {
  margin: 0;
  padding: 20px;
  border-left: 5px solid #279847;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2509803922);
  background: rgba(243, 243, 243, 0.7019607843);
}
.casesin-content blockquote p {
  margin: 0;
}
.main-menu .sub-menu {
	    border-radius: 0 0 18px 18px;
    padding: 6px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    width: 180px;
    left: -15px;
    top: 100%;
	background: linear-gradient(225deg, rgb(47, 50, 61), rgb(19, 22, 27) 66%);
}
 .main-menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
.main-menu .sub-menu a {
    display: inline-block;
    padding: 10px 0;
}
.main-menu .sub-menu a:after 
{
	display: none
}
.casesin-content ol li {
  list-style-type: decimal;
}
.casesin-content ul li {
    list-style-type: disc;
}
 

.casesin-content ol li:after,.casesin-content ul li:after {
  display: none;
}
.rev-inner img {
  -o-object-fit: contain;
     object-fit: contain;
}
.casesin-title{
	line-height: normal
}
.topictags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.case-card-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.open-post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
	z-index: 10
}

.case-card {
  position: relative;
}

.scroll-box {
  white-space: nowrap;
  margin-left: 25px;
  padding-bottom: 10px;
}
@media (max-width: 640px) {
	.mob-menu .sub-menu.show {
    padding: 0 20px 10px;
    max-height: 200px;
}
	    .case-mockup-mob {
        position: absolute;
			        bottom: -89px;
width: 100px;
    height: 170px;
    padding: 2px 13px 10px 13px;}
.case-mockup-mob-inner { 
	border-radius: 7px;
}
	.scroll-box { 
  margin-left: 0
 
}}
.scroll-box .case-tags {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0;
  padding-left: 0;
}

.scroll-box + .case-card-content {
  margin-top: -5px;
}

.scroll-box.simplebar-scrollable-x:after {
  pointer-events: none;
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  width: 90px;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(5%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0));
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.scroll-box.at-end:after {
  opacity: 0;
}