/*
/*
Theme Name: Best blog
Theme URI: http://imonthemes.com/bestblog-lite/
Author: Themez WP
Author URI: http://imonthemes.com/
License: GNU General Public License, v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: bestblog
Domain Path: /languages/

Description: bestblog is a perfect WordPress theme for personal blogs, blog,  content publishers .

Version: 1.0.0

Tags:   grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments,blog,news,food-and-drink

bestblog  WordPress Theme, Copyright 2017 imonthemes.com
bestblog  is distributed under the terms of the GNU GPL


/*  ----------------------------------------------------
1.  Global
-------------------------------------------------------- */

#site-wrapper {
  display: block;
  overflow: hidden;
}


.thumbnail-resize {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0;
}

.thumbnail-image {
  position: relative;
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
  border: none;
}

.meta-info.meta-info-date {
  letter-spacing: -0.8px;
  font-weight: 400;
}

.meta-info.meta-info-cat a {
  color: #282828;
  font-weight: 400;
}

.meta-info-cat .button {
  padding: .5em .8em;
}

.is-font-size-1, .is-font-size-2, .is-font-size-1 {
  font-weight: 600;
}
.object-fit-images {
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
  height: inherit;
}
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
/*
------------------------------------
  			 2. WORDPRESS CORE
------------------------------------
*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 10px 3px 10px;
  text-align: center;
}

.wp-caption img {
  max-width: 98%!important;
  height: auto;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none !important;
  margin: 0 !important;
  max-width: 570px;
  padding: 0 !important;
}

.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*----------------------------------------------------
2.  Header
-------------------------------------------------------- */

.header-wrap {
  display: block;
}

.banner-warp {
  display: block;
  text-align: center;
  min-height: 300px;
  position: relative;
}

