/*
Theme Name: Firnera Lite
Theme URI: https://firdaus.asia/firnera-lite
Description: Responsive WordPress Blog Theme, And Woocommerce Compatible, Made specifically for blogging purposes, as well as selling things on blogs with Woocommerce.
Author: Firdaus
Author URI: http://firdaus.asia/
Version: 3.0.0
Tags: blog, custom-logo, custom-background, right-sidebar, threaded-comments, translation-ready, theme-options, e-commerce
License: GNU General Public License v2 or later
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: firnera-lite
*/

/* ------------------------------- */
/* ---------- GLOBAL ------------- */
/* ------------------------------- */
:root {
  --firnera_color_green: #67b538;
  --firnera_color_blue : #0073e6;
  --firnera_color_gainsboro : #dfdfdf;
  --firnera_color_pastel_green : #83c85f;
  --firnera_color_orange : #FF9800;
  --firnera_color_golden_orange : #b57238;
  --firnera_color_old_green : #4f912d;
  --firnera_color_white: #ffffff;
  --firnera_color_dark: #161616;
  --firnera_color_gray: #d9d9d9;
  --firnera_color_box_border: #393939;
  --firnera_color_body: #575757;
  --firnera_color_footer_text: #f1f1f1;
  --firnera_color_footer_border: #1f1f1f;
  --firnera_color_golden: #c5961e;
  --firnera_color_dark2: #393939;
  --firnera_color_meta: #969696;
  --firnera_color_c3c3c3: #c3c3c3;
  --firnera_color_cccccc: #cccccc;
  --opt_3: #ded;
  --firnera_box_border: 1px solid var(--firnera_color_box_border);
  --firnera_box_dashed_green : 1px dashed var(--firnera_color_green);
  --firnera_padding_left_right_40 : 0 40px;
  --firnera_background_linear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 55%) 41%);
}

body{
    font-family: 'Source Sans Pro';
    font-size: 16px;
    line-height: 1.4em;
    color: var(--firnera_color_body);
}
a{ text-decoration: none; }
h1,h2,h3,h4,h5,h6{
    font-family: 'Playfair Display', serif;
    letter-spacing: normal;
    line-height: 1.4;
    color: var(--firnera_color_dark);
    letter-spacing: 1px;
}
p{
    line-height: 1.5em;
}
select{
    max-width: 100%;
}
a, button, input[type="submit"]{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}
button, input[type="submit"]{
    border: none;
    background-color: var(--firnera_color_green);
    color: var(--firnera_color_white);    
}
button:hover, input[type="submit"]:hover{
    color:var(--firnera_color_white);
    background-color: var(--firnera_color_dark);
}
input[type="text"], select,input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], input[type="number"], input[type="search"], textarea{
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 0;   
}
pre, code {
    font-size: 14px;
}
.firnera-widget .gallery-caption{
    background-color: var(--firnera_color_dark);
    color: var(--firnera_color_white);
}
.firnera-notice-warning{
    margin: 15px auto;
    position: relative;
    display: block;
    color: red;
    width: 300px;
    max-width: 100%;
}
.fff-margin-top-30{
    margin-top: 30px;
}
.fff-margin-bottom-30{
    margin-bottom: 30px;
}

#firnera-top-search .firnera-label-checkbox{
    vertical-align: top;
}
#firnera-top-search .fff-box-radius{
    border-radius: 0;
    background-color: var(--firnera_color_white);
    border-width: 0;
}
blockquote{
    background-color: #cdcdcd;
    color: #000;
    font-style: italic;
}
.fff-row{
    margin-left: -20px;
    margin-right: -20px;
}
.fff-1000, .fff-917, .fff-950, .fff-900, .fff-850, .fff-833, .fff-800, .fff-750, .fff-700, .fff-667, .fff-650, .fff-600, .fff-583, .fff-550, .fff-500, .fff-400, .fff-450, .fff-417, .fff-350, .fff-333, .fff-300, .fff-250, .fff-200, .fff-150, .fff-167, .fff-100, .fff-083, .fff-050{
    padding-left: 20px;
    padding-right: 20px;
}
.fff-past{
    width: 1260px;
    padding-left: 20px;
    padding-right: 20px;
}
.fff-grid-item{
    padding-left: 20px;
    padding-right: 20px;
}

