/*
Theme Name:   smart-mag child theme
Description:  Write here a brief description about your child-theme
Author:      Toni
Author URL:   http://byherownrules.com
Template:     smart-mag
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  smart-mag-child
*/


/* Write here your own personal stylesheet */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap');

@font-face {
    font-family: Georgia;
    src: url("fonts/Georgia-Regular-font.woff");
    font-weight: 400;
}

:root {
    --goldenColor: #FFDC73;
    --blackColor: #19232d;
}

body {
    background-color: #f5f5f5;
    padding-top: 80px;
    color:var(--blackColor);
}

.listing article,
.highlights .meta {
    background-color: #fff;
}

.listing article {
    box-shadow: 0 0 3px #00000036;
}

.highlights h2 a {
    font-size: 19px;
    font-weight: 600;
    color: var(--blackColor) !important;    
    font-family: 'Poppins', sans-serif;
}

.highlights h2 a:hover {
    color: var(--goldenColor) !important;
}

.main .sidebar::before {
    margin-left: -10px;
}

.column,
.row [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px !important;
    margin-right: -15px !important
}

#main-head .wrap {
    display: flex;
    position: fixed;
    top: 53px;
    z-index: 1111;
    background-color: #fff;
    width: 100% !important;
    max-width: 1115px !important;
    left: 0;
    right: 0;
}

.cnss-social-icon {
    position: absolute;
    right: 29px;
    top: 17px !important;
    line-height: normal !important;
}

.navigation {
    width: auto !important;
    top: 0 !important;
    position: relative !important;
}

.navigation .menu li>a {
    padding: 0px 12px;
    font-weight: 700;
}

.navigation .menu>li:hover,
.navigation .menu li li:hover,
.navigation .menu li li.current-menu-item,
.navigation .mega-menu .sub-nav li:hover,
.navigation .menu .sub-nav li.current-menu-item {
    background-color: transparent !important;
}

.logo-image {
    max-width: 180px
}

.main-head .title {
    margin-right: 40px;
}

.menu-desktop-main-menu-container {
    margin-top: 20px;
}

.logo-image {
    margin: 0 !important;
}

.main-head header {
    min-height: 83px;
    line-height: normal;
}

.main-head .title {
    margin-right: 40px;
    margin-top: 12px;
}

#main-head .wrap::before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    background-color: white;
    width: 100vw;
    height: 100%;
}

#main-head .wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    background-color: white;
    width: 100vw;
    height: 100%;
}

.navigation.sticky {
    animation: none !important
}

.navigation .menu>li li a {
    color: #fff;
}

.socialIcons {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: space-around;
    width: 190px;
    top: 28px !important;
    line-height: normal;
    font-size: 18px;
}

.socialIcons li a {
    color: var(--blackColor);
}

.listing .excerpt {
    margin-top: 0;
}

.listing article {
    height: 100%;
}

.main-content .row.listing>.column.half {
    margin-bottom: 30px;
}

.main-content .row.listing {
    display: flex;
    flex-wrap: wrap;
}

.highlights .image-link {
    min-height: 265px;
    display: flex;
    position: relative;
    max-height: 366px;
    overflow: hidden;
}

.highlights .image-link img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
}


/*.home .listing .excerpt{display: none;}*/

.highlights .meta {
    margin: 10px 0px !important;
    padding: 0px;
}

.highlights h2::before {
    margin-top: 3px;
}

.cat-title {
    top: 341px;
    margin-left: 0;
    padding: 0 20px;
}

.post-template-default .main-content,
.page-template-default .main-content {
    padding: 25px 25px !important;
    background-color: #fff;
}

.post-content p,
.post-content>ul,
.post-content>div,
.post-content>dl,
.post-content blockquote,
.post-content ol {
    font-size: 16px;
    line-height: 32px;
}

.post-template-default .post-content img {
    margin: 0 auto;
}

.post-content.description p {
    text-align: left !important;
}

.post-content.description li {
    text-align: left !important;
}

.post-template-default .main-content {
    border-bottom: 4px solid var(--goldenColor);
}

.post-template-default .post-content ul {
    margin-left: 15px;
}

.comments-list .comment-meta {
    font-size: 16px;
}

.comments-list .comment-content {
    font-size: 15px;
}

.comments-list .comment-meta,
.comments-list .comment-content,
.comments-list .children {
    margin-left: 55px;
}

