/*
Theme Name:     Faiery
Theme URI:      https://faiery.org/
Description:    This a custom child theme created by Mitchii, the parent theme is called Neve from themeisle. 
Author:         Mitchii G.
Author URI:     https://faiery.org/
Template: 		neve
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    faiery
Tags:         	two-columns, left-sidebar,were  right-sidebar , custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, e-commerce
*/
 @font-face {
     font-family: 'katsoup';
     src: url('katsoup.ttf');
     font-display: swap;
}
@font-face {
    font-family: 'Sodabery';
    src: url('https://faiery.org/wp-content/uploads/fonts/Sodabery.woff2') format('woff2'),
         url('https://faiery.org/wp-content/uploads/fonts/Sodabery.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 ::selection {
     background: #fff8f5;
}
 ::-moz-selection {
     background: #fff8f5;
}
 p {
  	margin-bottom: 15px;
}
 h1, h2, h3, h4, h5, h6 {
  	margin-bottom: 20px !important;
	margin-top: 20px;
}
 #content {
  	margin-top: 20px;
}
 .menu-item-nav-search {
    /*margin-left: 20px;
    */
}
 .hfg_header .header-main-inner {
}
 .hfg_header::after {
content: "";
  display: block;
  position: absolute;
  bottom: -53px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url('https://faiery.org/wp-content/uploads/2025/09/peach-animated2.svg');
    background-repeat: repeat;
  background-repeat: repeat;
  z-index: -10;
}
}
.hfg_header.site-header {
  box-shadow: 0 0 0 rgba(0,0,0,0 ); !important;
}

.waves {
    position: relative;
    height: 300px; /* header height or whatever you want */
    overflow: visible; /* so wave can extend below header */
}

.waves-container {
    position: absolute;
    top: 20px; /* align bottom of wave with bottom of header */
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1; /* behind header content */
}

.waves-container img {
    width: 100%;
    height: auto; /* maintain aspect ratio */
    display: block;
}


 .site-logo::after {
     content: "Stay Whimsical";
     display: inline-block;
     color: #000;
     padding-left: 10px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     letter-spacing: 3px;
}
 .nav-ul li {
     font-size: 10px;
     font-weight: 600;
     color: #000;
     padding-left: 10px;
     text-transform: uppercase;
     font-family: 'Poppins', sans-serif;
     letter-spacing: 3px;
}
 .builder-item--primary-menu .nav-menu-primary > .nav-ul li:not(.woocommerce-mini-cart-item) > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul .has-caret > a, .builder-item--primary-menu .nav-menu-primary > .nav-ul .neve-mm-heading span, .builder-item--primary-menu .nav-menu-primary > .nav-ul .has-caret {
     color: #000;
}
 #homepage-container {
     margin: 70px auto 10px;
     width: 100%;
	 position: relative;
	 z-index: 1;
}
 .flex-container {
     display: flex;
     margin: 0 auto;
     width: 100%;
}
 .flex-container > div {
     margin: 0 auto;
}
 .main-content-home {
     width: 80%;
}
 .sidebar-home-right {
     width: 20%;
}
 .header .button-primary {
     text-transform: uppercase !important;
     font-size: 10px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     letter-spacing: 3px;
}
 blockquote {
    padding: 5px 20px 0;
    background: #f5f0e9;
	font-family: 'DM Mono', monospace;
    font-size: 2em;
    letter-spacing: normal;
    line-height: 35px;
	background: #fff !important;
	border-color: #fff !important;
}
/* Style the tab */
 .tab {
     float: left;
     background-color: #fff;
     width: 24%;
     margin-right: 25px;
     font-family: 'Poppins', sans-serif;
}
/* Style the buttons inside the tab */
 .tab button {
     font-family: 'Poppins', sans-serif;
     display: block;
     background-color: inherit;
     color: #000;
     padding: 22px 16px;
     width: 100%;
     border: none;
     outline: none;
     text-align: left;
     letter-spacing: 3px;
     text-transform: uppercase;
     font-size: 11px;
     cursor: pointer;
     transition: 0.3s;
	 font-weight: 600 !important;
	 transition: 0.5s;
}
/* Change background color of buttons on hover */
 .tab button:hover {
     background: #fff4ef;
     border-radius: 10px;
	 background: linear-gradient(-45deg, #f6d365, #fda085, #f9ddd2, #fff4ef);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* Create an active/current "tab button" class */
 .tab button.active {
     position: relative;
     font-weight: 800;
	 background-color: #fff4ef;
}
 .tab button.active:after {
     content: "";
     display: block;
     width: 50px;
     height: 1px;
     background: #535150;
     right: 15px;
     top: 50%;
     position: absolute;
}
/* Style the tab content */
 .tabcontent {
     float: left;
     padding: 0px 12px;
     width: 72%;
     border-left: none;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

 .main-page-post-container {
     display: flex;
}
 .main-page-post-container > div {
}
 .left-meta, .right-meta {
     width: 15%;
     align-items: center;
     justify-content: center;
}
 .right-meta {
     width: 10%;
}
 .center-post {
     width: 68%; 
	animation: fadein 400ms;	 
}
 .entry-label, .entry-label-2 {
     text-transform: lowercase;
     font-size: 3em;
     font-weight: 900;
     letter-spacing: 0;
     text-align: left;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
     line-height: 1em;
	 margin-top: -5px !important;
}
 .entry-label-2 {
     	font-size: 1.9em;
     	line-height: 1em;
	 	word-wrap: break-word;
  	 	overflow-wrap: break-word;
	 	-webkit-hyphens: auto;
  	 	-moz-hyphens: auto;
     	hyphens: auto;
		text-decoration: none;	
}
 .entry-label a {
    color: #000;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
.entry-label a:hover {
    background-size: 100% 2px;
}
.entry-label a:focus {
    background-size: 100% 2px;
}
 .entry-label-2 a {
    color: #000;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
}
 .entry-label-2 a:hover {
    background-size: 100% 2px;
}
 .entry-label-2a:focus {
    background-size: 100% 2px;
}
 .post-single-style {
     font-size: inherit;
     line-height: 26px;
     margin-top: 30px;
	 margin-bottom: 40px;
	 position:relative;
}
 .post-single-style ol {
     list-style: none;
     counter-reset: my-awesome-counter;
	 margin-bottom: 15px;
	 list-style-position: inside;
}
 .post-single-style ol li {
  	counter-increment: my-awesome-counter;
  	margin-bottom: 15px;
 	padding-left: calc(3em + .8vw);
  	position: relative;
}
.post-single-style ol li::before {
	content: "0" counter(my-awesome-counter) "";
	color: #000;
	font-weight: 600;
	font-family: 'DM Mono', monospace;
	list-style-type: decimal-leading-zero;
	font-size: 1.2em;
	left: .3em;
	position: absolute;
}
.post-single-style ol li:nth-child(n + 10)::before {
    content: '' counter(my-awesome-counter) '';
}

.post-single-style ol li:nth-child(n + 100)::before {
    content: counter(my-awesome-counter) '';
}
/*
.post-single-style p:last-child::after {
	content: url('https://faiery.org/wp-content/uploads/2023/11/ending-candy.svg');
  	position: absolute;
  	width: 30px;
  	margin: 0px 10px 0px 7px;
}
*/
 .mood-icon {
     display: block;
     text-align: center;
     margin: 1px auto 0;
     padding: 0;
	 width: 70px;
	 image-rendering: -webkit-optimize-contrast;
}
 .date-container {
     position: relative;
     text-align: center;
     color: white;
     background-image: url('https://faiery.org/wp-content/uploads/2021/08/date-holder.png');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center;
     width: 71px;
     height: 71px;
}
 .date-text{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .circle {
     width: 70px;
     height: 70px;
     line-height: 70px;
     border-radius: 50%;
     text-align: center;
     font-size: 12px;
     color: #fff;
     font-weight: 600 !important;
     background: #000;
     margin: 4px auto 0;
}
 .the-share-feature-box {
     display: block;
     margin-right: 19px;
     margin-top: 40px;
}
 .titanic {
     width: 25px;
     display: block;
     text-align: center;
     margin: 10px auto;
}
 .category-icon {
     margin-top: 25px;
	 margin-right: 7px;
}
.home .category-icon {
  	margin-left: 5px;
}
 .tldr {
     color: #000 !important;
     padding: 22px 16px;
     text-align: left;
     letter-spacing: 3px;
     text-transform: uppercase;
     font-size: 11px;
     font-weight: 600;
     cursor: pointer;
     transition: 0.3s;
     text-decoration: none;
	 margin-bottom: 75px;
}
 .tldr a{
     color: #000 !important;
}
 .tldr a:hover {
     color: #fbc1ba !important;
}
 .right-content-snap {
     border: 3px solid #fff4ef;
     border-radius: 10px;
     margin: 0 auto;
     padding: 35px 20px 10px;
     font-size: 14px;
     position: relative;
}
 .right-content-snap:before {
     position: absolute;
     top: -34px;
     right: 20px;
     content: "";
     width: 112px;
     height: 68px;
     background: transparent url("https://faiery.org/wp-content/uploads/2022/08/hello-clear.svg") no-repeat top right;
}
 .right-content-snap-2 {
     border: 3px solid #fff4ef;
     background-color: #fff4ef;
     border-radius: 10px;
     margin: 20px auto;
     padding: 20px;
     font-size: 14px;
     position: relative;
}
 .archive-home-container {
     width: 100%;
     display: flex;
     margin: 40px auto;
     border-top: 3px solid #fff4ef;
     border-bottom: 3px solid #fff4ef;
     font-size: 14px;
}
 .archive-home-container > div {
     margin: 0 auto;
}
 .archive-home-1 {
     width: 22%;
     border-right: 3px solid #fff4ef;
}
 .archive-home-2 {
     width: 48%;
     border-right: 3px solid #fff4ef;
     background-color: #fff4ef;
	 position: relative;
}
 .archive-home-3 {
     width: 30%;
}
/*https://www.geekboots.com/css/floating-animation-on-background*/
ul#shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

ul#shape li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background-color: rgba(250, 219, 205, 1);
    bottom: -200px;
    animation: floating 15s infinite linear;
    will-change: transform, opacity, border-radius;
}

ul#shape li:nth-child(1) {
    width: 25px;
    height: 25px;
    left: 25%;
    animation-delay: 0.1s;
}

ul#shape li:nth-child(2) {
    width: 10px;
    height: 10px;
    left: 95%;
    animation-delay: 10s;
}

ul#shape li:nth-child(3) {
    width: 15px;
    height: 15px;
    left: 75%;
    animation-delay: 18s;
}

ul#shape li:nth-child(4) {
    width: 15px;
    height: 15px;
    left: 10%;
    animation-delay: 5s;
}

