/* --------------------------------------------
   TYPOGRAPHY
-------------------------------------------- */

h1,h2,h3,h4 {letter-spacing:-0.02em !important;font-weight:normal!important;}
/*h1 span {font-weight:bold;}*/
h1.title-wrap-tit {font-weight:normal!important;font-size:42px!important;padding-left: 18px;}
h2 {font-size:30px!important;margin:27px 0 -10px; line-height: 1.2em !important}
.home h2 {font-size:30px!important;margin:18px 0 -3px;}

p {margin:20px 0;padding:0;line-height:138%!important;}

.grid-item-tit {line-height:1;}
.post-navi-single,.post-navi-unit-tit {font-weight:600!important;}

.pre-grid {margin: 30px 0px 30px 0px !important}

.home .pswp__button--close,.home .pswp__button--arrow--right,.home .pswp__button--arrow--left {display: none}


/* --------------------------------------------
   GENERAL
-------------------------------------------- */

#navi-trigger {display:none!important;}
.navi-logo {margin-top:50px;}
#comments {display:none!important;}

.ux-portfolio-template-intro {width:100%;}
.ux-portfolio-template-intro h1 {margin-bottom:28px!important;}

.logo-wrap p {color:#141414!important;font-size:26px!important;line-height:30px!important; margin: 10px 0px 0px 0px}

.header-main { line-height: inherit;}

.portfolio-tit {margin-top:80px!important;}

.socialmeida-li {text-align:right!important;}
.footer-text {padding-top:6px;}
.footer-social {text-align:right!important;}
.footer-cols-layout .socialmeida-li {display:contents!important;}
.socialmeida-a .fa {width:40px!important;font-size:34px!important;}

body.single .gallery-post-des .entry {padding-right: 0px !important;}

/*.intro-wrap-sub {padding: 40px 40px 20px !important; border-radius: 25px;  box-shadow: 0 0 6px rgba(0,0,0,.20);}
*/

/* --------------------------------------------
   PORTFOLIO GRID
-------------------------------------------- */

.grid-stack-item-content {border-radius:25px;box-shadow:0 0 6px rgba(0,0,0,.20);}
.grid-item-inside {margin:10px!important;border-radius:20px;}

.portfolio-link-button {cursor:pointer;border-radius:25px;padding:0 20px;margin:20px auto 0;text-align:center;line-height:60px;color:#fff;background-color:#01ACF1;transition:background-color 1s ease-out;}
.portfolio-link-button:hover {background-color:#30287e;}
.portfolio-link-button-a {font-weight:normal;}
.portfolio-link-button a,.portfolio-link-button a:hover {color:#fff;font-size:30px;display:block!important;letter-spacing:-0.02em !important}

.responsive-ux .portfolio-link-button {line-height:inherit!important;}


/* --------------------------------------------
   PROJECT DESCRIPTION
-------------------------------------------- */

.gallery-post-des-inn {padding:20px 40px 40px!important;border-radius:25px;box-shadow:0 0 6px rgba(0,0,0,.20);}
.gallery-post-des-inn h2:first-of-type {padding-top:0;}

.gallery-info-property-con {font-weight:300!important;}
.gallery-info-property-li {display:flex;align-items:flex-start;gap:12px;}
.gallery-info-property-tit {margin:-2px 0 0;font-weight:600;white-space:nowrap;}
.gallery-info-property-con {display:flex!important;flex-wrap:wrap;gap:8px!important;}
.gallery-info-property-con span {display:inline-block;padding:5px 10px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;line-height:1.2;white-space:nowrap;}


/* --------------------------------------------
   DESKTOP PROJECT LAYOUT
-------------------------------------------- */

@media(min-width:768px){
.gallery-post-des {position:relative!important;display:block!important;}
.gallery-post-des .title-wrap {display:block!important;padding:20px 40px 140px 0!important;margin-top:154px!important;}
.gallery-post-des .gallery-post-des-inn {display:block!important;width:60%!important;margin-left:40%!important;}
body:not(.single-portfolio-bigtitle) .gallery-post-des {padding-top:150px;}
.page-template-intro-outer {margin-top:180px;}
.portfolio-link-button {width:710px}


}


/* --------------------------------------------
   MOBILE
-------------------------------------------- */

@media(max-width:767px){
.gallery-post-des {display:block!important;}
.gallery-post-des .title-wrap,.gallery-post-des .gallery-post-des-inn {display:block!important;position:static!important;width:100%!important;}
h1.title-wrap-tit {padding-left: 0px;}
}


/* --------------------------------------------
   MOBILE 200–500
-------------------------------------------- */

@media screen and (min-width:200px) and (max-width:500px){
.ux-portfolio-template-intro {margin-top:40px;}
.portfolio-link-button {margin:20px 20px 0!important;}
.portfolio-link-button:hover {margin-left:20px;margin-right:20px;}
.ux-portfolio-template-intro h1, h1.title-wrap-tit {font-size:26px!important;line-height:30px!important;color:#30287e;}
.ux-portfolio-template-intro h1 span {color:#141414!important;font-size:20px!important;line-height:36px!important;display:block;margin:-10px 0 20px;}
.gallery-info-property-con {font-size:16px;}
.gallery-property {margin-top:40px;}
.responsive-ux.single-portfolio-fullwidth .title-wrap {padding-top:100px;}
.portfolio-tit {margin-top:50px!important;font-size:26px!important;}
.footer-cols-layout {text-align:center!important;}
.footer-social {margin-top:30px!important;}
body #wrap-outer {font-size:18px;}
.responsive-ux .page-template-intro-outer { margin-top: 70px !important;  }
.logo-wrap p {font-size: 20px !important;}
.home h2, h2 {font-size: 22px !important}
.gallery-post-des-inn { padding: 10px 20px 20px !important;}

}


/* --------------------------------------------
   MOBILE 501–767
-------------------------------------------- */

@media screen and (min-width:501px) and (max-width:767px){
.ux-portfolio-template-intro {margin-top:50px;}
.portfolio-link-button {margin:20px auto 0!important;}
.portfolio-link-button:hover {margin-left:auto;margin-right:auto;}
.ux-portfolio-template-intro h1, h1.title-wrap-tit {font-size:32px!important;line-height:38px!important;color:#30287e;}
.ux-portfolio-template-intro h1 span {color:#141414!important;font-size:24px!important;line-height:30px!important;display:block;margin-bottom:20px;}
.gallery-info-property-con {font-size:16px;}
.gallery-property {margin-top:40px;}
.responsive-ux.single-portfolio-fullwidth .title-wrap {padding-top:100px;}
.portfolio-tit {margin-top:50px!important;font-size:26px!important;}
.footer-cols-layout {text-align:center!important;}
.footer-social {margin-top:30px!important;}
body #wrap-outer {font-size:18px;}
.responsive-ux .page-template-intro-outer { margin-top: 60px !important;  }
.logo-wrap p {font-size: 22px !important;}
.home h2, h2 {font-size: 25px !important}
}


/* --------------------------------------------
   TABLET 768–1024
-------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1024px){
.ux-portfolio-template-intro {width:100%!important;}
.ux-portfolio-template-intro h1, h1.title-wrap-tit {font-size:32px!important;line-height:42px!important;color:#30287e;}
.ux-portfolio-template-intro h1 span {color:#141414!important;font-size:26px!important;line-height:32px!important;display:block;margin-bottom:20px;}
.responsive-ux .page-template-intro-outer { margin-top: 130px !important;  }
.logo-wrap p {font-size: 28px !important;}
.home h2, h2 {font-size: 25px !important}

}


/* --------------------------------------------
   1025–1199
-------------------------------------------- */

@media screen and (min-width:1025px) and (max-width:1199px){
.ux-portfolio-template-intro h1 {font-size:44px!important;line-height:54px!important;color:#30287e;}
.ux-portfolio-template-intro h1 span {color:#141414!important;font-size:36px!important;line-height:32px!important;display:block;margin-bottom:20px;}
}


/* --------------------------------------------
   >= 992
-------------------------------------------- */

@media(min-width:992px){
.portfolio-link-button {width:930px;}
}


/* --------------------------------------------
   >= 1200
-------------------------------------------- */

@media(min-width:1200px){
.ux-portfolio-template-intro h1 {font-size:40px!important;line-height:50px!important;color:#30287e;margin-top:-10px;}
.ux-portfolio-template-intro h1 span {color:#141414!important;font-size:32px!important;line-height:38px!important;display:block;margin-bottom:30px;}
.template-intro-outer {margin-top:40px;}
.portfolio-link-button {width:1230px;}
.container {width:1270px;}
}


/* --------------------------------------------
   GLOBAL
-------------------------------------------- */

@media(min-width:200px){
.page-template-intro-outer {margin-bottom:20px!important;}
}