* {
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}
input[type="text"]:focus,
input[type="email"]:focus {
  border: none;
  outline: none !important;
}
textarea:focus {
  outline: transparent !important;
}
body {
  background-color: #fff !important;
  font-family: "NewsGothicStd";
}
a {
  outline: none !important;
  text-decoration: none !important;
}
a:focus {
  outline: none !important;
}
@font-face {
  font-family: "NewsGothicStd";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/NewsGothicStd-woff.woff) format("woff2");
}

/*----------------- header style -----------------*/
header#masthead {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0;
  max-width: 100% !important;
}
header#masthead::before,
header#masthead::after {
  display: none;
}
.site-header > .site-logo {
  width: auto !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.primary-navigation {
  margin-left: 0 !important;
}
#page {
  padding: 0 2rem;
}
.menu-wrapper {
  gap: 20px;
  margin-left: 15px !important;
}
.primary-navigation a {
  font-family: "NewsGothicStd" !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #101010 !important;
  text-transform: uppercase;
  padding: 0 !important;
}
.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
  text-decoration: none !important;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: transparent !important;
}
.primary-navigation a:hover {
  text-decoration: none !important;
  color: #3e7ebf !important;
}
.side-category-list li {
  list-style: none;
}
.side-category-list li a {
  text-decoration: none !important;
  color: #101010;
  font-size: 15px;
  font-weight: 100;
  margin: 0px 0 0;
  display: flex;
  align-items: center;
  transition: 0.5s all ease;
  font-family: "NewsGothicStd";
}
.side-category-list li a:hover {
  color: #3e7ebf;
}
.side-category-list {
  padding: 0;
}
.main-slider {
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 10px;
  width: 100%;
}
.content-area .site-main {
  padding: 6rem 0 0;
}
.site-logo a img {
  width: 55% !important;
}
.site-logo {
  text-align: right !important;
}
.content-area .entry-header {
  display: none;
}
.primary-navigation {
  margin: 30px 0 0;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
  align-items: flex-start !important;
}
#menu-item-978 {
  display: none;
}
#menu-item-226 {
  display: none;
}
#menu-item-227 {
  display: none;
}

/*------------------ footer style ------------------*/
.no-widgets .site-footer {
  margin: 8.188rem 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 100% !important;
  padding: 0 0 1rem;
}
.site-footer::before,
.site-footer::after {
  display: none !important;
}
.site-footer .footer-navigation + .footer-navigation {
  margin-left: auto !important;
}
.footer-navigation {
  margin: 0 !important;
}
.footer-navigation ul li a {
  text-decoration: none;
  font-family: "NewsGothicStd" !important;
  font-size: 16px;
  transition: 0.5s all ease;
}
.footer-navigation ul li a span {
  color: #101010 !important;
}
.footer-navigation ul li a:hover {
  text-decoration: none;
}
.footer-navigation ul li a span:hover {
  color: #2b7087;
}
.copyright {
  margin: 0 !important;
  font-size: 16px;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  color: #101010 !important;
  text-decoration: none;
}

/*------------------- post body text -----------------*/
.modernhouse h2 {
  font-weight: 400;
  font-size: 28px;
  color: #5b534c;
  line-height: 1.3;
  font-family: "NewsGothicStd";
  margin: 0 !important;
}
.modernhouse p {
  font-size: 15px;
  line-height: 1.8;
  text-align: justify;
  font-family: "NewsGothicStd";
  margin: 0 !important;
}

/*------------------- post sidemenu ------------------*/
.sidemenu ul {
  margin: 10px 0 5px 2px;
}
.sidemenu ul li h2 a {
  color: #101010;
  padding: 0 0 5px;
  display: block;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  margin: 0 0 8px;
}
.sidemenu ul li h2 a:hover {
  color: #3e7ebf;
}
.section-portfolio {
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 600;
  background: #ffffff;
  padding: 0 6px !important;
  border-radius: 3px;
  color: #3e7ebf;
  margin: 0 0 0.5rem !important;
  font-family: "NewsGothicStd";
}
.sidemenu h5 {
  padding: 0 6px !important;
  font-size: 15px;
  font-weight: 100;
  margin: 14px 0 8px !important;
  font-family: "NewsGothicStd";
}
.sidemenu h2 {
  padding-left: 40px !important;
  font-family: "NewsGothicStd";
  margin: 0px 0 8px;
}
.sidemenu .wp-block-query {
  margin: 10px 0 5px 2px !important;
}
.sidemenu h5 a {
  text-decoration: none;
}
.sidemenu h5 a:hover {
  text-decoration: none;
}
.wp-block-heading a {
  text-decoration: none;
}
.wp-block-heading a:hover {
  color: #3e7ebf;
}
.full-width-img {
  width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important;
}

