/*!
Theme Name:   Child Theme
Template:     modern

Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
License:      GPL-3.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-3.0-standalone.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md

Child theme CSS styles:
*/

:root{
  --color_content_text:#404040;
  --typography_fonts_text:"Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
}

.showcase-wrapper {
  display:flex;
}

/* blur控制模糊程度 */
.intro-media img {
  filter: blur(2px) grayscale(100%) contrast(66%) !important;
  -webkit-filter: blur(2px) grayscale(100%) contrast(66%) !important;
}

/* 首页banner装饰 */
.front-page-banner {
  background-repeat: no-repeat;
  background-color:pink;
  height: auto;
}
.front-page-banner::before {
  background-image: url(assets/images/dot.gif);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-attachment: fixed;
}
#centerbg {
  width: 100%;
  height: 270px;
  background-image: url(assets/images/geisha.png);
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 55em) {
  #centerbg {
    height: 119px;
  }
}

/* 文章页装饰 */
.single-post .stripe {
  height: 6px;
  background-image: url(assets/images/stripe-blue.png);
  border-radius: 6px 6px 0 0;
}
.content-area { background-color: transparent !important; }
.comments-area { background-color: var(--color_content_background) !important; }

/* 圆角--主页post */
.masonry .masonry-brick { 
  border-radius: 4px; 
  background-size: cover;
}
.masonry .masonry-brick:not(.format-status, .jetpack-testimonial, .format-quote) { 
  /* status类型不用设置此样式 */
  background-image: url(assets/images/paper.png);
  text-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white;
}

.masonry .masonry-brick.has-post-thumbnail .entry-summary {
  background-color: rgba(255,255,255,0.5);
  box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.5);
}

/* excerpt breakline */
.entry-content {
  line-break: anywhere;
}

.button {
  border-radius: 4px;
  padding: 6px 12px;
}

article .wp-block-button.is-style-fill, input[name=submit] {
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;
  box-shadow: #465158 0 1px 1px;
  border-radius: 3px;
}

article .wp-block-button.is-style-outline, input[name=submit] {
  border-radius: 3px;
}

article .wp-element-button, input[name=submit] {
  height: fit-content !important;
  background-color: #8CA1AF;
  background-image: url(assets/images/gradient-light.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 8px 12px 6px !important;
  font-weight: bold;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 3px !important;
}

article .wp-element-button:hover, input[name=submit]:hover {
  background-color: #697983;
  border-color: transparent;
}

/* 主页文章元数据的排列 */
.entry-meta-bottom .entry-meta-element {
  display: block;
}

.masonry-brick .entry-media img {
  max-width: calc(100% - 2em);
}

@media only screen and (min-width: 55em) {
  .showcase {
    width: 68%;
    float: left;
    margin: 0;
  }

  .showcase .intro-inner,
  .showcase .front-page-section-inner {
    margin: 0;
    width: 100%;
  }
  /* .no-widgets-sidebar:not(.posts-layout-columns-2) .posts .entry {
    width: calc(33.33% - 1em);
  } */
}

@media only screen and (max-width: 55em) { /* 移动端样式 */
  .showcase-wrapper {
    flex-direction: column;
  }
}

 @media only screen and (min-width: 42em) {
  .showcase-wrapper {
    justify-content: space-between;
    max-width: 1200px;
    max-width: var(--layout_width_content);
    margin: 0 auto;
  }
  /* .posts .entry {
    width: calc(50% - 2em);
    padding: 1.6244em;
  } */
} 


code:not(.wp-block-code code) {
  display: inline;
	color: #e74c3c;
  white-space: normal;
	padding: 4px 5px;
	max-width: 100%;
  background: #fff;
  border: 1px solid #e1e4e5;
  font-size: 75%;
}
code:before {opacity:0;}

.wp-block-kevinbatdorf-code-block-pro{
  border: 1px solid #e1e4e5 !important;
  margin: 1px 0 24px;
}

pre {
  border: 1px solid #e1e4e5 !important;
  border-radius: 0 !important;
}

pre::before { position: static; }

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(assets/fonts/Lato/Lato-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(assets/fonts/Lato/lato-bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(assets/fonts/Lato/Lato-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(assets/fonts/Lato/Lato-BoldItalic.ttf) format('truetype');
}

p {
  line-height: 24px;
  font-size: 16px;
  margin: 0 0 24px;
}

ul li::marker {
  margin-left: 24px;
}

a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {outline: 0;}
a:active {outline: 0;}

h1 { font-size: 175%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e4e5;
  margin: 24px 0;
  padding: 0
}

figure {
  margin-bottom: 24px !important;
}

figcaption {
  font-style: italic !important;
  line-height: 1 !important;
  position: relative !important;
  background: transparent !important;
  color: #404040 !important;
  margin: 0.5em 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
}

table {
  border: 1px solid #e1e4e5;
  white-space: nowrap;
  border-spacing: 0;
  font-size: .9rem;
  margin: 0;
}

thead {
  color: #000;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  border-bottom: none !important;
}

tbody tr:nth-child(odd){
  background-color: #f3f6f6;
}

th, td {
  padding: 8px 16px !important;
  border: 1px solid #e1e4e5 !important;
  vertical-align: middle !important;
}

.masonry blockquote {
  margin-block-start: 0;
}

blockquote {
  padding-left: 24px !important;
  line-height: 24px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  border-left-style: outset;
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-weight: 400 !important;
}
blockquote::before {content: '';}

blockquote cite { font-size: medium; }

.format-status blockquote {
  margin: 0;
} 
.format-status .entry-content::before {
  margin-top: -6px;
}

/* fix display of highlight inline block */
mark {
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 3px;
}