/**
	Theme Name:   	BLoggingpro Child
	Theme URI:    	https://www.idtheme.com/bLoggingpro/
	Description:  	BLoggingpro Child Theme
	Author: 		kentooz - Gian MR
	Author URI: 	http://gianmr.com
	Version: 		1.0.0
	License: 		GNU General Public License v2 or later
	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: 	bloggingpro
	Template:     	bloggingpro
*/

@import url("../bloggingpro/style.css");

:root {
    --this-theme-family: 'PT Sans',sans-serif;
    --black: #0E0F17;
    --black1: #3e3f45;
    --black2: #6e6f74;
    --white: #fff;
    --body-bg: #f5f5f5;
    --this-primary: #0E0F17;
    --this-footer: #0E0F17;
    --this-sub-menu-shadow: 0 0 20px 3px rgba(0,0,0,.02);
    --dark-blue: #2429B0;
    --blue: #333BFC;
    --light-blue: #7076FD;
    --bg-blue: #DDDEFF;
    --dark-red: #C53021;
    --red: #F63C29;
    --light-red: #F97769;
    --bg-red: #FCCDC8;
    --dark-green: #089446;
    --green: #0BD364;
    --light-green: #54E093;
    --bg-green: #82FAB8;
    --dark-orange: #DBAE2F;
    --orange: #F3C134;
    --light-orange: #F7D471;
    --bg-orange: #FEEAB1;
    --border-dark: #CBCBCB;
    --border: #E3E3E3;
    --border-light: #EEE;
    --font-size-xxxl: 2.375rem;
    /* --font-size-xxl:1.75rem; */
    /* --font-size-xl:1.25rem; */
    /* --font-size-l:1.125rem; */
    /* --font-size-m:1rem; */
    --font-size-s: .875rem;
    --font-size-xs: .75rem;
    --font-size-xxs: .625rem;
    --heading-line-height: 1.25;
    --sub-heading-line-height: 1.5;
    --paragraf-line-height: 1.6
}

/**
 * Theme customization starts here
 */
.secondwrap-menu #primary-menu > li:first-child > a {
    text-transform: none!important;
    border-right: none!important;
}

.custom-menu > li > a {
    /* position: relative;
    display: block;
    padding: 15px 11px;
    text-decoration: none !important;
    text-transform: uppercase; */
    font-weight: 500!important;
    font-size: 16px;
}


#primary-menu > li > a {
    text-transform: capitalize!important;
	font-size: 16px;
}

@media (min-width: 992px) {
	.gmr-logo {
		width: 23%!important;
	}
}

@media (max-width: 991px) {
    .table-cell.gmr-logo {
        width: 80%;
        display: table-cell;
        margin-bottom: 15px;
        text-align: left!important;
    }
}

@media (max-width: 991px) {
    .table-cell.search {
        display: table-cell;
        width: 10%;
        padding-top: 8px!important;
    }
}

.site-search {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    z-index: 999
}

.site-search-box {
    overflow: hidden;
    background: #fff;;
    padding: 30px;
    margin: 0 15px;
    border-radius: 10px
}

.close-search {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-end
}

.close-search span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #0E0F17;;
    color: #fff;
    cursor: pointer
}

.close-search span svg {
    width: 18px;
    height: 18px
}

.search-box-title h3 {
    display: block;
    text-align: center;
    font-size: 1.25rem;
}

.search-box-input input {
    width: 300px!important;
    height: auto;
    margin-bottom: 0
}

/* .gmr-sticky.admin-bar .top-header {
    top: 0px!important;
} */

.gmr-sticky .site-header {
	position: unset!important;
}

.search-box-input input, select, textarea {
    display: block;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    border: 1px solid #E3E3E3;
    color: #0E0F17;
    border-radius: 5px;
    font-family: inherit;
    font-size: 1rem;
}

.search-box-input button[type=submit] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 5px;
    background: #0E0F17;
	position: static!important;
}



