/*
* Theme Name: DR Banihashemi
* Theme URI: https://trueans.com
* Description: A theme designed for the BLANK THEME
* Author: Amir Hassanzadeh
* Author URI: https://amirhassanzadeh.com
* Version: 0.0.0
* Text Domain: textdomain
* Domain Path: /languages
*/

@font-face {
   font-family: Vazirmatn;
   font-style: normal;
   font-weight: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/Vazirmatn[wght].woff2') format('woff2');
   font-display: swap;
}

@font-face {
   font-family: Vazirmatn;
   font-weight: bold;
   font-style: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/vazirmatn-Bold.woff2') format('woff2');
   font-display: swap;
}

@font-face {
   font-family: Vazirmatn;
   font-weight: 900;
   font-style: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/vazirmatn-Black.woff2') format('woff2');
   font-display: swap;
}

@font-face {
   font-family: Vazirmatn;
   font-weight: 500;
   font-style: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
   font-display: swap;
}

@font-face {
   font-family: Vazirmatn;
   font-weight: 300;
   font-style: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/vazirmatn-Light.woff2') format('woff2');
   font-display: swap;
}

@font-face {
   font-family: Vazirmatn;
   font-weight: 100;
   font-style: normal;
   src: local('Vazirmatn'), local('Vazirmatn'), url('assets/fonts/vazirmatn-v33.003/fonts/webfonts/vazirmatn-Thin.woff2') format('woff2');
   font-display: swap;
}

body {
   line-height: 1.9;
   font-family: Vazirmatn !important;
   font-size: 16 px;
   font-size: 1rem;
   color: #000;

}

iframe {
   max-width: 100%;
}

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

@media screen {
   :root {
      --primary-color: rgb(0, 129, 201);
      /* --secondary-color: */
      --alternative-color: #FFC93C;
      --gray-color: #E8E8E8;
   }

   html {
      scroll-behavior: smooth;
   }

   body,
   html {
      height: 100%;
      background-color: var(--gray-color);
   }

   .screen-reader-text {
      position: absolute;
      left: 0 !important;
      top: -999999px;
   }

   .group:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
   }

   * html .group,
   *:first-child+html .group {
      zoom: 1;
   }

   h1,
   h2,
   h3 {
      font-weight: normal;
      margin: 0 0 10px 0;
   }

   a {
      color: var(--primary-color);
   }

   a[rel~="home"] {
      color: black;
      text-decoration: none;
   }

   a:hover {
      color: black;
      font-weight: 500;
   }

   ul,
   ol {
      margin: 0 0 10px 0;
   }

   #s {

      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-color: var(--primary-color);

   }

   .main-nav #s {
      width: 100%;
   }

   .main-nav .search-form {
      margin-top: 1rem;
      width: 100%;
   }

   #searchsubmt {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
   }

   ol.commentlist {
      list-style: none;
   }

   ol.commentlist li {}

   ol.commentlist li.alt {}

   ol.commentlist li.bypostauthor {}

   ol.commentlist li.byuser {}

   ol.commentlist li.comment-author-admin {}

   ol.commentlist li.comment {
      border-bottom: 1px dotted #666;
      padding: 10px;
   }

   ol.commentlist li.comment div.comment-author {}

   ol.commentlist li.comment div.vcard {}

   ol.commentlist li.comment div.vcard cite.fn {
      font-style: normal;
   }

   ol.commentlist li.comment div.vcard cite.fn a.url {}

   ol.commentlist li.comment div.vcard img.avatar {
      float: right;
      margin: 0 0 10px 10px;
   }

   img.avatar {
      border-radius: 50%;
   }

   ol.commentlist li.comment div.vcard img.avatar-32 {}

   ol.commentlist li.comment div.vcard img.photo {}

   ol.commentlist li.comment div.vcard span.says {}

   ol.commentlist li.comment div.commentmetadata {}

   ol.commentlist li.comment div.comment-meta {
      font-size: 10px;
   }

   ol.commentlist li.comment div.comment-meta a {
      color: #ccc;
   }

   ol.commentlist li.comment p {}

   ol.commentlist li.comment ul {}

   ol.commentlist li.comment div.reply {
      font-size: 11px;
   }

   ol.commentlist li.comment div.reply a {
      font-weight: bold;
   }

   ol.commentlist li.comment ul.children {
      list-style: none;
      margin: 10px 0 0;
   }

   ol.commentlist li.comment ul.children li {}

   ol.commentlist li.comment ul.children li.alt {}

   ol.commentlist li.comment ul.children li.bypostauthor {}

   ol.commentlist li.comment ul.children li.byuser {}

   ol.commentlist li.comment ul.children li.comment {}

   ol.commentlist li.comment ul.children li.comment-author-admin {}

   ol.commentlist li.comment ul.children li.depth-2 {
      border-right: 5px solid #555;
      margin: 0 10px 10px 0;
   }

   ol.commentlist li.comment ul.children li.depth-3 {
      border-right: 5px solid #999;
      margin: 0 10px 10px 0;
   }

   ol.commentlist li.comment ul.children li.depth-4 {
      border-right: 5px solid #bbb;
      margin: 0 10px 10px 0;
   }

   ol.commentlist li.comment ul.children li.depth-5 {}

   ol.commentlist li.comment ul.children li.odd {}

   ol.commentlist li.even {}

   ol.commentlist li.odd {}

   ol.commentlist li.parent {
      border-right: 5px solid #111;
   }

   ol.commentlist li.thread-alt {}

   ol.commentlist li.thread-even {}

   ol.commentlist li.thread-odd {}

   .main-nav a {
      color: var(--primary-color) !important;
      font-size: 1.2rem;
      font-weight: 500 !important;
   }

   .main-nav .active a,
   .home .main-nav .active a {
      color: black !important;
   }

   .main-nav {
      background-color: white;
   }

   .main-nav .navbar-toggler {
      box-shadow: none;
      border: none;
   }

   .change {
      background-color: white !important;
      margin-top: 0;
   }


   .custom-logo {
      max-width: 75px;
      height: auto;
   }

   .error404 #searchform {
      max-width: 320px;
      margin: 1rem auto;
   }

   .before-footer-widget {}

   .main-footer {
      background-color: black;
      color: white;
   }

   .go-top {
      position: fixed;
      width: 60px;
      background-color: var(--alternative-color);
      border-top-right-radius: 1rem;
      border-top-left-radius: 1rem;
      color: black;
      padding: 0.5rem;
      text-align: center;
      bottom: 0;
      right: 10px;
      text-decoration: none;
      display: none;
      z-index: 11000;
   }

   .go-top:hover {
      color: var(--dark-color);
   }

   .bar1,
   .bar2,
   .bar3 {
      display: block;
      background: var(--primary-color);
      width: 30px;
      height: 4px;
      margin: 5px 0;
      border-radius: 1px;
      transition: 0.7s;
   }

   .change .navbar-toggler .bar1 {
      -webkit-transform: rotate(-45deg) translate(0rem, 0rem);
      transform: rotate(-45deg) translate(-0.8rem, 0rem);
      background: red;
   }

   .change .navbar-toggler .bar2 {
      opacity: 0;
   }

   .change .navbar-toggler .bar3 {
      -webkit-transform: rotate(45deg) translate(-0.8rem, -0rem);
      transform: rotate(45deg) translate(-0.8rem, -0rem);
      background: red;
   }

   .navbar-toggler:focus {

      box-shadow: none;
   }

   aside .widget {}

   aside .widget.widget_text {}

   aside .widget.widget_text p {
      padding: 0.8rem;
      border-radius: 0.5rem;

   }

   .wp-calendar-table {
      width: 100%;
   }

   .widget ul {
      list-style: none;
      padding: 0.5rem;

   }

   .widget ul li a {
      position: relative;
      padding-right: 1rem;

   }

   .widget ul li a::before {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      font-family: 'bootstrap-icons';
      content: "\f51c"
   }

   .widget.widget_media_image,
   .widget.widget_media_video {
      padding: 0 !important;
   }

   .widget.widget_media_image img,
   widget.widget_media_video video {
      border-radius: 0.5rem;


   }

   .fixed-sidebar {
      position: -webkit-sticky;
      position: sticky;
      top: 60px;
   }

   .mobile-fixed-bottom p {
      margin-bottom: 0;
   }

   .mobile-fixed-bottom .wp-block-cover,
   .mobile-fixed-bottom .wp-block-cover-image {
      padding: 0.5rem;
   }

   .mobile-fixed-bottom a {
      text-decoration: none;
   }



   aside .wp-block-image .size-full {
      margin: 0;
      width: 100%;
   }

   aside .wp-block-image .size-full img {
      width: 100%;
      height: auto;
   }

   .wp-block-image {
      text-align: center;
      font-size: 0.9rem;
   }

   .main-slider .carousel-caption {
      left: 15%;
      background-color: rgb(255, 255, 255, .7);
      padding: 0.5rem;
      bottom: 3rem;
   }

   .btn-blue {
      background-color: var(--primary-color);
      color: white;
      border-color: var(--primary-color);
   }

   .btn-blue:hover,
   .btn-blue:active,
   .btn-blue:focus,
   .btn-blue:target,
   .btn-blue:focus-visible {
      background-color: var(--alternative-color) !important;
      color: black !important;
      border-color: var(--alternative-color);
   }

}

