/*
Theme Name: Sharks 
Theme URI: https://techsharks.af
Author URI: info@techsharks.af
Description: Our 2023 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 6.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: sharks
*/

/********************Custom css ***********/
:root {
  --primary: #2bb7cd;
  --secondary: #074266;
  --third: #d29a2d;
  --gray: #f9f9f9;
}
.primary {
  color: var(--primary);
  fill: var(--primary);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.secondary {
  color: var(--secondary);
  fill: var(--secondary);
}
.white{
    color: #fff;
  fill: #fff;
}
.third {
  color: var(--third);
  fill: var(--third);
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.bg-gray {
  background-color: var(--gray) !important;
}
.nav-item > a {
  color: #000;
}

@font-face {
  font-family: 'qalam';
  font-weight: 400;
  font-style: normal;
  src: url('./assets/font/Qalam-normal.woff2') format('woff2'), url('./assets/font/Qalam-normal.woff') format('woff');
}

@font-face {
  font-family: 'qalam';
  font-weight: 700;
  font-style: bold;
  src: url('./assets/font/Qalam-bold.woff2') format('woff2'), url('./assets/font/Qalam-bold.woff') format('woff');
}
* {
  font-family: qalam;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: var(--secondary) !important;
}
.dropdown-menu .child:after {
  display: inline-block;
  float: left;
  margin-top: 0.5em;
  vertical-align: 0;
  content: '';
  border-top: 0.3em solid transparent;
  border-left: 0;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  #rozneweshta {
    min-height: 560px;
  }
  .dropdown-menu li {
    position: relative !important;
  }
  .nav-item .submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: -7px;
  }
  .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  }
  .dropdown-menu > li:hover > .submenu {
    display: block;
  }
}
.dropdown-menu {
  border: none;
}
.navbar-nav > li > .dropdown-menu {
  border-radius: 0 0 5px 5px;
  border-top: 5px solid var(--secondary);
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f1f1f1 !important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent !important;
  color: #000;
}
/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }

  #rozneweshta .carousel-control-next,
  #rozneweshta .carousel-control-prev {
    top: 20% !important;
  }
}
@media (max-width: 768px) {
  .mb-xs-5 {
    margin-bottom: 30px;
  }
  .text-xs-center {
    text-align: center;
  }
  .articles .photo,
  .feature .photo {
    float: right;
    width: 180px;
    height: 120px;
    min-height: 120px;
    padding-left: 10px;
  }
}

@media (min-width: 992px) {
  .mybox {
    width: 85% !important;
    margin: auto;
  }
}

/*********************** lg Code ****************/
.topheader {
    border-bottom: 3px solid var(--third);
} 
.topheader ul li a {
  color: white;
  font-size: 12px;
  padding: 0 10px;
}
#menu-main-menu li a {
  font-size: 15px;
  font-weight: bold;
  padding: 0 13px;
  color: var(--secondary);
}
/*********************** lg Code end ****************/
.photo-white,
.photo img {
  opacity: 1;
  transition: all;
  transition-duration: 500ms;
}
.photo-white:hover,
.photo:hover img {
  opacity: 0.75;
}
.mybox {
  width: 100%;
}

.carousel-inner {
  overflow: hidden;
}
#rozneweshta .carousel-control-next,
#rozneweshta .carousel-control-prev {
  top: 40%;
  bottom: auto;
}
.carousel-caption.mcaption {
  position: relative;
  text-align: right !important;
  bottom: auto;
  left: auto;
  right: auto;
}
.photo-gallery .carousel-caption h5 a:hover {
  color: var(--primary) !important;
}
.fs-7 {
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: normal;
}
.fs-8 {
  font-size: 0.75rem;
}

.title {
  border-top: 3px solid var(--third);
  text-align: center;
}
.title a {
  padding: 5 10px;
  display: inline-block;
  background-color: #fff;
  margin-top: -20px;
  color: var(--secondary);
}

