/*
 Theme Name:   Babepedia 2024
 Theme URI:    https://www.babepedia.com
 Description:  Babepedia 2024 theme
 Author:       Babepedia
 Author URI:   https://www.babepedia.com
 Template:     generatepress
 Version:      0.3
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/
h2 { margin-bottom:0px;line-height:1em; font-size: 90%;}
/* blog fixed width (max 1920px) */
body,header {
	max-width: 1920px;
	margin: 0 auto;
    font-family: open sans, open sans arial fallback, sans-serif !important;
}
ol, ul { margin: 0px; }
.ui-widget, footer {
    font-family: roboto slab, Verdana, sans-serif !important;
}
.inside-article h1, .inside-article h2, .inside-article h3, .inside-article h4 {
    font-family: lobster, adjusted arial fallback, gabriola !important;
    color: black !important;
    font-weight: normal !important;
}
.inside-article h1 { font-size: 2em !important; }
.inside-article h2 { font-size: 1.5em !important; }
.inside-article h3 { font-size: 1.2em !important; }
.inside-article h2 strong,.inside-article h3 strong,.inside-article h4 strong { font-weight: normal; }
.inside-article h4 { font-size: 1em !important; }
.inside-article p, .inside-article blockquote { clear: both;font-size: 1em; }
html { margin-top: 0px !important; }
.content-area {
    width: 100% !important;
    margin: 0px;
    border: 0px;
    padding: 0px;
    left: 0%;
} 
body.blog aside a {
    color: #272727;
    text-decoration: none;
}
body.lightsoff aside a {
    color: #eee !important;
}
body.lightsoff .inside-article, body.lightsoff .comments-area, body.lightsoff .page-header, body.lightsoff .one-container .container, body.lightsoff .paging-navigation, body.lightsoff .inside-page-header {
    background-color: #272727 !important;
}
body.lightsoff .content-area {
    background-color: #000 !important;
}
body.lightsoff #content h1, body.lightsoff #content h2, body.lightsoff #content h3, body.lightsoff #content h4, body.lightsoff #content h5, body.lightsoff #content h6, body.lightsoff .wp-block-search__label {
    color: #eee !important;
}

.content-area .site {
margin:0px;
}
#content .sidebar { display:none }
#content .inside-article header,body.category #content header,body.pagesearch #content header,body.pagearchive #content header { background: unset; }
body.lightsoff #content .inside-article header,body.lightsoff body.category #content header { background: unset; }
.inside-article footer, article footer { background: unset; min-height:unset; }
body.lightsoff .inside-article footer, body.lightsoff article footer { background: unset; min-height:unset; }
.inside-header {
	padding-bottom: 0px !important;
}
cite { color: #272727; }
body.lightsoff cite { color: white; }

.footer-widgets {
	background-color: #fffbf2 !important;
}
body.lightsoff .footer-widgets {
    background-color: #272727 !important;
}
body.lightsoff a.ui-button {
    color: #3f3731 !important;
}
.footer .ft-legal-list { margin:0px; }
.saswp_faq_tiny_content {margin-bottom: 20px;}

li.parent { display:list-item; } /* overwrite parent css */
.wp-block-search__inside-wrapper { padding-right:20px; margin-top: 20px; }
.wp-block-search__label { color: #dc6600;
    font-size: 30px;
    font-weight: 400;
    font-family: roboto slab, Verdana, sans-serif;
    padding: 10px 0; 
}
#block-2 { padding-top: 10px }
aside a {
    color: #272727 !important;    
    text-decoration: none;
}
.sidebar_block .thumbnail span img
{
    height: unset;
    max-width: unset;
}
.inside-article ul li { list-style-type: square; }
.inside-article ol li, .inside-article ul li { margin-left: 20px; }
.inside-article ol, .inside-article ul { margin-bottom: 10px; line-height: 1.5em !important; }

/* Reviews on the blog post */
.review-block {
    background-color: #FEFAF1;
    border: 3px solid #F1EDE5; 
    padding: 20px; 
    border-radius: 5px; 
    max-width: 650px; 
}

.review-block h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.review-block p {
    font-size: 1em; 
    line-height: 1.5; 
    text-align: justify;
}

#content .review-block h3 {
    font-size: 1.2em;
    margin-top: 15px; 
    padding: 0px;
}

.review-block ul {
    list-style: none; 
    padding: 0; 
}

.review-block li {
    margin-bottom: 5px; /* Space between list items */
}

.review-block li:before {
    content: ""; 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
}

.review-block ul li {
    list-style-type: none;
    margin-left: 0px;
}

.review-block ul li::before {
    content: '✅'; /* Checkmark for Pros */
    margin-right: 20px;
    font-size: 1.2em;
}

.review-block ul.cons li::before {
    content: '❌'; /* Red X for Cons */
}

.review-block .disclaimer {
    font-size: 0.8em;
    color: #777777;
    margin-top: 15px;
}.review-block .cta-button {
    background-color: #ff9900;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    max-width: 250px;
    max-width: -webkit-fill-available;
    border: 3px solid #F1EDE5;
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    transition: background-color 0.3s;
}

.review-block .cta-button:hover {
    background-color: #ff6600;
    cursor: pointer;
}
.starbarmobile {
    display: none; /* Hidden by default */
}

.starbardesktop {
    display: block; /* Visible by default */
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .review-block { padding: 12px }
    .starbarmobile {
        display: block; /* Show mobile star bar */
    }
    .starbardesktop {
        display: none; /* Hide desktop star bar */
    }
}


/* Dark mode support */
body.lightsoff .review-block {
    background-color: #333; /* Dark background for dark mode */
    color: #fff; /* Text color for dark mode */
}

body.lightsoff .review-block h2,
body.lightsoff .review-block h3 {
    color: #FFA500; /* Adjust heading color for dark mode */
}

/* End of blog post reviews */