/*
Theme Name: Churel
Text Domain: churel
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.8
Tested up to: 5.7
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our Churel theme for 2021 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Author: Themeix
Author URI: https://themeix.com
Theme URI: https://themeix.com/product/churel-wordpress-multiperpose-theme/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

.banner-slider .owl-dots {
  position: static;
  margin-top: 30px;
  margin-bottom: 0px;
}

.banner-post .author {
  padding: 5px;
}

.page-title-post.single {
  min-height: 500px;
  height: 100%;
  animation: zoomout 3s;
  -webkit-animation: zoomout 3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.col-lg-8.col-md-7 .page-title-post.single {
  min-height: 380px;
}

.entry-title h2 {
  padding-bottom: 15px;
  line-height: 1.4;
}

:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color {
  background-color: transparent;
}

.comments_template {
  position: relative;
}

/* Theme unit test style*/

table {
  width: 100%;
  margin-bottom: 30px !important;
  table-layout: fixed;
  border: 1px solid #ddd;
  margin-top: 15px;
}

table tr {
  border-bottom: 1px solid #ddd !important;
  line-height: 1.6 !important;
}

table tr th {
  padding: 15px 12px;
  border: 1px solid #ddd;
}

table tr td {
  border: 1px solid #ddd;
  padding-left: 10px;
}

figure.wp-block-image img {
  max-width: 100%;
  max-height: 100%;
}

figcaption {
  font-size: 14px;
  text-align: center;
  background: #f8f9f9;
  padding: 6px;
  color: #ad8e8e;
}

pre {
  background: #333342;
  color: white !important;
  padding: 15px;
}

p code {
  background: #333342;
  display: block;
  padding: 15px;
  border-radius: 2px;
  color: white !important;
  margin: 12px 0;
}

.entry-content blockquote {
  padding-left: 15px;
  border-left: 5px solid;
}

ul.wp-block-archives.wp-block-archives-list li, ul.wp-block-categories.wp-block-categories-list, ul.wp-block-categories.wp-block-categories-list ul.children {
  list-style: none;
  line-height: 2.2rem;
}

ul.wp-block-archives.wp-block-archives-list li:before, ul.wp-block-categories.wp-block-categories-list li:before, ul.wp-block-categories.wp-block-categories-list ul.children li::before {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
  font-weight: 900;
}

ul.wp-block-categories.wp-block-categories-list .cat-count {
  box-shadow: 0 0 20px 0 rgba(25, 100, 227, 0.06);
}

ul.wp-block-categories.wp-block-categories-list .cat-count {
  box-shadow: 0 0 20px 0 rgba(25, 100, 227, 0.06);
  padding: 0px 8px;
  border: 1px solid #eae1f3;
  border-radius: 50px;
  margin-left: 20px;
}

p img {
  max-width: 100%;
  height: auto;
}

form.post-password-form input[type=submit] {
  border: none;
  background: var(--churel-primary-color);
  color: white;
  cursor: pointer;
  border-radius: 2px;
}

form.post-password-form label input {
  border: 1px solid #d1d2d2;
  width: 100%;
  border-radius: 2px;
}

.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.post-text a {
  text-decoration: underline;
}

.post-text span.cat-count {
  border: 1px solid #d4cdcd;
  padding: 0px 5px;
  line-height: 1.8;
}

.title h4 {
  text-align: left;
}

.section-title {
  margin-bottom: 0px;
}

.entry-content img {
  height: auto !important;
  width: auto;
  max-width: 100%;
  margin-bottom: 0px;
}

.wp-block-button {
  margin-bottom: 20px;
}

.wp-block-cover {
  margin-bottom: 20px;
}

.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
  color: #fff !important;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

figure {
  max-width: 100%;
}

figure .size-full {
  max-width: 100% !important;
  height: auto;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

.wp-block-button__link {
  background-color: var(--churel-primary-color);
  color: var(--white) !important;
}

.wp-block-button.is-style-outline a {
  color: inherit !important;
}

.wp-block-button.alignright {
  text-align: right;
}

.entry-content img, .entry-content video {
  max-width: 100%;
  height: 100%;
}

.wp-block-latest-posts {
  border: 1px solid #e7ecf3;
  padding: 15px !important;
  border-radius: 4px;
}

.wp-block-archives.wp-block-archives-dropdown, .wp-block-categories.wp-block-categories-dropdown, .wp-block-calendar, form.wp-block-search {
  margin-bottom: 25px;
}

form.wp-block-search {
  margin-top: 15px;
}

.entry-content h5, .entry-content h6, .entry-content ol, .entry-content p, .entry-content pre, .entry-content ul, .footnotes, .post-full-comments {
  display: inline-block;
}

.wp-block-media-text, .wp-block-group.has-background {
  margin-bottom: 20px;
}

.single-page-numbers {
  padding: 15px 0;
}

.single-page-numbers span.post-page-numbers, .single-page-numbers a.post-page-numbers {
  width: 30px;
  height: 30px;
  text-align: center;
  background: #e7ecf3;
  display: inline-block;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 900;
}

.twitter-tweet.twitter-tweet-rendered {
  max-width: 100% !important;
  display: inherit !important;
}

.posts-pagination.text-center {
  margin: 25px 0;
}

.banner-post .thumbnail img {
  height: 100%;
}

.banner-post {
  margin-bottom: -60px;
}

.post-thumb {
  margin: auto;
  text-align: center;
}

.post-thumb img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.linkedin {
  background-color: #0077b5;
}

.tags-meta ul li a {
  background-color: var(--churel-primary-color);
  margin-bottom: 8px;
  border-radius: 5px;
}

.bypostauthor {
  color: inherit;
}

.author-bio p {
  margin: 0!important;
  padding: 0!important;
}

.entry-content .blocks-gallery-item {
  float: left;
}

.row.blog-variation.infinite-scroll .col-lg-12 {
  padding: 0;
}

.row.blog-variation .col-lg-6, .row.blog-variation .col-md-12 {
  padding-bottom: 30px;
}

.col-lg-6 .blog-post, .col-md-12 .blog-post {
  height: 100%;
  display: flex;
  align-items: center;
}

.entry-content a, p a {
  text-decoration: underline;
}

a.skip-link.screen-reader-text {
  position: absolute;
  top: -1000em;
}

a.skip-link.screen-reader-text:focus {
  left: 6px;
  top: 7px;
  height: auto;
  width: auto;
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 23px 14px;
  background: #f1f1f1;
  color: #0073aa;
  z-index: 100000;
  line-height: normal;
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto;
}

.sf-menu ul {
  padding: 0;
  background: var(--churel-primary-color)!important;
}

.sf-menu ul ul {
  margin-top: -10px;
}

.sf-menu ul li a {
  background: var(--churel-primary-color)!important;
  padding: 6px 20px!important;
  color: var(--light-color)!important;
  border: none;
}

.sf-menu ul li a:hover {
  background: var(--light-color)!important;
  padding: 6px 20px!important;
  color: var(--churel-primary-color)!important;
  border: none;
}

.themeix-menu #main-menu li {
  margin: 0;
}

