/* Theme Name: 隐私条款 */

.site-content{margin:0;padding:0}

/* 概况 */
.introduction{padding:3rem .5rem;font-size:.875em;line-height:1.5rem;color:#fff;background:#000;margin:0 0 2rem 0}
.introduction:before{content:'';background-size:cover;background-position:center center;background-image:url(/wp-content/themes/name/page/隐私条款/introduction-bg.jpg);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}

/* 格言 */
.motto{padding:1.5rem .5rem}
.motto b{font-size:.8125em;font-weight:400;color:#777}
.motto p{line-height:1.8rem}
.motto p:first-child{font-weight:700;color:#e74c3c}
.motto img{display:block;height:0;width:0;overflow:hidden}
.motto.l b{margin:0 0 0 .5rem}
.motto.l p:last-child{margin:.5rem 0 0 0;font-size:.875em}
.motto.r p{margin:.5rem 0 0 0;text-align:right}
.motto.r b{margin:0 .5rem 0 0}
.motto.r p:last-child{font-size:.875em;text-align:left}
.motto.l p:last-child:before,.motto.r p:last-child:before{content:"“";top:.5rem;margin:0 1rem 0 0}
.motto.l p:last-child:after,.motto.r p:last-child:after{content:"”";top:1rem;margin:0 0 0 .5rem}
.motto.l p:last-child:after,.motto.l p:last-child:before,.motto.r p:last-child:after,.motto.r p:last-child:before{font-family:Georgia;font-size:2em;line-height:1rem;font-weight:700;color:#888;font-style:italic}
.motto.l.align p:nth-child(2),.motto.r.align p:nth-child(2){font-weight:700;color:#e74c3c}
.site-content div:last-child{margin:0 0 3rem 0}

@media screen and (min-width: 30rem) { /* 480px */  
.introduction{padding:4rem 2rem;margin:0 0 1rem 0}
.motto{padding:2rem}
.motto:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden}
.motto img{width:6rem;height:6rem;border-radius:50%}
.motto.l img{float:left;margin:1rem 1rem 0 0}
.motto.r img{float:right;margin:1rem 0 0 1rem}
.motto.r.align img{margin:0 0 0 1rem}
.motto.l.align img{margin:0 1rem 0 0}
.motto.l p:last-child,.motto.r p:last-child{margin:1rem 0 0 0}
.site-content div:last-child{margin:0 0 5rem 0}
.motto .emoji{float:none!important}
}

@media screen and (min-width: 48rem) { /* 768px */ 
.introduction{margin:0 0 2rem 0;font-size:1em}
.motto{font-size:1.125em}
.motto.l img{margin:-1.5rem 1.5rem 0 0}
.motto.l b{margin:0 0 0 1rem}
.motto.l p:first-child{margin:.5rem 0 0 7.5rem}
.motto.r img{margin:-1.5rem 0 0 1.5rem}
.motto.r b{margin:0 1rem 0 0}
.motto.r p:first-child{margin:.5rem 7.5rem 0 0}
}

@media screen and (min-width: 56rem) { /* 896px */ 
.motto{padding:2rem }
}