.comment-meta a,
.comment-meta .comment-author {
    color: var(--blackColor);
}

.comment-meta .comment-author {
    font-weight: 700;
}

.cnss-social-icon li a {
    background-color: transparent !important;
}

#main-head ul.cnss-social-icon li.cn-fa-icon a,
body .main-wrap .main-footer .cnss-social-icon li a {
    background-color: transparent !important;
    color: var(--blackColor) !important;
    font-size: 10px !important;
    width: auto !important;
}

#main-head ul.cnss-social-icon li.cn-fa-icon a i,
body .main-wrap .main-footer .cnss-social-icon li a i {
    font-size: 20px !important;
}

.cnss-social-icon li a img {
    height: auto;
    width: 15px;
    vertical-align: 8px;
}

.main-footer,
.main-footer .widget {
    position: relative;
}

body .main-wrap .main-footer ul.cnss-social-icon {
    top: 40px !important;
    left: 10px;
    text-align: left !important;
}

.wrap.topZero {
    top: 0 !important;
}

.main-heading,
.page-title,
.entry-title {
    display: inline-block;
    line-height: 25px;
    font-size: 20px;
    position: relative;
    border: none;
    font-weight: 700;
    padding-left: 0;
}

.main-heading::after,
.main .sidebar .widgettitle::after {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    border: none;
    background-color: var(--goldenColor);
    height: 3px;
    min-width: 40px;
    margin-top: 10px;
    max-width: 100px;
}

.main .sidebar .widgettitle {
    font-size: 20px;
    background-color: transparent;
    color: var(--blackColor);
    font-weight: 700;
    padding: 0
}

.post-header .post-title {
    padding-left: 0;
    font-weight: 700;
}

.post-header .post-title:before {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    border: none;
    background-color: var(--goldenColor);
    height: 3px;
    min-width: 40px;
    max-width: 100px;
    bottom: -10px;
    top: inherit;
}

.category .column.half {
    width: 100% !important;
}

.category .column.half .cat-title {
    top: 329px;
}

.category .column.half .highlights h2 a {
    font-size: 28px;
}

.category .column.half .highlights .excerpt p {
    font-size: 18px;
}

.highlights .excerpt {
    color: var(--blackColor)
}

.navigation .menu>li li a {
    color: var(--blackColor)
}

.navigation .menu>li li a:hover {
    background-color: var(--goldenColor);
    color: var(--blackColor);
}

.navigation .menu ul {
    background-color: #fff;
}

#mc_embed_signup {
    padding: 10px 20px;
}

.category .listing article {
    border-bottom: 3px solid var(--goldenColor);
}

.highlights h2:before {
    display: none;
}

.navigation .menu>li a::after {
    transition: 0.5s all;
}

.navigation .menu>li:hover a::after {
    transform: rotate(180deg);
}

.main-featured .cat,
.main-featured .pages .flex-active,
.rate-number .progress,
.highlights .rate-number .progress,
.main-pagination .current,
.main-pagination a:hover,
.cat-title,
.sc-button-default:hover,
.drop-caps,
.review-box .bar,
.review-box .overall,
.post .read-more a,
.button,
.post-pagination>span {
    background: var(--goldenColor) !important;
    color: var(--blackColor) !important;
}

.navigation .menu>li:hover>a,
.navigation .menu>.current-menu-item>a,
.navigation .menu>.current-menu-parent>a,
.navigation .menu>.current-menu-ancestor>a,
.tabbed .tabs-list .active a,
.comment-content .reply,
.sc-tabs .active a,
.navigation .mega-menu {
    border-bottom-color: var(--goldenColor) !important;
}

#menu-footer-menu li:hover {
    border-bottom: 1px solid var(--goldenColor) !important;
}

#menu-footer-menu li:hover a {
    color: var(--goldenColor) !important;
}

#mc_embed_signup a {
    color: var(--blackColor) !important;
}

#mc_embed_signup a:hover {
    color: var(--goldenColor) !important
}

.post-meta a,
.post-content a,
.link a {
    color: var(--blackColor) !important;
}

.post-meta a:hover,
.post-content a:hover,
.link a:hover {
    color: var(--goldenColor) !important;
}

::selection {
    background: var(--goldenColor) !important;
    color: var(--blackColor)!important;
}