.site-header {
   padding-top: 4rem;
}

.main-nav-scroled {
   border-bottom: 3px solid var(--primary-color);
}

.social-group {
   position: fixed;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   display: none;
}

.social-container {
   background-color: #0f3a72;
   border-top-right-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem;
   transition: all 1s;
}

.social-container:hover {
   margin-left: 1rem;
   border-radius: 0.5rem;
}

.entry p {
   text-align: justify;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .main-nav #s {
      width: unset;
      max-width: 160px;
   }

   .main-nav .search-form {
      margin-top: 0;
      width: unset;
   }

   .site-header {
      padding-top: 4.3rem;
   }

   .main-slider .carousel-caption {
      left: 40%;
      background-color: rgb(255, 255, 255, .7);
      padding: 1.25rem;
      bottom: 3rem;
   }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}



/* END screen media */

@media print {

   .do-not-print {
      display: none;
   }

   #comments {
      page-break-before: always;
   }

   body {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.4;
      word-spacing: 1.1pt;
      letter-spacing: 0.2pt;
      color: #000;
      background: none;
      font-size: 12pt;
   }

   h1 {
      font-size: 19pt;
   }

   h2 {
      font-size: 17pt;
   }

   h3 {
      font-size: 15pt;
   }

   h4,
   h5,
   h6 {
      font-size: 12pt;
   }

   code {
      font: 10pt Courier, monospace;
   }

   blockquote {
      margin: 1.3em;
      padding: 1em;
   }

   img {
      display: block;
      margin: 1em 0;
   }

   a img {
      border: none;
   }

   table {
      margin: 1px;
      text-align: left;
   }

   th {
      border-bottom: 1px solid #333;
      font-weight: bold;
   }

   td {
      border-bottom: 1px solid #333;
   }

   th,
   td {
      padding: 4px 10px 4px 0;
   }

   caption {
      background: #fff;
      margin-bottom: 2em;
      text-align: left;
   }

   thead {
      display: table-header-group;
   }

   tr {
      page-break-inside: avoid;
   }

   a {
      text-decoration: none;
      color: black;
   }

}

/* END print media */