/*
Theme Name: Graceful Blog
Theme URI: https://optimathemes.com/graceful-blog-theme/
Author: Aslam
Author URI: http://optimathemes.com/
Description: Graceful Blog is a free multi-purpose WordPress Blog theme. Its perfect for any kind of blog or website like lifestyle, fashion, travel, tech, health, fitness, beauty, food, news, magazine, blogging, personal, professional, etc. Its fully Responsive and Retina Display ready, clean, modern and minimal design. Graceful is WooCommerce compatible, supports RTL(Right To Left) and is optimized for SEO.
Template: graceful
Version: 1.0.2
Requires at least: 5.3
Tested up to: 6.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: graceful-blog
Tags: blog, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce
*/


/*
Customization of this theme starts here
*/

/* style.css */


/*--------------------------------------------------------------
Header Sections
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
    background-color: #FDF4E8;
}
#main-navigation > div
{
	display:inline-flex;
	align-items: center;
	background: #435046;
  border-radius: 10px;
  padding: 20px;
  height: 80px;
	width: 100%;
	justify-content: space-between;
	
}

.main-content {
  margin-top: 100px !important;
}
.site-branding
{
	height:80px;
	display: flex;
  align-content: center;
  align-items: center;
}
.site-images img {
  margin: 0 auto;
  aspect-ratio: 16/9;
  width: 100% !important;
	object-fit: cover;
}
.post-footer, .post-navigation-wrap
{
	display:none !important;
}
.custom-search-form button
{
	width: 90px;
height: 44px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
opacity: 1;
border-radius: 99px;
border: 1px solid #C8805F;
	background:transparent !important;
	margin-left:10px;
	font-family: "Open Sans",sans-serif !important;
	font-size:16px ;
	color:#C8805F;
	cursor:pointer;

}
.am-post-grid-load-more
{
		width: 135px;
height: 44px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
opacity: 1;
border-radius: 99px;
border: 1px solid #C8805F;
	background:transparent !important;
	margin-left:10px;
	font-family: "Open Sans",sans-serif !important;
	font-size:16px ;
	color:#C8805F;
	cursor:pointer;
}
.header-btns a:first-child
{
	background-color: #FFFFFF !important;
  color: #637567 !important;
  border: none;
	padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: Open Sans,sans-serif !important;
	border-radius: 30px !important;
	
}
.header-btns a:last-child
{
	background-color: rgb(183, 97, 69);
	border-radius: 30px !important;
		padding: 10px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: Open Sans,sans-serif !important;
	margin-left:15px;
	border: none;
	color:#fff !important;
}
.am_single_grid
{
	padding:8px !important;
	background:#FFFDFA !important;
box-shadow:0px 7px 15px 0px #B9B6B11A, 0px 28px 28px 0px #B9B6B117, 0px 63px 38px 0px #B9B6B10D, 0px 112px 45px 0px #B9B6B103, 0px 175px 49px 0px #B9B6B100 !important;
	border-radius:24px;

}
.gm-no-posts-found
{
		padding:30px !important;
	background:#FFFDFA !important;
box-shadow:0px 7px 15px 0px #B9B6B11A, 0px 28px 28px 0px #B9B6B117, 0px 63px 38px 0px #B9B6B10D, 0px 112px 45px 0px #B9B6B103, 0px 175px 49px 0px #B9B6B100 !important;
	border-radius:24px;
	text-align:center;
}
.post.type-post.status-publish
{
		padding:20px !important;
	background:#FFF !important;
box-shadow:0px 7px 15px 0px #B9B6B11A, 0px 28px 28px 0px #B9B6B117, 0px 63px 38px 0px #B9B6B10D, 0px 112px 45px 0px #B9B6B103, 0px 175px 49px 0px #B9B6B100 !important;
	border-radius:24px;
	margin-bottom:20px;
}
.am_post_grid
{
	margin:0px -5px !important;
}
.post.type-post.status-publish h1, .post.type-post.status-publish h2 , .post.type-post.status-publish h3, .post.type-post.status-publish h4, .post.type-post.status-publish h5
{
	font-family: "Roboto", sans-serif !important;
	letter-spacing:0px !important;
}
.post.type-post.status-publish p, .post.type-post.status-publish span, .post.type-post.status-publish a, .post.type-post.status-publish li
{
	letter-spacing:0px !important;
	font-family: "Open Sans",sans-serif !important;
}
.wrapped-content
{
	max-width: 1280px !important;
	background:transparent !important;
}
.top-filter
{
	display: flex;
  justify-content: space-between;
}
.custom-search-form
{
	display: inline-flex;
}
.search-box
{
	background:#FFFDFA;
	max-width: 300px;
height: 44px;
padding-top: 11px;
padding-right: 20px;
padding-bottom: 11px;
padding-left: 16px;
opacity: 1;
border-radius: 999px;
}
.search-box input
{
	border:none;
}
#main-navigation
{

	max-width: 1280px !important;
	margin-left:auto;
	margin-right:auto;
	display:block;
	height: 80px;
}
#site-menu .sub-menu
{
	background-color: #435046 !important;
	width:auto !important;
}
#site-menu .sub-menu a
{
	background:transparent !important;
	border:none !important;
}
#main-navigation li a {
  font-family: "Open Sans",sans-serif !important;
  font-weight: 500;
  font-size: 14px!important;
  leading-trim: NONE;
  line-height: 135%;
  color: #FFFDFA !important;
  white-space: nowrap;
	letter-spacing:0px !important;
	text-transform:none!important;
}
#site-header
{

	position:fixed;
	top:15px;
	width: 100%;
	z-index:99;
}
.category-tabs
{
	display: inline-flex;
  gap: 10px;
	margin-bottom: 40px;
}
.gm-taxonomy-item input:checked + label
{
	background-color:#65625D!important;
	color:#FFFDFA !important;
}
.main-content.clear-fix.wrapped-content
{
	padding:0px !important;
}
.gm-taxonomy-filter
{
	gap:10px
}
.gm-single-filter .asr_texonomy
{
opacity: 1;
padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
border-radius: 8px;
	font-size:16px ;
border: 1px solid #CAC3BA;
	font-family: "Open Sans",sans-serif !important;

}
.gm-single-filter
{
	display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.am_grid_col .am_single_grid .am_cont a
{
	text-decoration:none !important;
}
.am_cont {
  padding: 15px !important;
}
.am__title
{
	font-family: "Roboto", sans-serif !important;
	font-size:22px !important;
	letter-spacing:0px !important;
	font-weight:600;
	text-align:left !important;
}
.am_grid_col {
  padding: 0px 10px !important;
}
.am__col-3 .am_grid_col {
  margin-bottom: 20px !important;
}
.gm_read_more a
{
	color:#C8805F !important;
	font-size:16px;
	font-weight:700;
	font-family: "Open Sans",sans-serif !important;
	letter-spacing:0px !important;
}
.gm-taxonomy
{
	color:#885741;
		font-size:16px;
	font-weight:700;
	font-family: "Open Sans",sans-serif !important;
	letter-spacing:0px !important;
}
.gm-post-date
{
			font-size:16px;
	font-weight:700;
	font-family: "Open Sans",sans-serif !important;
	letter-spacing:0px !important;
	color:#98928B;
}
.gm-taxonomy a
{
	color:#885741 !important;
}
.am__excerpt
{
	font-size:16px;
	font-weight:400;
	font-family: "Open Sans",sans-serif !important;
	letter-spacing:0px !important;
	
}
.am_thumb
{
	max-height:230px;
	border-radius:16px;
	overflow:hidden;
}
.am_thumb img
{
	width:100%;
	height:100%;
	max-height:230px;
	object-fit:cover;
	border:none;
	background: #ddd;
  box-shadow: none;
}
.search-icon
{
	margin-top: -2px;
  display: inline-flex;
  vertical-align: middle;
}
.category-tabs .cat-tab:focus, .search-box input, a:focus
{
	outline:none !important;
}
.content-column {
  padding: 0px;
	gap: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.blog .post-title {
    font-size: 28px;
    line-height: 38px;
}

.blog article .post-meta {
    margin-bottom: 10px;
}

.blog .post-page-content {
    padding-top: 10px;
}

#main-navigation {
    background-color: #f4f1ec;
    border-top: 1px solid #d9d1c0;
    border-bottom: 1px solid #d9d1c0;
}

#top-navigation {
    border-bottom: 1px solid #d9d1c0;
}

aside .graceful-widget h2, 
.graceful-widget .widget-title {
    background: unset;
    border-bottom: 1px solid #d9d1c0;
    font-weight: 600;
}

aside .graceful-widget h2::after, 
.graceful-widget .widget-title::after {
    border-top: 8px solid #d9d1c0;
}

#graceful-post-slider .owl-stage-outer:after {
    background-color: #f4f1ec;
}

#graceful-post-slider .owl-nav {
    background-color: #f4f1ec;
}

.post-title {
    word-wrap: break-word;
}

.graceful-slider-title {
    width: 460px;
    word-wrap: break-word;
}

@media screen and (max-width: 480px) {
    .graceful-slider-title {
        width: 300px;
    }
}

.site-images {
/*     min-height: 245px; */
    background: #f4f1ec;
}

