/*!
Theme Name: Shankar Maharaj Samadhi Math
Theme URI: http://underscores.me/
Author: Pixel N Paper
Author URI: https://pixelnpaper.in
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shankar-maharaj-math
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');

html{
    scroll-behavior: smooth;
}
body{
    margin: 0;
    padding:0;
	font-family: 'Baloo 2', sans-serif;
}
.topfixed {
    position: fixed !important;
    z-index: 999 !important;
    animation: smoothScroll 1s forwards;
    top: 0;
    width: 100%;
    background: #591100;
    padding: 10px 0 !important;
}
nav.topfixed #smsmathNavbar {
    height: 54px !important;
}
nav.topfixed .siteinfo{
	font-size: 22px !important;
}
nav.topfixed .siteinfo span{
	font-size: 16px !important;
}
nav.topfixed ul li a{
	color: #fff !important;
}
nav.topfixed ul li:hover a,nav.topfixed ul li.current-menu-item a{
    color:#ffb452 !important;
}
nav.topfixed ul li.current-menu-item a:before, nav.topfixed ul li:hover a:before, nav.topfixed ul li.current-menu-parent a:before{
    top: -24px !important;
}
@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}
.container{
    width: 1240px;
}
nav.smsmath-navbar.inner-nav ul li a{
    color: #fff;
}
/*--------------------------- Header ---------------------------*/
nav.smsmath-navbar {
    border-radius: 0;
    margin: 0;
    border: 0;
    padding: 15px 0;
    background: #9f3137;
}
nav.smsmath-navbar .logo {
    height: 128px;
    width: 128px;
    position: absolute;
    z-index: 1;
    top: 15px;
}
nav.smsmath-navbar .logo img {
    max-width: 100%;
    max-height: 100%;
}
nav.smsmath-navbar ul li a{
    color:#fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
nav.smsmath-navbar ul li a{
    padding: 0 25px;
}
nav.smsmath-navbar ul li:hover a{
    background: unset;
    color:#e9a943;
}
nav.smsmath-navbar ul li a:focus{
    background: unset;
    outline:unset;
    outline-offset:unset;
}
nav.smsmath-navbar .navbar-collapse{
    padding: 0;
    height: 50px !important;
    display: flex !important;
    align-items: center;
}
nav.smsmath-navbar ul li.current-menu-item a,nav.smsmath-navbar ul li.current-menu-parent a{
	color: #ffb452 !important;
}
nav.smsmath-navbar ul li.current-menu-item a:before,nav.smsmath-navbar ul li:hover a:before,nav.smsmath-navbar ul li.current-menu-parent a:before{
	content: '';
	background: #e9a943;
	height: 6px;
	width: 80%;
	position: absolute;
	top: -27px;
    left: 50%;
    transform: translate(-50%, -50%);
}
nav.smsmath-navbar ul.dropdown-menu {
    left: 15px !important;
    background: #ffb452;
    border: unset;
    top: 40px;
    border-radius: 0;
    padding: 0;
}
nav.smsmath-navbar ul.dropdown-menu li{
    padding: 0;
}
nav.smsmath-navbar ul.dropdown-menu li a{
    padding: 15px 20px !important;
    font-size: 19px;
    color: #8B2126 !important;
    font-weight: 500;
}
nav.smsmath-navbar ul.dropdown-menu li:not(:last-child) a{
    border-bottom: 1px solid #FFD797;
}
nav.smsmath-navbar ul.dropdown-menu li:hover a{
    background: #9f3137;
    color: #FFD797 !important;
}
nav.smsmath-navbar ul.dropdown-menu li a:focus{
    color: #7c0f00;
}
nav.smsmath-navbar ul.dropdown-menu li:hover a:before,
nav.smsmath-navbar ul li:hover ul.dropdown-menu li a:before{
    content: unset;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background: unset;
}
.nav .open>a:focus,.nav .open>a:hover,.nav .open>a{
    background: unset;
    border-color: unset;
}
/*--------------------------- Footer ---------------------------*/
.smsmath-footer{
    padding: 80px 0 20px 0;
    background: #7a2327;
    position: relative;
}
.smsmath-footer .above-footer-img{
	position: absolute;
	top: -30px;
	width: 100%;
    left: 0;
}
.smsmath-footer .above-footer-img img{
	width: 100%;
}
.smsmath-footer .widget_block h2{
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #ffd797;
}
.smsmath-footer #nav_menu-2 br{
    display: none;
}
.smsmath-footer #nav_menu-2 ul li a:before {
    content: '\f139';
    position: absolute;
    font-family: 'dashicons';
    left: 10px;
    color: #ffd797;
}
.smsmath-footer #nav_menu-2 ul li:not(:last-child){
	margin-bottom: 10px;
}
.smsmath-footer ul{
    list-style: none;
    margin: 0;
    padding: 0 20px;
}
.smsmath-footer ul li:hover a,.smsmath-footer ul a:hover i,.smsmath-footer .footer-contact-list p a:hover{
    color:#ffd797 !important;
}
.smsmath-footer ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight:400;
}
.smsmath-footer .footer-contact-list p a{
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight:400;
}
.smsmath-footer .footer-contact-list p {
    font-size: 20px;
    font-weight: 400;
    color:#fff;
    display: flex;
    align-items: center;
    line-height: 1.8;
}
.smsmath-footer .footer-contact-list p:not(:last-child) {
    margin-bottom: 25px;
}
.smsmath-footer .footer-contact-list p span{
    margin-right: 15px;
    font-size: 24px;
    color: #ffd797;
    position: relative;
    top: -2px;
}
.smsmath-footer .footer-contact-list p .dashicons-location{
	position: relative;
	top: -20px;
}
.smsmath-footer iframe{
    border: 2px solid #fff;
    padding: 5px;
}
/*--------------------------- Copyright ---------------------------*/
.smsmath-footer hr.footer-divider {
    border: 1px solid #fff;
    margin: 50px 0;
}
.smsmath-footer .copyright-wrap {
    font-size: 18px;
    color:#fff;
    font-weight: 400;
}
.smsmath-footer .copyright-wrap p{
    margin-bottom:0;
}
.smsmath-footer .copyright-wrap a{
    color:#ffd797;
    font-weight: 500;
    text-decoration: none;
}
.smsmath-footer .copyright-wrap a:hover{
    color: #e9a943;
}
/*--------------------------- Elementor ---------------------------*/
.smsm-home-hero-wrap {
    position: relative !important;
}
.smsm-home-hero-wrap .e-con-inner:before {
    content: '';
    background: url(img/smsm-home-hero-left-overlay-img.png), url(img/smsm-home-hero-right-overlay-img.png),
    url(img/smsm-home-hero-left-bottom-overlay-img.png), url(img/smsm-home-hero-right-bottom-overlay-img.png);
    height: 100%;
    width: 100%;
    left: 0;
    bottom: -15%;
    position: absolute;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: 0 5%, 100% 10%, 10% 100%, 85% 100%;
    opacity: .15;
    mix-blend-mode: color-dodge;
    background-size: auto;
}
.left-head-text h2{
	width: fit-content;
	position: relative;
}
.left-head-text h2:before{
	content: '';
	background: url('img/smsm-head-title-left-img.png');
    height: 100%;
    width: 100%;
    right: -90px;
    top: 0;
    z-index: 1;
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
}
.smsm-home-ql-wrap{
	position: relative;
	z-index: 1 !important;
}
.smsm-home-ql-wrap:after{
	content: '';
    background: url('img/smsm-home-middle-sec-left-img.png'),url('img/smsm-home-middle-sec-right-img.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 0 120%, 100% -20%;
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: .6;
}
.smsm-home-ql-wrap .img-box{
	position: relative;
}
.smsm-home-ql-wrap .img-box:after{
	content: '';
    height: 80px;
    width: 80px;
    background: #FBF2E3;
    border-radius: 50%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.smsm-home-ql-wrap .img-box .elementor-image-box-img{
	height: 120px;
    width: 120px;
    background: #e9a943;
    border-radius: 50%;
    line-height: 120px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}
.smsm-social-work-box{
	transform: scale(1);
}
.smsm-social-work-box:hover{
    transform: scale(1.05);
    z-index: 99;
}
.smsm-social-work-box .elementor-widget-image img{
	height: 280px;
    object-fit: cover;
    filter: grayscale(1);
    transition: all 1s ease;
}
.smsm-social-work-box:hover .elementor-widget-image img{
    filter: grayscale(0);
}
.smsm-inner-hero-wrap .e-con-inner:before {
    content: '';
    background: url(img/smsm-inner-hero-left-bottom-overlay-img.png), url(img/smsm-inner-hero-right-bottom-overlay-img.png);
    height: 100%;
    width: 100%;
    left: 0;
    bottom: -25%;
    position: absolute;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 100%, 100% 100%;
    opacity: .15;
    mix-blend-mode: color-dodge;
    background-size: auto;
}
table.donation-table{
    border: 1px solid #8c2a2e;
}
table.donation-table th {
    background: #8c2a2e !important;
    color: #fff !important;
    padding: 10px 15px !important;
    font-size: 20px;
    text-align: center !important;
    font-weight: 600;
}
table.donation-table th:not(:last-child) {
    border-right: 1px solid #fff !important;
}
table.donation-table td {
    text-align: center !important;
    padding: 10px 15px !important;
    border-right: 1px solid #8c2a2e !important;
    border-bottom: 1px solid #8c2a2e !important;
    font-size: 18px;
    font-weight: 600;
    color: #313131;
}
.smsm-home-hero-img-wrap .elementor-widget-image:before{
    content:'';
    background: url('http://sm.janhitpratishthan.org/wp-content/uploads/2024/04/smsm-home-hero-smt-img.png');
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    left: -30%;
}
/*--------------------------- Responsive ---------------------------*/

@media (min-height: 900px) and (max-height: 1080px) and (min-width: 1920px) and (max-width: 1920px) {
    .container{
        max-width: 1440px !important;
    }
}

@media (min-height: 900px) and (max-height: 1050px) and (min-width: 1600px) and (max-width: 1600px) {

}

@media (min-height: 657px) and (max-height: 1050px) and (min-width: 1500px) and (max-width: 1599px) {

}

@media (min-height: 657px) and (max-height: 1050px) and (min-width: 1440px) and (max-width: 1440px) {

}

@media (min-width: 1441px) and (max-width: 2560px){

}

@media (min-height: 800px) and (max-height: 940px) and (min-width: 768px) and (max-width: 1024px) {
    .container{
        width: unset;
    }
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .container{
        width: unset;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .container{
        width: unset;
    } 
}

@media(min-width: 320px) and (max-width: 480px){
    .container{
        width: unset;
    }
    nav.smsmath-navbar{
        padding:0;
    }
    nav.smsmath-navbar .navbar-header {
        padding: 15px;
    }
    nav.smsmath-navbar .logo {
    	z-index: 999;
        height: 100px;
        width: 100px;
        position: absolute;
	}
    nav.smsmath-navbar.topfixed #smsmathNavbar {
	    height: unset !important;
	    top: 73px;
	}
    nav.smsmath-navbar.topfixed{
    	padding: 10px 0 !important;
    }
    nav.smsmath-navbar.topfixed .navbar-toggle {
        padding: 9px 10px;
        margin-top: 15px;
    }
	nav.smsmath-navbar.topfixed .navbar-header {
	    padding: 0 15px;
	}
    nav.smsmath-navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none !important;
    }
    nav.smsmath-navbar .navbar-collapse.collapse.in{
        display: block !important;
        height: unset !important;
        background: #ffb452;
        padding: 10px 15px;
    }
    nav.smsmath-navbar .navbar-toggle{
        margin-top: 10px;
        margin-right: 15px;
        border-radius: 5px;
        background: #fff;
        margin-bottom: 0;
    }
    nav.smsmath-navbar .navbar-collapse .navbar-nav{
    	padding: 30px 15px 0;
    }
    nav.smsmath-navbar ul li.current-menu-item a, nav.smsmath-navbar ul li.current-menu-parent a{
        color:#812300 !important;
    }
    nav.smsmath-navbar ul li a,nav.smsmath-navbar ul li.current-menu-parent a{
	    font-weight: 400;
	    line-height: 2;
	    font-size: 22px;
    }
    nav.smsmath-navbar ul li:hover a{
        color: #812300 !important;
    }
    nav.smsmath-navbar .navbar-toggle .icon-bar{
        background: #812300;
        width: 25px;
        height: 3px;
    }
    .smsmath-footer .widget_block h2, .smsmath-footer #nav_menu-2 h2.widget-title{
    	font-size: 26px;
	    margin: 0 0 15px 0;
    }
    .smsmath-footer{
    	padding: 50px 10px;
    }
    .smsmath-footer .col-sm-4:nth-child(2){
        margin: 50px 0;
    }
    .smsmath-footer ul.footer-list-social {
        display: flex;
        width: unset;
        padding: 0;
    }
    .smsmath-footer ul.footer-list-social li i{
    	font-size: 18px;
    }
    .smsmath-footer ul a:hover i{
        color: #fff !important;
    }
    .smsmath-footer h2 span {
        display: unset;
        margin-left: 15px;
    }
    .copyright-wrap p{
        text-align: center;
        font-size: 15px;
    }
    .copyright-wrap p.text-left{
        margin-bottom: 15px;
    }
    .topnav-fixed{
        position: unset;
    }
    .smsmath-head-left-text h2:after{
    	content: unset;
    }
    .smsmath-home-hero-section .e-con-inner:before {
	    background-position: 0 90%, 100% 80%;
	    opacity: .1;
	}
	.smsmath-home-about-section .e-con-inner:before {
	    background-position: 0 40%, 100% 80%;
	    opacity: .1;
	}
	nav.topfixed .siteinfo{
		font-size: 20px !important;
	}
	nav.topfixed .siteinfo span{
		font-size: 14px !important;
	}
	nav.topfixed ul li a{
		color: #812300 !important;
	}
	nav.topfixed ul li:hover a,nav.topfixed ul li.current-menu-item a{
	    color:#b73d00 !important;
	}
    .smsmath-footer:before,.smsmath-home-services-section .e-con-inner:before,
    .smsmath-home-services-section .e-con-inner:after,.smsmath-inner-hero-section .e-con-inner:before{
        content: unset;
    }
    .inner-page .smsmath-head-center-text h2:before,.inner-page .smsmath-head-center-text h2:after,
    .smsmath-inner-about-section .e-con-inner:before{
        content: unset;
    }
    nav.smsmath-navbar ul.dropdown-menu{
        background: rgba(255,255,255,0.1) !important;
        margin: 0 15px;
        border-radius: 15px;
    }
    nav.smsmath-navbar li.dropdown a.dropdown-toggle:after {
        content: '\f140';
        font-family: 'dashicons';
        top: -10px;
        right: 25px;
        position: absolute;
        font-size: 32px;
    }
    nav.smsmath-navbar ul li.current-menu-item a:before, nav.smsmath-navbar ul li:hover a:before, nav.smsmath-navbar ul li.current-menu-parent a:before{
        content: unset;
    }
    .smsm-inner-content-wrap .left-head-text h2{
        margin: 0 auto;
    }
    .left-head-text h2:before{
        content: unset;
    }
	.smsmath-footer .above-footer-img{
		top: -10px;
	}
    .smsm-home-hero-img-wrap .elementor-widget-image:before{
        content: unset;   
    }
}