/*
Theme Name: Shakrs-english
Theme URI: https://techsharks.af
Author: Faiz Dae
Author URI: https://techsharks.af/
Description: Our 2020 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.2.0
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.aics.com/licenses/gpl-2.0.html
Text Domain: aics.com
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
@import url("https://fonts.googleapis.com/css?family=Muli:600,800,700,400,200&ver=5.5.1");
*/

@import url("https://fonts.googleapis.com/css?family=Muli:600,800,700&ver=5.5.1");

:root {
  --brand-primary: #286aa6;
  --brand-primary-dark: #184064;
  --gray: #e3e3e3;
  --light-gray: #f6f6f6;
  --black: #2e2e2e;
  --white: #fff;
}
.modal{ z-index: 999999 !important; }

.modal.search .btn-brand{ border-radius: 0px !important; }

#stickyheader {
  width: 100%;
  z-index: 100;
}
#stickyalias {
  display: none;
  height: 35px;
}
#unstickyheader {
  margin-bottom: 15px;
}

body {
  font-family: "Muli" !important;
  -webkit-font-smoothing: antialiased;
}
.container {
  max-width: 1200px;
}
p {
  color: #555;
}
a {
  transition: all 0.3s;
}
.text-black {
  color: var(--black) !important;
  text-decoration: none;
}
.text-white {
  color: var(--white) !important;
}
a.text-black:hover {
  text-decoration: none;
  color: var(--brand-primary) !important;
}
a.text-white:hover {
  text-decoration: none;
  color: var(--gray) !important;
}
.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-brand {
  background: var(--brand-primary);
}
.bg-opacity-dark {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-light-gray {
  background: var(--light-gray);
}
.bg-white {
  background: var(--white);
}
.btn {
  padding: 10px 20px;
}
.btn-gray {
  color: var(--brand-primary);
  background-color: var(--gray);
}
.btn-brand {
  background-color: var(--brand-primary);
  color: var(--white);
  border: 2px solid var(--brand-primary);
}
.btn-gray:hover {
  background-color: var(--brand-primary);
  color: var(--white);
}
.btn.btn-sm {
  padding: 4px 18px;
}
.btn.btn-md {
  font-size: 15px;
  font-weight: 400;
  padding: 6px 24px;
  border-radius: 6px;
}
.btn-brand:hover {
  background-color: white;
  color: var(--brand-primary) !important;
}

.sh-hover {
  transition: all 0.5s;
}
.sh-hover:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
/* top header styles */
.top-header {
  max-height: 140px;
  padding: 18px 0;
}
.top-header .top-contact {
  padding: 6px 0;
}
.top-header .top-contact > :first-child {
  font-size: 16px !important;
  margin-bottom: 8px;
}
.top-header .top-contact > :last-child {
  font-size: 14px !important;
}
.top-header .top-icon {
  color: var(--brand-primary) !important;
  margin-right: 6px !important;
}
/* end top header styles */
/* start navbar styles */
.navbar .nav-link {
  color: white;
  font-size: 14px;
  font-weight: 600;
  border: 3px solid transparent;
  padding: 7px 10px !important;
  margin-left: 6px;
  transition: all 0.3s;
}
.nav-link.search {
  margin: 0;
}
.navbar .nav-link.search {
  padding: 10px !important;
}
.navbar .nav-link:hover,
.navbar .nav-item.active .nav-link {
  color: var(--brand-primary) !important;
  background-color: white;
}
.dropdown-toggle::after {
  margin-left: 0.255em;
  margin-right: 0;
  transition: all 0.2s;
}
.dropdown.nav-item.show .dropdown-toggle::after {
  transform: rotate(180deg);
}
.navbar .dropdown-menu {
  left: 0;
  right: auto;
  text-align: left;
  padding: 16px 0 !important;
  min-width: 13rem !important;
}
.navbar .dropdown-menu .dropdown-item {
  font-size: 14px !important;
  padding: 0.25rem 1rem;
}
.navbar .dropdown-menu .dropdown-item:active {
  background: var(--brand-primary);
  color: var(--white) !important;
}
/* end navbar styles */
/* START CAROUSEL */
.carousel-inner,
.carousel-item {
  min-height: 580px;
}
.carousel-timer {
  height: 2px;
  background: var(--white);
}
progress {
  position: absolute;
  bottom: 100px;
  width: auto;
  left: 15px;
  right: 15px;
  background: white;
  border: 0;
}
progress::-webkit-progress-bar {
  background: white;
  border: 0;
}
progress::-webkit-progress-value {
  background: var(--brand-primary);
}
progress::-moz-progress-bar {
  background: var(--brand-primary);
  border: 0;
}
progress::-moz-progress-value {
  background: var(--brand-primary);
}
.carousel-timer .carousel-timer-inner {
  width: 0;
  transition: all 5s;
  background-color: black;
  height: 100%;
}
.carousel-controls {
  width: 56px;
  position: absolute;
  right: 24px;
  bottom: 140px;
}
.carousel-control-prev,
.carousel-control-next {
  opacity: 1;
}
.carousel-item .container {
  height: 200px;
  bottom: 0;
}
.carousel-caption {
  width: auto;
  padding: 20px;
  position: absolute;
  bottom: 110px;
  left: auto;
  right: unset;
}
.carousel-caption h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
/* end carousel styles */
/* links styles */
.link-row {
  transform: translateY(-50px);
  margin-left: -10px;
  margin-right: -10px;
}
.link-row .single-link {
  padding: 36px 16px;
  border-radius: 4px;
  background: var(--white);
  transition: all 0.5s;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.link-row .single-link:hover {
  transform: translateY(-20px);
  background: var(--brand-primary);
}
.link-row .single-link:hover svg,
.link-row .single-link:hover h4 {
  color: var(--white);
}
.link-row .single-link svg {
  margin-bottom: 20px;
  color: var(--brand-primary);
  transition: color 0.5s;
}
.link-row .single-link h4 {
  font-size: 15px;
  font-weight: 600;
  transition: color 0.5s;
}
.links .col-md-2 {
  padding-left: 10px;
  padding-right: 10px;
}
/* end links styles */
/* news styles */
.news .head-messege img {
  width: 150px;
}
.news .head-messege h5 {
  font-size: 17px;
  font-weight: 600;
}
.news .profile-icons a {
  text-decoration: none;
}
.news .head-messege p {
  font-size: 15px;
  line-height: 1.7;
}
.news-row {
  margin-left: -10px;
  margin-right: -10px;
}
.news-row .col-md-3 {
  padding-left: 10px;
  padding-right: 10px;
}
.news-row .col-md-3 h4 {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
}
.news-row .col-md-3 p {
  font-size: 15px;
}
.news-row .col-md-3 .cat-link a {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
  padding: 4px 20px;
  background: var(--brand-primary);
  color: var(--white) !important;
  text-decoration: none !important;
  transition: all 0.5s;
}
.news-row .col-md-3 .shadow:hover {
  transform: translateY(-20px);
}
.news-row .col-md-3 .shadow .position-relative:hover .cat-link a {
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) scale(1.1);
  border-radius: 6px;
}
.cat-link-plus {
  background-image: url("assets/img/plus-solid-white.svg");
  background-size: cover;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 6px;
  margin-left: 0px;
  width: 0px;
  height: 10px;
  transition: width 0.3s, margin-left 0.5s;
}
.news-row .col-md-3 .shadow .position-relative:hover .cat-link-plus {
  width: 10px;
  margin-left: 6px;
}
.news-row .col-md-3 .shadow .content {
  min-height: 200px;
}
/* end news styles */

/* announcments styles */
.announcments .row {
  margin-right: -10px;
  margin-left: -10px;
}

.announcments .row .col-lg-6 {
  padding-right: 10px;
  padding-left: 10px;
}
.announcments .anc-title {
  width: 100%;
  display: block;
  color: white;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none !important;
  padding: 10px;
  border-radius: 6px 6px 0 0;
  background-color: var(--brand-primary);
  border: 2px solid var(--brand-primary);
  transition: all 0.3s;
}
.announcments .anc-title:hover {
  background-color: white;
  color: var(--brand-primary);
}
.announcments .row .col-lg-6 .img-wrapper img {
  width: 190px;
}
.announcments .row .col-lg-6 .content h4 {
  font-size: 17;
  line-height: 1.6;
  font-weight: 600;
}
.announcments .row .col-lg-6 .content p {
  font-size: 14px;
  font-weight: 400;
}
.announcments .anc-more {
  width: 100%;
  display: block;
  color: #999;
  background-color: var(--light-gray);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  padding: 16px;
  transition: all 0.3s;
  margin-top: 38px;
}
.announcments .anc-more:hover {
  background-color: #eee;
}

/* end announcments styles */
/* start statistics styles */
.statistics .bg {
  background-attachment: fixed;
}
.statistics .item h3 {
  font-size: 34px;
  font-weight: 700;
}
.statistics .item h3 .unit {
  font-size: 20px;
}
.statistics .item h4 {
  font-size: 18px;
  font-weight: 400;
}
/* end statistics styles */
/* start meta post styles */
.metaposts .publication .img img {
  width: 170px;
  border-radius: 12px;
}
.metaposts .publication .content h4 {
  font-size: 18px;
  font-weight: 600;
}
.metaposts .publication .content p {
  font-size: 15px;
}
.metaposts .announcements table th {
  padding: 8px 20px;
  line-height: 30px;
}
.metaposts .announcements table td,
.metaposts .announcements table th {
  font-size: 13px;
}
.metaposts .announcements table th:last-child {
  border-radius: 0 8px 0 0;
}

.metaposts .announcements table th:first-child {
  border-radius: 8px 0 0 0;
  font-size: 18px;
}
.metaposts .announcements thead {
  transition: all 0.3s;
}
.metaposts .announcements thead a {
  color: var(--white) !important;
}
.metaposts .announcements table td .btn.btn-brand {
  padding: 0px 20px;
  font-size: 14px;
  margin: 8px 0;
}
.metaposts .announcements table tr:not(:last-child) td {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.metaposts .announcements table tr td:first-child {
  /*min-width: 200px;
  padding-right: 20px;
  font-weight: 500;*/
}
.metaposts .announcements table tr td:last-child {
  padding-left: 20px;
}
.metaposts .announcements table tr:not(:last-child) td:last-child::after,
.metaposts .announcements table tr:not(:last-child) td:first-child::before {
  /*content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  height: 10px;
  width: 16px;
  background: var(--white);*/
}
.metaposts .announcements table tr:not(:last-child) td:first-child::before {
  right: 0;
}
.metaposts .announcements table tr:not(:last-child) td:last-child::after {
  left: 0;
}
.metaposts .announcements .photoes-videos .title {
  display: block;
  background-color: var(--brand-primary);
  border: 2px solid var(--brand-primary);
  color: white;
  font-size: 18px;
  border-radius: 8px 8px 0 0;
  padding: 12px 20px;
  text-decoration: none !important;
}
.metaposts .announcements .photoes-videos .title:hover {
  background: var(--white);
  color: var(--brand-primary);
}
/* end meta post styles */
/* photoes videos styles */
.photoes-videos .col-md-4 img {
  border-radius: 6px;
}
.photoes-videos .col-md-4 h5 {
  font-size: 16px;
  line-height: 1.6;
}
.photoes-videos .col-md-4 .cat-icon {
  width: 40px;
  padding: 4px;
  border-radius: 0 8px 0 4px;
  text-align: center;
  background-color: var(--brand-primary);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.photoes-videos .col-md-4 a:hover .cat-icon {
  left: 30%;
  top: 50%;
  transform: translate(50%, -50%) scale(1.1);
  border-radius: 4px;
}
/* end photoes videos styles */

.metaposts .meta-links .col-md-3 a {
  display: block;
  border: 2px solid var(--brand-primary);
  border-radius: 10px;
  color: var(--white);
  text-decoration: none !important;
}
.metaposts .meta-links .col-md-3 a h4 {
  font-size: 16px;
  font-weight: 600;
}
.metaposts .meta-links .col-md-3 a:hover {
  background: #fff;
  color: var(--brand-primary);
  transform: translateY(-20px);
}
/* start footer */
footer .texture {
  background-repeat: repeat-x !important;
  background-position-y: bottom !important;
}
.footer-list h5 {
  font-size: 16px;
  font-weight: 700;
}
.footer-list ul {
  list-style: none;
  padding: 0;
}
.footer-list ul li a {
  display: block;
  color: white;
  font-size: 14px;
  padding: 4px 0;
  text-decoration: none !important;
}
.footer-list ul li a:hover {
  padding-left: 10px;
}
footer .logo {
  width: 180px;
}
footer .logo h3 {
  font-size: 26px;
  font-weight: 600;
}
footer .logo p {
  font-size: 13px;
  font-weight: 500;
}
footer .m-info p {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
}
.thin-footer {
  background: var(--brand-primary-dark);
}
.thin-footer p {
  font-size: 14px;
  font-weight: 600;
}
.thin-footer .footer-social-links svg {
  padding: 0 10px;
}
/* end footer */
@media screen and (max-width: 992px) {
  /* HOME PAGE */
  .navbar .nav-link {
    margin-left: 0;
  }
  .carousel-caption {
    right: 0;
    bottom: 70px;
  }
  progress {
    bottom: 60px;
  }
}
@media screen and (min-width: 576px) {
  .list_cat .card-img{
    width: 200px !important;
  }
}
.list_cat h6{
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top-header {
    padding: 8px 0;
  }
  .carousel-inner,
  .carousel-item {
    min-height: 400px;
  }
  .metaposts .announcements table tr td:first-child {
    min-width: auto;
  }
}
@media screen and (max-width: 576px) {
  .announcments .row .col-lg-6 .img-wrapper img {
    width: 100%;
  }
}

/* ========== faiz ===========*/

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

.single_content p {
  line-height: 41px;
}

.single-title {
  line-height: 42px;
  color: #484848;
  font-size: 26px;
}

.social-sharing-icon {
  margin: 0px 5px;
}

.page-numbers {
  background: #cecece;
  margin: 1px;
  line-height: 43px;
  height: 36px;
  padding: 0px 32px;
  border-radius: 7px;
}

.next.page-numbers {
  line-height: 37px;
}

.tag-link.btn {
  padding: 4px 12px;
  margin: 0px 2px;
}

.tag-link.btn:hover a {
  color: white;
}

.single_content * {
  line-height: 31px;
}

.single_content p {
  color: #333 !important;
}

.frm_primary_label,
.frm_radio {
  width: 100% !important;
  text-align: left !important;
  display: block !important;
  direction: ltr;
}

.frm_style_formidable-style.with_frm_style
  .frm_compact
  .frm_dropzone.dz-clickable
  .dz-message,
.frm_style_formidable-style.with_frm_style input[type="submit"],
.frm_style_formidable-style.with_frm_style .frm_submit input[type="button"],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
  font-family: "Muli", sans-serif !important;

  background: #286aa6 !important;
  border-width: 1px;
  border-color: #286aa6 !important;
  border-style: solid !important;
  color: #ffffff;
}
.frm_message,.frm_forms {
  direction: ltr;
  text-align: left;
}

.frm_opt_container {
  padding: 8px 15px;
}
.frm_submit {
  text-align: center;
}

/*Alireza */
.wpgmp_tabs_container .wpgmp_tab_item .wpgmp_cat_title {
  padding: 0 20px 0 0px !important;
}

div.wpgmp_toggle_main_container
  div.wpgmp_tab_item
  ul.wpgmp_location_container
  li
  a {
  padding: 0 20px 0 0px !important;
}
.wpgmp_map_parent {
  background: #fff !important;

  margin-bottom: 20px !important;
}
.wpgmp_map {
  margin: 0 auto !important;
}


.frm_verify{
  display: none !important;
}




/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

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

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.carousel-caption.bg-opacity-dark{
  max-width: 1170px;
}
.carousel-control-prev,
.carousel-control-next { z-index: 9999; }
.wpgmp_tabs_container{ z-index: 95 !important; }