#site-footer {
    background: #dfd8cb;
}

#site-footer .graceful-widget .widget-title {
    background: #ede8de !important;
    border-bottom: 1px solid #b9ad94 !important;
}

#site-footer .graceful-widget .widget-title::after {
    border-top: 8px solid #b9ad94;
}

.footer-widgets {
    border-bottom: 1px solid #a19376;    
}

#site-menu li a {
    font-weight: 500;
}

.content-column > li {
    margin-bottom: 30px;

}

.content-column > li:nth-of-type(2n+2) {
    margin-right: 0;
}

[data-layout*="col1-leftrightsidebar"] .content-column > li {
    width: 100%;
}

.single .post-date {
    color: #111111 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.single .post-title-author { 
    color: #111111 !important;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: normal;
}
footer {
  background-color: #637567 !important;
  color: #fdf4e7 !important;
  position: relative;
}
footer .container {
    max-width: 1280px !important;
    margin: auto !important;
    padding-top: 100px;
}

.footer-menu {
    display: block !important;
    margin-left: auto !important;
}

.footer-menu li,
.footer-menu li a {
    text-align: right !important;
    justify-content: end;
}

.footer-menu h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-top: 20px;
	text-align: right;
	font-family: "Roboto", sans-serif !important;
	margin-bottom:15px;
}