/* ------------------------------- */
/* ---------- HEADER ------------- */
/* ------------------------------- */


.firnera-top-bar{
    position: relative;
    background-color: var(--firnera_color_white);
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--firnera_color_gray);
}
.firnera-site-title{
    margin: 0 0 5px 0;
    font-size: 30px;
    line-height: 30px;
}
.firnera-site-title a{
    color:var(--firnera_color_dark);
}
.firnera-site-des{
    margin: 0 0 0 0;
    color: #888;
    font-style: italic;
}
#firnera-header .firnera-header-main{
    background-color: var(--firnera_color_white);
    padding: 40px 0;
}

.firnera-header-left{
    flex-direction: row;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
.firnera-logo{
    position: relative;
}
.firnera-logo a{
    
}
.firnera-logo a img{
    width: auto;
    height: 90px;
    vertical-align: middle;
}
.firnera-widget-ad{}
.firnera-widget-ad figure{
    margin: 0;
}
/* --------------------------------- */
/* ---------- TOP MENU ------------- */
/* --------------------------------- */
#firnera-top-menu{
    margin-left: -20px;
    background-color: transparent;
}
#firnera-top-menu ul,
.firnera-social-url ul{
    margin: 0;
    padding: 0;
    list-style: none;   
}
#firnera-top-menu ul li,
.firnera-social-url ul li{
    display: inline-block;
}
#firnera-top-menu ul li a,
.firnera-social-url ul li a{
    color: var(--firnera_color_dark2);
    padding: 12px 10px 12px 20px;
    display: block;
    position: relative;
}
#firnera-top-menu ul li:hover a,
.firnera-social-url ul li:hover a{
    color: var(--firnera_color_green);
}
#firnera-top-menu ul ul{
    display: none;
}
.firnera-social-url ul li a{
    padding-left: 7px;
    padding-right:  7px;
}
.firnera-social-url{
    margin-right: -20px;
    padding: 0 20px;
}
.firnera-social-url ul li a{
    padding: 5px;
    margin-right: 10px;
    border-radius: 5px;
}
.firnera-icon-scale{
    display: block;
    transition: all .3s ease;
}
.firnera-icon-scale:hover{
    transform: scale(1.4);
}

/* --------------------------------- */
/* ---------- Main MENU ------------ */
/* --------------------------------- */
.firnera-all-button-header{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#firnera-search-top-button{
    font-size: 20px;
    position: relative;
    color: var(--firnera_color_dark);
    background-color: var(--firnera_color_white);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 60px;
    height: 60px;
    justify-content: center;
    border: 0 none !important;
}
#firnera-side-Button:focus, #firnera-search-top-button:focus, .firnera-menu-btn:focus {
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_green);
    border: 0 none !important;
}
#firnera-search-top-button:hover{
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_green);

}
#firnera-top-search {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
    background-color: rgba(255, 255, 255, 0.98);
    left: -100%; 
    opacity: 0;
    visibility: hidden; /* Tambahkan visibility */
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='51px' height='51px' viewBox='0 0 51 51' enable-background='new 0 0 51 51' xml:space='preserve' style=' stroke-width: 2;%0A'%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' x1='15.25' y1='35.75' x2='35.75' y2='15.25' style=' /* stroke-width: 2px; */%0A'%3E%3C/line%3E%3Cline fill='none' stroke='%23000' stroke-miterlimit='10' x1='15.25' y1='15.25' x2='35.75' y2='35.75'%3E%3C/line%3E%3C/svg%3E")21 21, pointer;    
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    -webkit-transform: scale(.9) translate3d(0, -50px, 0);
    transform: scale(.9) translate3d(0, -50px, 0);
    -webkit-transition: -webkit-transform .5s, opacity .5s, left 0s .5s, visibility 0s .5s;
    transition: transform .5s, opacity .5s, left 0s .5s, visibility 0s .5s;

}

#firnera-top-search.firnera-top-open{
    left: 0;
    opacity: 1;
    visibility: visible; /* Atur visibility ke visible */
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s, opacity .5s, left 0s 0s, visibility 0s 0s;
    transition: transform .5s, opacity .5s, left 0s 0s, visibility 0s 0s;
    
}
#firnera-top-search.firnera-top-open #firnera-searchform-top{
   opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all .5s .5s;
    transition: all .5s .5s;
}