.trending-ticker .heading,
.breadcrumbs .location,
.news-focus .heading,
.gallery-title,
.related-posts .section-head,
.news-focus .heading .subcats a.active,
.post-content a,
.comments-list .bypostauthor .comment-author a,
.error-page .text-404,
.main-color,
.section-head.prominent,
.block.posts .fa-angle-right,
a.bbp-author-name,
.main-stars span:before,
.main-stars,
.recentcomments .url {
    color: var(--blackColor) !important;    
}

ul.cnss-social-icon li.cn-fa-icon a:hover {
    color: var(--goldenColor) !important;
}

.navigation .menu li>a {
    padding: 0px 9px !important;
    font-family: 'Poppins', sans-serif;
}

.post-grid-text .excerpt p {
    font-family: Georgia, serif;
}
.post-content.description p a, .post-content.description a {
	color: var(--goldenColor) !important;
	text-decoration: underline !important;
}
.main-featured .small{margin-right: 3px }

/*==== gk css ===*/

.post-grid-box {
    display: flex;
}

.post-grid-img {
    width: 92%;
}

.post-grid-text {
    width: 65%;
    padding: 10px 20px;
}

.cat-title {
    position: unset;
    display: inline-block;
}

.highlights h2 {
    padding-left: 0px;
}

.listing article {
    margin-bottom: 0px;
}

.main .sidebar:before {
    border: none;
}

.post-header .post-title {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
}

.latest-post {
    position: relative;
    margin-bottom: 25px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.latest-post:before {
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    border: none;
    background-color: var(--goldenColor);
    height: 3px;
    min-width: 40px;
    max-width: 100px;
    bottom: -10px;
    top: inherit;
}

.flexslider .slides img {
    min-height: 366px;
    max-height: 366px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.main-featured img {
    object-fit: cover;
    max-height: 185px;
    width: 100%;
    object-position: top;
}

.cs-rating,
.pd-rating {
    margin-top: 20px;
}
.main-featured .slider h3 a {
	font-size: 27px;
	line-height: 35px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
.main-featured .blocks h3 a{font-family: 'Poppins', sans-seri;
    font-weight: 600;}

.slides .cat.cat-title {
        display: none !important;
}


@media(max-width:1128px) {
    .navigation .menu li>a {
        padding: 0 10px !important;
    }
    .main-featured .flexslider .slides > li {
        min-height: 367px;
    }
}

@media(max-width:1159px) {
    .navigation .menu li>a {
        padding: 0 6px !important;
    }
}

@media(min-width:768px) and (max-height:1024px) and (orientation:portrait){

    .widget.col-3.widget_cnss_widget{width:100%;}
    #mc_embed_signup .mc-field-group label {position: relative;}
    #mc_embed_signup .mc-field-group .asterisk {top: 0 !important; right:inherit !important;}
    #mc_embed_signup .indicates-required{text-align: left !important;}
    
}
@media(min-width:1024px) and (max-height:768px){
    #main-head ul.cnss-social-icon {        display: none;    }
    #main-head .wrap{justify-content: space-between;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-head .title {
        margin-right: 20px;
    }
    .main-head .right {
        margin-left: 0px !important;
    }
}


@media(max-width:991px) {
    .main-head header {
        min-width: 90% !important;
        z-index: 1;
    }
    .navigation .mobile .fa {
        margin-right: 0px !important;
    }
    .navigation {
        width: 100% !important;
    }
    #menu-desktop-main-menu {
        max-height: 50vh;
        overflow: hidden;
        overflow-y: scroll;
        padding-left: 23px;
    }
    .menu-desktop-main-menu-container {
        margin-top: 34px;
    }
    .navigation .mobile .selected {
        padding: 0 15px
    }
}


@media (max-width: 767px) {
    .post-grid-box {
        display: block !important;
    }
    .post-grid-img,
    .post-grid-text {
        width: 100% !important;
    }
    .post-grid-text {
        box-sizing: border-box;
    }
    .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev{bottom: 0px !important; margin: auto;top: 0 !important;}
}

@media(max-width:480px) {
    #main-head .navigation {
        background-color: transparent !important;
        width: 100% !important;
    }
    #menu-desktop-main-menu {
        background-color: #fff;
    }
    .navigation .menu>li:hover>a:hover {
        color: #fff !important;
    }
}