/*
Theme Name: Meshkal theme
Template: twentytwenty
Author: Nabil
Version: 1.0
*/
@font-face {
  font-family: 'George';
  src: url('assets/fonts/George-Demo.woff');
}

body {
  font-family: 'Noto Serif', serif;
  letter-spacing: normal;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file,
.entry-content, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt{
  font-family: 'Noto Serif', serif;
}
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary{
  font-family: 'Noto Serif', serif;
}
input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button{
  font-family: 'Noto Serif', serif;
}
h1, h2, h3, h4, h5, h6, .faux-heading{
  letter-spacing: -0.02em;
}
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6{
  letter-spacing: normal;
}
.color-accent{
  color: #203460!important;
}
#site-header{
  background-color: #222;
  color: white;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  transition: background-color 0.25s;
  /*
  background-image: url('assets/images/paper_banner_3.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  */
}
#site-content{
  padding-top: 7.4rem;
}
#site-header .header-titles{
  align-items: center;
}
#site-header .header-titles{
  margin: 0;
  display: flex;
  justify-content: flex-start;
}
#site-header .header-titles .site-title{
  margin: 0.8rem 1.0rem 0;
  font-family: 'George';
  font-size: 4.4rem;
  font-weight: normal;
}
#site-header .header-titles .site-title a:hover{
  text-decoration: none;
}
#site-header .logo{
  height: 5.0rem;
  width: 5.0rem;
}
#site-header .header-titles-wrapper{
  padding: 0;
  max-width: none;
}
@media ( min-width: 1000px ) {
  #site-header .header-titles-wrapper{
    margin-right: 1.6rem;
  }
  #site-header .header-navigation-wrapper{
    flex-grow: 1;
  }
}
#site-header .header-titles-wrapper .toggle{
  display: none;
}