#firnera-top-search #firnera-searchform-top{
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: all .5s 0s;
    transition: all .5s 0s;
    cursor: default;
    width: 100%;
}
#firnera-top-search input[type="search"]{
    width: 70%;
    z-index: 99;
    padding: 10px;
    border: none;
    border-bottom: 2px solid var(--firnera_color_gainsboro);
    outline: none;
    font-size: 50px;
    text-align: center;
}
#firnera-top-search select{
    font-size: 50px;
    border: 2px solid var(--firnera_color_gainsboro);
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--firnera_color_gainsboro);
}  
#firnera-top-search .firnera-top-close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: var(--firnera_color_dark);
    visibility: hidden;
    display: none;
}

#firnera-top-search .firnera-top-close:hover{
  color: var(--firnera_color_dark2);
  cursor: pointer;
}
.firnera-primary-menu{
    border-top: 4px solid var(--firnera_color_green);
    background-color: var(--firnera_color_white);
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 21%);
    transition: all 0.3s linear;
}
#firnera-main-menu .firnera-search-btn-top-active{
    margin-right: 60px;
}
#firnera-main-menu{
    margin-left: -20px;
    margin-right: -20px;
}
#firnera-main-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#firnera-main-menu a{
    cursor: pointer;
}
#firnera-main-menu ul li{
}
#firnera-main-menu > ul > li{
    position: relative;
}
#firnera-main-menu > ul > li > a{
    color: var(--firnera_color_dark2);
    display: block;
    text-transform: uppercase;
    line-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: transparent;
    transition: color .3s ease, background-color .3s ease;
}
#firnera-main-menu > ul > li:hover > a{
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_dark2);
}
#firnera-main-menu ul ul{
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color:  var(--firnera_color_green);
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
    min-width: 200px;
    z-index: 2;
    display: none;
    box-shadow: 1px 4px 6px 0px rgb(0 0 0 / 61%);
}
#firnera-main-menu .slide{

}
#firnera-main-menu ul ul li{
    float:none;
    position: relative;
}
#firnera-main-menu ul ul li:last-child{
    border-bottom:none;
}
#firnera-main-menu ul ul li > a{
    color: var(--firnera_color_footer_text);
    background-color: var(--firnera_color_dark2);
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid var(--firnera_color_footer_border);
    border-top: 1px solid var(--firnera_color_body);
}
#firnera-main-menu ul ul li:last-child > a{
    border-bottom: none;
}
#firnera-main-menu ul ul li:hover > a{
    color: var(--firnera_color_white);
}
#firnera-main-menu ul ul ul{
    left: 200px;
    top: 0;
}
.firnera-header-top-ads{
    text-align: right;
}
.firnera-header-top-ads-mobile{
    display: none;
} 
#firnera-main-menu > ul > .current-menu-item > a,
#firnera-main-menu > ul > .current-menu-ancestor > a,
#firnera-main-menu > ul > .current-menu-item:hover > a,
#firnera-main-menu > ul > .current-menu-ancestor:hover > a{
    background-color: var(--firnera_color_green);
    color: var(--firnera_color_white);
}
#firnera-main-menu > ul > .current-menu-item:hover > a{
    
    color: var(--firnera_color_white);
}
#firnera-main-menu-container-sticky-wrapper.is-sticky .firnera-primary-menu{
    z-index: 5 !important;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 41%);
}



.firnera-widget img{
    vertical-align: middle;
}
.firnera-main-menu-toggle,
.firnera-top-menu-toggle{
    display: none;
}
#firnera-main-menu > ul > .menu-item-has-children > a{
    padding-right: 41px;
}
#firnera-main-menu > ul > .menu-item-has-children > a:after{
    content: "\f107";
    font-family: fontawesome;
    margin-left: 5px;
    position: absolute;
    opacity: 0.7;
}
#firnera-main-menu > ul > .menu-item-has-children:hover > a:after{
    content: "\f106";
}
#firnera-main-menu > ul > .menu-item-has-children:hover > a:before{
    content: "";
    border-width: 6px 6px 6px 5px;
    border-style: solid;
    border-color: transparent transparent var(--firnera_color_green) transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}
