/*
Theme Name: Comad
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Comad WordPress theme (ported from static HTML). Uses assets stored in the `html/assets` folder.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comad
*/

/* You can add small theme-specific styles here. The template's primary styles are loaded from html/assets/css/style.css via functions.php */

body {
    margin: 0;
}


/* =========================
   BLOG FEATURED IMAGE
========================= */

.blog-post-item .post-thumbnail{
    width:100%;
    border-radius:25px;
    overflow:hidden;
    margin-bottom:30px;
}

.blog-post-item .post-thumbnail img{
    width:100%;
    height:550px;
    object-fit:cover;
    display:block;
}

/* =========================
   SIDEBAR BOX
========================= */

.sidebar-post-widget{
    background:#f5f5f5;
    padding:40px;
    border-radius:30px;
}

.sidebar-post-widget .widget-title{
    margin-bottom:35px;
}

/* =========================
   RECENT POSTS
========================= */

.recent-post-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:25px;
}

.recent-post-thumb{
    width:110px;
    min-width:110px;
}

.recent-post-thumb a{
    display:block;
}

.recent-post-thumb img{
    width:110px !important;
    height:110px !important;
    object-fit:cover !important;
    border-radius:20px;
    display:block;
}

.recent-post-content{
    flex:1;
}

.recent-post-date{
    display:block;
    font-size:16px;
    color:#888;
    margin-bottom:8px;
}

.recent-post-content h5{
    margin:0;
    line-height:1.5;
}

.recent-post-content h5 a{
    font-size:22px;
    font-weight:600;
    color:#111;
    text-decoration:none;
}


.footer-widget .widget-content .menu li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--white-color);
}

.footer-widget .widget-content .menu li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-widget .widget-content .menu li a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--white-color);
}
.footer-widget .widget-content .menu li a::after {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  width: 0;
  height: 1px;
  background-color: var(--highlight-color);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.footer-widget .widget-content .menu li a:hover {
  color: var(--highlight-color);
}
.footer-widget .widget-content .menu li a:hover::after {
  width: 100%;
}


.check-list.style-one li {
    position: relative;
    padding-left: 30px;
    list-style: none;
}


.check-list.style-one li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;

    background-image: url("assets/images/home-one/gallery/icon.png");
    background-size: contain;
    background-repeat: no-repeat;
}


.comad-project-item.style-one .project-content .shortservicedesc, .stylep {
    margin-bottom: 25px;
}

.msgfield span{
    width: 100%;
}


.sidebar-widget-area
  .sidebar-widget.sidebar-post-widget
  .post-thumbnail-content
  img {
    height: 100px;
    object-fit: cover;
}
.service-details-wrapper .service-image img {
    border-radius: 30px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}


/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .blog-post-item .post-thumbnail img{
        height:350px;
    }

}

@media(max-width:767px){

    .recent-post-thumb{
        width:90px;
        min-width:90px;
    }

    .recent-post-thumb img{
        width:90px !important;
        height:90px !important;
    }

    .blog-post-item .post-thumbnail img{
        height:250px;
    }

}