/*------------------- post image ----------------------*/
.wp-block-gallery figure {
  padding: 10px !important;
}
/* .wp-block-gallery.has-nested-images figure.wp-block-image a:before {position: absolute; top: 23px; right: 21px; content: 'Enlarge To Zoom'; background: rgb(98 169 217 / 95%); color: #fff; font-size: 14px; letter-spacing: 1px; border-bottom: 3px solid #186178; z-index: 1; padding: 7px 13px; border-radius: 5px;} */
.wp-block-gallery figure a img:focus {
  outline: none !important;
}
.wp-block-boldblocks-svg-block {
  width: 100%;
  max-width: none !important;
}
.wp-block-gallery.has-nested-images {
  width: 100%;
  max-width: none !important;
}

/*------------------- category page -------------------*/
.project-post ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.list_img {
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.post-title a {
  margin: 3px 0 30px;
  text-align: start;
  text-transform: capitalize;
  position: relative;
  padding: 0 0.25rem;
  text-decoration: none;
  font-family: "NewsGothicStd";
  font-size: 17px;
}
.project-post ul li figure {
  margin: 0 !important;
  position: relative;
}
.post-title {
  margin: 15px 0 6px !important;
  font-size: 17px;
  padding: 0 !important;
}
.project-post ul.wp-block-post-template li.wp-block-post:hover .post-title a {
  color: #3e7ebf;
}
.project-post ul.wp-block-post-template li.wp-block-post figure.list_img::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  opacity: 0;
  visibility: hidden;
  content: "";
  transition: 0.3s ease;
}
.project-post ul.wp-block-post-template li.wp-block-post figure.list_img:hover {
  opacity: 0.5;
  visibility: visible;
  transition: all 0.3s ease;
}

/*------------------ about and other sub page ---------------------*/
.client {
  column-count: 3;
  padding: 0 0 0 0;
}
.client li {
  list-style: none;
  line-height: 1.8;
  font-family: "NewsGothicStd";
  font-size: 16px;
}
.sidemenu h4 {
  padding: 0 6px !important;
  font-size: 15px;
  font-weight: 100;
  margin: 4px 0 0 !important;
  font-family: "NewsGothicStd";
}
.wp-block-group.sidemenu {
  margin: 0 !important;
}
.award li {
  list-style: circle;
  line-height: 1.9;
  font-family: "NewsGothicStd";
  font-size: 16px;
}
.award {
  padding: 0 0 0 0;
}
.press h6.wp-block-heading {
  padding: 0;
  font-size: 15px;
  font-family: "NewsGothicStd";
  padding: 0 !important;
}
.press p {
  color: #101010;
  font-size: 15px;
  line-height: 1.7;
  font-family: "NewsGothicStd";
  padding-right: 15rem !important;
}
.press p a {
  text-decoration: none;
}

