/*
Theme Name: Influenza
Text Domain: Influenza
Version: 1.0
Description: Influenza is a fast, fully responsive, customizable and SEO-friendly theme for creating your desired blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less then 130KB on frontend) and offers unparalleled speed. It is compatible with all famous wordpress plugins and page builders.
Tags: mobile-responsive, custom-menu, custom buttons, custom-logo, custom-background, custom-header, e-commerce, custom-colors, editor-style, featured-images, post-formats, theme-options, threaded-comments, blog-ready, SEO-friendly.
Author: Influenza
Author URI: https://pragmawebs.com/Influenza
*/

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Work Sans', sans-serif;
  background-color: #f5f5f5;
}

h1 {
  font-size: 80px;
  font-weight: 700;
  color: #373737;
}

h2 {
  font-size: 38px;
  color: #13161a;
  font-weight: 700;
}

h3,
h4,
h5,
h6 {
  font-size: 28px;
  color: #13161a;
  font-weight: 700;
}

p {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: -0.003em;
  color: #13161a;
  word-break: break-word;
  font-weight: 400 ;
}

#site-header {
  padding: 0px;
  height: 500px;
  margin: auto;
}

#site-header img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* DESKTOP MENU NAVIGATION */

header {
  width: 100%;
  background-color: #f5f5f5;
  /* border-bottom: 1px solid #c4c9ce; */
}

.headerText {
  padding: 100px 10px;
  max-width: 1290px;
  margin: 0 auto;
  text-align: center;
  color: #13161a;
}

.headerText h1 {
  color: #425486;
  font-weight: 700;
}

.headerText h2 {
  color: #fff;
  font-weight: 500;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0rem;
  max-width: 1290px;
  margin: auto;
  border-bottom: 1px solid #99794c;
}

.logoDiv {
  width: 100px;
  height: 100%;
}

.logoDiv a {
  font-size: 36px;
  text-decoration: none;
  color: #13161a;
  font-weight: 700;
	
}

.subtitle {
	font-family: 'Ephesis', cursive;
	font-size: 36px !important;	
}

.logoDiv a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: flex;
  align-items: center;
}

.navbar-links ul {
  display: flex;
  align-items: center !important;
}

.navbar-links li {
  list-style: none;
}

.navbar-links li a {
  text-decoration: none;
  color: #13161a;
  font-size: 16px;
  display: block;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 3px;
  transition: 0.9s;
}

.navbar-links li:nth-last-child(1) {
  padding: 12px 24px;
  font-size: 12px;
  /* background-color: #373737; */
  letter-spacing: .13em;
    line-height: 20px;
    font-weight: 500;
  background-color: transparent;
  text-transform: uppercase;
  color: #13161a;
  border-radius: 3px;
  border: 1px solid #99794c;
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  margin: 10px 10px 10px 0px;
}

.navbar-links li:nth-last-child(1) a {
  color: #13161a;
}

.navbar-links li a:hover {
  opacity: 0.8;
  color: #99794c;
}

.navbar-links li:nth-last-child(1):hover {
  opacity: 0.8;
}

.navbar-links li:nth-last-child(1) a:hover {
  color: #000;
}

.navbar-links ul li img {
  display: none;
}

/* MAIN CONTENT STYLES */

.post-thumbnail,
.mainContent .wp-audio-shortcode,
.mainContent
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .wp-block-separator
  ),
*[class*="inner-container"]
  > *:not(.mainContent):not(.alignwide):not(.alignfull):not(.alignleft):not(
    .alignright
  ):not(.wp-block-separator),
.default-max-width {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px !important;
}

.alignfull {
  width: 100% !important;
}

.alignwide {
  max-width: 1290px !important;
  margin: auto !important;
}

@media (max-width: 768px) {
  .alignfull h1,
  .alignfull h2,
  .alignfull h3,
  .alignfull h4,
  .alignfull h5,
  .alignfull h6,
  .alignfull p,
  .alignfull .wp-block-button__link,
  .alignfull .button {
    margin: 10px 10px !important;
  }
  .alignwide h1,
  .alignwide h2,
  .alignwide h3,
  .alignwide h4,
  .alignwide h5,
  .alignwide h6,
  .alignwide p,
  .alignwide .wp-block-button__link,
  .alignwide .button {
    margin: 10px 10px !important;
  }
}