#site-header .header-titles-wrapper .toggle,
#site-header .header-navigation-wrapper .toggle{
  color: white!important;
}
#site-header .header-inner .toggle{
  position: relative;
  width: auto;
  height: auto;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
}
#site-header .header-navigation-wrapper{
  display: flex;
  justify-content: space-between;
}
#site-header .primary-menu-wrapper{
  width: auto;
}
#site-header .primary-menu-wrapper + .header-toggles{
  margin: 0;
  display: flex;
  align-items: center;
}
#site-header ul.primary-menu{
  margin: 0;
}
#site-header ul.primary-menu > li{
  margin: 0 1.2rem;
}
#site-header .header-toggles .search-toggle{
  padding: 0;
}
#site-header .newsletter-link{
  margin: 0 0.4rem;
  padding: 1.2rem 1.6rem;
  border-radius: 0.3rem;
  color: #222;
  background-color: white;
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.header-inner{
  padding: 1.2rem 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.header-inner .toggle-wrapper::before{
  display: none;
}
.primary-menu > li > a{
  letter-spacing: normal;
  color: white!important;
  font-weight: 400;
}
.lang-switch-menu{
  display: flex;
  align-items: center;
  margin: 0 2.4rem;
}
.lang-switch-menu li{
  list-style: none;
  margin: 0 0.4rem;
}
.lang-switch-menu li a{
  color: white;
  text-decoration: none;
  display: block;
}
.lang-switch-menu li a:hover{
  text-decoration: underline;
}
.search-modal .search-field{
  height: 7.4rem;
  outline: none;
}
.search-modal .search-field::placeholder{
  line-height: 2.2;
  outline: none;
}
.skip-link{
  display:none;
  left: inherit;
  right: -9999rem;
}
article.post,
article.page{
  padding-bottom: 5rem;
}
.container{
  max-width: 960px;
  margin: 0 auto;
}
.post-meta-categories{
  display: flex;
  align-items: center;
}
#site-content .entry-content{
  font-size: 1.7rem;
}
#site-content .entry-content a{
  text-decoration: none;
}
#site-content .entry-content a:hover{
  text-decoration: underline;
}
.pagination-wrapper{
  margin-top: 30px;
}
.pagination .nav-links{
  align-items: center;
}
body.rtl .pagination .prev{
  margin: 0 0 0 auto;
}
body.rtl .pagination .next{
  margin: 0 auto 0 0;
}
.newsletter-section .mcform-form{
  display: flex;
  max-width: 40rem;
  margin: 0 auto;
}
.newsletter-section .mcform-form > div:first-child{
  flex-grow: 1;
}
.newsletter-section .mcform input{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6rem;
  padding: 1.6rem;
}
body.rtl .newsletter-section .mcform input{
  text-align: right;
  line-height: 1.8rem;
  font-size: 1.8rem;
  padding-top: 1.82rem;
}
.newsletter-section .mcform input[type="text"],
.newsletter-section .mcform input[type="email"]{
  border: 0.1rem solid #ddd;
  box-sizing: border-box;
}
.newsletter-section .mcform input[type="submit"]{
  border: 0.1rem solid #203460;
  background-color: #203460;
  box-sizing: border-box;
}
.newsletter-section .mcform input[type="submit"]:hover{
  text-decoration: none;
}
.newsletter-section .mcform .mcform-success,
.newsletter-section .mcform .mcform-error{
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
body.rtl .newsletter-section .mcform .mcform-success,
body.rtl .newsletter-section .mcform .mcform-error{
  font-size: 1.6rem;
}
.newsletter-section .mcform .mcform-success{
  color: #1d2c4d;
  display: none;
}
.newsletter-section .mcform .mcform-error{
  color: red;
}
.footer-nav-widgets-wrapper{
  background-color: #222;
  margin-top: 0!important;
  border-top: none!important;
}
.footer-inner.section-inner{
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  /*
  background-image: url('assets/images/logo_06.svg');
  background-size: 7.2rem 7.2rem;
  background-repeat: no-repeat;
  background-position: right 0 top 5rem;
  */
}
body.rtl .footer-inner.section-inner{
  background-position: left 0 top 5rem;
}
.footer-top{
  border: none;
  padding: 0 0 5rem;
}
.footer-widgets-outer-wrapper{
  border: none;
  padding: 5rem 0 4rem;
}
.footer-widgets-wrapper{
  margin-left: 0;
}
.footer-widgets{
  width: auto;
  margin-left: 0;
  display: flex;
}
.footer-widgets a{
  color: white!important;
}
.footer-widgets .widget{
  margin-top: 0;
  margin-right: 5rem;
}
body.rtl .footer-widgets .widget{
  margin-right: 0rem;
  margin-left: 5rem;
}
.footer-widgets .widget_nav_menu a{
  font-weight: 300;
  font-size: 1.8rem;
}
.footer-widgets .widget_nav_menu ul li{
  margin: 0;
}
ul.footer-social{
  margin: 0;
}
ul.footer-social li{
  margin: 0 1rem 0 0;
}
body.rtl ul.footer-social li{
  margin: 0 0 0 1rem;
}
.social-icons a{
  background-color: transparent!important;
  height: 2.4rem!important;
  width: 2.4rem!important;
}
.social-icons a svg{
  height: 2.4rem!important;
  width: 2.4rem!important;
}
.social-icons a:focus, .social-icons a:hover{
  transform: none;
}
@media (min-width: 700px) {
  h1, .heading-size-1{
    font-size: 4.8rem;
  }
  body.rtl h1, .heading-size-1{
    font-size: 5rem;
    line-height: 1.2;
  }
}
@media (min-width: 1220px) {
  h1, .heading-size-1{
    font-size: 6.4rem;
  }
  body.rtl h1, .heading-size-1{
    font-size: 6.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 620px) {
  .lang-switch-menu{
    margin: 0 1.2rem;
  }
  .newsletter-section .mcform input{
    font-size: 1.6rem;
    padding: 1.6rem;
    line-height: 1.6rem;
  }
  body.rtl .newsletter-section .mcform input{
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
  .footer-inner.section-inner{
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .footer-widgets{
    flex-direction: column;
  }
  .footer-top{
    padding-top: 0rem;
  }
  .footer-widgets-outer-wrapper{
    padding-bottom: 0;
  }
  body.rtl .footer-widgets .widget,
  .footer-widgets .widget{
    margin: 0 0 3.2rem;
  }
  .footer-widgets .widget_nav_menu ul li{
    margin: 0;
  }
  body.rtl ul.footer-social li,
  ul.footer-social li{
    margin: 0 0.8rem;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 76%;
  }
}
@media (min-width: 1368px) and (max-width: 1919px) {
  html {
    font-size: 66%;
  }
}