/*------------------- contact page -----------------------*/
.contact-page-form p {
  margin: 0;
  padding: 0 !important;
}
.contact-page-form input.contact-form,
select.contact-form {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgb(167, 167, 167) !important;
  width: 100%;
  font-size: 14px;
  margin: 0 0 43px;
  height: 48px;
  font-family: "NewsGothicStd";
}
input:focus,
select:focus {
  outline: none !important;
}
.contact-page-form .wpcf7-not-valid-tip {
  font-size: 12px;
  font-weight: bold;
  font-family: "NewsGothicStd";
}
.contact-page-form textarea.contact-form {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgb(167, 167, 167) !important;
  width: 100%;
  font-size: 14px;
  height: 200px;
  resize: none;
  font-family: "NewsGothicStd";
}
.contact-page-form .send-btn {
  width: 100%;
  background: transparent !important;
  color: #101010 !important;
  border: 1px solid rgb(167, 167, 167);
  padding: 18px;
  border-radius: 8px;
  font-size: 14px;
  margin: 1.4rem 0;
  font-family: "NewsGothicStd";
}
.rightaddress p {
  margin: 0px 0 10px !important;
  font-size: 14px;
  line-height: 1.4rem;
  font-family: "NewsGothicStd";
}
.rightaddress h6 {
  font-size: 14px;
  line-height: 1.4rem;
  font-family: "NewsGothicStd";
  margin: 23px 0 10px !important;
  font-weight: normal;
}
.rightaddress p a {
  text-decoration: none;
}
.employment h3 {
  font-size: 1.75rem;
  font-family: "NewsGothicStd";
  padding: 0 !important;
}
.employment h4 {
  font-size: 22px;
  margin: 41px 0 12px !important;
  font-family: "NewsGothicStd";
  padding: 0 !important;
  font-weight: normal;
}
.employment p {
  line-height: 2;
  font-family: "NewsGothicStd";
  padding: 0 !important;
  font-size: 16px;
  margin: 0 !important;
}
.employment p a {
  color: #0d6efd;
  text-decoration: none;
}
.employment p a:hover {
  color: #0a58ca;
}