/* MAIN CONTENT STYLES */
.mainContent {
  min-height: 900px;
}

.sidebar-module {
  max-width: 1290px;
  margin: auto;
}

.mainContent ul li {
  color: #13161a;
}
.errorPage {
  max-width: 1290px;
  margin: auto;
  padding: 100px 0px;
}

.errorPage h1 {
  margin: 100px 0px;
  text-shadow: 0 1px 0 #13161a, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,
    0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2),
    0 5px 10px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.2),
    0 15px 15px rgba(0, 0, 0, 0.15);
}

.errorPage h2 {
  margin: 100px 0px;
}

.wp-block-media-text {
  column-gap: 50px !important;
}

.wp-block-media-text__content {
  padding: 0 !important;
  margin: 0 !important;
}

.wp-block-columns {
  margin: 0;
  }

/* CUSTOM BUTTON STYLES FOR WP */

.wp-block-search__button {
  padding: 12px 24px;
  font-size: 12px;
  letter-spacing: .13em;
    /* line-height: 30px; */
    font-weight: 500;
  background-color: transparent;
  text-transform: uppercase;
  color: #13161a;
  border-radius: 3px;
  border: 1px solid #99794c;
  /* transition: color 0.2s ease-out, transform 0.2s ease-out; */
  /* margin: 10px 10px 10px 0px; */
}

.wp-block-button__link {
  padding: 12px 24px;
  font-size: 12px;
  /* background-color: #373737; */
  letter-spacing: .13em;
    line-height: 24px;
    font-weight: 500;
  background-color: #373737;
  text-transform: uppercase;
  color: #fafafa;
  border-radius: 3px;

  transition: color 0.2s ease-out, transform 0.2s ease-out;
  margin: 10px 10px 10px 0px;
}
.wp-block-button__link:hover {
  transform: scale(1.05);
}
.wp-block-button__link:focus {
  outline: none;
  transform: scale(0.95);
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
opacity: 0.8;
}

.wp-block-image img {
  object-fit: cover;
}

/* MOBILE MENU  */
.toggleBtn {
  position: fixed;
  right: 10px;
}
.wrapper-menu {
  width: 35px;
  height: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  right: 20px;
  display: none;
  z-index: 5;
}

.closebtn {
  /* padding: 0px; */
  position: absolute;
  right: 5px;
  width: 27px;
  height: 12px;
  z-index: 10;
  /* margin-bottom: 50px; */
  cursor: pointer;
  display: block;
}

.line-menu {
  background-color: #13161a;
  width: 100%;
  height: 2px;
}

#curtain {
  display: none;
}

.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  /* transition: 0.7s; */
  z-index: 10;
}

.overlay-content {
  position: relative;
  top: 7%;
  width: 100%;
  text-align: left;
  /* margin: 30px 0 0 0; */
}

.overlay-content a {
  font-weight: 500;
  margin: auto;
  /* line-height: 25px; */
}

.overlay a {
  padding: 10px 0px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  color: #13161a;
  display: block;
  transition: 0.3s;
  /* text-transform: uppercase; */
}

.overlay a:hover,
.overlay a:focus {
  opacity: 0.8;
}

.overlay ul {
  padding-left: 25px;
}

.overlay ul li {
  list-style: none;
}

.menu-item {
  list-style: none;
  margin-right: 25px;
}

/* WOO COMMERCE STYLES*/

.button {
  font-size: 1rem;
  background: #fff !important ;
  padding: 5px 10px;
  color: #13161a !important;
  border: 1px solid #a1a9c3 !important;
  border-radius: 5px;
  font-weight: 500;
  transition: color 0.2s ease-out, transform 0.2s ease-out;
  text-decoration: none;
  display: flex;
  justify-content: center;
  max-width: 200px;
  text-align: center;
  margin: auto;
}
.button:hover {
  transform: scale(1.05);
}
.button:focus {
  outline: none;
  transform: scale(0.95);
}
.button:hover,
.button:focus {
  color: #000;
}

