/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.17.445
Requires at least:    5.4.0
Requires PHP:         5.6.20
WC requires at least: 4.7.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
h1, h2, h3, h4, h5 {
    background: linear-gradient(135deg, #ffd140 0%, #ff1e1e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.jess {
    padding: 1em;
    border: 2px solid;
    border-color: red;
    box-shadow: 0 0 30px #ff6b6b; /* 🔴 đổi bóng ngoài thành đỏ nhẹ */
    border-radius: 10px;
    margin: auto;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    animation: 5s linear infinite rainbow-animation;
}

@keyframes rainbow-animation {
    0%, 100% {
        border-color: red;
        box-shadow: 0 0 30px #ff6b6b;
    }
    14% {
        border-color: orange;
        box-shadow: 0 0 30px #ffa94d;
    }
    28% {
        border-color: #ff0;
        box-shadow: 0 0 30px #ffff80;
    }
    42% {
        border-color: green;
        box-shadow: 0 0 30px #6bff6b;
    }
    57% {
        border-color: #00f;
        box-shadow: 0 0 30px #6b6bff;
    }
    71% {
        border-color: indigo;
        box-shadow: 0 0 30px #9b6bff;
    }
    85% {
        border-color: violet;
        box-shadow: 0 0 30px #ff6bff;
    }
}

.wp-caption.aligncenter img {
    border: 2px solid #ff6b6b;
    border-radius: 10px;
    box-shadow: 0 0 19px 0px #f8d072;
}

.wp-block-image figcaption, 
figcaption, 
figure > figcaption {
    line-height: 1.2em;
    border-left: 10px solid #ff6b6b;
    border-bottom: 2px solid #ff6b6b;
    margin-top: 15px;
    margin-bottom: 25px;
    border-radius: 50px 0 0 0;
    box-shadow: 0 0 19px 0px #f8d072;
}

.large-9 .post-item {
    background: #181c2d;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 1px solid #ff6b6b;
}

.flex-row.recent-blog-posts.align-top.pt-half.pb-half {    
    background-color: #181c2d;    
    border-radius: .375rem;    
    padding: .5rem;    
    border-bottom: 0px;    
}    
    
li.recent-blog-posts-li {    
    border: unset !important;    
    padding-bottom: 13px;    
}    
    
.recent-blog-posts a {    
    font-size: 13px;    
    line-height: 16px;    
}    
    
.breadcrumbs {
  padding-top: 35px;
  margin-bottom: -20px;
  background: #181c2d;
}
.breadcrumbs a {
    color: #ffffff;
    font-weight: 400;
}
.breadcrumbs a:hover {
    color: #ff6900;
    font-weight: 400;
}
.rank-math-breadcrumb p {
    background: #76767614;
    padding: 10px 10px 7px 10px;
    border-radius: 4px;
    border: 4px solid #ff0000;
    border-top: 0;
    border-bottom: 0;
    color: #f9ff00;
}