#firnera-main-menu > ul > li > ul .menu-item-has-children > a:after{
    content: "\f105";
    font-family: fontawesome;
    margin-left: 5px;
    float: right;
    opacity: 0.7;
}
.firnera-top-menu-btn{
    color: var(--firnera_color_dark);
    background-color: var(--firnera_color_white);
    display: none;
    width: 40px;
    height: 40px;
    align-content: center;
    flex-wrap: wrap;
    font-size: 20px;
    margin: 10px;
    justify-content: center;
    border: 0 none !important;
}
.firnera-top-menu-btn:hover{
    color: var(--firnera_color_green);
    background-color: transparent;
}
.firnera-menu-btn{
    font-size: 20px;
    position: relative;
    color: var(--firnera_color_dark);
    background-color: var(--firnera_color_white);
    width: 60px;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 0 none !important;
    visibility: hidden;
    pointer-events: none;
}
.firnera-menu-btn:hover{
    background-color: var(--firnera_color_green);
    color: var(--firnera_color_white);
}



/* --------------------------------- */
/* ---------- Widget -- ------------ */
/* --------------------------------- */

.firnera-before-footer-ad-container,
.firnera-after-menu-ad-container{

}

.firnera-ad-widget {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.firnera-ad-widget img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#firnera-sidebar-ones,
#firnera-sidebar-twos{
    position: relative;
}
.firnera-widget{
    margin-bottom: 40px;
    overflow: hidden;
}
.firnera-widget #firnera-searchform input[type="text"]{
    max-width: 180px;
}
.firnera-header-widget-title{
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--firnera_color_old_green);
}
.firnera-widget .widgettitle{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px 15px;
    font-size: 16px;
    color: var(--firnera_color_white);
    display: inline-block;
    background-color: var(--firnera_color_dark);
    font-weight: normal;
}
.firnera-widget .widgettitle:before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    left: 100%;
    z-index: 1;
    height: 100%;
    top: 0;
    background-color: #e1e1e1;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.firnera-widget .widgettitle:after{
    content:"";
}
.firnera-lite-dem{
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--firnera_color_green);
    top: auto;
    right: 0;
    bottom: 14px;
}
.firnera-header-widget-title .firnera-lite-dem{
    display: none;
}
.firnera-widget #wp-calendar caption{
    line-height: 40px;
    color: #f1f1f1;
    background-color: var(--firnera_color_green);
    padding: 0 15px;    
}
.firnera-widget a{
    color: var(--firnera_color_dark);
}
.firnera-widget a:hover{
    color: var(--firnera_color_green);
}

.firnera-widget ul,
.firnera-widget ol{
    margin: 0 0 0 0;
    padding-left: 20px; 
}

.firnera-widget table{
    width: 100%;
    margin-bottom: 0;
}
.firnera-widget .tagcloud{

}
.firnera-widget .wp-block-tag-cloud a,
.firnera-widget .tagcloud .tag-cloud-link{
    font-size: 14px !important;
    color: #fcfcfc;
    background-color: var(--firnera_color_green);
    padding: 2px 12px;
    display: inline-block;
    margin-bottom: 5px;
    border-radius: 5px 5px 5px 5px;
}
.firnera-widget .wp-block-tag-cloud a:before,
.firnera-widget .tagcloud .tag-cloud-link:before{
    content: "\f02b";
    font-family: fontawesome;
    margin-right: 10px;
    margin-left: -5px;

}
.firnera-widget .wp-block-tag-cloud a:hover,
.firnera-widget .tagcloud .tag-cloud-link:hover{
    background-color: var(--firnera_color_dark);
}
.wp-block-latest-posts.wp-block-latest-posts__list{
    list-style:disc;
    padding-left: 20px;
}