.added_to_cart {
  font-weight: 500 !important;
  margin: 10px !important;
  display: block !important;
  color: #13161a;
}

.product-name a {
  color: #13161a;
}
.woocommerce table {
  color: #13161a;
}

.columns-4 {
  margin: 100px 0px 0px 0px;
}

.woocommerce-checkout-payment p {
  color: #13161a !important;
}

.woocommerce-order ul li {
  color: #13161a !important;
}

.woocommerce-order {
  padding: 100px 0px;
}

.woocommerce-info {
  border-top: none;
}

.woocommerce-info::before {
  color: #373737;
}

.product_meta {
  color: #13161a;
}

.product_meta a {
  color: #000;
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #373737;
  margin-left: 10px;
}

.added_to_cart {
  color: #13161a !important;
}

.price .amount {
  color: #13161a;
}
.woocommerce ul.products li.product .price {
  color: #13161a !important;
  display: block;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  font-size: 16px !important;
}

.woocommerce-loop-product__title {
  height: 100px;
}

.flex-control-thumbs li {
  padding: 5px;
}

.flex-direction-nav {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0px;
}

li.flex-nav-prev {
  float: left;
}
li.flex-nav-next {
  float: right;
}
a.flex-next {
  visibility: hidden;
}
a.flex-prev {
  visibility: hidden;
}

a.flex-next::after {
  visibility: visible;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
}
a.flex-prev::before {
  visibility: visible;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
}

.flex-direction-nav li a {
  text-decoration: none;
  color: #13161a;
}

.woocommerce-product-gallery__image.flex-active-slide {
  min-height: 400px;
}

.woocommerce-product-gallery__image.flex-active-slide a img {
  max-height: 400px;
  object-fit: cover;
}

.woocommerce-billing-fields__field-wrapper input {
  background-color: #f5f5f5;
  padding: 10px 10px;
  border-radius: 10px;
  color: #13161a;
}

.woocommerce-checkout-payment {
  background-color: #f5f5f5 !important;
}

.woocommerce-privacy-policy-text p {
  color: #13161a !important;
}

.woocommerce-customer-details address {
  color: #13161a !important;
}

/* FOOTER STYLES  */
footer {
  bottom: 0;
  width: 100%;
  padding: 25px 0 0 0;
  margin-top: 0px;
  align-items: center;
  background-color: #13161a;
  /* background-color: #13161A; */
}

.row {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: auto;
  max-width: 1290px;
}

.footerDescription {
  font-size: 16px;
  letter-spacing: 0;
  color: #ffffff;
  font-weight: 500;
}

.footerBlock {
  text-align: left;
  max-width: 500px;
  line-height: 30px;
}

.footerBlock a {
  font-size: 16px;
  margin: 10px 0;
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}

.footerBlock a:hover {
  text-decoration: underline;
}

.footerBlock ul li {
  list-style: none !important;
}

.footerBlock ul {
  padding: 0;
}

.footerBlock:nth-child(1) h6 {

  color: #99794c;

}

.footerBlock h6 {
  font-size: 30px;
  color: #ffffff;
  margin: 20px 0px;
  font-weight: 500;
}
.copyright p {
  text-align: left;
  background-color: transparent;
  color: #ffffff;
  font-size: 16px;
}

.socialMedia {
  display: flex;
  margin-top: 10px;
}

.socialMedia a {
  font-size: 24px;
  color: #ffffff;
  width: 32px;
  height: 32px;
  margin-right: 18px;
  border: none;
  background-color: transparent;
  text-align: center;
  line-height: 32px;
  display: block;
  transition: all 0.4s linear;
}

.socialMedia a:hover {
  color: #99794c;
}

.copyright {
  display: flex;
  background-color: #13161a;
  justify-content: center;
  align-items: center;
  max-width: 1290px;
  text-align: left;
  margin:  auto;
  padding: 20px 0px;
  /* background-color: #1b2433; */
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 50px;
  border-top: 1px solid #aaadb2;
  border-bottom: none;
}

.copyright p {
  color: #fefefe;
  line-height: normal;
}

