/*
 Theme Name:   Engic
 Theme URI:    https://themeforest.net/user/euthemians
 Description:  Engic theme is best suited for the websites of architectural firms, engineering companies, and freelance architects.
 Version:      2.3.11
 Author:       Euthemians Team
 Author URI:   https://euthemians.com
 Text Domain:  engic
 Tags:         responsive-layout, grid-layout, custom-colors, footer-widgets, custom-menu, theme-options, translation-ready, microformats, post-formats
 License:      Themeforest Split Licence
 License URI:
*/

/* 로컬 woff2 폰트 정의 예시
@font-face {
  font-family: 'CustomFont';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('fonts/CustomFont-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'CustomFont';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/CustomFont-Bold.woff2') format('woff2');
}

body, html {
  font-family: 'CustomFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
*/

/**
*** 헤더 ***
**/

/* 메인메뉴 */
#eut-header[data-menu-align="right"] #eut-main-menu ul {
  margin: 21px;
}

/* 코드 프로 */
div.wp-block-kevinbatdorf-code-block-pro {
  margin-bottom: 26px;
}

/**
*** 위젯 ***
**/

#eut-main-content #eut-sidebar.eut-white-box {
  background-color: rgb(245, 245, 220, 0.3);
  background-image: url(images/cat_base.png);
  background-repeat: no-repeat;
  background-size: cover;
}
#eut-sidebar .wp-block-heading {
  margin-left: 7px;
  margin-bottom: 9px !important;
}
#eut-sidebar .wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: disc;
}
#eut-sidebar li {
  font-family: "Yanone Kaffeesatz";
  font-size: 1.3em;
  margin-left: 0.7em;
  color: #bba887;
}
h5.wp-block-heading {
  margin: 7px 0;
}
.wp-element-button {
  word-break: keep-all;
}

/**
*** 카테고리 ***
**/

/* 카테고리 헤더 */
#eut-page-title-content,
.archive.category #eut-page-title.eut-blog-title {
  background-image: url(images/cat_base.png);
  background-repeat: no-repeat;
  /*background-size:cover;*/
}
#eut-page-title .eut-description.eut-dark {
  color: #2c433d;
}
/* 카테고리 게시물 스몰 미디어 일때 리스트  간격*/
.eut-blog.eut-small-media .eut-blog-item {
  padding-bottom: 32px;
}
.custom-cat li a {
  text-transform: uppercase;
  font-size: 1.4em;
}
.custom-cat li ul.children li a {
  text-transform: none;
  font-size: 0.9em;
}
.custom-cat li ul.children li.current-cat a {
  font-size: 0.965em;
  color: #8b6d26 !important;
}

.widget.widget_categories li a {
  color: #8e7d54 !important;
}
.widget.widget_categories li ul,
.widget.widget_categories li ul li {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0.5em;
  list-style: circle;
}
#eut-sidebar .wp-block-latest-posts.wp-block-latest-posts__list {
  font-size: 0.9em;
}

/**
*** 페이지 본문 ***
**/

/* 두번째 버튼 */
.eut-button-wrapper .outline {
  padding: 1.362em 2.271em;
}
/* 팀멤버 사진 중앙 */
.eut-team .eut-team-person {
  text-align: center;
}
/* 텍스트 블럭 인라인 */
.eut-element.eut-text.line-break div {
  display: inline-block;
  width: 49.35%;
  margin: 3px 0;
}

/**
*** 블로그 ***
**/

/* 포스트 목록 */
.eut-post-content a.eut-read-more {
  text-align: right;
  display: block;
}
/* 글(포스트) 본문 */
#eut-page-title-content .eut-container {
  padding-top: 0 !important;
}
.eut-single-post-content .eut-container {
  padding-top: 70px !important;
}
p {
  margin-bottom: 16px;
}
ul,
ol {
  line-height: 26px;
  margin-bottom: 16px;
}
#eut-tags-categories .eut-categories .history.back {
  margin: 8px;
  font-size: 12px;
  font-weight: 600;
}
#eut-tags-categories .eut-categories .history.back a:hover {
  color: #bba887;
}

/**
*** 하단 ***
**/

/* 푸터 */
#eut-footer .foot_ling_bg {
  height: 52px;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(images/foot_ling_bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: rotate(180deg) scaleX(-1) !important;
}

#eut-footer-area .eut-column-1-2 {
  justify-items: center;
}

#eut-footer .widget:last-child,
#eut-footer .widgets:last-child {
  margin-bottom: 0px !important;
}

.footgap2 h6 span {
  color: #bba887;
}
.footgap2,
.footgap3 {
  margin: 44px 0 0 0 !important;
}
.footgap h6,
.footgap2 h6 {
  font-family: "Noto Sans KR";
  letter-spacing: 2px;
  margin-bottom: 13px;
}
.footgap p,
.footgap2 p {
  font-family: "Noto Sans KR";
  color: #e9e9e9;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 7px;
  word-break: keep-all;
}
.footgap2 h6 .rule,
.footgap2 h6 .rule2 {
  display: inline;
}

/**
*** 모바일 ***
**/

@media only screen and (max-width: 1200px) {
  .inline-box {
    width: 30%;
  }
  .inline-box2,
  .inline-box3 {
    width: 35%;
  }
}

@media only screen and (max-width: 1023px) {
  /*Resize Headings */
  #eut-header .eut-logo.eut-logo-text a,
  #eut-feature-title .eut-title,
  #eut-post-title .eut-title,
  #eut-portfolio-title .eut-title,
  #eut-product-title .eut-title,
  #eut-feature-section .eut-title {
    font-size: 32px !important;
    line-height: 47px !important;
  }
  #eut-feature-section .eut-description,
  #eut-post-title .eut-description,
  #eut-portfolio-title .eut-description,
  #eut-feature-section .eut-description {
    font-size: 12px !important;
    line-height: 22px !important;
  }
  #eut-feature-section .eut-feature-content .eut-button-wrapper {
    margin-top: 26px;
  }
  .footgap2 span {
    display: none;
  }
  .footgap2 h6 .rule {
    display: block;
    line-height: 23px;
  }
  .eut-element.eut-text.line-break div {
    display: inline-block;
    width: 100%;
    margin: 3px 0;
  }
  .inline-box {
    width: 30%;
  }
  .inline-box2,
  .inline-box3 {
    width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .footgap2 h6 .rule,
  .footgap2 span {
    display: inline;
  }
  /* 박스 슬로건 */
  #eut-main-content h2 span {
    font-size: 20px !important;
  }
  .inline-box,
  .inline-box2,
  .inline-box3 {
    width: 100%;
  }
  .inline-box2,
  .inline-box3 {
    left: 25px;
  }
}