/* --------------------------------- */
/* ---------- Content -------------- */
/* --------------------------------- */
.firnera-grid-item-content{
    grid-column: 1 / 59;
}
.firnera-grid-item-sidebar-1{
    grid-column: 59 / 76;
}
.firnera-grid-item-sidebar-2{
    grid-column: 76 / span 100;
}
.firnera-post-list{
        
}
.firnera-containers{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: var(--firnera_color_white);
    grid-template-columns: var(--fff-grid-col-100);
    width: 100%;
}
.firnera-post-left-thumb-listing{
    position: relative;
    margin-top: 60px;
}
.firnera-post-left-thumb-listing:first-child{
    margin-top: 0;
}
.firnera-post-left-thumb-listing.firnera-search-list{
    padding: 40px;
    border: var(--firnera_box_dashed_green);
    margin-top: 0;
}
.firnera-post-left-thumb-listing.firnera-search-list .firnera-title-post-list:before{
    content:none;
}
.error404 .firnera-post-left-thumb-listing.firnera-search-list{
    margin-bottom:45px;
}
.firnera-post-list-left-thumbnails{
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;   
}
.firnera-post-list-left-thumbnails a{
    display: block;
}
.firnera-post-list-left-thumbnails img{
    vertical-align: middle;
    margin: 0;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.45);
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}
.firnera-post-left-thumb-listing:hover .firnera-post-list-left-thumbnails img{
    margin-top: -15px;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: 15px;
    box-shadow: 15px 15px 5px 0px rgba(255, 255, 255, 0.45);
}
.firnera-hr-postlist{
    height: 6px;
    border: 0;  
    display: none;
}
.firnera-post-left-thumb-listing p{
    margin-top: 10px;
    margin-bottom: 10px;
}
.firnera-title-post-list{
    position: relative;
    font-size: 30px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.firnera-title-post-list:before{
    background-color: var(--firnera_color_green);
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.firnera-title-post-list a{
    color: var(--firnera_color_dark);
}
.firnera-post-left-thumb-listing:hover .firnera-title-post-list a{
    color: var(--firnera_color_old_green);
}
.firnera-post-left-thumb-listing:hover .firnera-title-post-list:before{
    
    width: 60px;
}
.firnera-list-text{
    display: block;
    position: relative;
}
.firnera-post-meta{
    margin: 0;
    padding: 0;
    list-style: none;
}
.firnera-post-meta li{
    display: inline-block;
    color: #969696;
    font-size: 14px;
    margin-right: 15px;    
}
.firnera-post-meta li a{
     color: var(--firnera_color_orange);
}
.firnera-post-meta li a:hover{
    color: var(--firnera_color_dark);
    text-decoration: underline;
}
.firnera-post-meta li .fa{
    margin-right: 5px;
}

.firnera-readMore{
    color: var(--firnera_color_dark);
    background-color: var(--firnera_color_gainsboro);
    padding: 5px 15px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: var(--firnera_color_c3c3c3);
    position:relative;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 61%);
    transition: all .2s linear;
}

.firnera-readMore i{
    font-size:14px;
    margin-right: 10px;
}
.firnera-post-left-thumb-listing:hover .firnera-readMore{
    color: var(--firnera_color_white);
    border-color: var(--firnera_color_old_green);
    background-color: var(--firnera_color_old_green);
    box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 61%);
}
.firnera-readMore .fa{
    font-size:14px;
    margin-right: 10px;
}
.firnera-readMore::-moz-focus-inner, .firnera-readMore::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}


#firnera-lite-navigation{
    padding: 60px 0 0 0;
    position: relative;
}

#firnera-lite-navigation .navigation.pagination{

}
#firnera-lite-navigation .navigation.pagination span,
#firnera-lite-navigation .navigation.pagination a{
    border: 1px solid;
    border-color: var(--firnera_color_white);
    color: var(--firnera_color_dark);
    background-color: #d3d3d3;
    padding: 10px 20px;
    margin-right: 10px;
    transition: all 0.2s linear;
}
#firnera-lite-navigation .navigation.pagination span{
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_old_green);
    border-color: var(--firnera_color_old_green);
}
#firnera-lite-navigation .navigation.pagination a:hover{
    background-color: #a9a9a9;
    color: var(--firnera_color_dark);
    border-color: #a9a9a9;
}
#firnera-lite-navigation .navigation.pagination span.page-numbers.dots{
    color: inherit;
    background-color: transparent;
    border-color: transparent;
}
#firnera-lite-navigation .nav-links{
    display: flex;
    flex-wrap: wrap;
}