.search-box-input button[type=submit] svg {
    width: 18px;
    height: 18px;
    margin-left: 5px
}

.search-box-input button[type=submit] i {
    font-size: 1rem;
    margin-left: 2px
}

.site-navbar-mobile-top {
	position: sticky;
	top: 0;
    background: blue;
    color: #fff;
	z-index: 1000; 
}

@media (min-width: 768px) {
    .site-navbar-mobile-top {
        display:none
    }
}

.snmt-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px
}

.snmt-left h1 {
    margin: 0
}

.snmt-left h1 a {
    color: inherit
}

.snmt-right {
    display: flex;
    flex-direction: row;
    align-items: center
}

.snmt-search-button {
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    font-size: 1rem
}

.snmt-search-button svg {
    width: 20px;
    height: 20px
}

.snmt-menu-button {
	width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 15px;
}

.snmt-menu-button svg {
    width: 20px;
    height: 20px
}

.snmt-menu-button .close-icons {
    display: none
}

button {
    padding: 10px 20px;
    margin-bottom: 15px;
    border: none;
    cursor: pointer;
    background: #0E0F17;
    color: #fff;
}

@media (min-width: 768px) {
    .site-navbar-mobile-bottom {
        display: none;
    }

}
@media (max-width: 991px) {
    .gmr-headwrapper {
        padding-bottom: 0px;
		padding-top: 0px;
    }
	#menu-desktop {
		display: none!important;
	}
	#gmr-responsive-menu, .gmr-mainmenu #primary-menu > li > a, .search-trigger .gmr-icon {
		color: #fff!important;
	}
	#gmr-responsive-menu {
        display: block;
        position: relative;
        margin-left: -3px;
        font-size: 0 !important;
        line-height: 26px !important;
        height: 26px !important;
    }
}
.search-button, .search-button svg {
    width: 20px;
    height: 20px;
}
.search-button {
    padding-left: 35px;
}
.site-navbar-mobile-bottom {
    background: #113585;
    color: var(--white);
}

.cnt {
    overflow: hidden;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px
}

@media (max-width: 768px) {
    .cnt {
        padding:0 15px
    }
}

.snmb-menu {
    overflow: auto;
    white-space: nowrap;
}

.snmb-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.snmb-menu ul li {
    display: inline-block;
}

.snmb-menu ul li:first-child a {
    padding-left: 0;
}
.snmb-menu ul li a {
    display: inline-block;
    padding: 0 10px 10px 10px;
    color: inherit;
    font-size: var(--font-size-s);
}

.snmb-menu {
    overflow: auto;
    white-space: nowrap
}

.snmb-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.snmb-menu ul li {
    display: inline-block
}

.snmb-menu ul li:first-child a {
    padding-left: 0
}

.snmb-menu ul li a {
    display: inline-block;
    padding: 0 10px 10px 10px;
    color: inherit;
    font-size: var(--font-size-s)
}

.snmb-menu ul li ul {
    display: none
}

.site-menu-mobile {
    display: none;
    position: fixed;
    overflow: auto;
    top: 0;
    padding-top: 60px;
    width: 100%;
    height: 100vh;
    background: var(--this-primary);
    color: var(--white);
    z-index: 997
}

.smm-section-1 {
    margin-bottom: 20px;
}

.smm-section-1 ul, .smm-section-2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.smm-section-1 ul li, .smm-section-2 ul li {
    float: none;
}

.smm-section-1 ul li a {
    display: block;
    padding: 10px 15px;
    font-size: var(--font-size-l);
    color: inherit;
}

.snmt-send-article a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid var(--white);
    border-radius: 30px;
    font-size: 11px;
    color: inherit;
}

.snmt-send-article {
    margin-left: 10px;
}

.secondwrap-menu {
	box-shadow: none!important;
    padding-top: 0px;
	padding-bottom: 0px;
}