.banner-warp .banner-inner {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  z-index: 9;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

/*-------------------------
2.1  LOGO
---------------------------*/

.banner-inner .logo-wrap {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

.logo-wrap a {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.banner-inner .logo-inner img {
  display: block;
  margin: auto;
  max-height: 110px;
  width: auto;
}

.header-social-wrap {
  margin-top: 5px;
  text-align: center;
}

.header-social-inner a {
  display: inline-block;
  margin: 10px 2px 0 2px;
  width: 36px;
  height: 36px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .06);
  vertical-align: middle;
  font-size: 17px;
  line-height: 36px;
  cursor: pointer;
}

.tooltip {
  background-color: #282828;
  padding: 4px 6px 4px 6px;
  opacity: 0.9;
}

.tooltip::before {
  color: #282828;
}

/*-------------------------
 MENU
---------------------------*/

.menu-outer {
  position: relative;
  display: block;
  background-color: #fcfcfc;
  -webkit-box-shadow: 0 4px 6px 0 rgba(28, 28, 28, .05);
  -moz-box-shadow: 0 4px 6px 0 rgba(28, 28, 28, .05);
  box-shadow: 0 4px 6px 0 rgba(28, 28, 28, .05);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.main-menu-wrap {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.menu-outer .top-bar, .menu-outer .top-bar ul {
  background: #fcfcfc;
}

.menu-outer .top-bar {
  padding: 0px;
}

.main-menu-wrap .dropdown.menu a {
  padding: 17px 17px;
  color: black;
}

.is-dropdown-submenu {
  border: none;
  z-index: 40;
}

.dropdown.menu a, .dropdown .is-dropdown-submenu a {
  padding: 1rem 1rem;
}

.dropdown.menu a {
  padding: 1.3rem 1rem;
}

.dropdown li ul li {
  padding: 0px
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
  content: "\f107";
  font-family: FontAwesome;
  border: none;
  margin-top: -7px;
  right: 18px;
}

.menu li a, .submenu ul li a, .submenu {
  background-color: #fcfcfc;
  color: black;
}

.main-menu-wrap .desktop-menu .is-dropdown-submenu-parent .is-dropdown-submenu li a:hover {
  -webkit-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.menu-outer .menu-icon::after {
  content: "\f0c9";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #000;
  font-size: 25px;
  background: transparent;
  box-shadow: none;
  line-height: 0.6;
}

.navbar-search a {
  display: block;
  width: 34px;
  height: 100%;
  text-align: center;
  font-size: 18px;
}

.navbar-search-button {
  font-size: 25px;
  cursor: pointer;
}

.navbar-search-bar-container, .navbar-search-bar-container .close-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-search-bar-container {
  background-color: #fff;
  border-bottom: 2px solid #ffc2ca;
  display: none;
  height: 100%;
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
  -webkit-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  -moz-box-shadow: 0px -2px 1px 0px rgba(163, 163, 163, 0.44);
  box-shadow: 0px -2px 5px 0px rgba(163, 163, 163, 0.44);
}

.navbar-search-bar-container .search-field {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #074e68;
  font-size: 1.5rem;
  height: 3rem;
}

.navbar-search-bar-container, .bb-search-bar-container .close-button {
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navbar-search-bar-container .search-submit {
  position: relative;
  float: right;
  top: 16px;
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.navbar-search-bar-container .search-submit.fa {
  color: #8a8a8a;
  font-size: 25px;
}

button:focus, .close-button:focus {
  border: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  outline: 0;
}

button:active {
  outline: none;
  border: none;
}

/*-------------------------
 MENU off canvas desktop
---------------------------*/

.js-off-canvas-overlay {
  background: rgba(4, 4, 4, 0.9);
}

.multilevel-offcanvas .menu li a, .multilevel-offcanvas .submenu ul li a, .multilevel-offcanvas .submenu {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(218, 211, 211, 0.12);
  background: transparent;
  line-height: 2;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.multilevel-offcanvas .off-canvas-inner {
  position: relative;
  display: block;
  padding: 60px 30px;
}

.multilevel-offcanvas.position-left, .multilevel-offcanvas.position-right {
  width: 300px;
}

.multilevel-offcanvas.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  box-shadow: 0 0 10px rgba(10, 10, 10, .7);
  background-color: white;
}

.position-left {
  left: 0;
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
}

.multilevel-offcanvas.is-open .close-button {
  font-size: 2.5em;
  z-index: 15;
  color: #8a8a8a;
}

.off-canvas-social-wrap {
  display: block;
  padding-top: 20px;
  border-top: 3px solid rgba(28, 28, 28, .07);
  text-align: center;
}

.off-canvas-social-wrap a {
  display: inline-block;
  padding: 0 7px;
  color: #353333;
  font-size: 18px;
  line-height: 30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*  ----------------------------------------------------
   post layout-1
  -------------------------------------------------------- */

.post-wrap-layout-1 {
  position: relative;
  display: block;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  height: auto;
}

.post-wrap-layout-1 .post-thumb-warp {
  height: 275px;
}

.post-wrap-layout-1 .post-thumb-warp .post-thumb {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.post-wrap-layout-1 .post-thumb .thumbnail-resize img {
  width: 100%;
  min-width: 330px;

}

.post-wrap-layout-1 .entry-category .meta-info-date a {
  line-height: 1em;
  letter-spacing: -0.8px;
  font-weight: 600;
  color: #7d7b7b;
  -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.post-wrap-layout-1 .entry-category .meta-info-date a:hover{
  color: #ffc2ca;
}
.post-wrap-layout-1 .post-title a {
  color: #3a3939;
  font-weight: 700;
}

.post-wrap-layout-1 .post-header-warp {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 13px;
}

.post-wrap-layout-1 .post-title {
  margin-bottom: 0px;
}
/*  ----------------------------------------------------
   Page sub banner
-------------------------------------------------------- */
#sub_banner{}
#sub_banner .breadcrumb-wrap .breadcrumbs {margin: 0;}
/*  ----------------------------------------------------
   widget
  -------------------------------------------------------- */

.widget_wrap ul {
  list-style: none;
  padding-left: 0;
}

.widget_wrap ul li {
  margin-bottom: 18px;
  padding: 0 20px;
  border-left: 2px solid #ffc2ca;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffc2ca;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: .7rem 1rem;
}

.tags ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  margin-bottom: 14px;
  margin-right: 10px;
}

.widget_wrap .tagcloud a {
  display: inline-block;
  background-color: #ffc2ca;
  color: #fff;
  line-height: 25px;
  font-size: 10px;
  padding: 4px 8px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.widget_search {
  display: block;
  overflow: hidden;
}

.widget_search label {
  display: block;
  float: left;
  width: 75%;
}

.widget_search input[type=search] {
  padding: 8px 15px;
  height: 50px;
  border: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  color: #282828;
  background-color: rgba(255, 255, 255, 0.98);
}

.widget_search input[type=search]:focus {
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
}

.widget_search .screen-reader-text {
  display: none;
}

.widget_search .search-submit {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  height: 50px;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #ffc2ca;
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.widget_search .search-submit:hover {
  background-color: #507a9a;
}

.widget_wrap .calendar_wrap a {
  color: #ffc2ca;
}

.widget_wrap .calendar_wrap table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #ffc2ca;
}

.widget_wrap .calendar_wrap table tfoot {
  background: #fff;
}

.widget_wrap .calendar_wrap table thead {
  background: #ffc2ca;
}

.widget_wrap .calendar_wrap #today {
  background-color: #ffa5b1;
}

.widget_wrap .calendar_wrap table tbody {
  color: #826f6f;
}

.widget_wrap ul.menu li {
  margin-bottom: 18px;
  padding: 0 20px;
  border-left: 2px solid #ffc2ca;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  display: block;
  width: 100%;
  background-color: transparent;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #ffc2ca;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding: .7rem 1rem;
}

.widget_wrap ul.menu li a {
  background-color: transparent;
}

/* ========== sidebar ============ */

.sidebar-inner .widget_wrap {
  border-top: 3px solid #ffc2ca;
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
  padding: 30px 16px;
  margin-bottom: 40px;
}

.sidebar-inner .widget-title h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-align: center;
}

.sidebar-inner .widget-title h3:after {
  content: ' ';
  display: block;
  text-align: center;
  height: 1px;
  margin: 19px auto;
  background-color: #000;
  width: 30px;
}

.sidebar-inner .widget_wrap ul li a {
  color: #ffc2ca;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  padding-right: 60%;
}

/* ========== Footer widget ============ */

.footer_widgets_warp {
  padding: 40px 18px;
  margin-bottom: 40px;
}

.widget_wrap.footer_widgets_warp ul.menu li {
  margin-bottom: 5px;
  padding: 0 20px;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  background-color: transparent;
}

.widget_wrap.footer_widgets_warp ul {
  margin-left: 0px;
}

.widget_wrap.footer_widgets_warp ul li {
  margin-bottom: 5px;
  padding: 0;
  border: none;
  box-shadow: none;
  margin-left: 0px;
}

.widget_wrap.footer_widgets_warp ul li a {
  line-height: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #948e8f;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: block;
  padding: .4rem 1rem;
  padding-left: 0;
}

.top-footer-wrap .widget-title h3 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 24px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
}

.top-footer-wrap .widget-title h3:after {
  content: ' ';
  display: block;
  text-align: left;
  height: 1px;
  margin: 19px 0;
  background-color: #9d9d9d;
  width: 30px;
}

.copy-text {
  color: #9d9d9d;
  font-size: 12px;
  word-spacing: 2px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.footer-copyright-wrap {
  background: #1e2225;
  border-top: 1px solid #a7a7a7;
}

.footer-copyright-wrap .callout {
  background-color: transparent;
}

/*  ----------------------------------------------------
   Global Mobile
  -------------------------------------------------------- */

/* Portrait */

@media print, screen and (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
  .padding-vertical-small-1 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
  .padding-vertical-small-2 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
  }
  .padding-vertical-small-3 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
  .menu-outer  .top-bar-right,.menu-outer .main-menu-wrap{display: none;}
}

/* !!! Portrait !!! */

/* Landscape */

@media print, screen and (min-width: 568px) and (max-width: 1024px) and (orientation: landscape) {
  .padding-vertical-small-1 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
  .padding-vertical-small-2 {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important;
  }
  .padding-vertical-small-3 {
    padding-top: 3.5rem!important;
    padding-bottom: 3.5rem!important;
  }
.menu-outer  .top-bar-right,.menu-outer .main-menu-wrap{display: none;}
}

/* ----------- Retina Screens ----------- */

@media print, screen and (min-width: 40em) {
  .post-body-warp {
    padding-left: 20px;
  }
}

@media print, screen and (min-width: 64em) {
  .is-font-size-1 {
    font-size: 32px;
  }
  .is-font-size-2 {
    font-size: 28px;
  }
  .is-font-size-3 {
    font-size: 24px;
  }
  .is-font-size-4 {
    font-size: 19px;
  }
  .is-font-size-5 {
    font-size: 15px;
  }
  .is-font-size-6 {
    font-size: 12px;
  }
  .with-sidebar {
    padding-right: 20px;
  }
  .padding-vertical-large-1 {
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
  }
  .padding-vertical-large-2 {
    padding-bottom: 2rem!important;
    padding-top: 2rem!important;
  }
  .padding-vertical-large-3 {
    padding-bottom: 3rem!important;
    padding-top: 3rem!important;
  }
  .padding-vertical-large-4 {
    padding-bottom: 4rem!important;
    padding-top: 4rem!important;
  }
  .padding-vertical-large-5 {
    padding-bottom: 5rem!important;
    padding-top: 5rem!important;
  }
}