/*
Theme Name: Devmin
Theme URI: http://saurabhchauhan.com/devmin
Author: Saurabh Chauhan
Author URI: http://saurabhchauhan.com
Description: A theme for developers to create their own minimal blog.
Version: 1.0.2
Tested up to: 6.6.2
Requires at least: 5.3
Requires PHP: 5.3
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog
Text Domain: devmin
*/


body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#292929;font-weight:bold}a{color:var(--accent-color)}a:hover{color:#36a749}a.no-text-decoration{text-decoration:none}a.text-link{text-decoration:none}a.text-link:hover{text-decoration:underline}.single-col-max-width{max-width:820px}.single-form-max-width{max-width:600px}.btn{font-weight:bold;padding:.375rem 1rem;height:2.75rem;outline:none}.btn:focus,.btn.focus{box-shadow:none !important;transition:all 0.4s ease-in-out;outline:none}@media (prefers-reduced-motion: reduce){.btn:focus,.btn.focus{transition:none}}.btn-primary{color:#fff}.btn-primary:hover,.btn-primary:active{color:#fff;background:#4cc560}.form-control{padding-top:0.875rem;padding-bottom:0.875rem;height:2.75rem;border-color:#c2c2c2}.form-control::-webkit-input-placeholder{color:#8f8f8f}.form-control:-moz-placeholder{color:#8f8f8f}.form-control::-moz-placeholder{color:#8f8f8f}.form-control:-ms-input-placeholder{color:#8f8f8f}.theme-bg-light{background:#fafafa !important}.theme-bg-dark{background:#223142 !important}.header{position:fixed;left:0;top:0;height:100vh;width:280px;background:var(--accent-color);color:var(--header-text-color)}.header .blog-name{font-weight:bold;font-size:1.5rem;color:var(--header-text-color)}.header .blog-name a{color:var(--header-text-color)}.header .blog-name a:hover{text-decoration:none}.header .btn-primary{background:rgba(0,0,0,0.3);border-color:transparent;font-size:1rem;padding-top:0.5rem}.header .btn-primary:hover{background:rgba(0,0,0,0.4);border-color:transparent}.header .navbar{padding:2rem 1rem}.header .navbar-toggler:focus{box-shadow:none}.header .navbar-dark .navbar-toggler{border-radius:2px;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;border:1px solid rgba(255,255,255,0.8);padding:.25rem .6rem}.header .navbar-dark .navbar-toggler:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}.header .navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.header .nav-item{font-weight:bold}.header .nav-item .nav-link.active{color:rgba(0,0,0,0.5)}.header .nav-item .nav-link.active:hover{text-decoration:none}.header .nav-item .nav-link{color:var(--nav-link-color)}.header .nav-item .nav-link:hover{color:var(--nav-link-hover-color)}.profile-section .profile-image{max-width:160px}.profile-section .bio{font-size:0.875rem}.profile-section .bio a{color:#fff;text-decoration:underline}.profile-section .bio a:hover{color:rgba(0,0,0,0.6)}.social-list a{width:32px;height:32px;padding-top:2.5px;display:inline-block;text-align:center;border-radius:50%;transition:all 0.4s ease-in-out;background-color:#fff}@media (prefers-reduced-motion: reduce){.social-list a{transition:none}}.social-list a:hover{color:#3dba52;background-color:rgba(255,255,255,0.8)}.main-wrapper{margin-left:280px;background:#fff}.main-wrapper .container{max-width:820px}.cta-section .heading{font-size:2rem;font-weight:bold}.promo-section{margin-bottom:40px}.promo-section .promo-image{max-width:320px}.promo-section .promo-section-inner{background:var(--accent-color)}.footer{color:rgba(255,255,255,0.7)}.footer a{color:#fff}.blog-list .item .title{font-size:1.275rem}.blog-list .item .title a{color:#292929}.blog-list .item .title a:hover{color:#292929}.blog-list .item .post-thumb{border-radius:2px}.blog-list .item .intro{font-size:0.875rem}.blog-list .item .more-link{font-size:0.8125rem}.meta{color:#8f8f8f;font-size:0.8125rem}.meta span{display:inline-block}.meta span a{color:#8f8f8f}.meta span a:hover{color:#4f4f4f}.meta span:after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#8f8f8f;margin-left:0.5rem;margin-right:0.5rem;position:relative;top:-3px}.meta span:last-child:after{display:none}.blog-nav .nav-link{background:var(--accent-color);color:#fff;font-size:1rem;padding:1rem;font-weight:bold;position:relative}.blog-nav .nav-link:hover{background:#3dba52}.blog-nav .nav-link-prev{border-right:1px solid #309441}.blog-nav .arrow-prev{position:absolute;left:1rem;top:1.25rem;color:#fff}.blog-nav .arrow-next{position:absolute;right:1rem;top:1.25rem;color:#fff}.blog-post .title{font-weight:bold;font-size:2rem}.blog-post .blog-post-body p,.blog-post .blog-post-body li{font-size:1.125rem;line-height:1.6}.blog-post .blog-post-body h1,.blog-post .blog-post-body .h1{font-size:2.125rem}.blog-post .blog-post-body h2,.blog-post .blog-post-body .h2{font-size:2rem}.blog-post .blog-post-body h3,.blog-post .blog-post-body .h3{font-size:1.75rem}.blog-post .blog-post-body h4,.blog-post .blog-post-body .h4{font-size:1.5rem}.blog-post .blog-post-body h5,.blog-post .blog-post-body .h5{font-size:1.25rem}.blog-post .blog-post-body h6,.blog-post .blog-post-body .h6{font-size:1.125rem}.blog-post .image-caption{color:#8f8f8f;font-size:0.875rem}.blog-post .image-caption a{color:#8f8f8f;text-decoration:underline}.blog-post .image-caption a:hover{color:#4f4f4f}.blog-post .blockquote{font-family:Georgia,"Times New Roman",Times,serif;border-left:2px solid #292929;font-size:1.5rem}.blog-post .blockquote p{font-size:1.5rem}.about-section .heading{font-size:2rem}.about-section p,.about-section li{font-size:1.125rem;line-height:1.6}.about-section h1,.about-section .h1{font-size:2.125rem}.about-section h2,.about-section .h2{font-size:2rem}.about-section h3,.about-section .h3{font-size:1.75rem}.about-section h4,.about-section .h4{font-size:1.5rem}.about-section h5,.about-section .h5{font-size:1.25rem}.about-section h6,.about-section .h6{font-size:1.125rem}@media (min-width: 768px){.theme-btn-cta{width:inherit;display:inline-block}.cta-section .form-inline .form-control{width:360px}}@media (min-width: 992px){.blog-list .post-thumb{max-width:100%}}@media (min-width: 1200px){.blog-list .post-thumb{max-width:150px}}@media (max-width: 991.98px){.header{position:static;width:inherit;height:auto}.header .blog-name{width:100%;position:absolute;left:0;top:1.2rem}.header .btn-primary{width:100%}.header .navbar{padding:1rem}.main-wrapper{margin-left:0}}@media (max-width: 767.98px){.signup-form .form-group{width:100%;margin-bottom:0.5rem}.signup-form .form-control{width:100%}.signup-form .btn-primary{width:100%}}

