/*!
Theme Name:         Foodie Diary
Theme URI:          https://mysterythemes.com/wp-themes/foodie-diary
Author:             Mystery Themes
Author URI:         https://mysterythemes.com
Description:        Foodie Diary is a Child Theme of WP Diary crafted for your blog, portfolio or news magazine. It has a unique, modern, light and clean design which will make your website look awesome. It is completely built on Customizer which allows you to customize most of the theme settings easily with live previews. This theme comes with 3 different archive layouts and other exciting features that allow you to customize the theme easily without coding knowledge. Get free support at https://mysterythemes.com/support/forum/themes/free-themes/ and check the demo at http://demo.mysterythemes.com/child-theme/foodie-diary/
Version:            1.0.2
Requires at least:  4.0
Tested up to:       5.3
Requires PHP:       5.2.4
License:            GNU General Public License v3 or later
License URI:        http://www.gnu.org/licenses/gpl-3.0.html
Template:           wp-diary
Text Domain:        foodie-diary
Tags:               blog, portfolio, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, post-formats, rtl-language-support, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
/*--------------------------------------------------------------
body Font CSS
--------------------------------------------------------------*/
.site-title {
  font-family: 'Annie Use Your Telescope', cursive;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Condensed', sans-serif;
}

body {
  font-family: 'Roboto Condensed', sans-serif;
}


/********************************************************
Top Header Css
********************************************************/

.mt-section-top-header {
  background: #f9f9f9;
}

.mt-top-header-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 12px 0;
}

.mt-top-header-menu {
  margin-left: auto;
  order: 2;
}

.mt-top-contact-wrap {
  display: flex;
}

#top-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
}

#top-navigation ul ul {
  display: none;
}

#top-navigation ul li a {
  margin-left: 15px;
  display: block;
  color: #636363;
}

.mt-top-contact-wrap a {
  display: block;
  margin-right: 20px;
  color: #636363;
}

/********************************************************
Header Css
********************************************************/
.mt-sidebar-menu-toggle,
.mt-menu-search {
  font-size: 19px;
}

.site-title {
  font-size: 60px;
}

.slide-title a {
  font-size: 42px;
  color: #fff;
  font-weight: 700;
}

#site-navigation ul li a {
  font-weight: 600;
}

#site-navigation ul li:hover>a,
#site-navigation ul li.current-menu-item>a,
#site-navigation ul li.current_page_item>a,
#site-navigation ul li.current_page_ancestor>a {
  color: #EF5350;
}

#masthead {
  box-shadow: none;
}

/*--------------------------------------------------------------
Slider Section CSS
--------------------------------------------------------------*/
.slide-content-block {
  padding: 50px 30px;
  width: 750px;
  background: rgba(0, 0, 0, 0.6);
}

.slide-content-block::after {
  display: none;
}

/*--------------------------------------------------------------
Widget CSS
--------------------------------------------------------------*/

.wp_diary_latest_posts .mt-post-title a {
  font-size: 14px;
}

.wp_diary_latest_posts .mt-post-meta a {
  font-size: 13px;
}

#secondary .widget .widget-title,
.mt-related-post-title {
  border: none;
  padding: 0;
}

#secondary .widget {
  border: 1px solid #e1e1e1;
  padding: 20px 30px 20px;
}

/*--------------------------------------------------------------
Featured Section CSS
--------------------------------------------------------------*/

.mt-featured-section-wrapper {
  padding-top: 50px;
}

.mt-featured-single-item {
  position: relative;
}

.mt-featured-single-item .item-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 25px;
  text-align: center;
}

.mt-featured-single-item .item-title a {
  color: #333;
  font-size: 18px;
  display: block;
  position: relative;
  z-index: 999;
}

.mt-featured-single-item .item-title a:hover {
  color: #ec9fa1;
}

.featured-section-style--two .mt-featured-single-item::after {
  position: absolute;
  content: "";
  width: 95%;
  height: 95%;
  border: 1px solid #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.featured-section-style--two .mt-featured-single-item .item-title {
  z-index: 9999;
  bottom: 10px;
  top: auto;
  margin: 0;
  background: #ffffff;
  padding: 10px 30px;
}

.featured-section-style--two .mt-featured-single-item .item-title::after,
.featured-section-style--three .mt-featured-single-item .item-title::after {
  display: none;
}

.featured-section-style--two .mt-featured-single-item .item-title a {
  font-size: 14px;
}

.featured-section-style--three .mt-featured-single-item .item-title {
  margin: 0;
  top: auto;
  background: #fff;
  padding: 10px 40px;
  width: 72%;
}

.mt-featured-single-item .item-thumb {
  overflow: hidden;
}

.mt-featured-single-item .item-thumb img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

.mt-featured-single-item:hover .item-thumb img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.mt-featured-section-wrapper.featured-section-style--three .mt-featured-single-item {
  margin-bottom: 50px;
}

.no-sidebar #mt-masonry article {
  width: 30.33%;
}