/*
Theme Name: southernInterior
Author: 
Description: Custom theme generate from BlankSlate
Version: 1.0
Template: blankslate

This is the child theme for BlankSlate theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
@font-face {
  font-family: 'goldman'; /* Give your font a name */
  src: url('Goldman-Bold.ttf') format('truetype'); /* Modern browsers */
  font-weight: 900;
}
p  {  font-family: "inter-variable",sans-serif; font-weight: 400; line-height: 1.5; }
h2 { font-family: "inter-variable",sans-serif; font-weight: 700; font-size: 30px; text-transform: uppercase; line-height: 1.5; }
h3 { font-family: "inter-variable",sans-serif; font-weight: 700; font-size: 24px; }
h4 { font-family: "inter-variable",sans-serif; font-weight: 600; font-size: 16px; }
.gallery.about h3 { font-family: "inter-variable",sans-serif; font-weight: 600; font-size: 20px; }
.top_banner { height: 568px; width: 100%; }
.top_banner .wp-block-cover, .wp-block-cover-image { min-height: 568px;}
.top_banner p { font-family: "inter-variable",sans-serif; font-weight: 700; font-size: 40px; position: relative; top: 113px; text-transform: uppercase;}

.top_bar { background: #000; width: 100%; color: #FFF; padding-left: 52px; padding-right: 52px; padding-top: 20px; padding-bottom: 20px}
.top_bar .wp a { float: left; font-family:  "inter-variable",sans-serif; font-weight: 400; text-decoration: none; color: #FFF; display: block; width: 100%; height: 100%;}
.top_bar .wp { background:url("img/icon_wp.png") center center no-repeat; background-size: contain; width: 30px; height: 30px; display: inline-block; }
.top_bar .contact { float: right; font-family:  "inter-variable",sans-serif; font-weight: 400; text-decoration: none; color: #FFF; display: inline-block;  font-size: 16px; line-height: 30px; }
.top_bar .contact a { font-family:  "inter-variable",sans-serif; font-weight: 400; text-decoration: none; color: #FFF; }
.top_bar .contact span { padding-left: 5px; padding-right: 5px;}
.top_bar .contact span:first-child::after { content: "|"; padding-left: 10px; }
.top_bar .contact span:last-child { padding-right: 0;}
ul#menu-main li { display: inline-block; margin: 0 16px; }
ul#menu-main li a { color: #000; font-family:  "inter-variable",sans-serif; font-weight: 500; font-size: 18px; text-decoration: none; text-transform: uppercase;}
ul#menu-main li a:hover { text-decoration: underline;}
ul#menu-main { float: right;}
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}
#branding { width: 100%; background-color: rgba(255,255,255,0.7); min-height: 127px; padding-left: 52px; padding-right: 52px;  backdrop-filter: blur(5px);          /* blur background */
  -webkit-backdrop-filter: blur(5px);  /* Safari support */}
.logo { background:url("img/logo.png") center center no-repeat; background-size: contain; width: 428px; height: 41px; display: inline-block; position: relative; top: 48px;}
.logo a { display: block; width: 100%; height: 100%; }
#header nav { float: right; margin-top: 12px; }

.col_narrow { width: 100%; max-width: 730px; margin: 0 auto; }
.col_middle { width: 100%; max-width: 840px; margin: 0 auto; }
.col_wide { width: 100%; max-width: 1110px; margin: 0 auto;  }

.type .wp-block-cover, .wp-block-cover-image { min-height: 350px;}
.type .wp-block-cover p { font-family:  "inter-variable",sans-serif; font-weight: 700; font-size: 30px;}
a.wp-block-button__link  { font-family:  "inter-variable",sans-serif; font-weight: 500; font-size: 16px; border-radius: 2px; padding: 16px 50px}
.box { -webkit-box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); padding: 85px 40px 20px; position: relative; top: -56px; cursor: pointer; }
.wp-block-image.icon_service { border-radius: 50%; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); width: 119px; margin: 0 auto; position: relative; background-color: #FFF; z-index: 1;}
.box.active hr.wp-block-separator  { 
  color: #1E73BD;
}
.box a { color: #000; text-decoration: none;}
.box a.wp-block-button__link { background: #FFF; border: 1px solid #000; width: 41px; height: 41px; background: url(img/btn_arrow.png) center center no-repeat; background-size: 20px; border-radius: 50%; padding: 0; }
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) { font-family:  "inter-variable",sans-serif; font-weight: 500; font-size: 16px; border-radius: 2px; padding: 16px 50px}
.gallery.is-layout-flex { gap: 58px }
.shadow  { -webkit-box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); padding: 55px 80px 90px}
.shadow h3 { min-height: 40px; align-items: center; display: flex; font-size: 18px; font-weight: 500; }
.profile { border-radius: 50%; width: 200px }
p.teamRole { margin-block-start: 0;}
.section_team hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }
.service_intro hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }
.service_list hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }
.quote_list hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }
.section_project hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }

.selectBox { display: inline-block; width: 25%; padding: 0 15px; position: relative;  }
      
.selectBox select { width: 100%; padding: 15px 19px; font-family:  "inter-variable",sans-serif; font-weight: 400; font-size: 16px; appearance: none; /* removes default arrow */
      -webkit-appearance: none;
      -moz-appearance: none;}
.selectBox::after { content:""; background:url("img/pushdown.png") center center no-repeat; position: absolute; top: 22px; right: 35px; width: 18px; height: 7px; transition: all .3s ease; }
.selectBox.open::after {
  transform: rotate(180deg);
}
.mb-40 {  margin-bottom: 40px;}
#quote-slider { width: 100%; -webkit-box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); box-shadow: 0px 9px 20px 1px rgba(0,0,0,0.25); height: 443px; }
#quote-slider .project-item { width: 100%; }
#quote-slider .project-item.quote { min-height: inherit; height: 100%;}
#quote-slider .swiper-button-prev, #quote-slider .swiper-button-next { width: 41px; height: 41px; border: #000 solid 1px; border-radius: 50%; background: url(img/btn_arrow.png) center center no-repeat; }
#quote-slider .swiper-button-prev::after, #quote-slider .swiper-button-next::after { content: ""; }
#quote-slider .swiper-button-prev { background-image: url(img/btn_prev.png); left: 82px }
#quote-slider .swiper-button-next { right: 82px }
#quote-slider .disabled_swiper_button { opacity: 0.2; cursor: inherit;}
#quote-slider .quoteMark { top: 44px; width: 194px; }
#quote-slider .project-item { padding: 0 83px; }
#quote-slider .project-item hr { position: relative; top: -30px; border-top: #000 1px solid; border-bottom-width: 0; }
#quote-slider .project-item p { width: 720px; margin: 0 auto; position: relative; top: 37px; }
#quote-slider .project-item .credit { bottom: 117px; }
#quote-slider .project-item .credit p { top:inherit; }
#quote-slider a.wp-block-button__link { background-color: #FFF; color: #000; border: 2px solid #000; height: auto; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); border-radius: 4px; }
.ctr-more { margin: 0 auto; text-align: center; border: 2px solid #000; border-radius: 4px; min-width: 200px; min-height: 45px; display: table; line-height: 45px; cursor: pointer; }
.box hr.wp-block-separator { color: #ED4C53; height: 3px; width: 90px}
.child-page-item .thumb { height: 100%; display: inline-block; width: 355px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.child-page-item .context { display: inline-block; padding: 0; width: 580px; vertical-align: top; }
.child-page-item { height: 280px; max-width: 980px; width: 100%; margin: 0 auto; margin-bottom: 70px; position: relative; }
.child-page-item.shadow { padding: 0; }
.child-page-item h3 a { font-family:  "inter-variable",sans-serif; font-weight: 700; font-size: 22px; color: #000; text-decoration: none;  }
.child-page-item h3 { padding-left: 44px; margin-top: 17px; text-transform: uppercase; }
.child-page-item p { font-family: "inter-variable",sans-serif; font-weight: 400; font-size: 16px; color: #000; padding-left: 44px; padding-top: 14px; width: 510px; max-width: 100%; line-height: 1.7;}
.child-page-item .line { height: 4px; width: 280px; background-color: #ED4C53; margin-top: 36px; }
.child-page-item .btn { width: 41px; height: 41px; border-radius: 50%; border: #000 solid 1px; position: absolute; top: 50%; transform: translateY(-50%); right:47px; background:url("img/btn_arrow.png") center center no-repeat; background-size: 20px; }
.child-page-item .btn a { display: block; width: 100%; height: 100%; }
.service_details { margin: 0 auto; max-width: 990px; width: 100%; background-color: #FFF; margin-top: -85px; }
.service_details ul { margin: 0; padding: 0; }
.service_details ul li { display: inline-block; width:165px; height: 100%; text-align: center; vertical-align: top; }
.service_details ul li p a { font-family: "inter-variable",sans-serif; font-weight: 700; font-size: 11px; color: #000; text-align: center; text-decoration: none; height: 54px; display: flex; align-items: center; }
.service_details ul li p { font-family: "inter-variable",sans-serif; font-weight: 700; font-size: 11px; color: #000; text-align: center; display: inline-block; max-width: 100px; min-height: 54px;}
.service_details ul li .btn{ width: 30px; height: 30px; border-radius: 50%; border: #000 solid 1px; background:url("img/btn_arrow_30x30.gif") center center no-repeat; background-size: 15px; margin: 0 auto; }
.service_details.shadow { padding: 30px 0 25px 0;  }
.service_details img { display: block; margin: 0 auto; }
.service_details .activeLine { width: 58px; height: 3px; background-color: #ED4C53; margin: 0 auto; margin-top: 12px; }
.project-list { margin: 0 auto; margin-top: 33px; text-align: center; }
.project-item .thumb { width: 100%; height: 302px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.project-item { margin: 0 auto; text-align: center; width: 302px; display: inline-block; margin-right: 57px; position: relative; }
.project-item:last-child { margin-right: 0; }
.project-item:nth-child(3n) { margin-right: 0; }
.project-item.quote { min-height: 420px; vertical-align: top;}
.project-item .quoteMark { font-family: 'goldman'; font-size: 96px; line-height: 106px; margin-top: 0px; background-color: #FFF; height: 40px; display: inline-block; z-index: 1; position: relative; }
.project-item h3 { padding: 33px 0; }
.project-item .btn { border-radius: 4px; border: 2px solid #000; display: inline-block; }
.project-item .btn a { font-family:  "inter-variable",sans-serif; font-weight: 500; font-size: 16px;  margin: 0 auto; color: #000; text-decoration: none; width: 100%; height: 100%; display: block;padding: 16px 50px;  }
.project-item.shadow { padding: 40px 25px 45px 25px; margin-bottom: 40px;}
.project-item.shadow hr { position: relative; top: -73px; border-top: #000 1px solid; border-bottom-width: 0; }
.project-item .credit { position: absolute; bottom: 40px; left: 50%; width: 80%; transform: translateX(-50%);}
.project-item .credit p.name { font-weight: 700; font-size: 18px;}
.project-item.shadow .quoteContent { margin-top: -33px; height: auto; max-height: 195px; overflow-y: auto; }
.quote .quoteContent::-webkit-scrollbar { width: 1px; }
.quote .quoteContent::-webkit-scrollbar-track { background: #f1f1f1; } 
.quote .quoteContent::-webkit-scrollbar-thumb { background: #b2b2b2;   
}
.quote  .quoteContent::-webkit-scrollbar-thumb:hover {
  background: #6f6f6f;
}
.quote .quoteContent p { padding: 0 10px; }
.project-item.shadow.quote a p { color: #000 }
.project-item.shadow.quote a .quoteMark { color: #000 }
.project-item.shadow.quote a .credit { color: #000 }
.project-item.shadow.quote a  { text-decoration: none;}
.related_project hr.wp-block-separator { width: 550px!important; margin-top: 90px; border-bottom: 1px solid; }
.section_map {  filter: grayscale(100%);}
/* footer */
footer { box-shadow: inset 0px 5px 8px rgba(0,0,0,.1); margin-top: 90px}
footer .content { padding-left: 75px; padding-right: 75px; padding-top: 60px; padding-bottom: 130px; }
footer .logo { top: 0; }
footer .col_logo, footer .col_nav, footer .col_lang { display: inline-block; vertical-align: top; }
footer .col_logo { width: 50%; position: relative; min-height: 165px;}
footer .col_nav { width: 30%; }
footer .col_lang { width: 10%; float: right;}
footer .col_lang p b { font-weight: 700;}
ul#menu-footer li { margin-bottom: 10px; }
ul#menu-footer li a { text-decoration: none; font-family:  "inter-variable",sans-serif; font-weight: 700; font-size: 16px; color: #000;}
ul#menu-footer li  ul.sub-menu li a { font-weight: 500; }
ul#menu-footer li  ul.sub-menu li.newbreak { break-before: column;}
ul#menu-footer li  ul.sub-menu { columns: 2; margin-top: 12px; padding-left: 12px; }
footer .social { position: absolute; bottom: 0; left: 0}
#copyright { font-family:  "inter-variable",sans-serif; font-weight: 400; font-size: 16px; color: #000;}
.fb { background:url(img/icons_fb.png) center center no-repeat; width: 17px; height: 16px; background-size: contain; }
.ig { background:url(img/icons_ig.png) center center no-repeat; width: 17px; height: 16px; background-size: contain; }
.in { background:url(img/icons_linkedIn.png) center center no-repeat; width: 17px; height: 16px; background-size: contain; }
.social div { display: inline-block; margin-right: 22px; }
.social div a { display: block; width: 100%; height: 100%;}
.mmenu { display: none; }
/* tablet */
@media (max-width: 1280px ) {

}
/* mobile*/
@media (max-width: 980px ) {
  .top_bar { display: none; }
  #branding nav { display: none; }
  #branding { padding-left: 20px; padding-right: 20px; }
  .logo { width: 342px; height: 33px; }
  .col_narrow { padding-left: 20px; padding-right: 20px; }
  .mmenu { width: 36px; height: 36px; position: absolute; top: 42px; right: 20px; display: block; background: url(img/mmenu.png) center center no-repeat; background-size: contain; }
}

@media (max-width: 762px ) {
  .top_bar { display: none; }
  #branding nav { display: none; }
}