/*project page*/

/*article*/
.project-page article.item{
  margin:0px!important;
}
/*header*/
.project-page.com-content.view-article section#sp-main-body {
    padding: 0!important;
}

.project-page section#sp-main-body .container:nth-child(1) {
    width: 100%;
    padding: 0;
}

.project-page.com-content.view-article .entry-header {
    margin: 0;
}
.project-header {
    display: flex;
    align-items: flex-end;
}

.project-header-subheading .sppb-addon-title{
    text-shadow: 0 0 3px black;
    color:#fff!important;
}

.project-header-title .sppb-addon-title{
    text-shadow: 0 0 3px black; color:#fff!important;
}

/*header overlay*/
@media only screen and (min-width: 992px) {
.project-header .sppb-row-overlay {background: linear-gradient(0deg, rgb(1 16 39 / 90%) 20%, rgba(255,255,255,0) 50%, rgb(35 43 97 / 60%) 100%)!important;}}
@media (min-width: 768px) and (max-width: 991px){
.project-header .sppb-row-overlay {
background: linear-gradient(0deg, rgb(1 16 39 / 90%) 20%, rgba(255,255,255,0) 50%, rgb(35 43 97 / 60%) 100%)!important;
}}
@media (max-width: 767px){
.project-header .sppb-row-overlay {
    background: linear-gradient(45deg, rgb(1 16 39 / 90%) 40%, rgb(0 0 0 / 0%) 100%) #00000000!important;
}}


@media only screen and (min-width: 992px) {
.project-header {padding: 50px 8% 50px 8%!important;min-height: 400px;
}}
@media (min-width: 768px) and (max-width: 991px){
.project-header {padding: 50px 8% 30px 8%!important;min-height: 350px;}
.project-header .sppb-addon-title {color: #fff!important;
}}
@media (max-width: 767px){
.project-header {padding: 50px 0 30px 5%!important;max-height: 350px;color: #fff;}
.project-header .sppb-addon-title {color: #fff!important;
}}


/*revert content to not fluid */
@media (max-width: 767px) {
.project-content-space {margin: auto!important;padding-left: 15px!important;padding-right: 15px!important;
}}

@media (min-width: 768px) {
.project-content-space {width:750px;margin: auto!important;
}}

@media (min-width: 992px) {
.project-content-space{width:970px;margin: auto!important;
}}

@media (min-width: 1200px) {
.project-content-space{width:1170px;margin: auto!important;
}}


/*content with background*/

@media only screen and (min-width: 992px) {
.project-content-bg {padding: 80px 6.5% 80px 6.5%!important;}
}
@media (min-width: 768px) and (max-width: 991px){
.project-content-bg {padding: 50px 8% 30px 8%!important;}
}
@media (max-width: 767px){
.project-content-bg {padding: 50px 15px 50px 15px!important;}
}


/*project section title*/
.project-section-title .sppb-addon-title {
    color: #232b61;
    font-family: 'PT Sans'!important;
}

/*project detail*/
.project-detail h6.sppb-addon-title {
  font-size: 14px!important;}


/*project overview*/
/*.sppb-addon.sppb-addon-text-block.sppb-text-left.overview-readmore {
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
}
*/

/* width */
.overview-readmore::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.overview-readmore::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.overview-readmore::-webkit-scrollbar-thumb {
  background: #232b61;
  border-radius:50px;
}

/* Handle on hover */
.overview-readmore::-webkit-scrollbar-thumb:hover {
  background: #555;
}


/*project accordion*/
.sppb-panel-heading.active .sppb-toggle-direction {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(45deg);
}

.fa-plus-circle:before {
    color: #9f9f9f; font-size:16px;
}


/*project social remove*/
.project-page .article-footer-top {
    display: none;
}


/*dj slider*/
/*djslider*/
.prev-button, .next-button {
    background: #ffffff;
    border-radius: 30px;
    padding: 10px;
}

@media (max-width: 767px){
.prev-button, .next-button {
    background: #ffffff;
    border-radius: 30px;
    padding: 10px;
    top: -8px;
    transform: scale(0.7);
}}


img#prev137, img#next137,
img#prev157, img#next157,
img#prev144, img#next144,
img#prev145, img#next145,
img#prev159, img#next159,
img#prev161, img#next161{
    /* filter: invert(1); */
    width: 40px!Important;
}

.ppes-djslider .slide-desc-bg.slide-desc-bg-default {
    background: #771616 !important;
    padding:10px!important;
}

.ppes-djslider .slide-title {
    text-shadow: 0 0 10px black;
    margin: 0!important;
}

.ppes-djslider .slide-desc-text.slide-desc-text-default {
    padding: 5px 20px!important;
}

img.dj-image {
    object-fit: cover!important;
    width: 100%!important;
}