/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*  [alma_literary_clock] */

.stamp-card{
    background:#fff;
    mask:url("https://dev.almamagazines.com/wp-content/uploads/2026/07/Subtract.svg");
    -webkit-mask:url("https://dev.almamagazines.com/wp-content/uploads/2026/07/Subtract.svg");
    mask-size:100% 100%;
    -webkit-mask-size:100% 100%;
}

/* Hero Slider css */

/* ===================================================
   HERO SLIDER
=================================================== */

.hero_slider_ .swiper-slide{
    overflow:hidden;
}

.hero_slider_ .e-con-inner{
    position:relative;
    overflow:hidden;
    width:100%;
}

/* ======================================
   IMAGE
====================================== */

.hero_slider_ .elementor-widget-theme-post-featured-image{
    margin:0!important;
}

.hero_slider_ .elementor-widget-theme-post-featured-image img{
    display:block;
    width:100%;
    height:731px;
    object-fit:cover;

    -webkit-filter:grayscale(100%);
    filter:grayscale(100%) brightness(.9);

    transition:all .6s ease;
}

/* Hover */

.hero_slider_ .swiper-slide:hover img{
    -webkit-filter:grayscale(0%);
    filter:grayscale(0%);
    transform:scale(1.05);
}

.hero_slider_ .elementor-element, .hero_slider_ .e-con-inner, .hero_slider_ .swiper{
	padding: 0!important
}


/* ======================================
   OVERLAY
====================================== */

.hero_slider_ .e-con-inner:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.75) 10%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,0) 100%
    );
    z-index:2;
}

/* ======================================
   TITLE
====================================== */

.hero_slider_ .elementor-widget-theme-post-title{
    position:absolute;
    left:48px;
    bottom:90px;
    z-index:5;
    width:70%;
	font-size:58px !important;
	font-family: Prata !important;
}

.hero_slider_ .elementor-heading-title {
    color: #fff !important;
     line-height: 1.05;
    font-weight: 300;
    margin: 0;
    font-weight: bold !important;
   font-size:48px !important;
	font-family: "Prata", Sans-serif !important;
}

/* ======================================
   AUTHOR
====================================== */

.hero_slider_ .elementor-widget-author-box{
    position:absolute;
    left:48px;
    bottom:45px;
	    font-weight: 500 !important;

	 font-size: 20px !important;
    font-family: "Alegreya", Sans-serif !important;
    z-index:5;
}

.hero_slider_ .elementor-author-box__name{
    color:#fff!important;
	 font-size: 20px !important;
	    font-weight: 500 !important;
	letter-spacing:1px;
	    font-family: "Alegreya", Sans-serif !important;

}

/* ======================================
   ARROWS
====================================== */

.hero_slider_ .elementor-swiper-button{
    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    z-index:20;
}

.hero_slider_ .elementor-swiper-button svg{
    width:22px;
    height:22px;
}

.hero_slider_ .elementor-swiper-button-prev{
    left:25px;
}

.hero_slider_ .elementor-swiper-button-next{
    right:25px;
}

/* ======================================
   BULLETS
====================================== */

.hero_slider_ .swiper-pagination{
    bottom:18px!important;
	display:none !important;
}

.hero_slider_ .swiper-pagination-bullet{
    width:8px;
    height:8px;
    opacity:.35;
    background:#fff;
	
}

.hero_slider_ .swiper-pagination-bullet-active{
    opacity:1;
}

/* ======================================
   TABLET
====================================== */

@media(max-width:1024px){

.hero_slider_ .elementor-widget-theme-post-featured-image img{
    height:560px;
}

.hero_slider_ .elementor-widget-theme-post-title{
    left:30px;
    bottom:80px;
    width:80%;
}

.hero_slider_ .elementor-heading-title{
    font-size:42px;
}

.hero_slider_ .elementor-widget-author-box{
    left:30px;
}

}

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

@media(max-width:767px){

.hero_slider_ .elementor-widget-theme-post-featured-image img{
    height:420px;
}

.hero_slider_ .elementor-widget-theme-post-title{
    left:20px;
    right:20px;
    width:auto;
    bottom:65px;
}

.hero_slider_ .elementor-heading-title{
    font-size:30px;
    line-height:1.15;
}

.hero_slider_ .elementor-widget-author-box{
    left:20px;
    bottom:28px;
}

.hero_slider_ .elementor-author-box__name{
    font-size:15px;
}

.hero_slider_ .elementor-swiper-button{
    width:40px;
    height:40px;
}

.hero_slider_ .elementor-swiper-button-prev{
    left:10px;
}

.hero_slider_ .elementor-swiper-button-next{
    right:10px;
}

}

