/**
 * Theme Name: nanosoft Child
 * Description: Child theme for the nanosoft
 * Author: LineThemes
 * Template: nanosoft
 */

.content-bottom-widgets {
	background-color: #ffffff;
	background-image: url(/wp-content/uploads/2018/08/content-bottom-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;background-size: 100% auto;
	background-attachment: scroll;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 20%;
	padding-left: 0px; 
}

#site .iconbox.style4 .box-title {
    color: #000000;
    order: 2;
    margin: 0 0 15px 0;
}

@media only screen and (max-width: 768px){
    body .site-footer .footer-widgets {
        padding-bottom: 60px;
        margin-top: 20px;
    }
    
    .site-footer .footer-copyright.footer-copyright-center .footer-copyright-inner .copyright-content {
        margin: 0 !important;
    }
}

.site-topbar .topbar-text {
    flex-grow: unset;
}

#site .iconbox.style4 .box-title {
    color: #00bbff;
    order: 2;
    margin: 0 0 15px 0;
}

h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}

.go-to-top {
	bottom: 90px;
	z-index: 999;
}

.go-to-top a:before {
    font-size: 24px;
}

.go-to-top a:after {
    bottom: 13px;
}

.site-topbar .topbar-menu .menu-top {
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-topbar .topbar-menu .menu-top > li:first-child {
    padding-left: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.7);
}

.site-topbar .topbar-menu .menu-top > li:last-child {
    padding-right: 0;
}

.site-topbar .topbar-menu .menu-top > li {
    margin: 0;
    float: left;
    padding: 0px 4px;
}

.site-topbar .topbar-menu .menu-top > li > a {
    padding: 0;
}

.single-post .content-body-inner {
    padding-top: 50px !important;
}

.single-post .post-inner .post-thumbnail img {
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
}

/*.single-post .site-content .content-header.content-header-featured {*/
/*	display: none !important;*/
/*}*/

#site .iconbox .box-icon img {
    object-fit: contain;
}

@media only screen and (max-width: 769px) {
	.swap-on-mobile > div {
		display: flex !important;
		flex-direction: column-reverse;
	}
}