/*
Theme Name:   Ashe Child
Theme URI:    https://ligorsolution.com/
Description:  Ashe Child Theme Personal and Multi-Author Free WordPress Blog Theme. Perfect for personal, lifestyle, health & fitness, food, cooking, bakery, travel, beauty, fashion, wedding, photography, news, quotes blog, auto blog, small business website and any other kind of amazing blogs. Minimal, elegant & mobile friendly layout with WooCommerce shop (storefront) support will WOW and inspire your visitors. Well documented and very easy to use even for WordPress beginners. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, compatibility with many popular plugins & of course translation & RTL (right to left language) ready, coded with best SEO practices. The theme has features like Text & Image logo, Fullscreen Slider, Header image, Instagram slider widget support, footer menu support, GDPR compatibility plugins support and many more. Works perfectly with all major drag and drop page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: https://ashe-free.wp-royal-themes.com/demo/
Author:       Ligor Solution Co.,Ltd
Author URI:   https://ligorsolution.com/
Template:     ashe
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentyfifteenchild
*/

.credit{
	display : none;
}

/* animation class and keyframes */
.overflow-hidden {
 overflow: hidden;
}

#featured-links > div:nth-child(1) {
 animation: drop-in 1s ease 200ms backwards;
}

#featured-links > div:nth-child(1) {
 animation: drop-in 1200ms ease 500ms backwards;
}

#featured-links > div:nth-child(2) {
 animation: drop-in 1s ease 400ms backwards;
}

#featured-links > div:nth-child(2) {
 animation: drop-in 1400ms ease 700ms backwards;
}

#featured-links > div:nth-child(3) {
 animation: drop-in 1s ease 600ms backwards;
}

#featured-links > div:nth-child(4) {
 animation: drop-in 1600ms ease 900ms backwards;
}

@keyframes drop-in {
 from {
  opacity: 0;
  transform: translateY(-100px);
 }
 to {
  opacity: 1;
  transform: translate(0px);
 }
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.context h1{
    text-align: center;
    color: #fff;
    font-size: 50px;
}

.area{
    background: #f4842e !important;  
    background: -webkit-linear-gradient(to left, #8f94fb, #f4842e);  
    width: 100%;
    height:100%;
}

.realistic-marker-highlight{
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(
    -100deg,
    rgba(244, 132, 46, 0.2),
    rgba(244, 132, 46, 0.7) 95%,
    rgba(244, 132, 46, 0.1)
  );
}

.highlight-post-container, .highlight {
   position: relative;
}

.highlight-post-container {
    display: inline-block;
}
.highlight-post-container:before {
    content: " ";
    display: block;
    height: 90%;
    width: 100%;
    margin-left: -3px;
    margin-right: -3px;
    position: absolute;
    background: #f4842e;
    transform: rotate(2deg);
    top: -1px;
    left: -1px;
    border-radius: 20% 25% 20% 24%;
    padding: 10px 3px 3px 10px;
}

@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

.post-title, .page-title{
    font-size : 32px !important;
}

.post-content>p:not(.wp-block-tag-cloud):first-of-type:first-letter{
    margin: 0 3px 0 0 !important;
    font-size: 35px !important;
    line-height: 30px !important;
}

img[data-lazyloaded]{
    opacity: 0;
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

.slider-info{
	padding: 25% 40px 60px; !important;
}

@media screen and (max-width: 768px){
	.mini-logo a{
		padding-right : 30px;
	}

	.scrolltop{
		bottom: 90px !important;
	}
	
	.post-media > img{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	#rpwwt-recent-posts-widget-with-thumbnails-1 ul, #rpwwt-recent-posts-widget-with-thumbnails-4 ul{
		list-style: none;
		columns: 2; 
	}
	
	/* #rpwwt-recent-posts-widget-with-thumbnails-4 li {
      margin-bottom: 10px; /* Optional: Add some spacing between list items 
	  height: 50px;
    } */
	
	#rpwwt-recent-posts-widget-with-thumbnails-1 ul li .wp-post-image, #rpwwt-recent-posts-widget-with-thumbnails-4 ul li .wp-post-image{
		width: 90%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	/*img.wp-post-image{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}*/

    .post-title, .page-title{
        font-size : 22px !important;
    }

    .widget-title h2{
        font-size : 18px !important;
        font-weight: 600;
    }

    #top-bar{
        background-color: #f4842e !important;
    }

    #top-bar a {
        color: #ffffff !important;
    }
	 
	
	/*#featured-links .featured-link {
		width: 30% !important;
		margin-right: 1.5% !important;
		margin-left: 1.5% !important;
		margin-bottom: 10px;
	}
	.featured-link img{
		width: 30% !important;
	}*/
	
}


.black-ribbon {  
	position: fixed;  
	z-index: 9999;  
	width: 70px;
}

@media only all and (min-width: 768px) {  
	.black-ribbon {    
		width: auto;  
	}
}

.stick-left { 
	left: 0; 
}
.stick-right { 
	right: 0; 
}
.stick-top { 
	top: 0; 
}
.stick-bottom { 
	bottom: 0; 
}