.title2 {
  border-bottom: 1px solid var(--third);
  margin-bottom: 35px;
}
.title2 span,
.title2 h5 {
  margin-bottom: -10px;
}
.title2 span,
.title2 h5 a {
  background-color: #fff;
  display: inline-block;
  padding: 0 20px;
  font-weight: 600;
}
.title3 {
  border-top: 3px solid var(--third);
  display: inline-block;
}
a.badge:hover {
  color: #fff !important;
  background-color: var(--primary) !important;
}
.ts-btn {
  padding: 10px 20px;
  border: 3px solid var(--third);
  color: var(--third);
  border-radius: 10px;
}
/************************************************************** */
/* owl css */
.owl-item > .owl-post {
  cursor: pointer;
  margin: 10% 12%;
  transition: margin 0.4s ease;
}
.owl-item.center > .owl-post {
  cursor: auto;
  margin: 0;
}
/* .owl-item:not(.center) > .owl-post:hover  */
.owl-item:not(.center) > .owl-post {
  opacity: 0.6;
}
.owl-post,
.bgbottom {
  background-color: var(--gray);
}
.bgtop {
  background-color: var(--bs-green);
}
.bgbottom {
  margin-top: -50px;
  padding: 80px 0 30px;
}
.bgbottom h4 {
  position: relative;
}
.bgbottom h4 a {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.mborder {
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 12px;
  width: 60%;
  background-color: var(--bs-green);
}
/* end owl */

.ts-cover {
  position: relative;
}
.ts-gradiant {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 9%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.video2 {
  min-height: 110px;
}
.podcast .box {
  margin-bottom: -100px;
}
section.media{
    margin-bottom:120px;
}
.link-title {
  border-bottom: 2px solid var(--secondary);
}
.link-title a:hover {
  color: var(--primary) !important;
}
.link-body {
  border-bottom: 1px solid #eee;
}
.links .link-body:last-child {
  border-bottom: none;
}

/* footer styles */
.footer {
  background: var(--secondary);
}
.footer-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.13;
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer-info h3 {
  font-size: 22px;
}
.footer-info p,
.location-para {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--white);
}
.footer-info .social-media > a {
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 0px;
  align-items: center;
  justify-content: center;
  color: #eee;
  transition: all 0.3s;
}
.footer-info .social-media > a svg {
  height: 20px;
  fill: #fff;
}
.footer-info .social-media > a:hover svg {
  fill: var(--primary);
}
.footer-list li {
  padding-bottom: 15px;
  transition: all 0.3s;
}
.footer-list li:hover .svg {
  width: 20px;
}
.svg {
  transition: all 0.2s;
  width: 0;
  overflow: hidden;
}
.footer-list li a {
  color: #eee;
  font-size: 13px;
  transition: all 0.4s;
}
.address {
  line-height: 1.8;
}
.footer-copyright {
  font-size: 16px;
}
.footer-list-office span.color {
  color: #fff !important;
  transition: all 0.4s;
}
.footer-list-office a:hover span.color {
  color: #f00;
}
.footer-list a:hover {
  color: var(--third) !important;
}
.pdf a:hover,
.pdf a:hover svg {
  color: var(--primary) !important;
  fill: var(--primary) !important;
}
.social-media a:hover svg {
  fill: var(--primary);
  color: var(--primary);
}
.social-media a svg {
  fill: #fff;
}
.social-media > a {
  display: block;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--secondary);
  padding: 6px;
  transition: all 0.3s;
}
.bg-grey-400 {
  background-color: #f3f3f3 !important;
}
.card-img-overlay {
  color: #fff;
  top: auto !important;
  bottom: 0px !important;
}

.ts-overly {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ts-gradient {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 9%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 100%);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.ts-border:last-child {
  border-bottom: 0px !important;
}
.ts-play {
  left: 50%;
  top: 50%;
  display: inline-block;
  margin-left: -25px;
  margin-top: -25px;
}
.ts-icn {
  background: var(--secondary);
  padding: 5px;
  right: 0;
  top: 0;
  display: inline-block;
}

.ts-play:hover,
.ts-icn:hover {
  color: var(--third);
}
.news {
  min-height: 120px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .nav-link:focus{
    color:#000 !important;
}
.nav-link {font-weight: bold}
.news .ts-border:first-child a{
    padding-top: 0px !important;
}
.ts-right input{text-align: right !important}
.wp-paginate .title{border-top: none}
.wp-paginate{text-align: center}