ul#shape li:nth-child(5) {
    width: 25px;
    height: 25px;
    left: 60%;
    animation-delay: 8s;
}

ul#shape li:nth-child(6) {
    width: 30px;
    height: 30px;
    left: 84%;
    animation-delay: 1s;
}

ul#shape li:nth-child(7) {
    width: 10px;
    height: 10px;
    left: 50%;
    animation-delay: 15s;
}

ul#shape li:nth-child(8) {
    width: 5px;
    height: 5px;
    left: 40%;
    animation-delay: 6s;
}

.inner {
    padding: 20px;
}

@keyframes floating {
    from {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
    to {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 80%;
    }
}


/* Tutorial by CCS Tricks - https://css-tricks.com/css-link-hover-effects/ */

.archive-home-1 a {
  text-decoration: none;
  color: #18272F;
  font-weight: 600;
  vertical-align: top;
}

.archive-home-1 a {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.archive-home-1 a::before,
.archive-home-1 a::after {
 content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.archive-home-1 a::before {
  background-color: #ffd294;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
.archive-home-1 a::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #ffd294;
}

.archive-home-1 a:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.archive-home-1 a:hover::after {
  transform: translate3d(0, 0, 0);
}
.archive-home-1 a span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

.archive-home-1 a:hover span {
  transform: translate3d(-200%, 0, 0);
}
 .archive-home-inner-1 {
     padding: 50px 45px 20px 10px;
}
 .archive-home-inner-2 {
     padding: 10px 35px 20px;
	 position: relative;
}
 .archive-home-inner-2 ::before {
}
 .archive-home-inner-3 {
     padding: 30px 10px 20px 55px;
}
 .archive-title {
     writing-mode: tb-rl;
     transform: rotate(-180deg);
}
 .slider-text {
     font-size: 14px;
     line-height: 24px;
}
 .slider-meta {
     font-size: 9px;
	 color: #575757;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-family: 'DM Mono', monospace;
     display: block;
     margin-top: -20px;
     margin-bottom: 20px;
}
 .nv-meta-list {
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-family: 'DM Mono', monospace;
     display: block;
}
 .nv-post-thumbnail-wrap {
     display: none;
}
 .header-menu-sidebar-bg, [class*="row-inner"] {
     padding: 15px 0;
}
 .component-wrap {
     text-transform: uppercase;
     font-size: 10px;
     letter-spacing: 2px;
     font-weight: 600;
}
 .footer-bottom{
     position: relative;
     margin: 50px auto 0;
}
 .footer-bottom::before {
  content: "";
  display: block;
  position: absolute;
  top: -77px;
  left: 0;
  width: 100%;
  height: 78px;
  background: url('https://faiery.org/wp-content/uploads/2025/09/black-waves4.svg');
    background-repeat: repeat;
  background-repeat: repeat;
  background-repeat: repeat;
}
.widget {
    word-break: break-word;
    margin-bottom: 30px;
}
 .widget-area {
     font-family: 'Poppins', sans-serif;
     font-size: 14px;
}
 .widget li {
     margin-top: 10px;
     border-bottom: 1px solid #000;
     padding-bottom: 10px;
     padding-left: 10px;
}
 .neve-main {
     flex: 1 auto;
     border-bottom: none;
}
.neve-main:after {
    content: "";
    display: block;
    height: 28px;
    background-image: url(https://faiery.org/wp-content/uploads/2023/08/super-wave-new.svg);
    background-repeat: repeat-x;
    background-position: center bottom;
}

 body.home .neve-main:after {
	 height: 2px !important;
	 background-image: none !important;
     border-bottom: 1px solid #fff;
}
 body.home .neve-main {
     border-bottom: 1px solid #fff;
}
 body.home .site-footer {
    position: relative;
    z-index: 10;
    margin-top: 0;
}
.site-footer {
    position: relative;
    z-index: 10;
    margin-top: 20px;
}

.wp-calendar-table a {
  	font-weight: 600 !important;
	background: #fce2d7 url("https://faiery.org/wp-content/uploads/2024/03/calendar-current-bg.svg") no-repeat fixed center; 
  	padding: 0;
  	width: 25px;
	height: 25px;
  	border-radius: 50%;
  	display: block;
  	text-align: center;
	 margin-left: -8px;
}
.widget_calendar td, .widget_calendar th {
  	padding: 10px;
}

/* Tags */
 .tags {
     padding: 15px 30px 75px 0;
     clear: both;
}

.tags a {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  float: left;
  background: #fff4ef;
  color: #000;
  text-decoration: none;
  margin: 0 0 10px 10px;
  position: relative;
  transition: all .25s linear;
  line-height: 21px;
  padding: 1px 20px 2px 20px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  border-radius: 99px;
}

 .tags a:hover {
     color: #ffffff;
     background-color: #ffc2c2;
}


/*
 .single-post-container p:first-of-type {
     font-size: 19px;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
     line-height: 1.9em;
}
 .single-post-container p:first-of-type:first-letter {
     font-size: 3em;
     font-family: 'Bitter', serif;
     color: #fff;
     float: left;
     margin: 1% 1.6% 0 0;
     background: #2b2b2b;
     padding: 12px 14px;
     border-radius: 7px;
}
*/
/* Custom Styles Previous Theme */
 .name-special, .name-special-3, .name-special2 {
     color: #3e3e3c;
     font-weight: 600;
     letter-spacing: 2px;
     font-size: 12px;
     text-transform: uppercase;
     text-align: justify;
     text-justify: inter-word !important;
}
 .name-special-3 {
     color: #ffadaa;
}
 .caption-img-right {
     font-weight: 600;
     color: #222222;
     font-size: 10px;
     text-transform: uppercase;
     text-align: left;
     letter-spacing: 1px;
     float: right;
     width: 300px;
     margin: 0 0 11px 15px;
     padding: 10px;
     background-color: #fff7f3;
     text-align: center;
     border: 1px solid #fff7f3;
     border-radius: 7px;
	 z-index: 99;
	position: relative;
}
 .caption-img-left {
     font-weight: 600;
     color: #222222;
     font-size: 10px;
     text-transform: uppercase;
     text-align: left;
     letter-spacing: 1px;
     float: left;
     width: 300px;
     margin: 0 25px 11px 0;
     padding: 10px;
     background-color: #fff7f3;
     text-align: center;
     border: 1px solid #fff7f3;
	 border-radius: 7px;
	 z-index: 99;
	position: relative;
}
 @media only screen and (max-width: 500px) {
     .caption-img-right, .caption-img-left {
         width: 95%;
         margin: 0 0 11px 0;
         padding: 12px 10px 10px;
         float: none;
    }
}
 .caption-img-center {
		color: #61615e;
		letter-spacing: 1px;
		font-size: 11px;
		width: 100%;
		margin: 25px 0 25px;
		padding: 20px;
		background-color: #ffffff;
		text-align: left;
		border: 2px solid #fff5f5;
		font-family: 'DM Mono', monospace;
	 	line-height: 18px;
}
.caption-img-center img {
	padding-bottom: 15px;
}
 .caption-img-right-2 {
     float: right;
     width: 220px;
     margin: 0 0 5px 15px;
     padding: 12px 10px 10px;
}
 .caption-img-left-2 {
     float: left;
     width: 220px;
     margin: 0 0 5px 15px;
     padding: 20px;
}
 .kr-text {
     font-family: 'Nanum Pen Script', cursive !important;
     letter-spacing: 2px;
     font-weight: 300;
     word-break: break-all;
     font-size: 1.43em !important;
}
 .kr-text2 {
     font-family: 'Nanum Pen Script', cursive !important;
     font-weight: 300;
     font-size: inherit;
}
 /*
 #number-listing-2 ol {
    list-style: none;
     counter-reset: item;
}
 #number-listing-2 li {
     counter-increment: step-counter;
     margin-bottom: 5px;
}
 #number-listing-2 li:before {
    margin-right: 10px;
    font-weight: 800;
    color: #3b3a3a;
    background-color: #fff4ef;
    border-radius: 50%;
    font-size: 13px;
    width: 2.5em;
    text-align: center;
    display: inline-block;
    content: counter(step-counter)'.';
    font-family: 'DM Serif Display', serif;
    padding: 2px 0 2px 20px;
}
*/
 .graybox {
     font-size: 14px;
     hyphens: auto;
     line-height: 1.5em;
     background-color: #fff8f8;
     background-image: linear-gradient(to right, rgba(255, 248, 245, 1), rgba(255, 244, 239, 1));
     border: 1px solid #fff5f5;
     padding: 30px 27px;
     margin: 20px 0 15px;
}
 .graybox:hover {
     border: 1px solid #ffe1e1;
}
 .graybox:before {
     content: '\f0c6';
     font-family: 'FontAwesome';
     float: left;
     margin-top: -35px;
     color: #ffbaba;
     font-size: 36px;
     padding: 0 10px 0 0;
}
 .smaller-text-author {
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-align: right;
     display: block;
     margin: 20px 0;
}
 .jp-text {
     font-family: 'katsoup';
     font-size: inherit;
     letter-spacing: 1px;
     font-weight: 800;
     -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
}
 del {
     text-decoration-color: #ffc0be;
     height: 2px;
}
 .entry-content .more-link {
     display:none;
}
 .custom-icons {
     font-size: 24px;
     text-align: left;
     padding: 10px 0 10px 27px;
}
.footer-profile-icon {
	float: left; 
	border-radius: 50%; 
	width: 180px;
	margin: -5px 25px 25px 0;
	border: none !important;
}
.footer-profile-icon-text {
	display : block; 
	margin: 0 0 0 20px; 
	padding: 10px 0 10px 10px;
}
 form.fluent_form_3 .ff-btn-submit {
     background-color: #fff4ef !important;
     color: #000 !important;
	 font-weight: 800;
}
.fluentform .ff-el-form-control {
    font-size: 14px !important;
}
.share-icons-style {
    display: block;
    text-align: center;
    margin: 0 auto;
	padding: 10px 12px;
}
.share-icons-style:hover {
    background: #fff4ef;
	border-radius: 50%;
}
.nav-menu-footer img {
    height: auto;
    max-width: 90%;
	transition: all .2s ease-in-out; 
	border: 4px solid #000;
}
.nav-menu-footer img:hover {
    background: #383838;
	border-radius: 50%;
	border: 4px solid #383838;
	transform: scale(1.1);
}
.nav-menu-footer .nav-ul li {
    padding-left: 0;	
}
strong {
	font-weight: 600;
}
.entry-content a {
     text-decoration: none;
     background-image: linear-gradient(#ffb999, #ffb999), linear-gradient(rgb(255, 244, 239), rgb(255, 244, 239)), linear-gradient(#ffb999, #ffb999);
     background-size: 20px 2px, 100% 2px, 0 2px;
     background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 1s linear, background-position 1s linear;
     position: relative;
     color: #000;
     font-weight:600;
}
.entry-content a:hover {
     background-size: 20px 2px, 0 2px, 100% 2px;
     background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}
/* https://nickymeuleman.netlify.app/blog/css-animated-wrapping-underline */

.post-single-style a {
     text-decoration: none;
     background-image: linear-gradient(#ffb999, #ffb999), linear-gradient(rgb(255, 244, 239), rgb(255, 244, 239)), linear-gradient(#ffb999, #ffb999);
     background-size: 20px 2px, 100% 2px, 0 2px;
     background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 1s linear, background-position 1s linear;
     position: relative;
     color: #000;
     font-weight:600;
}
.post-single-style  a:hover {
     background-size: 20px 2px, 0 2px, 100% 2px;
     background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}
.post-single-style ul {
	padding-bottom: 30px;
}
.entry-content-archives {
	margin: 20px auto 10px;
}
.nv-single-post-wrap {}

.entry-content-archives ul li {
	border-bottom: 1px solid #fef9f1;
	padding: 8px 0;
}
.entry-content-archives ul li:before {
	content: '\b7\a0'; /* \b7 is a middot, \a0 is a space */
	float: left;
	color: #ffc2c2;
}

.post-single-style ul li {
	border-bottom: 1px solid #fef9f1;
	padding: 8px 0;
	margin-left: 20px;
    position: relative;
}

.post-single-style ul li::before {
  	content: url(https://faiery.org/wp-content/uploads/2023/03/stars2.svg);
  	position: absolute;
  	top: 12px;
  	left: -25px;
}

.cat-post-footer-new {
    border: 1px solid #000;
    background-color: #fff
    border-radius: 10px;
    margin: 20px auto;
    padding: 20px;
    font-size: 14px;
	display: block;
	width: 100%;
}
/* Archive Page Only */
.arhive-column {
	padding: 0 25px;
	margin: 50px auto;
}
.arhive-column li {
	list-style-type: none;
	border-bottom: 1px solid #fef9f1;
	padding: 4px 0;
}
.arhive-column li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f111";
    float: left;
    margin-left: -1em;
	margin-right: 15px;
    color: #ffc2c2;
    font-size: 0.2em;
}
.arhive-column {
	column-count: 4;
	column-gap: 20px;
	margin-left: 5px;
}

.essentials-meta {
	margin: 0 auto;
	display: block;
	padding: 1px 20px;
	width: 100%;
	max-width: 500px;
}
.new-cat-link {
	font-family: 'Playfair Display', serif;
	text-transform: lowercase;
	font-size: 1.2em;
	font-weight: 900;
	color: #000;
	padding-top: 15px;
}
.new-cat-link a {
	color: #000;
}
.new-cat-link a:hover {
	text-decoration: underline;
}
.post-icon {
    float: left;
    margin: 0 20px 20px 0;
	width: 100%;
	max-width: 85px;
	border-radius: 50%;
}
.post-icon-1 {
    margin: 5px auto 0;
    width: 100%;
    max-width: 75px;
    border-radius: 0;
    display: block;
	image-rendering: -webkit-optimize-contrast;
}
.clear {
	clear: both;
	height: 5px;
}
.clear-1 {
	clear: both;
	height: 30px;
}
.slider-meta-1 {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'DM Mono', monospace;
    display: block;
    margin-top: 1px;
    margin-bottom: 20px;
}
.nv-single-post-wrap {
	width: 100%;
	padding-left: 30px;
}
.post-single-style a {
	font-weight: 500;
}
.number-wrapper {
	font-size: 2.5em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
    color: #ffb9b6;
    float: left; 
	margin: 1% 1.6% 0 0;
	padding: 8px 10px;
}
.dot-irecommendthis {
    background: url(https://faiery.org/wp-content/uploads/2021/08/heart-rec.png) 0 3px no-repeat;
    padding-left: 25px;
    border: 0 !important;
    margin: 11px 0 10px 28px;
    display: inline-block;
    text-decoration: none;
    min-height: 14px;
    -webkit-box-shadow: none;
    box-shadow: none !important;
	image-rendering: -webkit-optimize-contrast;
}
.dot-irecommendthis.active, .dot-irecommendthis:hover {
    background-position: 0 -36px;
    color: #fff !important;
    border: 0 !important;
    margin: 11px 0 10px 28px !important;
    padding-left: 25px !important;
    text-decoration: none;
}
.irecd-container {
	margin: 0 0 0 10px;
}
.irecd-container-1 {
	margin: 0;
}
.twitter-hover {
    background: url(https://faiery.org/wp-content/uploads/2021/08/twitter-hover.png) 0 3px no-repeat;
    padding-left: 25px;
    margin: 11px 0 10px 28px;
    display: inline-block;
    text-decoration: none;
    min-height: 14px;
	image-rendering: -webkit-optimize-contrast;
}
.twitter-hover:hover {
    background-position: 0 -36px;
    color: #fff !important;
    margin: 11px 0 10px 28px !important;
    padding-left: 25px !important;
    text-decoration: none;
}
.email-hover {
    background: url(https://faiery.org/wp-content/uploads/2021/08/email-hover.png) 0 3px no-repeat;
    padding-left: 25px;
    margin: 11px 0 10px 28px;
    display: inline-block;
    text-decoration: none;
    min-height: 14px;
	image-rendering: -webkit-optimize-contrast;
}
.email-hover:hover {
    background-position: 0 -36px;
    color: #fff !important;
    margin: 11px 0 10px 28px !important;
    padding-left: 25px !important;
    text-decoration: none;
}
.msg-hover {
    background: url(https://faiery.org/wp-content/uploads/2021/08/message-hover.png) 0 3px no-repeat;
    padding-left: 25px;
    margin: 11px 0 10px 28px;
    display: inline-block;
    text-decoration: none;
    min-height: 14px;
	image-rendering: -webkit-optimize-contrast;
}
.msg-hover:hover {
    background-position: 0 -36px;
    color: #fff !important;
    margin: 11px 0 10px 28px !important;
    padding-left: 25px !important;
    text-decoration: none;
}
.view-hover {
    background: url(https://faiery.org/wp-content/uploads/2021/12/views-posts.png) 0 3px no-repeat;
    padding-left: 25px;
    margin: 11px 0 10px 28px;
    display: inline-block;
    text-decoration: none;
    min-height: 14px;
	image-rendering: -webkit-optimize-contrast;
}
.view-hover:hover {
    background-position: 0 -36px;
    color: #fff !important;
    margin: 11px 0 10px 28px !important;
    padding-left: 25px !important;
    text-decoration: none;
}
.for-single-post-sm {
	 margin-left: 0;
}
.la-custom {
	font-size: 1.7em;
	transition: all .2s ease-in-out; 
}
.la-custom:hover { 
	transform: scale(1.1); 
	color: #fff4ef !important;
}
#navbar {
     background-color: rgba(255, 255, 255, 0.9);
     position: fixed;
     top: -85px;
     width: 100%;
     display: block;
     transition: top 0.3s;
     z-index: 100;
     border-bottom: 2px solid #fafafa;
}
 #navbar a {
     float: left;
     display: block;
     color: #000;
     text-align: center;
     padding: 0 10px 25px 20px;
     text-decoration: none;
     font-family: 'Playfair Display', serif;
     text-transform: lowercase;
     font-style: italic;
     font-size: 12px;
     font-weight: 900;
     letter-spacing: 1px;
     text-align: left;
}
 #navbar a:hover {
     color: black;
}
 .nav-bar-mini-text {
     color: #000;
     padding: 10px 0 0 20px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
     letter-spacing: 3px;
     text-align: left;
}
.archive-home-inner-2 .sa_owl_theme .owl-dots {
    bottom: -8px !important;
}
.dot-irecommendthis-count {
	color: #fff !important;
}
.cat-extra {
  	margin-top: 15px;
  	width: 100%;
  	height: 75px;
}
.cat-extra-2 {
    margin: 0 auto;
	text-align: center;
	display: block;
}
#wp-calendar a {
}
hr {
	 margin: 12px 0 17px;
	 border: 0;
	 text-align: center;
}
 hr:before {
	 content: "\2022 \2022 \2022";
	 font-size: 50px;
	 color: #fff4ef;
}
#number-listing-2 ol {
   	list-style: none;
   	counter-reset: item;
 }
#number-listing-2 li {
   	counter-increment: step-counter;
   	margin-bottom: 5px;
 }
#number-listing-2 li:before {
	margin-right: 10px;
	font-weight: 800;
	color: #3b3a3a;
	background-color: #fff4ef;
	border-radius: 50%;
	font-size: 11px;
	width: 2.7em;
	text-align: center;
	display: inline-block;
	content: counter(step-counter)'.';
 }

/* https://codepen.io/gabrieleromanato/pen/XRRpOO */
.tooltip {
  	position: relative;
  	display: block;
}

.tooltip .tooltiptext {
  	visibility: hidden;
  	width: 100px;
 	background-color: #181818;
  	color: #fff;
  	text-align: center;
  	border-radius: 6px;
  	padding: 5px 0;
  	position: absolute;
  	z-index: 1;
	bottom: 90%;
	left: 89%;
  	margin-left: -60px;
  	opacity: 0;
  	transition: opacity 0.3s;
	font-size: 11px;
}

.tooltip .tooltiptext::after {
  	content: "";
  	position: absolute;
  	top: 100%;
  	left: 25%;
 	margin-left: 21px;
  	border-width: 5px;
  	border-style: solid;
  	border-color: #181818 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  	visibility: visible;
  	opacity: 1;
}   
/*https://www.w3schools.com/howto/howto_css_tooltip.asp*/
#menu-item-19745 {
	font-size: 16px;
}
td {
  font-size: .9em;
  border-bottom: 1px solid var(--nv-text-color);
}
#today {
	position: relative;
	font-weight: 800;
	color: #000;
}

.widget li a {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.widget li a:hover {
	color: #fac1ba;
}

.pretty-list ol {
	list-style-type: none;
	counter-reset: li;
}
.pretty-list li {
	font-size: 1em;
	border-bottom: 1px solid #fff4ef;
	padding: 10px 0 15px;
}
.pretty-list li:before {
  	counter-increment: li;
  	content: counter(li, decimal-leading-zero);
	color: #000;
	margin-right: 0.25em;
	font-family: 'Playfair Display', serif;
	text-transform: lowercase;
	font-weight: 900;
}
.homepage-footer-inner {
	position: relative;
	z-index: 9999;
	margin-top: 50px;
}
.inner-tab {
	position: relative;
}
.example-scale-img {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(/images/mail.svg);
}
.twitter-scale {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 80px;
	right: 10px;
	overflow: hidden;
	background: rgba(255, 200, 205, 1) url('images/heart2.svg') no-repeat center 50%;
	opacity: 0;
	color: #fff;
}
.gradient-box {
	 display: flex;
	 align-items: center;
	 width: 100%;
	 margin: auto;
	 position: relative;
	 padding: 25px;
	 box-sizing: border-box;
	 color: inherit;
	 background: #fff;
	 background-clip: padding-box;
	 border: solid 5px transparent;
	 border-radius: 1em;
}
 .gradient-box:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 z-index: -1;
	 margin: -5px;
	 border-radius: inherit;
	background: linear-gradient(to right, #fff4ef, #ffcbc3);
}
.alignedbio {
	float: left; 
	margin: -20px 0 -15px 0;
}
.wp_ulike_btn_is_active {
	 fill: #000 !important;
}
.wpulike button.wp_ulike_btn {
	fill: #000 !important;
}
.wpulike {
	margin: 0 0 0 5px !important;
	padding: 1px 0 0 !important;
}
.post-template-default .wpulike {
}
.wpulike-animated-heart .wp_ulike_btn {
  position: relative !important;
  border-radius: 50em !important;
  padding: 0 !important;
  border: 0 !important;
  width: 43px !important;
  height: 43px !important;
}
.wpulike-animated-heart .wpulike-svg-heart {
  fill: #000 !important;
  pointer-events: none !important;
}
.wpulike .wp_ulike_general_class {
  	margin-left: 0;
  	margin-top: 0;
}
.home .wpulike .wp_ulike_general_class {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.wpulike-animated-heart .count-box {
  color: #000 !important;
  font-size: 10px !important;
}
.wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active .wpulike-svg-heart {
  fill: #ffcfc7 !important;
}
.wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active {
  background-color: #fff !important;
}
.wpulike-animated-heart .wp_ulike_btn {
  box-shadow: none !important;
}
.wpulike-animated-heart .count-box {
	margin: 0 3px !important;
}
.wpulike-animated-heart 
.wp_ulike_btn.wp_ulike_btn.wp_ulike_btn_is_active, .wpulike-animated-heart 
.wp_ulike_btn.wp_ulike_btn_is_active:disabled:focus, .wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active:disabled:hover, .wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active[disabled="disabled"]:active, 
.wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn.wp_ulike_btn_is_active[disabled="disabled"]:focus, .wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn.wp_ulike_btn_is_active[disabled="disabled"]:hover {
	background-color: #fff !imporrtant;
}
.wpulike-notification .wpulike-message.wpulike-success {
  background-color: #ffd0c8 !important;
}
.wpulike-notification .wpulike-message {
  background-color: #fed18f !important;
}
.single-post-container .wpulike .wp_ulike_general_class {
  margin-top: 1px;
}
.icon-sharing-style {
	margin: 0 auto; 
	display: block;
	padding: 8px 0;
}
.icon-sharing-style: hover {
	background-color: #fff4ef;
}
.nav-menu-primary .nav-ul a {
	color: #111 !important;
}
.hfg-grid.nv-footer-content.hfg-grid-bottom.row--wrapper.row {
  	display: none;
}
.custom-footer-new {
  	margin: 0 auto;
	padding: 15px 0 30px;
}

.row-for-footer {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
}
 .column-for-footer {
     display: flex;
     flex-direction: column;
     flex-basis: 100%;
     flex: 1;
}
 .first-column {
     height: auto;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-size: 10px;
     font-weight: 500;
}
 .second-column {
     height: auto;
}
#menu-social-media {
  float: right;
}
#menu-social-media ul {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
}
#menu-social-media li {
  float: left;
	padding: 0 10px;
	font-size: 12px;
}
#menu-social-media li a {
  display: block;
  color: #fff;
  text-align: center;
}
#menu-social-media li a:hover {
}
.multi-underline {
	border-bottom: 1px solid #fac1ba;
	padding-bottom: 1px;
}
.footer_faiery {
	background: #000;
	color: #fff; 
}
.footer_faiery_wrapper {
	margin: 0 auto; 
	width: 100%;  
	color: #fff; 
	padding: 0 20px;
}
.footer-button-new {
  	width: 100%;
	max-width: 430px;
  	display: inline-block;
  	border-radius: 99px;
  	border: 1px solid #000;
 	 background: #fff;
  	padding: 10px 0;
  	text-align: center;
  	letter-spacing: 2px;
  	text-transform: uppercase;
  	font-size: 11px;
  	font-weight: 600;
  	color: #000;
}
.footer-button-new:hover {
	color: #fff;
	background: #000;
}
.widget_text a:not([class]) {
 text-decoration: none;
}
.category-2018-below .wp-caption-text {
	display: none;
}
.wp-caption {
  	max-width: 100%;
  	position: relative;
}
.wp-caption-text {
  	text-align: left;
  	font-size: .8em;
  	font-weight: 500;
  	position: absolute;
  	bottom: 5px;
  	right: -275px;
  	width: 250px;
  	font-family: 'DM Mono', monospace;
}
.wp-caption-text:before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #535150;
    top: -10%;
    position: absolute;
}
.frpostpro-wrap {
  	width: 350px !important;
}
.fadeIn span{
 	transition: 0.25s all ease-in-out;
}
.fadeIn span:hover {
	margin-left: 20px;
}
#menu-currently  a{
 	transition: 0.25s all ease-in-out;
}
#menu-currently a:hover {
	margin-left: 4px;
}
#menu-currently a:hover::after{
    content: "\f054";
	font-weight: 800;
	font-family: "Font Awesome 5 Free";
	padding-left: 10px;
}
#menu-additional-pages a{
 	transition: 0.25s all ease-in-out;
}
#menu-additional-pages a:hover {
	margin-left: 7px;
}
#menu-additional-pages a:hover::after{
    content: "\f054";
	font-weight: 800;
	font-family: "Font Awesome 5 Free";
	padding-left: 10px;
}
.excerpt-wrap a {
	width: 100%;
	display: block;
	border-radius: 99px;
	border: 1px solid #000;
	background: #fff;
	padding: 10px 0;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	color: #000;
	margin: 24px auto 5px;
}
.excerpt-wrap a:hover {
	background: #f8d0c0;
}
.pseudo-text-effect {
	 position: relative;
	 padding: 0;
	 overflow: hidden;
	 transition: transform 0.5s;
	 display: block;
}
 .pseudo-text-effect::after {
	 content: attr(data-after);
	 display: inline-block;
	 transform: translateY(100%);
	 position: absolute;
	 left: 0;
	 transition: inherit;
}
 .pseudo-text-effect > span {
	 display: inline-block;
	 transform: translateY(0%);
	 transition: inherit;
}
 .pseudo-text-effect:hover > span {
	 transform: translateY(-100%);
}
 .pseudo-text-effect:hover::after {
	 transform: translateY(0%);
}
.for-simple-title, .for-simple-title2 {
     display: inline-block;
     background: #fff4ef;
     padding: 1px 5px;
     border-radius: 7px;
     font-size: 10px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin: 0 5px;
}
.for-simple-title2 {
  	background: #fff;
 	margin: 0 0 20px;
	padding: 4px 20px;
  	font-family: 'DM Mono', monospace;
	font-size: 9px;
  	border-radius: 10px;
  	display: block;
  	text-align: center;
  	border: 1px solid #8a8989;
  	color: #575757;
	text-transform: uppercase;
	letter-spacing: 2px;	
	font-weight: 300;
}
.pquote {
	display: none;
	background: #fafafa;
	padding: 20px;
	border-radius: 15px;
}
.footer-menu-icon-size {
	font-size: 14px;
	background: #fff4ef;
	border-radius: 50%;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-align: center;
	margin-right: 5px;
}
/*button design by Comehope https://codepen.io/comehope/pen/eKqZjy */
.footer-botton-animated {
	margin-top: -10px;
}
.footer-botton-animated ul {
     list-style-type: none;
     display: inline-block;
     margin: 0;
     padding: 0;
	 width: 100%;
	 max-width: 430px;
}
 .footer-botton-animated ul li {
     --c: goldenrod;
     color: #272626;
     font-size: 11px;
     border: 1px solid #000;
     border-radius: 99px;
     text-transform: uppercase;
     font-weight: 700;
     font-family: 'Open Sans', sans-serif;
     letter-spacing: 2px;
     text-align: center;
     padding: 10px 25px;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: 0.5s;
}
 .footer-botton-animated ul li span {
     position: absolute;
     width: 25%;
     height: 100%;
     background-color: #000;
     transform: translateY(150%);
     border-radius: 50%;
     left: calc((var(--n) - 1) * 25%);
     transition: 0.5s;
     transition-delay: calc((var(--n) - 1) * 0.1s);
     z-index: -1;
}
 .footer-botton-animated ul li:hover {
     color: #fff;
}
 .footer-botton-animated ul li:hover span {
     transform: translateY(0) scale(2);
}
 .footer-botton-animated ul li span:nth-child(1) {
     --n: 1;
}
 .footer-botton-animated ul li span:nth-child(2) {
     --n: 2;
}
 .footer-botton-animated ul li span:nth-child(3) {
     --n: 3;
}
 .footer-botton-animated ul li span:nth-child(4) {
     --n: 4;
}
/*Animated hr element BAM + Modifiers by @Grienauer https://codepen.io/Grienauer/pen/PdPPKZ */
 .separator {
	 margin-top: 25px;
	 margin-bottom: 25px;
	 margin-left: auto;
	 margin-right: auto;
	 border: 0;
}
 .separator--line {
	 border: 0;
	 border-bottom: 5px solid #f9c0b9;
	 width: 0;
	 animation: separator-width 1s ease-out forwards;
}
 @keyframes separator-width {
	 0% {
		 width: 0;
	}
	 100% {
		 width: 100%;
	}
}
 .separator--dots {
	 overflow: visible;
	 border: 0;
	 content: "";
	 background-color: #f9c0b9;
	 display: block;
	 height: 7px;
	 width: 7px;
	 border-radius: 50%;
	 position: relative;
}
 .separator--dots:before {
	 content: "";
	 background-color: #f9c0b9;
	 display: block;
	 height: 7px;
	 width: 7px;
	 border-radius: 50%;
	 position: absolute;
	 left: -32px;
	 animation: dot-move-left 1s ease-out forwards;
}
 .separator--dots:after {
	 content: "";
	 background-color: #f9c0b9;
	 display: block;
	 height: 7px;
	 width: 7px;
	 border-radius: 50%;
	 position: absolute;
	 left: 32px;
	 animation: dot-move-right 1s ease-out forwards;
}
 @keyframes dot-move-right {
	 0% {
		 left: 0;
	}
	 100% {
		 left: 32px;
	}
}
 @keyframes dot-move-left {
	 0% {
		 left: 0;
	}
	 100% {
		 left: -32px;
	}
}
 .separator--dotter {
	 border: 0;
	 border-bottom: 5px dotted #f9c0b9;
	 width: 0;
	 animation: separator-width 1.5s ease-out forwards;
}
.misc-container {
	display: flex;
	flex-direction: column;;
}