/* Hero Slider css end */


#alma_menu .elementor-nav-menu--main .elementor-item{
    display:flex;
    align-items:center;
}

#alma_menu .elementor-nav-menu--main .elementor-item::before {
    content: "*";
    font-size: 30px;
    opacity: 1;
    width: 10px;
    background: none;
    height: auto;
    display: inline-block;
    position: relative;
    top: 7px;
    left: -8px;
}

.gk-container{
    max-width:1200px;
    margin:auto;
    padding:40px 20px;
}

.gk-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:30px;
}

.gk-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.gk-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.gk-card h3{
    padding:15px;
    margin:0;
}

.gk-post-header{
    margin:30px 0;
}

.gk-post-header h1{
    font-size:42px;
    margin-bottom:10px;
}

.gk-meta{
    color:#777;
    display:flex;
    gap:15px;
}

.gk-featured-image img{
    width:100%;
    border-radius:12px;
}

.gk-content{
    max-width:850px;
    margin:auto;
    line-height:1.8;
}

.archive-header{
    margin-bottom:40px;
}

.author-box{
    text-align:center;
    margin-bottom:50px;
}

.gk-404{
    text-align:center;
    padding:100px 20px;
}

.gk-404 h1{
    font-size:120px;
    margin:0;
}

.gk-btn{
    display:inline-block;
    padding:12px 25px;
    background:#111;
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    margin-top:20px;
}


/*==========================
  Alma Categories
===========================*/

.alma-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px dashed #cfcfcf;
    border-bottom:1px dashed #cfcfcf;
    margin:0px auto;
    width:100%;
    background:#fff;
}

.alma-category-item{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration:none;
    padding:55px 25px;
    min-height:310px;
    border-right:1px dashed #cfcfcf;
    transition:.35s ease;
    overflow:hidden;
}

.alma-category-item:last-child{
    border-right:none;
}

.alma-category-image{
    width:300px;
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:32px;
}

.alma-category-image img{
    width:auto;
    height:auto;
    max-width:300px;
    max-height:300px;
    object-fit:contain;
    transition:.4s;
/*    filter:grayscale(100%);*/
}

.alma-category-title{
    margin:0;
    color:#111;
        font-family: "Alegreya", Sans-serif !important;

    font-size:16px;
    line-height:1.45;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-weight:500;
}

/* Hover */

.alma-category-item:hover{
    background:#fcfcfc;
}

.alma-category-item:hover img{
    filter:grayscale(0%);
    transform:translateY(-5px);
}

.alma-category-item:hover .alma-category-title{
    color:#66B8DE;
}

.alma-single{

    max-width:900px;
    margin:auto;
    padding:50px 20px;

}

.alma-featured-image{
    width:100%;
    margin-bottom:0px;
}

.alma-featured-image img{
    width:100%;
    height:auto;
    display:block;
    max-height: 500px;
    object-fit: cover;
}


.alma-header{
    margin-bottom:40px;
}

.alma-title{

    font-size:42px;
    line-height:1.2;
    font-family:Georgia,serif;
    font-weight:400;
    margin-bottom:15px;

}

.alma-meta{

    color:#777;
    font-size:14px;

}

.alma-meta .dot{

    margin:0 10px;

}

.alma-content{

    font-size:19px;
    line-height:1.9;
    color:#333;

}

.alma-content p{

    margin-bottom:28px;

}

/*==========================
RELATED
==========================*/

.alma-related{

    max-width:1200px;
    margin:100px auto;

}

.related-heading{

    text-align:center;
    margin-bottom:45px;
    position:relative;

}

.related-heading:before{

    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#ddd;

}

.related-heading span{

    background:#fff;
    padding:0 18px;
    position:relative;
    z-index:2;
    letter-spacing:2px;
    font-size:14px;

}

.related-card img{

    width:100%;
    height:180px;
    object-fit:cover;

}

.related-category{

    margin-top:15px;
    font-size:11px;
    color:#777;
    letter-spacing:1.5px;
    text-transform:uppercase;

}

.related-title{

    margin:10px 0;
    font-size:24px;
    line-height:1.3;
    font-family:Georgia,serif;
    font-weight:400;

}

.related-title a{

    color:#222;
    text-decoration:none;

}

.related-title a:hover{

    color:#0a6bb8;

}

.related-excerpt{

    color:#666;
    font-size:15px;
    line-height:1.8;

}

/*==========================
OWL
==========================*/

.alma-related-slider .owl-stage{

    display:flex;

}

.alma-related-slider .owl-item{

    display:flex;

}

.alma-related-slider .related-card{

    height:100%;

}

.alma-related-slider .owl-nav{

    text-align:center;
    margin-top:35px;

}

.alma-related-slider .owl-nav button{

    width:42px;
    height:42px;
    border:1px solid #ccc !important;
    border-radius:50%;
    margin:0 6px;
    background:#fff !important;

}

.alma-related-slider .owl-nav button:hover{

    background:#000 !important;
    color:#fff !important;

}

.alma-related-slider .owl-dots{

    display:none;

}

.alma-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

.alma-offcanvas{
    position:fixed;
    top:0;
    left:-380px;
    width:380px;
    height:100vh;
    background:#fff;
    transition:.35s;
    z-index:9999;
    overflow-y:auto;
    padding:40px;
}

.alma-offcanvas.active{
    left:0;
}

.alma-overlay.active{
    opacity:1;
    visibility:visible;
}

/* ==========================================
   Offcanvas Menu
========================================== */

.alma-offcanvas-menu{
    margin:40px 0 0;
    padding:0;
    list-style:none;
}

.alma-offcanvas-menu li{
    border-bottom:1px dashed #d7d7d7;
}

.alma-offcanvas-menu li:last-child{
    border-bottom:none;
}

.alma-offcanvas-menu li a{
    display:block;
    padding:16px 5px;
    font-family: "Cormorant Garamond", serif;
    font-size:15px;
    font-weight:500;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-align:center;
    color:#222;
    text-decoration:none;
    transition:.25s ease;
}

.alma-offcanvas-menu li a:hover{
    color:#3d8ed8;
    background:#fafafa;
}


/* Current Menu */

.alma-offcanvas-menu .current-menu-item > a,
.alma-offcanvas-menu .current-menu-parent > a,
.alma-offcanvas-menu .current_page_item > a{
    color:#3d8ed8;
}


/* Dropdown */

.alma-offcanvas-menu .sub-menu{
    display:none;
    margin:0;
    padding:0;
    list-style:none;
    background:#fafafa;
}

.alma-offcanvas-menu .sub-menu li a{
    padding:14px 20px;
    font-size:13px;
    letter-spacing:.05em;
}


/* Parent Menu Arrow */

.alma-offcanvas-menu .menu-item-has-children > a{
    position:relative;
    padding-right:35px;
}

.alma-offcanvas-menu .menu-item-has-children > a::after{
    content:"+";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    font-weight:400;
}

.alma-offcanvas-menu .menu-item-has-children.open > a::after{
    content:"−";
}

.alma-close{
        background-color: transparent;
    border: 1px solid #7AB3D8;
    border-radius: 3px;
    color: #7AB3D8;  
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    text-align: center;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.alma-close:hover{
        background-color: #7AB3D8;
    
    color: #000000;  
  
}
.alma-cat-image img {
    /* width: 170px; */
    height: 190px;
    object-fit: contain;
    background: #fff;
    display: block;
    margin: 0 auto 24px;
}

/*==========================
 Tablet
===========================*/

@media (max-width:1024px){

.alma-category-grid{

grid-template-columns:repeat(2,1fr);

}

.alma-category-item{

border-right:1px dashed #cfcfcf;

border-bottom:1px dashed #cfcfcf;

min-height:270px;

}

.alma-category-item:nth-child(2n){

border-right:none;

}

.alma-category-item:nth-last-child(-n+2){

border-bottom:none;

}

}

/*==========================
 Mobile
===========================*/

@media (max-width:767px){

.alma-category-grid{

grid-template-columns:1fr;

}

.alma-category-item{

border-right:none;

border-bottom:1px dashed #cfcfcf;

padding:45px 20px;

min-height:240px;

}

.alma-category-item:last-child{

border-bottom:none;

}

.alma-category-image{

width:120px;

height:120px;

margin-bottom:24px;

}

.alma-category-image img{

max-width:105px;

max-height:105px;

}

.alma-category-title{

font-size:14px;

}

}