/*
Theme Name: Dharmendra Mistari Photography
Theme URI: https://www.dharmendramistari.com
Author: Dharmendra Mistari Photography
Description: Custom WordPress theme converted from the original static PHP website. Includes a home-page slider, services, gallery with category filter and lightbox, contact form, blog and Customizer options.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: dm-photography
*/

/* The main design lives in assets/css/ (carried over from the original site).
   Rules below only cover the parts that were rebuilt for WordPress. */

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.alignleft{float:left;margin:0 20px 10px 0}.alignright{float:right;margin:0 0 10px 20px}.aligncenter{display:block;margin:0 auto}
.wp-caption{max-width:100%}.wp-caption-text{font-size:13px;margin-top:5px}
.entry-content img,.aboutus-content img{max-width:100%;height:auto}
.entry-content p,.aboutus-content p,.blog-post p{margin-bottom:15px}
.entry-content ul,.entry-content ol{margin:0 0 15px 20px}

/* Hero slider (replaces LayerSlider) */
.dm-slider{position:relative;width:100%;height:670px;overflow:hidden;background:#222}
.dm-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.dm-slide.is-active{opacity:1;visibility:visible}
.dm-slide-inner{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}
.dm-slide-inner .wrapper{padding-left:60px;box-sizing:border-box}
.dm-label{display:table;margin:0 0 14px;padding:5px 15px;font-size:26px;font-weight:400;line-height:1.3;text-transform:uppercase;color:#fff;background:#1a1a1a;opacity:0;transform:translateX(-60px);transition:opacity .6s ease,transform .6s ease}
.dm-label.is-teal{background:#36bfc4}
.dm-label.is-light{background:#fff;color:#3e3e3e}
.dm-slide.is-active .dm-label{opacity:1;transform:none}
.dm-slide.is-active .dm-label:nth-child(2){transition-delay:.5s}
.dm-slide.is-active .dm-label:nth-child(3){transition-delay:1s}
.dm-slide-link{position:absolute;inset:0;z-index:1}
.dm-dots{position:absolute;left:0;right:0;bottom:18px;text-align:center;z-index:2}
.dm-dots button{width:12px;height:12px;margin:0 5px;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;padding:0}
.dm-dots button.is-active{background:#36bfc4}
@media (max-width:983px){.dm-slider{height:420px}.dm-slide-inner .wrapper{padding-left:20px}.dm-label{font-size:18px}}
@media (max-width:480px){.dm-slider{height:300px}.dm-label{font-size:15px;padding:4px 10px}}

/* Gallery grid (replaces Megafolio) */
.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;margin-top:25px}
.dm-grid-item{position:relative;overflow:hidden;aspect-ratio:504/400;background:#222}
.dm-grid-item[hidden]{display:none}
.dm-grid-item img{width:100%;height:100%;object-fit:cover;display:block}
.dm-grid-item a{display:block;width:100%;height:100%;position:relative}
.dm-grid-hover{position:absolute;inset:0;background:rgba(54,191,196,.85) url(assets/images/lupe2.png) no-repeat center;opacity:0;transition:opacity .25s}
.dm-grid-item a:hover .dm-grid-hover,.dm-grid-item a:focus .dm-grid-hover{opacity:1}
.dm-grid-title{position:absolute;left:0;bottom:0;padding:6px 12px;background:rgba(46,46,46,.85);color:#fff;font-size:13px;text-transform:uppercase;opacity:0;transition:opacity .25s}
.dm-grid-item a:hover .dm-grid-title{opacity:1}
.category-filter li.filter{cursor:pointer}

/* Lightbox (replaces Fancybox) */
.dm-lb{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center}
.dm-lb.is-open{display:flex}
.dm-lb img{max-width:90vw;max-height:85vh;box-shadow:0 0 30px #000}
.dm-lb button{position:absolute;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer;padding:10px 16px}
.dm-lb .dm-lb-close{top:10px;right:14px}.dm-lb .dm-lb-prev{left:10px;top:50%}.dm-lb .dm-lb-next{right:10px;top:50%}
.dm-lb-cap{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#ddd;font-size:14px}

/* Contact form messages + honeypot */
.dm-notice{padding:10px 14px;margin-bottom:15px;border-left:5px solid #36bfc4;background:#f3f3f3}
.dm-notice.is-error{border-color:#c0392b}
.dm-hp{position:absolute!important;left:-9999px!important}

/* Blog + pagination */
.dm-post-meta{font-size:13px;color:#888;margin-bottom:10px}
.dm-pagination{clear:both;padding:20px 0}
.dm-pagination .page-numbers{display:inline-block;padding:6px 12px;margin-right:4px;background:#2e2e2e;color:#fff;text-decoration:none}
.dm-pagination .page-numbers.current,.dm-pagination .page-numbers:hover{background:#36bfc4}