.misc-container > div {
  margin: 0 auto;
  padding: 5px;
}
.misc-spacer1 {
	clear: both;
	height: 20px;
}
#number-listing-2 {
  display: block;
}
.container-profile-icon {
     padding: 0 10px;
     float: left;
     margin: 0 10px 20px 0;
}
 .image-circle-profile-icon {
     width: 210px;
     height: 210px;
     border-radius: 50%;
     border-top: 2px solid #fff4ef;
     border-right: 2px solid #fff4ef;
     border-left: 2px solid #fbe2d7;
     border-bottom: 2px solid #fbe2d7;
     padding: 10px;
     animation: spin 10s infinite linear;
}
 .image-circle-profile-icon img {
     animation: spin 10s infinite reverse linear;
     width: 100%;
     border-radius: 50%;
}
 @keyframes spin {
     100% {
         transform: rotate(1turn);
    }
}
/* css animation by https://codepen.io/abdelrahmanahmed/pen/XXdONp */

.archive-container {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.archive-columns {
    display: grid;
    gap: 20px;
    /* Default to single column for small screens */
    grid-template-columns: 1fr;
}

/* Large screens (desktops) */
@media (min-width: 1200px) {
    .archive-columns {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Medium screens (tablets) */
@media (min-width: 768px) and (max-width: 1199px) {
    .archive-columns {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Small screens (mobile) */
@media (max-width: 767px) {
    .archive-columns {
        grid-template-columns: 1fr;
    }
}

.archive-year {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}

.archive-year h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.archive-year .current-year {
    font-weight: bold;
    color: #333;
}

.archive-year .past-year {
    color: #666;
}

.monthly-archive {
    list-style: none;
    padding: 0;
    margin: 0;
}

.archive-month {
    margin: 5px 0;
}

/* Change link color to black */
.archive-month a {
    text-decoration: none;
    color: #000; /* Black color */
}

/* Optional hover effect */
.archive-month a:hover {
    color: #444; /* Slightly lighter black for hover effect */
}

.post-count {
    color: #888;
}


/* Media Queries */
 @media only screen and (max-width: 1370px) {
	 .footer-botton-animated ul {
		max-width: 350px;
	} 
}
 @media only screen and (max-width: 1200px) {
	 .wp-caption-text {
  		position: relative;
  		bottom: 0;
  		right: 0;
  		width: 100%;
  		font-family: 'DM Mono', monospace;
  		margin-top: 20px;
	  	margin-bottom: 20px;	 
	}
	 .footer-botton-animated ul {
		max-width: 350px;
	} 
}
 @media only screen and (max-width: 1114px) {
	 .dot-irecommendthis, .dot-irecommendthis.active, .dot-irecommendthis:hover  {
    	margin: 11px 0 10px 25px;
	 }
}
 @media only screen and (max-width: 1000px) {
     .flex-container {
         display: block;
    }
     .main-content-home {
         width: 100%;
         display: block;
         padding: 0;
    }
     .sidebar-home-right {
         width: 95%;
         clear: both;
         display: block;
         padding: 0 20px;
    }
     .archive-home-1, .archive-home-2, .archive-home-3 {
         width: 95%;
         clear: both;
         display: block;
         padding: 0 20px;
    }
     .archive-home-1 {
         border-right: none;
    }
     .archive-home-2 {
         border-right: none;
    }
     .archive-home-inner-3 {
         padding: 30px 10px 20px 10px;
    }
}
 @media only screen and (max-width: 840px) {
     .tab {
         display: none;
    }
     .main-page-post-container {
         display: flex;
         flex-direction: column;
    }
     .left-meta {
         width: 100%;
         display: block;
         margin: 30px auto 60px 0px;
         order: 2;
    }
     .right-meta {
         display: inline-block;
    }
     .center-post {
         width: 100%;
         order: 1;
    }
     .the-share-feature-box {
         margin: 10px 15px 0 -10px;
         float: left;
    }
     .tabcontent {
         width: 100%;
    }
     .mood-icon {
         margin: -20px auto 0;
		 max-width: 60px;
    }
     .category-icon {
         margin-top: 0;
		 margin-left: -5px;
         display: inline-block;
    }
     .circle {
         margin: 7px auto 20px;
    }
	 .share-icons-style {
		display: inline-block;
		text-align: center;
    	margin: 0 0 0 20px;
    	padding: 2px 2px;
	 }
	 .arhive-column {
		column-count: 1;
	}
	.nv-single-post-wrap {
    	max-width: 98% !important;
	}
	 .dot-irecommendthis, .dot-irecommendthis.active, .dot-irecommendthis:hover  {
		  padding-left: 25px; 
	 } 
	 .irecd-container, .irecd-container-1 {
    	margin: 0 auto;
    	float: left;
	 }
	.for-single-post-sm {
		margin-left: -12px;
		margin-top: 5px;
	}
	 .post-icon-1 {
    	margin: 0 auto;
    	max-width: 55px;
    	display: inline-block;
	}
	 .cat-extra {
		margin-top: -32px;
	}
	 .tooltip {
  		display: inline-block;
	}
	 .icon-sharing-style {
		display: inline-block;
		padding: 0;
	 }
	 .irecd-container-1 {
  		margin: -4px auto 0 -5px;
	}
	 .single .irecd-container-1 {
  		margin: -6px auto 0;
	}	 
	 .cat-extra-2 {
		 margin: 0 auto;
	 }
	 .single-post-container .wpulike .wp_ulike_general_class {
		margin-top: 5px;
	}
	 .misc-container {
		display: flex;
		flex-direction: row;
	}	
}
 @media only screen and (max-width: 800px)  {
  	.column-for-footer {
    	display: block;
		flex: none;
		margin: 0 auto;
  	}	 
	.second-column {
  		padding: 20px 0 0;
	}
}
 @media only screen and (max-width: 600px) {
     .site-logo::after {
    	content: "";
	 }
	 .dot-irecommendthis {
    	margin: 11px 0 10px 18px;
	}
	.dot-irecommendthis.active, .dot-irecommendthis:hover {
    	margin: 11px 0 10px 18px !important;
	}
	.twitter-hover {
    	margin: 11px 0 10px 18px;
	}
	.twitter-hover:hover {
   	 	margin: 11px 0 10px 18px !important;
	}
	.email-hover {
   	 margin: 11px 0 10px 18px;
	}
	.email-hover:hover {
    	margin: 11px 0 10px 18px !important;
	}
	.msg-hover {
    	margin: 11px 0 10px 18px;
	}
	.msg-hover:hover {
   	 margin: 11px 0 10px 18px !important;
	}
	.footer-profile-icon {
  		float: none;
  		width: 180px;
  		margin: 1px auto 5px;
		display: block;
	 }
	  .wiggle {
	 	margin-top: 5px;
	 }
	 .home .category-icon {
  		margin-left: 0;
	 }
	 .tags {
     	padding: 15px 30px 100px 0;
	}
	 .post-single-style {
	 	margin-bottom: 40px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast !important;
  }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  img {
    image-rendering: unset !important;
  }
}}