/*
Theme Name: Fast Blogy
Author: Alnazeer abdoulmonem
Author URI: https://alnazeer.godaddysites.com/
Description: فاست بلوجي هو ثيم مصمم خصيصا للمدونات , يتميز بالسهولة و البساطة في التصميم , و أيضا الإهتمام الكبير بسرعة الموقع . فاست بلوجي مبني اساسا للغة العربية و لكن ايضا تم تهيئته للترجمة لجميع اللفات حتى تحصل على أفضل تجربة
Version: 1.0
License: Commercial Use License - This theme is licensed for commercial use. You may use, copy, modify, distribute, sell, or transfer the theme, or any portion thereof, to any third party, subject to the terms of the Commercial Use License.
License: Personal Use License - This theme is licensed for personal, non-commercial use only. You may not copy, modify, distribute, sell, or transfer the theme, or any portion thereof, to any third party. By using this theme, you acknowledge that you have read and agree to the terms of the Personal Use License.
Tags:عمودين ، جاهز لإمكانية الوصول ، ألوان مخصصة ، قائمة مخصصة ، شعار مخصص ، نمط محرر ، صور مميزة ، أدوات تذييل ، أنماط كتلة ، دعم للترجمة لأي لغة , مصمم خصيصا للغة العربية، منشور مثبت ، تعليقات مترابطة
Text Domain: sahlblog
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap');

body {
  overflow-x: hidden;
}

/* start comments  */
.comment-form-cookies-consent {
  display: inline-flex; /* Display the container as an inline flexbox */
  align-items: center;  /* Align the checkbox and label vertically */
}
/* Target the comment cookies consent checkbox */
.comment-form-cookies-consent input[type='checkbox'] {
  margin-right: 5px; /* Add some space between the checkbox and the label */
  margin-bottom: 7px;
}

.comment-form-cookies-consent label {
font-family: Arial, Helvetica, sans-serif;
}

 @media (max-width: 512px) {
  .comment-form-cookies-consent input[type='checkbox']{
    margin-bottom: 25px;
  }
}
 @media (max-width: 307px) {
  .comment-form-cookies-consent input[type='checkbox']{
    margin-bottom: 30px;
  }
}
 @media (max-width: 299px) {
  .comment-form-cookies-consent input[type='checkbox']{
    margin-bottom: 48px;
  }
}
/* end comment */
.site-title a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}
/* mycustum colors  */
.bg-green {
    background-color:#f4ffff ;
}
 .comment-respond label {
display: block;
}
.post-widgit a {
text-decoration: none;
}

ul.list-unstyled li a {
  text-decoration: none;
}

/* Start style of navigation */
.navbar-nav li a {
  text-decoration: none;
  margin-left: 15px;
  font-size: 1.2rem;
    font-weight: 900;
}

  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
  }
  /* Start style of header section */
header.masthead {
    position: relative;
    /* margin-bottom: 3rem; */
    padding-top: calc(8rem + 57px);
    padding-bottom: 8rem;
    background: no-repeat center center;
    background-color: #6c757d;
    background-size: cover;
    background-attachment: scroll;
    height: 70vh;
  }
  header.masthead:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #212529;
    opacity: 0.5;
  }
  header.masthead .page-heading,
  header.masthead .post-heading,
  header.masthead .site-heading {
    color: #fff;
  }
  header.masthead .page-heading,
  header.masthead .site-heading {
    text-align: center;
  }
  header.masthead .page-heading h1, header.masthead .page-heading .h1,
  header.masthead .site-heading h1,
  header.masthead .site-heading .h1 {
    font-size: 3rem;
  }
  header.masthead .page-heading .subheading,
  header.masthead .site-heading .subheading {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.1;
    display: block;
    margin-top: 0.625rem;
    font-family: 'Noto Kufi Arabic', sans-serif ;
  }
  header.masthead .post-heading h1, header.masthead .post-heading .h1 {
    font-size: 2.25rem;
  }
  header.masthead .post-heading .meta,
  header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block;
  }
  header.masthead .post-heading .subheading {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0.75rem 0 2rem;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  header.masthead .post-heading .meta {
    font-size: 1.25rem;
    font-weight: 300;
    font-style: italic;
    font-family: 'Noto Kufi Arabic', sans-serif;
  }
  header.masthead .post-heading .meta a {
    color: #fff;
  }
  @media (min-width: 992px) {
    header.masthead {
      padding-top: 12.5rem;
      padding-bottom: 12.5rem;
    }
    header.masthead .page-heading h1, header.masthead .page-heading .h1,
  header.masthead .site-heading h1,
  header.masthead .site-heading .h1 {
      font-size: 5rem;
    }
    header.masthead .post-heading h1, header.masthead .post-heading .h1 {
      font-size: 3.5rem;
    }
    header.masthead .post-heading .subheading {
      font-size: 1.875rem;
    }
  }

  @media (max-width: 992px) {
  .masthead {
       height: 40vh !important;
       font-family: 'Noto Kufi Arabic', sans-serif ;
    }
  }
/* End style of header section */
/* Start style of comments section */
.comment-form-container {
  margin-bottom: 30px;
}

.comment-form input[type="submit"],
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
  width: 100%;
  max-width: 400px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.comment-form textarea {
  height: 100px;
}

.comment-form label {
  display: block;
  margin-bottom: 5px;
}

.comment-form a {
  text-decoration: none;
}
/* End style of comments section */
.errorpage {
  background-color: #f7f7f7;
      font-family: 'Noto Kufi Arabic', sans-serif;
}
.error-template {
  padding: 40px 15px;
  text-align: center;
}
.error-code {
  color: #66afe9;
  font-size: 96px;
  font-weight: bold;
  margin-top: 50px;
}
.error-message {
  color: #666;
  font-size: 24px;
  margin-bottom: 30px;
}
.error-back-btn {
  margin-top: 30px;
}