#firnera-footer{
    position: relative;
    z-index: 2;
    color: var(--firnera_color_footer_text);
    background-color: var(--firnera_color_dark);  
    border-bottom: 4px solid var(--firnera_color_green);
}
.firnera-footer-copyright-area{
    padding: 20px;
}
#firnera-footer .firnera-footer-credit{
    color: var(--firnera_color_footer_text);
    margin: 0;
}
#firnera-footer .firnera-footer-credit .fa.fa-ellipsis-v{
    padding: 0 10px;
}
#firnera-footer .firnera-footer-credit a{
    color: var(--firnera_color_green);
}
.firnera-post-list .firnera-post-left-thumb-listing.sticky{
    padding: 15px;
    background-color: #ded;
    margin-top: 15px;
    margin-bottom: 15px;
}
.firnera-post-list .firnera-post-left-thumb-listing.sticky:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: var(--firnera_color_green) var(--firnera_color_green) transparent var(--firnera_color_green);
}

/* --------------------------------- */
/* ---------- Single -------------- */
/* --------------------------------- */


.firnera-single-post-img{
    position: relative;
}
.firnera-single-post-img img{
    vertical-align: middle;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
}
.firnera-single-post-title{
    position: relative;
    margin: 30px 0 25px 0;
    font-size: 32px;
    line-height: 35px;
    padding-bottom: 25px;
}
.firnera-single-content a{
    color: var(--firnera_color_green);
}
.firnera-single-content a:hover{
    color: var(--firnera_color_dark);
}
.firnera-single-content p a{
    text-decoration: underline;
}
.firnera-single-content p{
    margin: 30px 0; 
}
.firnera-single-content .firnera-single-tag{
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.firnera-single-content .firnera-single-tag a{
    color: var(--firnera_color_green);
    background-color: var(--firnera_color_white);
    padding: 3px 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    text-decoration: none;
    border: 1px solid var(--firnera_color_green);
}
.firnera-single-content .firnera-single-tag a:hover{
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_green);
}
.firnera-single-content .firnera-single-tag .firnera-single-tag-title,
.firnera-single-content .firnera-single-tag .firnera-single-tag-title:hover{
    color: var(--firnera_color_white);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--firnera_color_dark2);
    margin-left: 0;
    border: 1px solid var(--firnera_color_dark2);
}
.firnera-single-content .firnera-single-tag .firnera-single-tag-title i{
    margin-right: 5px;
}

.firnera-single-post-title:before,
#firnera-bioAuthor h3:before,
#firnera-commentsection #firnera-comments:before,
#firnera-container h3#reply-title:before{
    background-color: var(--firnera_color_green);
    bottom: 0px;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
}

#firnera-container h3#reply-title small a{
    margin-left: 10px;
    text-decoration: underline;
    font-style: italic;
}
.firnera-single-content .postPages a{
    padding: 6px 14px;
    color: var(--firnera_color_dark);
    background-color: #d3d3d3;
    text-decoration: none;
}
.firnera-single-content .postPages a:hover{
    background-color: var(--firnera_color_old_green);
    color: var(--firnera_color_white);
}
.firnera-single-content .postPages .post-page-numbers.current{
    background-color: var(--firnera_color_old_green);
    padding: 6px 14px;
    color: var(--firnera_color_white);
}
#firnera-nextPrevPosts{
    margin-top: 40px;
    border-top: 1px solid var(--firnera_color_gray);
}
#firnera-nextPrevPosts p{
    margin: 0;
}
#firnera-nextPrevPosts small{
    font-size: 12px;
    font-weight: normal;
}

