@font-face {
  font-family: titling_oblique;
  src: url('../fonts/big_noodle_titling_oblique.ttf');
}

@font-face {
  font-family: titling;
  src: url('../fonts/big_noodle_titling.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');

.titling h2, .titling h3, .titling h4, .titling p  {
  font-family: titling;
}

.titling_oblique h2, .titling_oblique h3, .titling_oblique h4, .titling_oblique p {
  font-family: titling_oblique;
}


.sticky-menu {
  position: relative;
  z-index: 99;
  background: white;
}

.sticky-menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 1px 5px rgba(0,0,0,.15);
}

/*
.sticky-menu {
  top:0;
  position: sticky!important;
  left: 0;
  z-index: 99!important;
  background: white;
}

.body-innerwrapper {
    overflow-x: visible;
}
*/

ul.menu.bottom-menu {
    list-style: none;
    text-align: center;
    margin-bottom: 0;
  	padding:0;
}

ul.menu.bottom-menu li {
    display: inline-block;
    padding: 0;
}

ul.menu.bottom-menu li a {
    padding: 0 25px;
    font-size: 20px;
    color: black;
    font-family: titling;
}

header#sp-header {
    display: none;
}

.color-dark { 
 background-color: #101010!important; 
}

.color-dark .sppb-addon-text-block { 
 color:white;
}


/*Scroll Magic*/
body {
    background-color: white;
    transition: all 0.75s ease-in;
}

.dark-bg {
    background-color: #0f0f0f;
}

.white-bg {
  background-color:white;
}


.dark-bg #dark-bg .sppb-addon-title, .dark-bg #dark-bg .sppb-addon-content{
    color: white!important;
}

.dark-bg.white-bg #dark-bg .sppb-addon-title, .dark-bg.white-bg #dark-bg .sppb-addon-content {
    color: #201F1F!important;
}

/*Scroll Magic End*/

#sp-footer, #sp-bottom {
    background: black;
    color: white;
}

#sp-footer1 .sp-copyright {
    color: rgb(255 255 255 / 70%);
}

#sp-footer2 a {
    color: rgb(255 255 255 / 70%);
}


.article-details ul.fields-container {
    padding: 20px;
    list-style: none;
    background: #f6f6f6;
}

.article-details ul.fields-container li {
    padding: 5px;
    border-bottom: 1px solid #d6d6d6;
 	display: flex;
    justify-content: space-between;
}

.article-details ul.fields-container li:last-child {
    border-bottom: none;
}

.article-header h1 {
    color: black!important;
    font-family: titling;
  font-size: 50px!important;
  font-weight: 500!important;
}

.project-title {
    position: absolute;
    bottom: 0;
    z-index: 1;
    font-weight: bold;
    color: white;
    padding: 15px 20px;
    display: flex;
    font-family: titling;
    letter-spacing: 2px;
}

.project-title:hover, .project-title:active, .project-title:visited {
  color:white;
}

.text-container {
    font-size: 24px;
    position: relative;
}

.mwall-big .text-container {
    font-size: 30px;
    position: relative;
}

.text-container::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: white;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  .text-container:hover::before{
    left: 0;
    right: auto;
    width: 100%;
  }
  .mwall-item-outer-cont:hover .text-container::before{
    left: 0;
    right: auto;
    width: 100%;
  }
}

.mwall-masonry .mwall-item-inner {
  display:none!important;
}

.mwall-detail-box {
  display:none!important;
}

/*
.article-header, .article-fields {
  display:none;
}

.article-header-new .article-header, .article-header-new .article-fields {
  display:block;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.article-header-new {
  	display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
}
*/

.mwall-item-outer-cont:hover .mwall-photo-link {
    filter: brightness(1);
}

/*.mwall-item-outer-cont .mwall-photo-link {
    filter: brightness(0.5);
}*/

div#ruxin_preloader img {
    width: 150px;
    margin-bottom: 0;
}

div#ruxin_preloader .loader {
    display: none;
}

#ruxin_preloader {
    z-index: 99999;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.sp-copyright a {
    color: white!important;
}

.project-title2 .sppb-addon-article h3 {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    margin: 10px 0px 50px 0px;
}

.project-title2 .sppb-addon-article h3 a {
   color: black;
}



/* Project Hover Effect */
.project-title2 .sppb-addon-article a.sppb-article-img-wrap {
    overflow: hidden;
  display: block;
}

.project-title2 .sppb-addon-article {
    overflow: hidden;
}

.project-title2 .sppb-addon-article a.sppb-article-img-wrap img {
    max-width: 100%;
    transition: all 0.8s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.project-title2 .sppb-addon-article a.sppb-article-img-wrap:hover img {
    transform: scale(1.1); 
}



.project-filter ul li a {
    font-size: 16px;
}

.project-filter ul {
    margin-bottom: 20px;
}

.project-title2 .sppb-col-sm-6 {
    padding-right: 35px;
    padding-left: 35px;
}

.project-title2 .sppb-row {
    margin-right: -35px;
    margin-left: -35px;
}

ul#dj-megamenu142 li a {
    padding: 0px 25px;
    font-size: 20px;
    color: black;
    font-family: titling;
}

ul#dj-megamenu142 {
    justify-content: center;
}

div#dj-megamenu142mobile {
    float: right;
}

button.dj-mobile-open-btn {
    background: none!important;
    width: auto!important;
    color: #434343!important;
}

button.dj-mobile-open-btn.active {
    color: #434343!important;
}

.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus {
  background: transparent!important;
      color: #434343!important;
}

span.dj-mobile-open-icon::before {
    font-size: 35px!important;
    font-family: 'Material Icons'!important;
    content: "\e5d2"!important;
    font-weight: 300!important;
}




.offcanvas-menu {
    background-color: #000000;
    color: #ffffff;
}

footer#sp-footer .row {
    align-items: center;
}



@media (max-width:768px) {
/*  
.body-innerwrapper {
    overflow-x: hidden;
}*/

.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
  
  #sp-title {
    margin-top:115px;
  }  

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 16px;
    color: white;
    font-family: 'Manrope', sans-serif;
    font-weight: 400!important;
    opacity: 1;
    text-transform:uppercase;
    letter-spacing: .8px;
}  
  
.dj-offcanvas-pusher .offcanvas-menu.border-menu .d-flex.align-items-center.p-3.pt-4 {
    padding: 30px 35px!important;
    justify-content: space-between;
}  
  
.dj-offcanvas-pusher-in a.close-offcanvas {
    position: relative;
    top: inherit;
    z-index: 1;
    right: inherit;
    margin-right: -10px;
}
  
.offcanvas-menu .offcanvas-inner {
    padding-top: 0;
}  
 
.dj-offcanvas-pusher-in a.close-offcanvas .burger-icon {
    width: 22px;
} 
 
.dj-offcanvas-pusher-in a.close-offcanvas .burger-icon span{
    display:none;
}   

.dj-offcanvas-pusher-in a.close-offcanvas .burger-icon:before {
    font-family: 'Material Icons';
    content: "\e5cd";
    font-weight: 300;
    font-size: 35px;
    color:white;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}   
  
  .dj-mobile-open-btn {
    line-height:1;
  }   


}