/*
Theme Name:     Nabawi Child
Theme URI:      https://tokonabawi.com/
Description:    Child theme for Nabawi theme
Author:         Mayantara.id
Author URI:     https://mayantara.id/
Template:       nabawi
Version:        1.0.0
*/

body {
    font-family: "Lato", Sans-serif;
}

/* === Topbar === */
ul.contact-topbar li {
    display: flex;
    margin-right: 2rem;
    font-size: .95em;
    color: #141516;
}

ul.contact-topbar {
    display: flex;
}

ul.contact-topbar span.contact-desc {
    color: inherit;
}

ul.contact-topbar span.contact-icon {
    width: 12px;
}

span.contact-desc a {
    color: inherit;
}

.ast-icon.icon-arrow svg {
    width: 10px;
}

.ast-icon.icon-search svg {
    width: 17px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item:nth-child(2) {
    width: 155px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item:nth-child(3) {
    width: 104px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item:nth-child(4) {
    width: 75px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item:nth-child(5) {
    width: 101px;
}

.ast-desktop .ast-primary-header-bar .main-header-menu>.menu-item:last-child {
    width: 80px;
}

/* === Header === */
.site-below-footer-wrap {
    padding: 0;
}

.ast-builder-menu-1 .menu-item > .menu-link {
    color: #fff;
    transition: .3s all;
}

.ast-builder-menu-1 .menu-item > .menu-link:hover {
    color: #FFC818;
}

.ast-header-search .search-field {
    border-radius: 7px;
}

.main-header-bar .ast-search-menu-icon .search-form {
    background: transparent;
}

.ast-icon.icon-search svg {
    margin-top: 9px;
}

/* === Footer === */
.site-primary-footer-wrap {
    color: #fff;
}

ul#menu-footer-menu-2 {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

ul.footer-social li {
    display: inline-block;
    font-size: 1.3em;
    margin-right: 1rem;
}

ul.footer-social li a {
    background: #fff;
    color: #2c0e30;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    padding-top: 2px;
    border-radius: 50%;
    transition: .3s all;
}

ul.footer-social li a:hover {
    background: #ffc817;
}

.site-footer-section h2.wp-block-heading {
    color: inherit;
    font-size: 1.3em;
}

span.contact-icon {font-size: 1em;width: 22px;display: block;margin-right: 10px;}

footer span.contact-desc {
    color: #cacaca;
	width: calc(100% - 22px);
}

.contact-footer li {
    display: flex;
    margin-bottom: 1rem;
}

.footer-widget-area figure > img {
    max-width: 170px;
}

.site-footer-section h2.wp-block-heading:after {
    content: '';
    width: 100px;
    height: 1px;
    background: #fff;
    display: block;
    margin-top: 1.2rem;
}

.site-below-footer-wrap {
    padding: 0;
}

/* === Pages === */
/* #about .btn-more {
	display: block;
} */

.less {
	height: 190px !important;
	overflow: hidden !important;
	transition: .3s all !important;
}

.more {
	height: auto !important;
}

.highlight-purple {
	color: #702978;
}

.highlight-yellow {
	color: #FFC818;
}

ul.trail-items {
    font-size: .85em;
}

.ast-breadcrumbs-wrapper {
    padding: 8px 10%;
}

li.trail-item span {
    color: #141516;
}

li.trail-item a span {
    color: #702978;
}

.address-contact a {
    color: inherit;
}

/* === Blog === */
.single #primary, .archive #primary {
    margin-top: 0 !important;
}

.single article.post, .site .ast-single-related-posts-container, body.archive .ast-archive-description, .search .ast-archive-description {
    padding: 0;
}

.single article.post .ast-breadcrumbs-wrapper, .archive .ast-breadcrumbs-wrapper, .search .ast-breadcrumbs-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
}

.single article.post .single-layout-1 {
    padding-top: 5em;
}

h1.page-title.ast-archive-title {
    padding-top: 3em;
}

.entry-meta, .entry-meta a, .entry-meta span {
    color: inherit;
}

#secondary .wp-block-search__input {
    border: 0;
    box-shadow: none;
		padding-left: 2rem;
}

.wp-block-search__inside-wrapper {
    border: 1px #C8C8C8 solid;
    border-radius: 5px;
    padding: 0;
}

#secondary .wp-block-search__button {
    background: transparent;
    padding: 0.5em 0.7em;
}

#secondary .wp-block-group {
    border: 1px #C8C8C8 solid;
    border-radius: 5px;
    padding: 1.8rem;
}

#secondary aside:first-child .wp-block-group {
    padding: 0;
    border: 0;
}

#secondary .wp-block-group h2.wp-block-heading {
    font-size: 1.5rem;
    font-weight: bold;
}

#secondary a {
    color: #702978;
}

.sidebar-main .widget {
    padding-top: 2em;
}

#secondary .widget {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.entry-content, .page-content {
    color: #162739;
}

.site .ast-single-related-posts-container {
    padding: 0;
}

p.wp-block-tag-cloud a {
    border: 1px #E9E6E6 solid;
    padding: 3px 7px;
    margin-bottom: 5px;
	color: #202C38 !important;
}

p.wp-block-tag-cloud a.current-item {
    border-color: #001F3F;
}

.search #primary {
    margin-top: 0 !important;
}

.search .ast-breadcrumbs-wrapper {
    text-align: left;
}

.search .ast-archive-description > .ast-breadcrumbs-wrapper:last-child {
    display: none;
}

.ast-article-inner {
    padding: 0;
    box-shadow: none !important;
}

.entry-meta span.cat-links {
    color: #141516;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .5px;
}

.entry-meta {
    color: #ffc818;
}

span.posted-on {
    color: #141516;
}

.ast-excerpt-container {
    color: #202C38;
    border-bottom: 1px #C8C8C8 solid;
    padding-bottom: 1.2rem;
}

.read-more {
    margin-top: 1rem !important;
}

.read-more a {
    color: #702978;
    font-weight: normal;
    font-size: .9em;
    transition: .3s all;
}

.read-more a:hover {
    color: #FFC818;
}

.search .post-thumb-img-content {
    margin: 0 !important;
}

@media screen and (max-width: 1024px) {
/* 	.less {
		height: 200px;
	} */
	.single article.post .ast-breadcrumbs-wrapper, .archive .ast-breadcrumbs-wrapper, .search .ast-breadcrumbs-wrapper {
		top: 110px;
	}
	
	.ast-breadcrumbs-wrapper {
		padding: 8px 1.5rem;
	}
	
	.single article.post .single-layout-1 {
    padding-top: 4em;
	}
	
	#secondary {
    margin-top: 3rem;
	}
}


@media screen and (max-width: 991px) {
	.single article.post .single-layout-1 {
			padding-top: 0em;
	}
}

@media screen and (max-width: 921px) {
	.single article.post .ast-breadcrumbs-wrapper, .archive .ast-breadcrumbs-wrapper, .search .ast-breadcrumbs-wrapper {
		top: 80px;
	}
	
	.single article.post .single-layout-1 {
    padding-top: 3em;
	}
}

@media screen and (max-width: 767px) {
	.less {
		height: 380px;
	}
}

@media screen and (max-width: 544px) {
	
}

@media screen and (max-width: 480px) {
	.less {
		height: 440px;
	}
}