/* .box {
  -webkit-backdrop-filter: blur(500px);
  backdrop-filter: blur(500px);
  border-radius: 5px;
  background-image: linear-gradient(rgba(242, 242, 242, 0.34), rgba(203, 203, 203, 0.28))
} */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap');
/* 手寫字體 */
@import url('https://fonts.googleapis.com/css2?family=Afacad&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad:wght@400;700&display=swap');

/* body字體 */
h1, h2, h3, h4, h5, h6,
.post .entry-content .link-more .more-link,
.pagination .page-numbers,
.post-navigation .nav-links a,
.entry-footer .author-profile .author.vcard a,
.comment-author,
.comment-metadata,
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries li span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next a,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev a,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev span,
.cbp-l-caption-title,
.cbp-l-grid-agency-title,
.load-more a,
input[type="button"],
input[type="submit"],
#masthead.site-header #site-navigation #top-menu ul li a,
.widget_rss li .rsswidget,
.widget_rss li cite,
.entry-footer .social-share-meta .social-share-label,
.portfolio-big-slider .swiper-slide-content-wrap .slider-content a,
.portfolio-listing-wrapper .portfolio-list .list-content a,
#masthead.site-header #site-navigation ul li a,
.wp-block-calendar table,
body,
.portfolio-wrap .cbp-l-filters-text .cbp-filter-item,
.cbp-l-subfilters .cbp-filter-item,
.cbp-l-subfilters .cbp-filter-item,
.portfolio-wrap .cbp-l-caption-desc,
.portfolio-wrap .cbp-l-grid-projects-desc,
.cbp-popup-lightbox-title,
.cbp-popup-lightbox-counter,
.form-control,
.cbp-l-grid-agency-desc,
input,
textarea {
  font-family: 'Afacad', Roboto Condensed, 'Noto Sans JP', sans-serif;
}

/* logo */
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #masthead.site-header #site-branding .retina-logo {
    display: block;
  }

  #masthead.site-header #site-branding .logo {
    display: none;
  }
}

#masthead.site-header #site-branding .retina-logo {
  max-width: 100px;
}

/* for sidebar hover font*/
#masthead.site-header.left-sidebar #site-navigation .menu>li.current-menu-parent>a, #masthead.site-header.left-sidebar #site-navigation .menu>li.current-menu-ancestor>a {
  color: #151515;
  font-family: 'Dawning of a New Day', cursive;
  font-size: 20px;
  text-transform: capitalize;
}

#masthead.site-header.left-sidebar #site-navigation .menu>li:hover>a {
  color: #151515;
  font-family: 'Dawning of a New Day', cursive;
  font-size: 20px;
}

#masthead.site-header.left-sidebar #site-navigation .menu>li>a {
  color: #909090;
}

#masthead.site-header.left-sidebar #site-navigation .menu>li a:hover {
  color: #151515;
  font-family: 'Dawning of a New Day', cursive;
  font-size: 20px;
  text-transform: capitalize;
}

/* for sidebar hover font*/
/* for more hover font*/
#masthead.site-header.standard #site-navigation .menu>li.current-menu-parent>a, #masthead.site-header.standard #site-navigation .menu>li.current-menu-ancestor>a, #masthead.site-header.standard #site-navigation .menu>li:hover>a {
  color: #151515;
  font-family: 'Dawning of a New Day', cursive;
  font-size: 20px;
  text-transform: capitalize;
}

#masthead.site-header.standard #site-navigation .menu>li.current-menu-parent>a, #masthead.site-header.standard #site-navigation .menu>li.current-menu-ancestor>a, #masthead.site-header.standard #site-navigation .menu>li>a {
  color: #151515;
}

#masthead.site-header.standard #site-navigation .menu>li>a {
  color: #909090;
}

/* for more hover font*/
#masthead.site-header:not(.hamburger-side) #site-navigation .menu {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  background-color: rgba(256, 256, 256, 0.1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

#masthead.site-header.left-sidebar #site-navigation {
  width: 100%;
  max-width: 960px;
  overflow: hidden;
  margin-top: -40px;
}

/* for home page hover */
.cbp.cbp-caption-fadeIn.cbp-caption-ribbon .cbp-caption-activeWrap {
  width: 80%;
  height: auto;
  left: 0;
  top: auto;
  bottom: 15px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  /* border-radius: 10px; */
}

/* for home page hover */
/* for portfolio page image look hover */
.cbp .cbp-caption-activeWrap {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* for portfolio page image look hover */
/* for flip watch左右拉 */
.cocoen-drag {
  width: 1px !important;
}

.cocoen-drag:before {
  background-image: url('assets/images/portfolio/左右.gif') !important;
  /* background-color: none; */
  border: 0 !important;
  height: 50px !important;
  width: 80px !important;
  left: auto !important;
  margin-left: -40px !important;
  /* background: rgba(#ffffff, 0) !important; */
  -webkit-transform: translateX(-1px);
  -ms-transform: translateX(-1px);
  transform: translateX(-1px);
}

/* for flip watch左右拉 */