/*------------------- responsive start ------------------*/
@media screen and (max-width: 1024px) {
  .client {
    column-count: 2;
  }
  .no-widgets .site-footer {
    display: block;
    text-align: center;
  }
  .footer-navigation-wrapper li {
    line-height: 2 !important;
  }
  .copyright {
    margin: 15px 0 0 !important;
  }
  .content-area .site-main {
    padding: 3rem 0 0;
  }
  .press p {
    padding-right: 0 !important;
  }
  .sidemenu .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: 0 !important;
  }
  .press .wp-block-column {
    padding-right: 0 !important;
  }
  .contact-page-form .send-btn {
    margin: 1.4rem 0 0;
  }
  .rightaddress h6 {
    padding: 0 !important;
  }
  .rightaddress p {
    padding: 0 !important;
  }
  .site-logo a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none !important;
  }
  .primary-navigation a{font-size: 15px !important; padding: 0 !important;}
}
@media screen and (max-width: 768px) {
  header .menu-button-container{
    display: flex;
    position: relative;
    top: -4px;
}
header .primary-menu-container{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 320px;
    height: 100vh;
    background-color: #effaff !important;
    z-index: 9;
    padding: 20px;
    transform: translateX(-100%) !important;
    transition: all 0.3s ease !important;
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
  position: fixed !important;
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important;
}
.primary-navigation > div > .menu-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  margin: 86px 0 0 !important;
  max-width: none;
  padding-left: 45px !important;
  position: relative;
  flex-direction: column;
}
.primary-navigation {
  margin: 0;
}
.primary-navigation a{font-size: 20px !important; padding: 0 0 14px 0 !important;}
header .navigation-menu li .menu-item.active{color:var(--nav-color);}
  #page {
    padding: 0 1rem;
  }
  .site-logo {
    text-align: right !important;
    position: relative !important;
    margin: 0 !important;
  }
  .content-area .site-main {
    padding: 2rem 0 0;
  }
  .site-logo a img {
    max-width: 40% !important;
  }
  .main-slider .eedee-gutenslider-prev {
    display: none;
  }
  .main-slider .eedee-gutenslider-next {
    display: none;
  }
  .site .button:focus,
  button:focus {
    outline: none !important;
  }
  .no-widgets .site-footer {
    margin: 6.188rem 0 0 !important;
    display: block;
  }
  .footer-navigation {
    display: block;
  }
  .footer-navigation-wrapper {
    display: block !important;
  }
  .footer-navigation-wrapper li {
    line-height: 1 !important;
  }
  .footer-navigation ul li a {
    font-size: 11px;
    border-right: 1px solid #ccc;
    padding: 0 5px 0 0;
  }
  .footer-navigation ul li:last-child a {
    border: none;
  }
  .wp-block-gallery figure {
    padding: 0 !important;
  }
  .modernhouse h2 {
    padding: 0 !important;
  }
  .modernhouse p {
    padding: 0 !important;
  }
  .wp-block-columns .wp-block-column:not(:last-child) {
    margin: 0 !important;
  }
  .award {
    padding: 0 0 0 27px;
  }
}
@media screen and (max-width: 500px) {
  #page {
    padding: 0 1rem;
  }
  .content-area .site-main {
    padding: 2rem 0 0;
  }
  .site-logo a img {
    max-width: 100% !important;
  }
  .main-slider .eedee-gutenslider-prev {
    display: none;
  }
  .main-slider .eedee-gutenslider-next {
    display: none;
  }
  .site .button:focus,
  button:focus {
    outline: none !important;
  }
  .no-widgets .site-footer {
    margin: 6.188rem 0 0 !important;
    display: block;
  }
  .footer-navigation {
    display: block;
  }
  .footer-navigation-wrapper {
    display: block !important;
  }
  .footer-navigation-wrapper li {
    line-height: 1 !important;
  }
  .footer-navigation ul li a {
    font-size: 11px;
    border-right: 1px solid #ccc;
    padding: 0 5px 0 0;
  }
  .footer-navigation ul li:last-child a {
    border: none;
  }
  .wp-block-gallery figure {
    padding: 0 !important;
  }
  .project-post ul {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0;
  }
  .modernhouse h2 {
    padding: 0 !important;
  }
  .modernhouse p {
    padding: 0 !important;
  }
  .wp-block-columns .wp-block-column:not(:last-child) {
    margin: 0 !important;
  }
  .award {
    padding: 0 0 0 27px;
  }
  #ggbl_lightbox .ggbl_prev {
    left: -7px;
    border-top: 4vw solid transparent;
    border-bottom: 4vw solid transparent;
    border-right: 4vw solid rgba(255, 255, 255, 0.7);
    transition: border ease 0.2s;
  }
  #ggbl_lightbox .ggbl_next {
    right: -8px;
    border-top: 4vw solid transparent;
    border-bottom: 4vw solid transparent;
    border-left: 4vw solid rgba(255, 255, 255, 0.7);
    transition: border ease 0.2s;
  }
  .press .wp-block-columns {
    gap: 10px;
    margin-bottom: 40px !important;
  }
  #menu-item-978 {
    display: block;
  }
  li.menu-item-has-children {
    display: flex !important;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  li.menu-item-has-children .sub-menu {
    width: 100%;
    border: none !important;
    margin-top: 15px;
  }
  .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    display: flex !important;
    height: auto !important;
  }
  .menu-item-has-children > .sub-menu-toggle[aria-expanded="false"] + .sub-menu {
    display: none;
  }
  .menu-item-has-children > .sub-menu-toggle[aria-expanded="true"] + .sub-menu {
    display: block;
  }
  .primary-navigation .sub-menu > li {
    padding: 0 0 12px;
  }
  #menu-item-225 {
    display: none;
  }
  .sidemenu {
    display: none !important;
  }
  .entry-content:before {
    display: none !important;
  }
  .wp-container-core-columns-is-layout-4 {
    gap: 0;
  }
  .entry-content {
    margin: 0 !important;
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image a:before {
    opacity: 0;
  }
  #menu-item-987 {
    display: none;
  }
  #menu-item-988 {
    display: none;
  }
  #menu-item-226 {
    display: block;
  }
  #menu-item-227 {
    display: block;
  }
  .client {
    column-count: 1;
  }
  .section-portfolio {
    display: none;
  }
  .client li {
    line-height: 2.8;
    border-bottom: 1px solid #b3b3b3;
  }
  .client li:last-child {
    border: none;
  }
  .modernhouse {
    gap: 1em !important;
  }
  .primary-navigation-open .menu-button-container{background-color: transparent !important;}
  .menu-button-container #primary-mobile-menu{margin-left: 0 !important;}
  .primary-navigation > div > .menu-wrapper{padding-left: 0 !important; margin: 40px 0 0 !important;}
  .site-header .site-branding{margin-right: 0;}
  .primary-navigation { left: 0 !important; right: auto !important;}
}