.social-list .ionicon {
    width: 20px;
    height: 20px;
    fill: var(--accent-color);
}


/* Caption styling */
.wp-caption {
    background: #f9f9f9;
    border: 1px solid #ddd;
    text-align: center;
    margin: 10px 0;
    padding: 5px;
    max-width: 100%; /* Ensure the caption does not exceed the container width */
}

.wp-caption-text {
    margin: 0.5em 0;
    font-size: 0.875rem;
    color: #6c757d;
}

/* Gallery caption styling */
.gallery-caption {
    margin-top: 0.5em;
    font-size: 0.875rem;
    color: #6c757d;
}

/* Author comment styling */
.bypostauthor {
    background: #e9ecef;
    border-left: 3px solid #007bff;
    padding: 10px;
    margin: 10px 0;
}

/* Alignment classes */
.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Comments */

/* Comments section */
.comments-area {
    background-color: #f5f5f5; /* Light gray background */
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-bottom: 20px;
}

/* Comments title */
.comments-title {
    margin-bottom: 15px;
    font-size: 1.2em; /* Slightly larger font */
}

/* Comment list */
.list-group {
    list-style: none; /* Remove default list style */
    padding: 0;
    margin: 0;
}

.list-group-item {
    padding: 15px;
    border-bottom: 1px solid #ddd; /* Divider between comments */
}

/* Comment avatar */
.avatar {
    border-radius: 50%;
    margin-right: 10px;
}

/* Comment author and meta */
.comment-author,
.comment-meta {
    margin-bottom: 5px;
}

/* Comment form */
#respond {
    margin-top: 20px;
}

.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.form-submit {
    text-align: right;
}

.required-field-message{
    display: block;
    margin-top: 15px;
    font-size: 0.8em;
}

.comment-body {
    background: beige;
    border-radius: 10px;
    margin: 10px;
    border: lightgray 1px solid;
    padding: 10px;
}

#comments ol.children{
    list-style: none;
}

/* Menu */
.dropdown-menu.show ul {
    list-style: none;
    padding: initial;
}
.dropdown-menu.show{
    padding: 0;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--nav-link-color) !important;
}

.dropdown-menu.show .nav-item {
    border-bottom: 1px solid var(--nav-link-hover-color);
}
.dropdown-menu.show .nav-item:last-child{
    border-bottom: unset;
}

/* End Comments */


/* Skip link styles */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 100;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

.sub-menu {
    background: var(--sub-menu-background);
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }