/*==================================================
    MobarakShahrNews Pro
    Base CSS
    Global Foundation
==================================================*/


/*==================================================
    ROOT VARIABLES
==================================================*/

:root{

    /* Colors */

    --primary:#b30000;
    --primary-dark:#8b0000;

    --secondary:#1d3557;

    --gold:#d4af37;

    --white:#ffffff;
    --black:#000000;

    --text:#333333;
    --text-light:#666666;
    --text-muted:#999999;

    --gray:#f5f5f5;
    --gray-light:#fafafa;

    --border:#e5e5e5;


    /* Radius */

    --radius-sm:8px;
    --radius:12px;
    --radius-lg:18px;


    /* Transition */

    --transition:.35s ease;


    /* Shadows */

    --shadow-sm:0 4px 12px rgba(0,0,0,.05);
    --shadow-md:0 10px 25px rgba(0,0,0,.08);
    --shadow-lg:0 18px 45px rgba(0,0,0,.12);

}


/*==================================================
    RESET
==================================================*/

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}


html{

    scroll-behavior:smooth;

}


body{

    margin:0;

    background:#fff;

    color:var(--text);

    overflow-x:hidden;

    font-family:inherit;

    line-height:1.7;

}


img{

    display:block;

    max-width:100%;

    height:auto;

}


a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}


ul,
ol{

    list-style:none;

    margin:0;

    padding:0;

}


button,
input,
textarea,
select{

    font:inherit;

}


button{

    border:0;

    background:none;

    cursor:pointer;

}


textarea{

    resize:vertical;

}


/*==================================================
    WORDPRESS MEDIA
==================================================*/

figure{

    margin:0;

}


iframe{

    max-width:100%;

}


/*==================================================
    GLOBAL LAYOUT
==================================================*/

.site-main{

    width:100%;

}


.container{

    width:100%;

    max-width:1320px;

    margin-left:auto;

    margin-right:auto;

    padding-left:15px;

    padding-right:15px;

}


/*==================================================
    GLOBAL BUTTON
==================================================*/

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:14px 28px;

    border-radius:40px;

    background:var(--primary);

    color:var(--white);

    font-weight:700;

    line-height:1.5;

    transition:var(--transition);

}


.btn-primary:hover{

    background:var(--primary-dark);

    color:var(--white);

}


/*==================================================
    ACCESSIBILITY
==================================================*/

.screen-reader-text{

    position:absolute;

    width:1px;

    height:1px;

    padding:0;

    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);

    white-space:nowrap;

    border:0;

}


/*==================================================
    FOCUS
==================================================*/

:focus-visible{

    outline:3px solid rgba(179,0,0,.35);

    outline-offset:3px;

}


/*==================================================
    WORDPRESS COMMON
==================================================*/

.alignleft{

    float:left;

    margin-right:20px;

    margin-bottom:15px;

}


.alignright{

    float:right;

    margin-left:20px;

    margin-bottom:15px;

}


.aligncenter{

    display:block;

    margin-left:auto;

    margin-right:auto;

}


/*==================================================
    CLEARFIX
==================================================*/

.clearfix::after{

    content:"";

    display:table;

    clear:both;

}


/*==================================================
    REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion:reduce){

    html{

        scroll-behavior:auto;

    }

    *,
    *::before,
    *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

        scroll-behavior:auto !important;

    }

}

/*==================================================
    GLOBAL CONTAINER
==================================================*/

.container{
    width:min(1320px, calc(100% - 40px));
    margin-inline:auto;
}

.home-section{
    margin-block:60px;
}