.fa-brands {
  width: 24px;
  height: 24px;
}

.copyright a {
  color: #c4c9ce;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  color: #f2f2f2;
}

/* BLOG POST STYLES FOR WP */

.postContent {
  text-align: center;
  max-width: 1290px;
  margin: 50px auto;
  display: grid !important;
  grid-template-columns: auto auto !important;
  column-gap: 80px;
  padding: 0px 15px !important;
}

.postHeadTitle {
  text-align: left;
  max-width: 1290px;
  margin: auto;
}

.postContent a {
  text-decoration: none;
}

.postThumb {
  max-width: 600px;
  background-color: #fff;
  padding: 0px;
  min-height: 627px;
  position: relative;
 
  margin: 30px 0px;
}

.wp-social-link {
  font-size: 22px;
  color: #fafafa !important;
  background-color: #13161a !important;
}

.postThumb:hover,
.postThumb:focus,
.postThumb:active {
  color: #425486 !important;
  border-color: #425486 !important;
}

.postImage {
  width: 600px;
  height: 377px;
  padding: 0;
  margin: 0;
  position: relative;
}

.postImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.postShort {
  left: 0;
  position: relative;
  text-align: left;
  word-break: break-word;
padding: 10px 20px;
}

.postShort h2 {
  margin-top: 20px;
  font-size: 38px;
  font-weight: 700;
}

.postShort h2::after {
  border-bottom: none !important;
}

.postShort p {
  text-align:left;
  font-size: 16px;
  word-break: break-word;
}

.postShort a {
  cursor: pointer;
  margin: 5px 0px;
  width: 50%;
  font-size: 16px;
  color: #425486;
  text-decoration: none;
}

.postTitle {
  font-weight: 400 !important;
  font-size: 38px ;
  line-height: 1.22449em;
  margin: 25px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.postTitle:hover {
  color: #a1a9c3;
}

.post-categories {
  list-style: none;
  padding: 0;
  width: auto;
}

.post-categories li a {
  /* display: inline-flex; */
  /* vertical-align: middle; */
  /* border-radius: 3px; */
  color: #99794c;
  flex-wrap: wrap;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  /* border: 1px solid #99794c; */
  /* padding: 5px 10px; */
}

.post_date {
  display: inline-flex;
  vertical-align: middle;
  flex-wrap: wrap;
  font-size: 12px !important;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 0 18px;
  color: #e5e1da;
  background-color: #373737;
  margin-right: 20px;
}

.excerpt {
  font-size: 16px !important;
  margin: 15px 0px 0px;
  color: #13161a;
  letter-spacing: 0.13em;
  text-align: left;
  /* word-break: break-word; */
}

.readMore {
  color: #13161a;
  font-size: 12px !important;
  /* font-family: "Work Sans",sans-serif; */
  letter-spacing: 0.13em;
  line-height: 30px;
  font-weight: 500;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: auto;
  text-transform: uppercase;
  border: 1px solid #99794c;
  padding: 8px 39px;
}

.readMore:hover {
  text-decoration: underline;
}

.blogText {
  max-width: 1290px;
  margin: auto;
  padding: 50px 0px;
  text-align: center;

}

.blogText a {
  color: #13161a;
  border: 1px solid #99794c;
  padding: 5px;
  text-decoration: none;
  /* transition: letter-spacing 1.5s !important; */
  /* margin:  auto; */
}
.blogText a:hover {
  color: #13161a;
  /* letter-spacing: 3px; */
}

.wholeText {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0px;
}

.singlePost {
  max-width: 900px !important;
  word-break: break-word;
  padding: 20px 0px;
}

.singlePost h1 {
  text-align: left;
  word-break: break-word;
}

.postText p {
  text-align: left;
  color: #13161a;
}

.postDate p {
  font-size: 14px;
}

/* COMMENT STYLES FOR WP  */

.comments {
  font-size: 16px;
  border-radius: 10px;
  padding: 20px 0px;
  margin-bottom: 20px;
  margin-top: 10px;
  max-width: 1290px;
  margin: auto;
}

.comments a {
  color: #13161a;
}

.comments li {
  list-style: none;
}

.comments h3,
.comments h2 {
  color: #13161a;
  padding: 5px;
  font-size: 18px;
}

.comment-body {
  border-top: 1px #13161a solid;
  margin-bottom: 10px;
  padding: 20px 10px;
}

.comment-meta {
  background: transparent;
  color: #13161a;
  padding: 15px;
  overflow: auto;
  display: flex;
  justify-content: space-between;
}

.comment-meta a {
  text-decoration: none;
}

.comment-meta img {
  float: left;
  margin-right: 10px;
}

.comment-reply-link {
  color: #13161a;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  border-radius: 5px;
}

.comment-author {
  color: #13161a;
}

.comment-form input {
  width: 100%;
  resize: vertical;
  padding: 10px;
  margin-bottom: 15px;
  border: none;
  box-shadow: inset;
  background-color: #f5f5f5;
}

.comment-form textarea {
  line-height: 1.5;
  resize: vertical;
  padding: 50px 0;
  width: 50%;
  box-shadow: inset;
  background-color: #f5f5f5;
  border: 1px solid #696969;
}

.form-submit .submit {
  width: 25%;
}

.comment-form #submit {
  cursor: pointer;
  padding: 10px 5px;

  font-weight: 700;
  font-size: 16px;
  border: none;
  border-radius: 2px;
  background-color: #373737 !important;
  color: #fff !important;
  border: none;
  text-decoration: none;
  letter-spacing: 1px;
}