#firnera-nextPrevPosts a{
    padding: 40px 0;
    display: block;
    color: var(--firnera_color_dark);
    font-weight: bold;

}
#firnera-nextPrevPosts a:hover{
    color:var(--firnera_color_green);
}
#firnera-bioAuthor,
#firnera-container .comment-respond,
#firnera-commentsection{
    position: relative;
    border-top: 1px solid var(--firnera_color_gray);
    padding: 40px 0;
}
#firnera-container .comment-respond{
    padding-bottom: 0;
}
#firnera-bioAuthor .firnara-author-name a{
    color: var(--firnera_color_dark);
    transition: all 0.3s linear;
}
#firnera-bioAuthor .firnar-author-name a:hover{
    color:var(--firnera_color_green);
}
.firnera-author-clip-link{
    position: absolute;
    right: 0;
    top: 0;
}
.firnera-author-clip-link:after{
    content: "\f0c1";
    width: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff;
    background-color: var(--firnera_color_dark);
    padding: 5px;
    aspect-ratio: 1 / 1;
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
#firnera-bioAuthor h3, .firnera-related-title,
#firnera-comments,
#firnera-container h3#reply-title{
    font-weight: normal;
    margin: 0 0 24px 0;
    position: relative;
    font-size: 24px;
    padding-bottom: 20px;
}
#firnera-bioAuthor h4{
    margin: 0;
    font-size: 18px;
    text-transform: capitalize;
}
#firnera-bioAuthor .firnera-social-url{
    margin: 10px 0 0;
    padding: 0;
}
#firnera-bioAuthor p{
    margin: 10px 0 0;
}

#firnera-comments{
    margin-bottom: 15px;
}
.firnera-commentlist{
    padding: 0;
    margin: 0;
    list-style: none;   
}
.firnera-commentlist .children{
    list-style: none;
    margin: 0;
    padding-left: 45px;
}
.firnera-commentlist .bypostauthor{

}
.firnera-commentlist .comment-author img{
    margin-right: 20px;
    margin-bottom: 5px;;
}
.firnera-commentlist .comment-body p{
    width: 100%;
}
.firnera-commentlist .comment-body a{
    color: var(--firnera_color_green);
}
.firnera-commentlist .comment-body .reply a{
    color: #161616;
    background-color: var(--firnera_color_gray);
    padding: 4px 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.firnera-commentlist .comment-body .reply a:hover{
    color: var(--firnera_color_white);
    background-color: var(--firnera_color_dark);
}

.firnera-commentlist .comment-body{
    margin-bottom: 15px;
    position: relative;
    padding: 15px 0 30px 0;
    border-bottom: 1px solid var(--firnera_color_gray);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    
}
.firnera-commentlist .comment-author{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
}
.firnera-commentlist .comment-body .fn{
    font-weight: bold;
    margin-right: 5px;

}
.firnera-commentlist .byuser.bypostauthor > .comment-body .fn:before{
    content: "\f007";
    font-family: fontawesome;
    font-style: normal;
    margin-right: 5px;
    border: 1px solid;
    border-radius: 50%;
    color: var(--firnera_color_orange);
    width: 28px;
    display: inline-flex;
    aspect-ratio: 1 / 1;
    font-size: 16px;
    justify-content: center;
    align-items: center;
}
.firnera-commentlist .comment-body ul{
    list-style: disc;
    padding-left: 24px;
}
.firnera-commentlist .comment-body ol{
    padding-left: 24px;
}
#firnera-container #firnera-commentsection  .comment-respond{
    margin-bottom: 60px;
    border-top: none;
    margin-top: 30px;
}
.firnera-form-comments{
    display: flex;
    flex-wrap: wrap;
}
.firnera-form-comments .comment-notes{

}
.comment-respond a{
    color: var(--firnera_color_green);
}
.comment-respond a:hover{
    color: var(--firnera_color_dark);
}
.firnera-CommentNavigation{
    position: relative;
    padding: 15px 0 0 0;
}
.firnera-CommentNavigation .alignleft, .firnera-CommentNavigation .alignright{
    margin:0;
}
.firnera-CommentNavigation a{
    background-color: var(--firnera_color_gray);
    color: var(--firnera_color_dark);
    padding: 6px 13px 6px 13px;
}
.firnera-CommentNavigation a:hover{
    background-color: var(--firnera_color_dark);
    color: var(--firnera_color_white);
}
.firnera-CommentNavigation .fff-text-left a i{
    margin-right: 5px;
}
.firnera-CommentNavigation .fff-text-right a i{
    margin-left: 5px;
}
.firnera-form-comments p{
    margin-top: 0;
    margin-bottom: 20px;
}
.firnera-form-comments input[type="text"]{
    width: 100%;
}
.firnera-form-comments .comment-form-author,
.firnera-form-comments .comment-form-email,
.firnera-form-comments .comment-form-url{
    width: 33.3333%;
    padding-right: 40px;
      
}
.firnera-form-comments .comment-form-url{
    padding-right: 0;
}
.firnera-form-comments .textarea-comments,
.firnera-form-comments .textarea-comments textarea,
.firnera-form-comments .comment-form-cookies-consent{
    width: 100%;
}
.firnera-form-comments .form-submit{
    margin-bottom: 0;
}