.footer-menu ul {
    line-height: 26px !important;
}

.footer-menu ul li a {
    font-size: 16px !important;
    font-weight: 300;
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 0.176px;
    color: #FDF4E8 !important;
}

footer .tagline {
    font-size: 16px !important;
    font-weight: 300 !important;
    font-family: "Open Sans", sans-serif !important;
    letter-spacing: 0.176px;
    /* font-style: italic; */
    margin-top: -35px;
}

.fot-content {
    text-align: right;
    color: #fdf4e7;
    font-size: 16px !important;
    font-weight: 300 !important;
    font-family: "Open Sans", sans-serif !important;
    margin-top: 50px;
}

.fot-content+div p {
    text-align: right;
    color: #CAC3BA;
    font-size: 16px;
    font-weight: 300 !important;
    font-family: "Open Sans", sans-serif !important;
	display: inline-block;
  width: 100%;
}

footer .border-t {
    border-top: 1.5px solid #fdf4e7 !important;
}
footer h3 img
{
	max-width:217px;
}
 .sm\:w-5 {
    width: 1.25rem;
  }
.p-2 {
  padding: .5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.border {
  border-width: 1px;
}
.flex {
  display: flex;
}
.border-terracotta-200 {
width: 38px;
  height: 38px;
  border: 1px solid rgb(236 211 203);
  text-align: center;
  padding: .4rem;
  margin-right: 25px;
}
footer a {
  color: #fdf4e7 !important;
}
.grid {
  display: grid;
}
 .lg\:col-span-6 {
    grid-column: span 6/span 6;
  }
@media (min-width: 1024px) {
  .lg\:col-span-4 {
    grid-column: span 4/span 4;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
}
@media screen and (max-width: 768px) {
    .content-column > li {
        width: 100%;
    }
	.gm-taxonomy-item
	{
		display: inline-block;
  width: auto;
	}
	.gm-taxonomy-filter {
  display: inline-block;
  width: 100%;
}
	.gm-single-filter {
  display: inline-block;
  width: 100%;
}
	#site-header {
  position: fixed;
  top: 15px;
  width: calc(100% - 30px);
  z-index: 99;
  left: 15px;
}
 #primary .main-content {
    margin-top: 65px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
	.header-btns
	{
		display:none;
	}
	.responsive-menu-wrapper
	{
		display: block;
  position: absolute;
  background: rgb(67, 80, 70);
  width: calc(100% - 30px);
  top: 80px;
  text-align: left;
	}
}

/* Top Navigation
   ========================================================================== */

#top-navigation {
  text-align: center;
  box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
  border-bottom: 1px solid #e4e4e4;
}

#top-menu {
  display: inline-block;
}

#top-menu li {
  position: relative;
}

#top-menu li.menu-item-has-children>a:after {
    font-family: FontAwesome;
    content: "\f107";
    margin-left: 6px;
    font-size: 12px;
}

#top-menu ul li.menu-item-has-children>a:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 14px;
    float: right;
}