/* MEDIA QUERIES - RESPONSIVE STYLES*/

@media only screen and (max-width: 1260px) {
  h1 {
    font-size: 28px;
  }

  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 24px;
  }

  p {
    font-size: 18px;
    font-weight: 500;
  }

  #site-header {
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
  }

  .button {
    padding: 12px !important;
    font-size: 16px;
  }

  /* FOOTER STYLES  */

  footer .logoTitle {
    text-align: left;
  }

  .row {
    flex-direction: column;
    margin: 0px 20px 0px 20px;
  }

  .footerBlock {
    text-align: left;
  }

  .footerBlock a {
    margin: 5px 0;
    font-size: 16px;
  }

  .copyright {
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .copyright p {
    text-align: left;
    font-size: 14px;
  }

  .socialMedia a {
    margin-right: 10px;
    font-size: 24px;
  }

  .postContent {
    flex-direction: column;
    grid-template-columns: auto auto;
    padding: 0px 10px;
    margin: 100px 0;
  }
  .postImage {
    width: 100%;
    height: 276px;
  }

  .postHeadTitle {
    padding: 0px 10px;
  }

  .postShort h2 {
    font-size: 28px;
  }

  .wrapper-menu {
    display: flex;
    z-index: 5;
  }

  .navbar-links {
    display: none;
    width: 100%;
  }

  nav {
    justify-content: space-between;
    padding: 10px;
    align-items: center;
  }

  .navbar-links ul {
    width: 100%;
    flex-direction: column;
  }

  .navbar-links li {
    text-align: center;
  }

  .navbar-links li a {
    padding: 1rem 1rem;
  }

  .navbar-links.active {
    display: flex;
  }

  .comment-form textarea {
    width: 100%;
  }

  .comment-form .submit {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .postContent {
    grid-template-columns: auto !important;
  }
  .postThumb {
    padding: 0px;
    margin-bottom: 30px;
    max-width: 450px;
    flex-direction: column !important;
    margin: 30px auto;
  }

  .wp-social-link {
    margin-left: 10px !important;
  }

  .postShort {
    width: 100%;
    padding: 10px 15px;
  }

  .postContent {
    flex-direction: column;
    grid-template-columns: auto;
  }

  .singlePost {
    margin: 10px;
    max-width: 400px;
  }
}

@media (max-width: 600px) {
  .navbar-links {
    display: none;
    width: 100%;
  }

  .navbar-links ul {
    width: 100%;
    flex-direction: column;
  }

  .navbar-links li {
    text-align: center;
  }

  .navbar-links li a {
    padding: 1rem 1rem;
  }

  .navbar-links.active {
    display: flex;
  }
}