@charset "utf-8";
/*..............Embaded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {
    --main-font: "Inter", sans-serif;
    --heading-font: "League Spartan", sans-serif;

    --primary-blue: #2D4FCF;
    --white: #fff;
    --black: #000000;
    --light-bg: #F1F4FA;
    --body-font: #f3f3f3;
    --dark-grey: #151A1F;
    --text-dark: #626D7C;
    --light-grey-for-lightbg: #262E38;
    --light-btn-grey: #E6ECF8;
    --border-grey: #343B45;
    --light-border-grey: #C7D9F3;

    --common-transition: all 0.3s ease;
}


/* html { overflow-x: hidden; } */
body { margin: 0; padding: 0; font-family: var(--main-font); font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--body-font); overflow-x: hidden; background: #000; transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font) ; margin: 0 0 1.1rem; padding: 0; line-height: 1.2; font-weight: 600; color: var(--heading);}

h1{ font-size: 32px;}
h2{ font-size: 24px;}  
h3{ font-size: 20px;}
h4{ font-size: 14px;}
h5{ font-size: 12px;} 
h6{ font-size: 11px;}

.fsz-11 { font-size: 11px; }
.fsz-16 { font-size: 16px; }
  
p{ margin: 0 0 1.1rem; padding: 0; line-height: 1.5; } 

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

.form-group { margin: 0 0 20px;}
.form-group label { margin: 0 0 10px;}
textarea, select, .form-control, input { font-family: var(--main-font); font-size: 14px; padding: 12px 20px; background-color: var(--dark-grey); width: 100%; border-radius: 6px; border: 1px solid var(--border-grey); outline: none !important; box-shadow: none !important; color: var(--white); }
textarea { padding: 18.5px 20px; min-height: 75px !important; resize: none; }
input[type="submit"] { font-family: var(--main-font); font-weight: 500; font-size: 0.8rem; transition: all 0.3s ease 0s; outline: none; width: auto; }
textarea:focus, select:focus, .form-control:focus { outline: none !important; box-shadow: inherit!important; background-color: var(--dark-grey); color: var(--white);}