.themeix-menu #main-menu li>a {
  padding: 12px 20px!important;
}

.themeix-menu #main-menu>li:last-child a {
  color: var(--churel-primary-color);
}

.themeix-menu #main-menu li .sub-toggle {
  width: 40px;
  text-align: right;
  padding: 0;
  text-align: center;
}

.sf-arrows>li>.sf-with-ul:focus:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>.sfHover>.sf-with-ul:after {
  border-top-color: var(--churel-primary-color);
}

.themeix-menu #main-menu {
  width: calc(100% - 50px);
  padding-right: 30px;
}

.themeix-menu .search-modal {
  width: 50px;
  color: white;
}

button#hamburger-close .fa, #hamburger-close--2 .fa {
  transform: rotate(45deg);
}

@media only screen and (max-width: 991px) {
  nav.navigation.pagination {
    margin-bottom: 30px;
  }
  .themeix-menu {
    width: 100%;
  }
  .sf-hidden {
    display: none;
  }
  .themeix-menu #main-menu {
    width: 100%;
    padding-right: 20px;
  }
  .themeix-menu #main-menu li {
    width: 100%;
  }
  ul.sub-menu {
    position: static;
    padding-left: 15px;
  }
  .header-logo {
    text-align: left;
  }
  .themeix-menu .search-modal {
    top: 0;
    right: 15px;
  }
  ul.sub-menu {
    box-shadow: none;
    margin-top: 5px!important;
    padding: 15px;
  }
  .themeix-menu #main-menu {
    top: 15px;
  }
}

.sf-arrows .sf-with-ul:after {
  right: 5px!important;
}

.new_footer_top {
  padding: 0 0 70px;
}

.footer_middle {
  background: #f0f2f2;
  padding: 70px 0;
}

.new_footer_area .footer_bottom {
  background: #f0f2f2;
}

.footer-widget h5.footer-title.heading-5 {
  padding-bottom: 15px;
}

@media only screen and (min-width: 992px) {
  #hamburger-open, #hamburger-close, #hamburger-close--2 {
    display: none;
  }
  .sf-menu>.menu-item-has-children>.sf-with-ul:after {
    right: 0;
  }
}

@media only screen and (max-width: 991px) {
  .header-area {
    padding: 20px 0;
  }
  .themeix-menu .search-modal {
    color: inherit;
    background: transparent;
    position: absolute;
    top: -50px;
    right: 0;
    margin-right: 15px;
    padding: 5px;
  }
  .themeix-menu .search-modal:hover {
    color: var(--churel-primary-color);
  }
  .menu-btn, .menu-btn:hover {
    background: transparent;
    color: inherit;
    padding: 5px 15px;
    margin-left: 5px;
    float: right;
    position: absolute;
    right: 70px;
    top: -50px;
  }
  /* .header-area .col-md-9 {
    width: 50%;
    display: flex;
    align-items: center;
  } */
  h1.site-title {
    font-size: 30px;
  }
  #content .entry-title {
    margin-top: 35px;
  }
  section.banner-area.m-b-60 {
    margin: 0;
  }
  .banner-slider .banner-post {
    margin-bottom: 0;
    padding-bottom: 30px;
    display: inline-block;
  }
  .banner-post .content {
    margin-top: 35px;
  }
  .banner-slider .desc h1 {
    line-height: .8;
  }
  .banner-slider .desc h1 a {
    font-size: 25px;
  }
  .banner-slider .owl-dots {
    margin-top: -35px;
    margin-bottom: 40px;
  }
  .themeix-menu.has-no-custom-logo button {
    top: -60px;
  }
}

@media only screen and (max-width: 480px) {
  .header-logo img {
    width: 160px!important;
    max-height: 150px;
  }
  .menu-btn, .menu-btn:hover {
    top: -45px;
  }
  .themeix-menu .search-modal {
    top: -45px;
  }
  .themeix-menu.has-no-custom-logo button {
    top: -60px;
  }
}