#top-menu > li {
  display: inline-block;
  list-style: none;
}

#top-menu li a {
  display: block;
  position: relative;
  padding: 0 5px;
  margin-left: 5px;
  color: #000000;
}

#top-menu a:focus {
  outline: 3px dotted #000000 !important;
}

#top-menu li a:first-child {
  margin-left: 0;
}

#top-menu > li > a {
  display: block;
  text-decoration: none;
}

#top-menu > li:first-child > a {
  padding-left: 0px;
}

#top-menu > li:last-child > a {
  padding-right: 0px;
}

#top-menu ul ul {
  top: -1px;
  left: 100%;
}

#top-menu .sub-menu {
  position: absolute;
  left: -999em;
  z-index: 1101;
  width: 170px;
  text-align: left;
  border: 1px solid #e4e4e4;
  border-width: 1px;
  opacity: 0;
}

#top-menu .menu-item:hover > ul, #top-menu .menu-item:focus-within > ul {
  left: 0;
  opacity: 1;
}

#top-menu .menu-item:hover ul ul, #top-menu .menu-item:focus-within ul ul{
  left: 100%;
}

#top-menu .sub-menu a {
  border-bottom-style: solid;
  border-bottom-width: 1px; 
}

#top-menu .sub-menu > li:last-of-type > a {
  border: none;
}

#top-menu .sub-menu li:first-child > .sub-menu {
  margin-top: -1px;
}

#top-menu .sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 8px 15px;
  margin: 0;
}

#top-menu li a {
  font-size: 11px;
  line-height: 40px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
#top-menu .sub-menu > li > a {
  font-size: 11px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

#top-menu li a {
  font-size: 11px;
  line-height: 40px;
  letter-spacing: 1px;
  font-weight: 600;
}
#top-menu .sub-menu > li > a {
  font-size: 11px;
  line-height: 22px;
  letter-spacing: 0.5px;
}

#top-menu li a,
#main-menu li a {
  text-transform: uppercase;
}

#top-navigation > div {
  padding-left: 30px;
  padding-right: 30px;
}

.post-categories {
    background: #f4f1ec;
    border: 1px solid #d9d1c0;
}

.wp-block-search__button {
    background: #f4f1ec;
    border: 1px solid #d9d1c0;
}

#main-navigation #searchform #s {
    border: 1px solid #bdb29b;
}

#main-navigation #searchform #searchsubmit, .close-graceful-search {
    background: #f4f1ec;
    border: 1px solid #d9d1c0;
}

.main-content {
    margin-top: 40px;
}

#graceful-post-slider {
    padding-bottom: 40px;
    margin-top: 40px;
}

.widget_categories > ul > li {
    border-bottom: 1px solid #f4f1ec;
}

aside .wp-block-latest-posts.wp-block-latest-posts__list li {
    border-bottom: 1px solid #f4f1ec;
}

.wp-block-search__label {
    display: none;
}


/*--------------------------------------------------------------
Featured Boxes Sections
--------------------------------------------------------------*/

#featured-boxes {
  padding: 40px !important;
  border-bottom: 1px solid #eee;
  background: #fff;
  margin-top: 40px;
}

#featured-boxes .wrapped-content {
  font-size: 0;
  text-align: center;
}

#featured-boxes .featured-box {
  position: relative;
  float: left;
}

#featured-boxes a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#featured-boxes .graceful-wrap-outer {
  padding: 12px;
}

#featured-boxes h4 {
  display: inline-block;
  padding: 11px 20px;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.50);
  color: #ffffff !important;
}

#featured-boxes .featured-box {
    width: calc((100% - 50px ) /3);
    width: -webkit-calc((100% - 70px ) /3);
    margin-right: 34px;
}

#featured-boxes .featured-box:last-child {
    margin-right: 0;
}


@media screen and (max-width: 768px) {
    .featured-box {
        display: block;
    }
    .main-navigation-search {
        right: 20px;
    }
}


@media screen and (max-width: 480px) {
    #featured-boxes .featured-box {
        width: 100%;
        margin-bottom: 34px;
    }
    #featured-boxes {
        padding-bottom: 0px !important;
    }
}


/* Media Query Min 768px
   ========================================================================== */
@media screen and (min-width: 768px) {
    .blog .post-page-content p {
        padding: 0 24px;
    }
    #main-navigation .wrapped-content {
        padding-left: 0;
    }
    .main-navigation-search {
        right: 0;
    }
    #main-navigation .navigation-socials {
        right: 35px;
    }
}