select { background-image: url(../images/icon-down.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid #888888; }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #A3A3A3; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #A3A3A3; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #A3A3A3; }
/* --- for placeholder color --- */
  
.common-padding{ padding-top: 100px; padding-bottom: 100px; }
.common-small-padding{ padding-top: 80px; padding-bottom: 80px; } 

.btn, a.btn { font-family: var(--main-font); font-size: 14px; line-height: 1; color: var(--white);  background-color: var(--primary-blue); display: inline-flex; align-items: center; border: 1px solid transparent; border-radius: 4px; padding: 12px 16px; transition: var(--common-transition); font-weight: 400; }
.btn:hover, a.btn:hover { background-color: #243FA6; color: var(--white); }

.btn.dark, a.btn.dark { background-color: var(--light-grey-for-lightbg); color: var(--text-dark);  }
.btn.dark:hover, a.btn.dark:hover { background-color: var(--primary-blue); }

.btn.positive { background-color: var(--primary-blue) !important; color: var(--white) !important; }
.btn.positive img { filter: brightness(10) contrast(1); }

.btn.negative { background-color: #E83247 !important; color: var(--white) !important; }
.btn.negative img { filter: brightness(10) contrast(1); }

.btn.bdr-btn{ background: transparent; border: 1px solid var(--text-dark); color: var(--text-dark); padding: 11.5px 16px;}

.btn.bdr-btn-2{ background: transparent; border: 1px solid var(--text-dark); color: var(--white); padding: 11.5px 16px;}
.btn.bdr-btn-2:hover{ color: var(--white) !important; }

.btn.with-ic { padding: 11px 16px;}
.btn.with-ic img { margin-right: 5px;}

.content-block { border-bottom: 1px solid var(--border-grey); padding-bottom: 10px; margin-bottom: 20px; }



/* -- Container adjustment -- */
.container{ max-width: 1120px; }

.modal-backdrop.fade.show {
    opacity: 0.95;
}

.is_poll_opt{
    display: none;
}
.gif-holder {
    display: none;
}

@media screen and (min-width: 1601px) {
    
}
/* -- Container adjustment -- */

/* -- Lightmode adjustment -- */

.light-mode {background: var(--light-bg);}
.light-mode * { color: var(--dark-grey); }
.light-mode .custom-header-wrap { background: var(--white); }

.light-mode .logo img { filter: invert(1); }

.light-mode .main-menu ul li.current-menu-item a, .light-mode .main-menu ul li:hover a { color: var(--dark-grey); }
.light-mode .main-menu ul li.current-menu-item a::before, .light-mode .main-menu ul li:hover a::before { background: var(--dark-grey); }

.light-mode .left-section, .light-mode .sidebar-box { background: var(--white); }

.light-mode .confess-info-main p, .light-mode .confess-info-main p a { color: var(--dark-grey); }
.light-mode .confess-info-main p a { color: var(--primary-blue); }
.light-mode .confess-ftr .confess-ftr-btns .btn { background: var(--light-btn-grey); }

.light-mode .sidebar-box .sidebar-box-hdr h1, .light-mode .sidebar-box .sidebar-box-hdr h3 { color: var(--dark-grey); }
.light-mode ul.trending-sonfess li p { color: var(--dark-grey); }

.light-mode ul.categories-tags li.active a, .light-mode ul.categories-tags li:hover a { border-color: var(--dark-grey); color: var(--dark-grey); }

.light-mode .sidebar-box .load-more-full-btn:hover { border-color: var(--dark-grey); color: var(--dark-grey); background-color: #F1F4FA; }

.light-mode .confess-ftr-reactions ul li:hover a { color: var(--dark-grey); }
.light-mode .confess-ftr-reactions ul li:hover img { filter: brightness(0) contrast(1); }

.light-mode .confess-ftr .confess-ftr-btns .btn:hover { background: var(--primary-blue); }

.light-mode .archv-box .icon-box { background: #F1F4FA; border-color: #F1F4FA; }
.light-mode .archv-list ul.nav button.nav-link.active .archv-box .icon-box { background: none; border-color: #C7D9F3; }
.light-mode .archv-list ul.nav button.nav-link .archv-box h4 { color: var(--text-dark);}
.light-mode .archv-list ul.nav button.nav-link.active .archv-box h4, .light-mode .archv-list ul.nav button.nav-link:hover .archv-box h4 { color: var(--dark-grey);}

.light-mode .ftr-logo path.logo-text { fill: var(--dark-grey); }
.light-mode .top-footer .ftr-rt-menu #back-top { background: var(--white);}

.light-mode .social-media ul li a:hover { filter: brightness(0) contrast(1); }
.light-mode .pagination-wrap ul li.selected , .light-mode .pagination-wrap ul li:hover  { background: var(--light-bg); color: var(--dark-grey); }

.light-mode .srch-ic .input.active { color: var(--text-dark); }

.light-mode .for-admin, .light-mode .for-admin:not(.sidebar-box) { background: var(--white); }

.light-mode .archv-list ul.nav button.nav-link.active .icon-box img, .light-mode .archv-list ul.nav button.nav-link:hover .icon-box img {filter: brightness(.5);}
.light-mode .archv-list ul.nav button.nav-link.active h4, .light-mode .archv-list ul.nav button.nav-link:hover h4 { color: #151A1F ;}


.light-mode .confess-list:hover, .light-mode ul.trending-sonfess li:hover { background: #F1F4FA; }

.light-mode .top-footer .ftr-rt-menu ul li a:hover { color: var(--dark-grey); }

.light-mode .confess-list:after, .light-mode ul.trending-sonfess li:after { background: var(--light-border-grey); }

.light-mode .top-footer { border-color: var(--light-border-grey);}
.light-mode .commentlist > .comment {border-color: var(--light-border-grey); }
.light-mode .for-admin h1, .light-mode .be-admin-cat-holder { border-color: var(--light-border-grey); }

.light-mode .content-block { border-color: var(--light-border-grey); }

.light-mode .gif-holder {background-color: var(--white); border-color: var(--light-border-grey); }

.light-mode .faq-block button.accordion-button {color: var(--dark-grey);}
.light-mode .faq-block .accordion-body {color: var(--light-grey-for-lightbg);}
.light-mode .faq-block .accordion-item { border-color:var(--light-border-grey) }

.light-mode .faq-block button.accordion-button::after { filter: brightness(.2); }


/* -- Lightmode adjustment -- */

/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */

.main-header { padding: 16px 0; transition: all ease 0.3s;  } 
.main-header.header-sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 5; padding: 0;}

.custom-header-wrap { display: flex; align-items: center; justify-content: space-between; padding: 16px; background: var(--dark-grey); border-radius: 8px;}

.hdr-lt { display: flex; align-items: center;}

.main-menu { padding-left: 46px; }
.main-menu ul { display:  flex;list-style: none; padding: 0; margin: 0;}
.main-menu ul li:not(:last-child) { margin-right: 16px; }
.main-menu ul li a { font-weight: 500; color: var(--text-dark); position: relative; padding-bottom: 8px; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--body-font); }
.main-menu ul li.current-menu-item a::before, .main-menu ul li:hover a::before { content: ""; position: absolute; bottom: 0; left: 0; background: var(--body-font); width: 24px; height: 1px; }

.hdr-rt { display: flex; align-items: center; gap: 15px; }
.hdr-rt .btn.with-ic { padding: 7px 16px;}


.hdr-rt .form-switch { margin: 0; }
.hdr-rt .form-switch input, .mobile-menu .form-switch input { padding: 0; width: 64px; height: 32px; margin: 0; --bs-form-switch-bg: url(../images/checkbox-white-circle.svg); background-color: #1F262E; border-color: var(--border-grey); background-size: 18px; background-position: 8px center; }
.hdr-rt .form-switch input:focus, .mobile-menu .form-switch input:focus {--bs-form-switch-bg: url(../images/checkbox-white-circle.svg);}
.hdr-rt .form-switch input:checked, .mobile-menu .form-switch input:checked { --bs-form-switch-bg: url(../images/checkbox-black-circle.svg);border-color: var(--text-dark); background-color: var(--body-font);background-position: right 8px center;}

.mobile-menu .form-switch { margin: 0 0 25px; padding-left: 0; }


.srch-ic{ position: relative; width: 0px; padding-right: 37px; border-radius: 5px; transition: all 0.5s ease; padding-top: 8px; padding-bottom: 8px;} 
.srch-ic .input{ border: 0; background: transparent; width: 0%; outline: none; font-size: 14px; color: #fff;  transition: all 0.3s ease; position: relative; margin: 0; padding: 0; } 
.srch-ic .srch-tgl{ position: absolute; right: 10px; top: 8px; cursor: pointer; } 
.srch-ic.active{ width: 250px; padding-left: 10px; transition: all 0.5s ease; border: 1px solid var(--border-grey); } 
.srch-ic .input.active{ width: 98%; padding-left: 5px; transition: all 0.5s 0.8s ease; } 
.srch-ic input::placeholder { color: var(--text-dark); }

/* -- Header -- */



/* Main section */
.main-content-wrapper { padding-bottom: 75px; }

.left-section { background: var(--dark-grey); padding: 15px; border-radius: 8px; } 
.confess-list { padding: 15px; position: relative; margin: 0 0 20px 0; border-radius: 6px; transition: var(--common-transition); }
.confess-list:hover { background: #1f262e; }
.confess-list:after { content: ''; background: var(--border-grey); height: 1px; position: absolute; right: 0; bottom: -10px; left: 0; }
.confess-list:last-child { border-bottom: 0; }
.confess-list:last-child::after { display: none; }

.confess-hdr { margin: 0 0 10px; display: flex; justify-content: space-between; } 
.confess-hdr .confess-date-locatn { text-align: right; } 

.confess-hdr .confess-name { font-size: 11px; color: var(--text-dark); font-weight: 500; margin-bottom: 2px; }
.confess-hdr .confess-id { font-size: 11px; color: var(--text-dark); font-weight: 500; } 
.confess-hdr .confess-date-locatn dt, .confess-hdr .confess-date-locatn a { font-size: 11px; color: var(--text-dark); font-weight: 500; cursor: default; } 
.confess-hdr .confess-date-locatn dt { margin-bottom: 2px; }
.confess-hdr .confess-date-locatn a { display: inline-flex; align-items: center;}
.confess-hdr .confess-date-locatn a img { margin-right: 5px;}

.confess-info-main .hastags { margin-left: 5px; }

.confess-ftr { display: flex; align-items: center; justify-content: space-between; }
.confess-ftr .confess-ftr-btns .btn { margin-right: 5px; font-size: 11px; padding-top: 7px; padding-bottom: 7px; border:0}
.confess-ftr .confess-ftr-btns .btn + .btn:hover { background: #E83247; }
.confess-ftr .confess-ftr-btns .btn:hover { color: var(--white);}
.confess-ftr .confess-ftr-btns .btn:hover span { color: var(--white);}
.confess-ftr .confess-ftr-btns .btn:hover img { filter: brightness(10) contrast(1); }
.confess-ftr-reactions ul { display: flex; align-items: center; gap: 20px; list-style: none; margin: 0; padding: 0; } 
.confess-ftr-reactions ul li a { display: inline-flex; align-items: center; font-size: 11px; color: var(--text-dark); } 
.confess-ftr-reactions ul li a img { margin-right: 5px; } 
.confess-ftr-reactions ul li:hover a { color: var(--white);}
.confess-ftr-reactions ul li a img { margin-right: 5px; } 
.confess-ftr-reactions ul li:first-child a img { width: 17px; }
.confess-ftr-reactions ul li:hover img { filter: brightness(10) contrast(1); }


.pagination-wrap { padding: 15px 0; } 
.pagination-wrap ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; } 
.pagination-wrap ul li { display: inline-flex; width: 40px; height: 40px; border-radius: 5px; align-items: center; justify-content: center; color: var(--text-dark); cursor: pointer; } 
.pagination-wrap ul li.selected { background: var(--light-grey-for-lightbg); color: var(--white); }
.pagination-wrap ul li.prev { transform: rotate(180deg); }


.main-content-wrapper .row {margin: 0 -8px;}
.main-content-wrapper .col-lg-8.col-md-7, .main-content-wrapper .col-lg-4.col-md-5 { padding: 0 8px; }

.sidebar-box { background: var(--dark-grey); padding: 15px; border-radius: 8px; margin-bottom: 15px; }
.sidebar-box .sidebar-box-hdr { display: flex; justify-content: space-between; align-items: center; margin: 0 0 15px; }
.sidebar-box .sidebar-box-hdr h1 { font-size: 20px; margin: 0; }
.sidebar-box .sidebar-box-hdr h3 { margin: 0; }
.sidebar-box .sidebar-box-hdr .btn { padding-top: 8px; padding-bottom: 8px; }

.sidebar-box .load-more-full-btn { display: block; font-size: 12px; text-align: center; color: var(--text-dark); border: 1px solid var(--text-dark); padding: 8px; line-height: 1; border-radius: 5px; }
.sidebar-box .load-more-full-btn:hover { background-color: var(--white); border-color: var(--white);}

ul.categories-tags { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 5px; margin: 0; }
ul.categories-tags li a { display: inline-block; padding: 5px 10px; font-size: 12px; color: var(--text-dark); line-height: 1; border-radius: 4px; border: 1px solid transparent; }
ul.categories-tags li.active a, ul.categories-tags li:hover a { border: 1px solid var(--white); color: var(--white); }

.sidebar-box.for-admin .sidebar-box-hdr { margin: 0; }


.archv-list ul.nav { justify-content: space-between; gap: 10px; }
.archv-list ul.nav button.nav-link.active { background: none; }
.archv-list ul.nav button.nav-link { color: var(--white); padding: 0; width: 100%; }
.archv-list ul.nav li.nav-item { width: 30%; } 
.archv-list ul.nav button.nav-link.active .archv-box .icon-box { background: none; }
.archv-list ul.nav button.nav-link:not(.active) .archv-box h4 { color: #626D7C; }
body:not(.light-mode) .archv-list ul.nav button.nav-link:hover .archv-box h4 { color: var(--white);}


.archv-box .icon-box { background: #1F262E; height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-bottom: 6px; border: 1px solid #1F262E; }
.archv-box h4 { font-weight: 500; margin: 0; }




ul.trending-sonfess { margin: 0; padding: 0; list-style: none; } 
/* ul.trending-sonfess li { border-bottom: 1px solid var(--border-grey); padding: 12px; }  */
ul.trending-sonfess li { padding: 12px; position: relative; margin: 0 0 20px 0; border-radius: 6px; transition: var(--common-transition); padding-top: 5px; }
ul.trending-sonfess li:after { content: ''; background: var(--border-grey); height: 1px; position: absolute; right: 0; bottom: -10px; left: 0; }
ul.trending-sonfess li:hover { background: #1f262e; }
ul.trending-sonfess li p { margin: 0; padding-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
ul.trending-sonfess li span { font-size: 11px; color: var(--text-dark); } 
ul.trending-sonfess li:first-child { padding-top: 0; } 
ul.trending-sonfess li:last-child { border-bottom: 0; margin-bottom: 0; }
ul.trending-sonfess li:last-child::after { display: none;}


/* Main section */


/* Footer */
.top-footer { border-top: 2px solid var(--border-grey); padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.top-footer .ftr-rt-menu { display: flex; flex-wrap: wrap; align-items: center; } 
.top-footer .ftr-rt-menu ul { margin: 0 30px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 30px; } 
.top-footer .ftr-rt-menu ul li a { color: var(--text-dark); } 
.top-footer .ftr-rt-menu ul li a:hover { color: var(--white); } 
.top-footer .ftr-rt-menu #back-top { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 32px; background: var(--dark-grey); border-radius: 5px; } 
.top-footer .ftr-rt-menu #back-top img { transition: 300ms ease; }
.top-footer .ftr-rt-menu #back-top:hover { background: #1F262E; }
.light-mode .top-footer .ftr-rt-menu #back-top:hover { background: var(--primary-blue); }
.top-footer .ftr-rt-menu #back-top:hover img { filter: brightness(0) invert(1); }
.btm-footer { padding: 30px 0 20px; } 
.copyrht-text { margin: 0; font-size: 12px; color: var(--text-dark); } 
.social-media ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: flex-end; gap: 20px; } 
.social-media ul li a:hover { filter: brightness(10) contrast(1); }
.btm-footer .row { align-items: center; }


.mobile-menu { position: fixed; right: -100%; list-style: none; background: var(--dark-grey); padding: 25px 30px; transition: right 1s ease-in; top: 68px; bottom: 0; margin: 0; z-index: 5; } 
.mobile-menu.visible { right: 0; transition: right 0.75s ease;  width: 100%; }

.mobile-menu ul { margin: 0; padding: 0; list-style: none; }
.mobile-menu ul li { margin: 0 0 17px; }
.mobile-menu ul li a { display: block; font-weight: 500; color: var(--text-dark); position: relative; padding-bottom: 8px; }
.mobile-menu ul li.current-menu-item a, .mobile-menu ul li:hover a { color: var(--body-font); }
.mobile-menu ul li.current-menu-item a::before { content: ""; position: absolute; bottom: 0; left: 0; background: var(--body-font); width: 34px; height: 1px; }

.hdr-menu, .ftr-menu { border-bottom: 1px solid var(--border-grey); margin-bottom: 30px; }

.mobile-menu-btn { position: relative; width: 18px; height: 14px; cursor: pointer; z-index: 999; display: none; } 
.mobile-menu-btn span { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 2px; background-color: var(--white); opacity: 1; transition: opacity 0.5s ease; } 
.mobile-menu-btn:before, .mobile-menu-btn:after { content: ""; display: inline-block; width: 18px; height: 2px; background-color: var(--white); position: absolute; } 
.mobile-menu-btn:before { top: 0; transform: rotate(0deg); transition: transform 0.25s ease, top 0.25s ease 0.25s; } 
.mobile-menu-btn:after { bottom: 0; transform: rotate(0deg); transition: transform 0.25s ease, bottom 0.25s ease 0.25s; } 
.mobile-menu-btn.open span { opacity: 0; transition: opacity 0.5s ease; } 
.mobile-menu-btn.open:before { top: 6px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, top 0.25s ease; } 
.mobile-menu-btn.open:after { bottom: 6px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, bottom 0.25s ease; }


.mobile-cats { scroll-snap-align: start; scroll-snap-type: x proximity; scrollbar-width: none; overflow-x: auto; overflow-y: hidden; margin: 0 0 15px; display: none;} 
.mobile-cats-inr { text-align: center; display: flex; justify-content: center; align-items: center; font-family: var(--El-messiri); color: var(--white); gap: 25px; width: max-content; }
.mobile-cats-inr ul { margin: 0; padding: 0; list-style: none; display: flex; gap: 10px;}
.mobile-cats-inr ul li a { display: block; font-family: var(--heading-font); font-weight: 600; background: var(--dark-grey); padding: 12px 14px; line-height: 1; border-radius: 4px;}
.mobile-cats-inr ul li.active a { background: var(--body-font); color: var(--dark-grey); }  


.for-admin:not(.sidebar-box) { background: var(--dark-grey); border-radius: 8px; padding: 25px;}
.for-admin h1 { border-bottom: 1px solid var(--border-grey); padding-bottom: 15px; }

.confess-create-form { padding: 15px; }
.form-btns { text-align: right; }
.form-btns .btn { margin-left: 5px; min-width: 88px; justify-content: center;}
.form-btns .btn.bdr-btn { color: var(--white); }
.form-btns .btn.bdr-btn:hover {border-color: var(--white); background: none; }
.contact-form { padding: 15px; }

.faq-block .accordion-item { background: none; border-color: var(--border-grey);}
.faq-block button.accordion-button { background: none; color: var(--white); font-size: 20px; padding-right: 0; padding-left: 40px; padding-top: 25px; padding-bottom: 25px; font-weight: 600; }
.faq-block button.accordion-button:focus { box-shadow: none; }
.faq-block button.accordion-button::after { background-image: url(../images/acrdion-plus.svg); position: absolute; left: 0; top: 25px;}
.faq-block .accordion-button:not(.collapsed)::after { background-image: url(../images/acrdion-minus.svg); }
.faq-block .accordion-body { color: var(--white); }


/*---- Creat a poll -----*/
.confess-create-form { position: relative; }
.no-min-height { min-height: 1px !important; }
.text-word-counnter { text-align: right; padding-top: 2px;  font-size: 12px; }
.text-word-counnter span { color: var(--text-dark); }
.close-holder { position: absolute; top: 10px; right: 10px; }
.poll-form-wrap { padding: 15px; border:1px solid transparent }
.add-option-btn { padding: 0; display: flex; align-items: center; border:0; background-color: transparent; color: var(--primary-blue); font-weight: 500;}
.add-option-btn > img { margin-right: 10px; }
.option-holder { margin-top: 40px; margin-bottom: 60px; }


.light-mode .poll-form-wrap { border-color:var(--light-border-grey) ; border-radius: 8px; }
.light-mode :is(textarea, select, .form-control, input:not(.btn)) { background-color: var(--light-grey); border-color:var(--light-border-grey) ;  color: var(--text-dark); }
.light-mode input.btn {color: #FFF;}
/*---- Creat a poll -----*/


/*----- Polls Listing -----*/
.polles-info-meta { padding-bottom: 15px; }
.polles-info-meta span { color: var(--text-dark); font-size: 12px; }

.polls-bar { min-height: 36px; position: relative; border-radius:5px; display: flex; justify-content: space-between; overflow: hidden; z-index: 1; align-items: center; padding:8px 10px; margin-bottom: 8px; cursor: pointer;}
.polls-bar p { margin-bottom: 0; color: var(--white); }
.polls-bar-inner { position: absolute; left: 0; top: 0; bottom: 0; background-color:#252D37; z-index: -1; border-radius: 5px;}
.blue-bar.polls-bar-inner { background-color: var(--primary-blue); }

.polls-ongoing .polls-bar { justify-content: center; }
.polls-ongoing .polls-bar-inner:not(.blue-bar) { border:1px solid var(--border-grey); transition: 300ms ease; }
.polls-bar .polls-bar-inner:not(.blue-bar) p {transition: 300ms ease; }

div:not(.disabled) .polls-bar:hover .polls-bar-inner:not(.blue-bar) { border-color: var(--primary-blue); }
.polls-bar:hover .polls-bar-inner:not(.blue-bar):not(.disabled) + p { color: var(--primary-blue); }

.light-mode .polls-bar-inner:not(.blue-bar) { background-color: #B3C7E3;}
.light-mode .polls-bar p {color: var(--light-grey-for-lightbg); }
.light-mode .blue-bar + p {color: var(--white) ; }
.light-mode .polls-ongoing .polls-bar-inner:not(.blue-bar) { background-color: var(--light-bg); border-color: var(--light-border-grey); }
/*----- Polls Listing -----*/


.main-content-404 { min-height: calc(100vh - 340px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main-content-404 p { max-width: 640px; margin-left: auto; margin-right: auto; }
.btn-holder-404 { margin-top: 20px; }
.btn-holder-404 > * { margin: 0 8px; }
.light-mode .btn.bdr-btn-2{color: var(--text-dark);}

.page-template-default .potential-area {min-height: calc(100vh - 300px); display: flex; align-items: center;}

.archv-list ul.nav button.nav-link.active .icon-box img { filter: brightness(0) invert(1); transition: 300ms ease; }
.archv-list ul.nav button.nav-link .icon-box { transition: 300ms ease; }
.archv-list ul.nav button.nav-link:hover .icon-box { background: none;}
.archv-list ul.nav button.nav-link:hover .icon-box img { filter: brightness(0) invert(1); }


/*--- After Development Design Fix  ---*/
.confess-ftr .confess-ftr-btns .like-button.active { background-color: var(--primary-blue); color: #FFF; }
.confess-ftr .confess-ftr-btns .like-button.active img {filter: brightness(0) invert(1);}
.confess-ftr .confess-ftr-btns .like-button.active .like_count { color: #FFF; }

.confess-ftr .confess-ftr-btns .dislike-button.active { background-color: #E83247; color: #FFF; }
.confess-ftr .confess-ftr-btns .dislike-button.active img {filter: brightness(0) invert(1);}
.confess-ftr .confess-ftr-btns .dislike-button.active .dislike_count {color: #FFF;}


.comments-section { padding-top: 24px; padding-left:16px} 
.comments-section h3 { font-weight:500; margin: 0 0 8px; }
.commentlist { padding:0 }
.comment-body .comment-meta { display:flex; align-items:center } 
.comment-body .comment-author:after { content:''; width:3px; height:3px; background-color:var(--text-dark); display:inline-block; margin-left:5px; margin-right:6px; transform:translateY(-2px) }
.comment-body .comment-meta time { color:var(--text-dark); font-size:11px }
.comment-content { margin-top:10px }

footer.comment-footer-meta .comment-reactions { display:flex; justify-content:space-between; align-items:center; }
.comment-content p { margin-bottom:6px; }
.confession-poll-stats-comment a { margin-right:8px; font-size:11px; color:var(--text-dark) }
.commentlist .comment:last-of-type footer.comment-footer-meta .comment-reactions { padding-bottom:0; margin-bottom:0; border:0 }

.confession-poll-stats-comment .dislike-button.active svg path { stroke:#E83247 }
.confession-poll-stats-comment .dislike-button.active { color:#E83247 }
.confession-poll-stats-comment .like-button.active svg path { stroke:var(--primary-blue) }
.confession-poll-stats-comment .like-button.active { color:var(--primary-blue) }



.comment-respond textarea { background-color:transparent; max-height:75px }
.comment-respond .form-submit { margin:0;  }
.comment-respond .submit-reply button { width:28px; height:28px; border-radius:50%; padding:0; background-color:var(--light-grey-for-lightbg); padding-bottom:1px; position:absolute; right:10px; bottom:14px; border: 0; }
.comment-respond { position:relative; margin-bottom:10px }

.commentlist > .comment {border-bottom:1px solid  var(--border-grey); padding-bottom:15px; margin-bottom:14px }
.commentlist .comment .comment { padding-left:30px; margin-top: 10px; margin-bottom: 10px; } 
.commentlist .comment .comment { padding-left:30px; margin-top: 15px; position:relative }
.commentlist .comment .comment:after { content:''; width:21px; height:12px; display:block; position:absolute; top:0; left:0 ; border:1px solid  var(--border-grey); border-radius:2px; border-top:0; border-right:0 }


.light-mode .confess-create-form .btn.bdr-btn { border-color: var(--light-border-grey); color: var(--dark-grey); }
.light-mode .confess-create-form .btn.bdr-btn:hover { color: var(--light-border-grey); }



body .emojionearea, body .emojionearea.form-control { background-color: transparent; border: 1px solid var(--border-grey); }
body .confess-create-form .emojionearea .emojionearea-button {display: none;}
body .emojionearea .emojionearea-editor { min-height: 120px; padding: 15px 20px 50px; color: var(--white); max-height: none;}


.confess-file button { padding: 0; background: transparent; border: 0; margin-right: 3px; }
.confess-file {  width:auto; display:inline-block; position:absolute; left:20px; bottom:20px }
.confess-create-form .form-group { position:relative }

.show-confess-images { margin-bottom: 20px;}


.show-confess-images #show_confess_image {object-fit: cover;} 
.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom { right: inherit !important; left: 0 !important; top: inherit !important; bottom: 0 !important; transform: translateY(calc(100% + 10px)); }

/*Emoji Picker Dark Mode */
body:not(.light-mode) .emojionearea .emojionearea-picker { background: var(--dark-grey); border: 1px solid var(--border-grey); }
body:not(.light-mode) .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title { background-color: transparent; }
body:not(.light-mode) .emojionearea .emojionearea-picker .emojionearea-filters { background-color: transparent; }
body:not(.light-mode) .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active { background-color: var(--dark-grey) !important; }
body .emojionearea-wrapper:after {display: none !important;}
/*Emoji Picker Dark Mode */


body {transition: none;}
body:not(.light-mode) .modal-content { background: var(--dark-grey); }
body:not(.light-mode) .modal-content .modal-body .btn-close { filter: invert(1);  }
body .modal-content .modal-body .btn-close { position: absolute; right: 15px; }
.modal-content .icons li a { font-size: 25px; }
.modal-content .icons li:not(:last-child) { margin-right: 20px; }
#shareModal .modal-content { max-width: 380px;}
body.light-mode .copy-btn { color: var(--white) !important; }
#shareModal .modal-dialog { justify-content: center; }

/*-- Calender Design Fix --*/
body:not(.light-mode) .flatpickr-calendar { background: #1f262e !important; box-shadow:none !important; border:none!important }
.flatpickr-calendar:before, .flatpickr-calendar:after { display:none !important }
body:not(.light-mode) span.flatpickr-weekday { color:var(--body-font) !important; font-weight:300 }
body:not(.light-mode) .flatpickr-day { color:#FFF !important; font-weight:300 }
body:not(.light-mode) .flatpickr-day.flatpickr-disabled, 
body:not(.light-mode) .flatpickr-day.flatpickr-disabled:hover, 
body:not(.light-mode) .flatpickr-day.prevMonthDay, 
body:not(.light-mode) .flatpickr-day.nextMonthDay, 
body:not(.light-mode) .flatpickr-day.notAllowed, 
body:not(.light-mode) .flatpickr-day.notAllowed.prevMonthDay, 
body:not(.light-mode) .flatpickr-day.notAllowed.nextMonthDay { color:#ffffff33 !important }

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { font-size: 16px !important;}
body:not(.light-mode) .flatpickr-current-month .flatpickr-monthDropdown-months, body:not(.light-mode) .flatpickr-current-month input.cur-year { color: #FFF !important;}

body:not(.light-mode) .flatpickr-months .flatpickr-prev-month, body:not(.light-mode) .flatpickr-months .flatpickr-next-month { color: #FFF !important; fill: #FFF !important; padding: 7px;}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {  padding: 15px 10px !important}

body:not(.light-mode) .flatpickr-day.inRange, 
body:not(.light-mode) .flatpickr-day.prevMonthDay.inRange, 
body:not(.light-mode) .flatpickr-day.nextMonthDay.inRange, 
body:not(.light-mode) .flatpickr-day.today.inRange, 
body:not(.light-mode) .flatpickr-day.prevMonthDay.today.inRange, 
body:not(.light-mode) .flatpickr-day.nextMonthDay.today.inRange, 
body:not(.light-mode) .flatpickr-day:hover, 
body:not(.light-mode) .flatpickr-day.prevMonthDay:hover, 
body:not(.light-mode) .flatpickr-day.nextMonthDay:hover, 
body:not(.light-mode) .flatpickr-day:focus, 
body:not(.light-mode) .flatpickr-day.prevMonthDay:focus, 
body:not(.light-mode) .flatpickr-day.nextMonthDay:focus { background: var(--dark-grey) !important; border-color: var(--dark-grey) !important; }

#confess-date { width: 0;}

body.light-mode .flatpickr-day.flatpickr-disabled, body.light-mode .flatpickr-day.flatpickr-disabled:hover { color: rgb(52 52 52 / 27%);}

.flatpickr-calendar { margin-bottom: 16px; width: 100% !important; top: 0 !important;}
.flatpickr-current-month span.cur-month { color: var(--white) !important; font-weight: 600 !important; font-size: 16px !important; }
.numInputWrapper .cur-year { font-weight: 600 !important; font-size: 16px !important; }

body.light-mode .flatpickr-current-month span.cur-month {color: #151A1F !important; }
body.light-mode .flatpickr-calendar { background: #F6F9FF !important; box-shadow:none !important; border:none!important }

.flatpickr-months { padding: 10px 0 !important;}
/*-- Calender Design Fix --*/


/*-- Light Mode Fix --*/
body.light-mode .comment-respond .submit-reply button { background-color: transparent; border:1px solid #A7B6CC }
body.light-mode .emojionearea, body.light-mode .emojionearea.form-control { border-color: var(--light-border-grey) }
body.light-mode .emojionearea .emojionearea-editor { color: var(--text-dark); }
/*-- Light Mode Fix --*/

#sd-archv .flatpickr-input {width: 0; visibility: hidden;}

body.single .main-content-wrapper .col-lg-8.offset-lg-2 .for-admin {padding: 0;}

.loader-wrap svg :is(path, rect)  { fill: var(--primary-blue); }
.loader-wrap { text-align: center; }
.loader-wrap svg { width: 50px; height: 50px; }


.show-confess-images { max-width: 100px; position: relative; }
.show-confess-images #show_confess_image { width: 100px !important; height: 100px !important; border-radius: 5px; }

.show-confess-images #show_confess_image_gif { width: 100% !important; height: 100px !important; border-radius: 5px; }

.show-confess-images #remove_confess_image { padding: 0; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; line-height: 0; font-size: 17px; padding-bottom: 2px; position: absolute; top: -10px; right: -10px; background-color: var(--primary-blue); color: #FFF; border:0}
#remove_confess_image_gif { padding: 0; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; line-height: 0; font-size: 17px; padding-bottom: 2px; position: absolute; top: -10px; right: -10px; background-color: var(--primary-blue); color: #FFF; border:0}

button#confess-emoji img { width: 18px; height: auto;}
/*--- After Development Design Fix  ---*/

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border-color:#F00 !important }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #ff0000; margin-left: 0; margin-right: 0;  }
.wpcf7-spinner { position: absolute; right: 70px; }
.form-btns { position: relative; }

.confess-info-main .confess-image { width: 100%; margin-bottom: 15px; padding: 0 0 56.25%; position: relative;}
.confess-info-main .confess-image img, .confess-info-main .confess-image video, .confess-info-main .confess-image iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  border-radius: 4px;}

.modal .confess-info-main .confess-image { padding: 0;}
.modal .confess-info-main .confess-image img, .modal .confess-info-main .confess-image video, .modal .confess-info-main .confess-image iframe { position: static; }

.error-input {border-color:#F00 !important }
.main-header { position: sticky !important; top: 0; z-index: 999; }

.poll-form-wrap span.has-error { position: absolute; color: #F00; margin-top: -15px; }


.light-mode .faq-block button.accordion-button {color: var(--dark-grey);}
.light-mode .faq-block .accordion-body {color: var(--light-grey-for-lightbg);}
.light-mode .faq-block .accordion-item { border-color:var(--light-border-grey) }

.light-mode .faq-block button.accordion-button::after { filter: brightness(.2); }
.accordion-button { box-shadow: none !important; }
.accordion-body {padding-top: 0 !important;}
.confess-create-form .file-error { position: absolute; font-size: 13px; padding-top: 5px; }
.flatpickr-current-month .numInputWrapper { pointer-events: none !important;}

.confess-info-main > p > a, .view_reported_content { position: relative; color: var(--primary-blue); }

.confess-info-main > p > a:after, .view_reported_content:after {content:''; position: absolute; bottom: -5px; left: 50%; width:0; height: 1px; background: var(--primary-blue); opacity: 0; transition: 300ms ease; transform: translateX(-50%); }
.confess-info-main > p > a:hover, .view_reported_content:hover { color: var(--primary-blue); }
.confess-info-main > p > a:hover:after, .view_reported_content:hover:after { opacity: 1; width: 100%; }

.flatpickr-innerContainer { justify-content: center; padding-bottom: 10px;}
.clickable-confession-poll { cursor: pointer; padding-bottom: 15px; display: flex; flex-direction: column;}
.clickable-confession-poll .confess-image {order: 2; margin-top: 15px; margin-bottom: 0; }


ul.custom-checkbox-list { list-style: none; padding: 0; max-height:200px; overflow:auto}
ul.custom-checkbox-list li label { padding:5px 0 } 
ul.custom-checkbox-list li label input {width: 17px;height: 17px; margin-right:10px;  accent-color:var(--primary-blue);}
ul.custom-checkbox-list li label { display:flex; align-items:center }
ul.custom-checkbox-list ul { list-style:none }
.be-admin-cat-holder { border-top: 1px solid var(--border-grey); padding-top: 15px;}

#confession_poll_details_modal .confess-list:hover { background: transparent; }
#confession_poll_details_modal .confess-list {  margin-bottom: 0; padding:0 }
#confession_poll_details_modal .modal-body { padding:30px }
#confession_poll_details_modal .confess-hdr { padding-right: 25px; }

.reported-content-consent p {font-style: italic; }
.reported-content-consent a.view_reported_content {color: var(--primary-blue); font-size: 12px; } 
.clickable-confession-poll p:last-child {margin: 0; } 
.clickable-confession-poll a.continue_reading {color: var(--primary-blue); font-size: 12px; }

.page-template-polls ul.trending-sonfess li:hover {background: none; border: 1px solid var(--border-grey); }
.page-template-polls ul.trending-sonfess li {border: 1px solid transparent; }


.for-admin:not(.sidebar-box) .confess-ftr .confess-ftr-btns .btn span.yes_count, .for-admin:not(.sidebar-box) .confess-ftr .confess-ftr-btns .btn span.no_count { display: none; }


.gif-holder {padding: 8px; background-color: var(--dark-grey); width: 100%; max-width: 316px; height: 276px; border-radius: 6px; border: 1px solid var(--border-grey); position: absolute; top: 162px; overflow-x: auto; z-index: 3; display: none; }

/* width */
.gif-holder::-webkit-scrollbar {width: 6px; }
/* Track */
.gif-holder::-webkit-scrollbar-track {background: #1F262E; }
/* Handle */
.gif-holder::-webkit-scrollbar-thumb {background: var(--border-grey); border-radius:10px; }
/* Handle on hover */
.gif-holder::-webkit-scrollbar-thumb:hover {background: var(--border-grey); }

#giphyContainer::-webkit-scrollbar {width: 6px; }
/* Track */
#giphyContainer::-webkit-scrollbar-track {background: #1F262E; }
/* Handle */
#giphyContainer::-webkit-scrollbar-thumb {background: var(--border-grey); border-radius:10px; }
/* Handle on hover */
#giphyContainer::-webkit-scrollbar-thumb:hover {background: var(--border-grey); }

#giphyContainer {max-height: 200px; /* Limit the height of the container */ overflow-y: auto;  /* Enable vertical scrolling */ position: relative; } 
.loading-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:9999; } 
.spinner {border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; }
.gif-holder.show{
    display:block
}
/* Spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.gif-holder ul {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.gif-holder ul li {width: 33.333%; padding: 2px; }
.gif-holder ul li img {aspect-ratio: 1/1; }

.gif-holder input#giphySearchInput {margin: 0 0 5px; }



.confess-ftr-reactions ul li a span {display: flex; } 
.confess-ftr-reactions ul li a span dt {padding-right: 3px;     font-weight: 400;}


.right-sidebar {position: sticky; top: 87px; }


select#sortby {padding: 0 20px 0 0; appearance: none; -webkit-appearance: none; border: 0; width: auto; font-size: 11px; color: var(--text-dark); background-position: right center; background-size: 8px; }
select#sortby option {text-align: center; }
.sortby-posts {padding: 0 15px 10px 15px; }
.input-group-addon {color: var(--text-dark); } 
.input-group-addon i, .input-group-addon svg {margin-left: 10px; }


.dark-mode .swal2-popup {background-color: #1b1c1c; }
.dark-mode .swal2-popup .swal2-success-circular-line-left, .dark-mode .swal2-popup .swal2-success-circular-line-right, .dark-mode .swal2-popup .swal2-success-fix {background-color: #1b1c1c !important;}
.dark-mode .swal2-popup button.swal2-confirm {background-color: var(--primary-blue); }


.dark-mode .cky-consent-bar {background: var(--dark-grey) !important;!i;!; border-color: var(--dark-grey) !important; }
.dark-mode .cky-notice p, .dark-mode .cky-notice-des {color: var(--color-white) !important; }
button.cky-btn {background-color: var(--primary-blue) !important;!i;!; border-color: var(--primary-blue) !important; } 
button.cky-btn.cky-btn-customize, button.cky-btn.cky-btn-reject {background-color: transparent !important;!i;!; color: var(--primary-blue) !important; }

.be-admin-cat-holder ul.custom-checkbox-list {display: flex; flex-wrap: wrap; }
.be-admin-cat-holder ul.custom-checkbox-list li ul {padding-left: 10px; }
.be-admin-cat-holder ul.custom-checkbox-list li {width: 33%; }
.be-admin-cat-holder ul.custom-checkbox-list li ul li {width: 100%;}


#sd-archv .sidebar-box-hdr {margin: 0; }
#sd-archv .calendar-box {margin-top: 20px; }


.sortby-posts .dropdown button.dropdown-toggle {color: var(--text-dark); border: 0; font-size: 11px; border-radius: 3px; background-color: transparent; }
.sortby-posts .dropdown ul.dropdown-menu {min-width: 80px; background: var(--light-btn-grey); border: 0; }
.sortby-posts .dropdown ul.dropdown-menu li a { font-size: 11px; background: none; color: var(--text-dark);}
.sortby-posts .dropdown ul.dropdown-menu li a.active, .dark-mode .sortby-posts .dropdown ul.dropdown-menu li a:hover {background: none !important; color: var(--text-dark) !important; font-weight: 600; }


.dark-mode .dropdown button.dropdown-toggle {  }
.dark-mode .sortby-posts .dropdown ul.dropdown-menu {border: 0; background: var(--light-grey-for-lightbg); }
.dark-mode .sortby-posts .dropdown ul.dropdown-menu li a {color: var(--text-dark);  }
.dark-mode .sortby-posts .dropdown ul.dropdown-menu li a:hover {background: none; color: var(--text-dark); }



.confess-info-main .confess-image i {position: absolute; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; }
.confess-image.violent:after, .confess-image.porn:after, .confess-image.nsfw:after {content: ''; background: rgba(255,255,255,0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: blur(35px); }

.confess-image.porn i { color: #7287d5 ; }
.confess-image.violent i { color: #dd7682; }
.confess-image.nsfw i { color: #d4d9df ; }


.modal .confess-image.violent:after, .modal .confess-image.porn:after, .modal .confess-image.nsfw:after { display:none; }
.modal .confess-info-main .confess-image i { display: none; }


.btn.is_conf_opt[disabled="disabled"], .btn.is_poll_opt[disabled="disabled"] { background: var(--primary-blue);}


.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #2d4fcf !important;}
.swal2-icon.swal2-success .swal2-success-ring { border: .25em solid #2d4fcf !important; }


@media only screen and (max-width:1599px){
   
}
@media only screen and (max-width:1356px){
    
   
}

@media only screen and (max-width:1199px){
   
    
}
@media only screen and (max-width:991px){
    .main-header { padding: 0 0 16px; }
    .main-header .container { padding: 0; }
    .main-header .container > .row { margin: 0;}
    .main-header .container > .row > .col-lg-12 { padding: 0; }

    .custom-header-wrap { border-radius: 0 0 8px 8px;  padding: 16px 30px;  }

    .main-header.header-sticky { backdrop-filter: inherit; }
    .mobile-menu-btn { display: block; } 
    .hdr-rt .form-switch { display: none; }
    .hdr-rt .srch-ic { display: none; }
    .main-menu { display: none; }

    .top-footer .ftr-rt-menu ul { gap: 20px; }
    .copyrht-text { margin: 0 0 15px; text-align: center; }
    .social-media ul { justify-content: center; }

    .confess-ftr-reactions ul li span {display: none !important; }
    .confess-ftr-reactions ul li a.showComments span {display: flex !important; font-size: 0; } 
    .confess-ftr-reactions ul li a.showComments span dt {font-size: 11px; }

    .light-mode .mobile-menu { background: var(--white); }
    .light-mode .mobile-menu-btn:before, .light-mode .mobile-menu-btn:after, .light-mode .mobile-menu-btn span { background-color: var(--dark-grey); }
    
    .light-mode .mobile-menu ul li.current-menu-item a, .light-mode .mobile-menu ul li:hover a { color: var(--dark-grey); }
    .light-mode .mobile-menu ul li.current-menu-item a::before { background: var(--dark-grey); }
}

@media only screen and (max-width:767px){

    h1, h2 { font-size: 18px;}

/*    .confess-ftr-reactions ul li span { display: none; }*/
    .left-section { /*background: none;*/ /*padding: 0;*/ border-radius:5px; } 
    .left-section.for-homepage { background: none;border-radius: 0; padding: 0; } 
    .confess-list { border-bottom: 0; padding: 15px; background: var(--dark-grey); margin: 0 0 10px; border-radius: 8px; }

    .main-content-wrapper .row { flex-direction: column-reverse; }
    .sidebar-box { display: none; }
    .g-ad { display: none; }

    .mobile-cats { display: block; }

    .main-content-wrapper { padding-bottom: 45px; }

    .top-footer { justify-content: center; }
    .top-footer .ftr-rt-menu ul { display: none; }

    footer { position: relative; }
    .top-footer .ftr-rt-menu #back-top { position: absolute; right: 15px; bottom: 15px; }


    .light-mode .left-section { /*background: none;*/ }
    .light-mode .confess-list { background: var(--white); }
    .light-mode .mobile-cats-inr ul li a { background: var(--white); color: var(--text-dark);  }
    .light-mode .mobile-cats-inr ul li.active a { background: var(--text-dark); color: var(--body-font); }
    .light-mode .pagination-wrap ul li.selected, .light-mode .pagination-wrap ul li:hover { background: var(--light-btn-grey); }
   

    .poll-form-wrap {padding: 0; border:0}

    .comments-section {padding-left: 0;}

    /* .emojionearea-picker { overflow: auto !important; width: 240px !important; } */
    .modal-content .icons li a { font-size: 20px; }

    #leave_confesion .form-btns {margin-top: 27px;}

    .poll-form-wrap span.has-error { position: static; margin-top: 0; }

    .confess-list:after { display: none;}

    body:not(.light-mode) .modal-content .modal-body .btn-close { background-size: 12px; }

    .be-admin-cat-holder ul.custom-checkbox-list li {width: 100%; }

}

@media only screen and (max-width:359px){
    .custom-header-wrap { padding: 16px 20px; }
    .confess-ftr-reactions ul { gap: 9px; }
}