/* --------------------------------- */
/* ---------- Woocommerce ---------- */
/* --------------------------------- */

.woocommerce .firnera-lite-woo-breadcrumbs{
    margin-top: 15px;
}
.woocommerce .firnera-lite-woo-breadcrumbs #fir-crumbs{

}
.woocommerce .firnera-lite-woo-breadcrumbs #fir-crumbs ul{
    margin:0;
    padding: 0;
}
.woocommerce .firnera-lite-woo-breadcrumbs #fir-crumbs ul li{
    display: inline-block;
    margin-right: 15px;
}
.woocommerce .firnera-lite-woo-breadcrumbs #fir-crumbs ul li a{
    color: var(--firnera_color_green);
}.woocommerce .firnera-lite-woo-breadcrumbs #fir-crumbs ul li a:hover{
    color: var(--firnera_color_dark);
}
.woocommerce .firnera-post-single .page-title{
    position: relative;
    margin: 30px 0;
    font-size: 32px;
    line-height: 35px;
}
.woocommerce ul.products li.product a img{
    margin-bottom: 15px;
}
.woocommerce .firnera-post-single .woocommerce-ordering{
    margin-bottom: 30px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    margin-bottom: 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    padding: 0;
    font-size: 16px;
    color: var(--firnera_color_dark);
    line-height: 20px;
    font-weight: normal;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, .woocommerce ul.products li.product h3:hover{
    color: var(--firnera_color_green);
}
.woocommerce ul.products li.product .price{
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
    margin-top: 15px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    border-radius: 0;
    background-color: var(--firnera_color_green);
    color: var(--firnera_color_white);
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    color: #f1f1f1;
    background-color: var(--firnera_color_dark);
}
.woocommerce ul.products li.product .button{
    margin: 0 0 15px;
}
.woocommerce ul.products li.product .added_to_cart{
    background-color: var(--firnera_color_dark);
    color: var(--firnera_color_white);
    padding: 8px 0;
    display: block;
    text-align: center;
    margin-top: -15px;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale{
    padding: 3px 10px;
    z-index: 1;
}
.firnera-single-content.firnera-woo{
    margin-bottom: 45px;
}
.woocommerce .firnera-woo div.product{
    margin-top: 30px;
}
.woocommerce div.product .product_title{
    position: relative;
    margin: 0 0 30px 0;
    font-size: 32px;
    line-height: 35px;  
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
    font-size: 28px;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{
    color: #f1f1f1;
    background-color: var(--firnera_color_dark);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    border-radius: 0;
    background-color: var(--firnera_color_green);
    color: var(--firnera_color_white);
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 30px; 
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    color: #f1f1f1;
    background-color: var(--firnera_color_dark);
}
.woocommerce .star-rating span{
    color: #ffe000;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
    padding: 0;
    margin-bottom: 15px;    
}
.woocommerce ul.cart_list li .product-title, .woocommerce ul.product_list_widget li .product-title{
    font-weight: normal;
}
.woocommerce ul.cart_list li .woocommerce-Price-amount.amount, .woocommerce ul.product_list_widget li .woocommerce-Price-amount.amount{
    font-size: 14px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    margin-right: 15px;
    height: auto;
    box-shadow: none;
    width: 30%;
    float: left;    
    margin-left: 0;
}
.woocommerce nav.woocommerce-pagination{
    padding-top: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    z-index: 1;
}
.woocommerce-variation-price{
    margin-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    z-index: 1;
}
.woocommerce-notices-wrapper{
    margin-top: 15px;
}
.woocommerce .firnera-woo div.product .woocommerce-tabs .panel h2,.woocommerce .firnera-woo .related.products h2{
    font-size: 30px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: var(--firnera_color_green);
    z-index: 1; 
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
     background-color: var(--firnera_color_green);
}
.woocommerce button.button{
    display: inline-block;
}