/*
Theme Name: Promolinks
Theme URI: https://promolinks.com
Author: Ibrahim Mohamed Abd Elhay
Author URI: https://promolinks.com
Description: Promolinks wordpress theme.
Version: 1.0.7
*/
.text-center{text-align:center;}
article.type-portfolio .content {
  left: 50%;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  background: linear-gradient(0deg, rgba(8,17,36,1) 0%, rgba(255,255,255,0) 100%);
  width: calc(100% - 2 * var(--bs-gutter-x)*.5);
  text-align: center;
  transform: translateX(-50%);
  margin: auto;
  padding-top: 3em;
  border-radius: 8px;
  padding-bottom: 1em;
}

article.type-portfolio header img {
  width:100%;
  height:auto;
}

article.type-portfolio .content .item-title{
  font-size:18px;
  margin:0px;
  font-family: inherit;
}


article.type-portfolio .content .item-details{
  font-size:16px;
  margin:0px;
}

article.type-portfolio .content .item-title a{
  color:#fff;
}

article.type-portfolio {
  position: relative;
}
article.type-portfolio .entry-footer {
  margin-top: initial;
}

body .navigation:not(.post-navigation) .nav-links {
    justify-content: center;
}
.page-numbers.current {
  background-color: var(--color-pagination-background-current);
  border-color: var(--color-pagination-border-current);
  color: var(--color-pagination-text-current);
}
body .page-numbers.current {
  border-color: #ffffff;
}
#industries-list-navigation a {
  color: #4f586b;
  font-weight: bold;
}
#industries-list-navigation a.current {
  color: #fff;
}
.social-icons a:focus,
.social-icons a:hover,
.site-footer .social-icons a:focus,
.site-footer .social-icons a:hover {
  color: #d61d1d;
  opacity: 1;
}
.promolinks-preloader.visable .loading-spinner{visibility:visible;}
.loading-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #728191;
    opacity: 0.75;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 36px;
    position: relative;
}
.loading-spinner::before {
    content: '';
    position: absolute;
    background-color: #e8e8e8;
    top: 6px;
    left: 6px;
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 100%;
    transform-origin: 12px 12px;
    animation-name: spinner;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes spinner {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
@keyframes loading-bg {
	from {
		background-color: #4d516015;
	}

	to {
		background-color: #4d516048;
	}
}
.promolinks-preloader {
  opacity:0;
  /* visibility: hidden; */
  border-radius: 1em;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(25 48 91);
  top: 0;
  padding: 1em;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: -1;
  align-items: center;
  transition: opacity 0.3s linear;
}
.promolinks-preloader.visable {
  z-index: 1;
  /* visibility: visible; */
  opacity: 1;
}
#portfolio-wrapper.loading #portfolio-list{
  min-height:300px;
}
#portfolio-wrapper.loading #portfolio-list article{
  display: none;
}
#portfolio-wrapper #portfolio-list article header{
  min-height:350px;
  animation-name: loading-bg;
  animation-duration: 1000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

div#portfolio-filter {
  gap: 20px;
  background-color: #4f586b3d;
  border-radius: 10px;
}

#portfolio-filter .filter-btn {background-color: #d61d1d;border: none;border-radius: 2em;}

#portfolio-filter select#industries-list, 
#portfolio-filter select#services-list,
#portfolio-filter select#posts-per-page-list
{
  min-width: 200px;
  background-color: #121b2d;
  border-color: #d61d1d;
  border-width: 2px;
  color: #ffffff91;
  border-radius: 3em;
  width: auto;
}

#portfolio-filter select#industries-list:hover, 
#portfolio-filter select#services-list:hover,
#portfolio-filter select#posts-per-page-list:hover
{
  border-color: #cacaca;
}

#portfolio-filter .filter-label {
    color: #cacaca;
}