/*
 post print-friendly on
 https://app.asana.com/0/1109417289434841/1117777234754774
*/
@media print {
    header#main-header {
        display: none;
    }

    div.et_pb_row_inner.post-navigation-previous,
    div.et_pb_row_inner.post-action,
    div.et_pb_row_inner.post-navigation-next,
    div.et_pb_row_inner.post_bottom {
        display: none;
    }
}

/*
 상단 팝업
 */
#js_outs_dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: whitesmoke;
    z-index: 100002;
    text-align: center;
    padding: 15px;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.75);
    font-weight: bold;
    display: none;
}

.outs_dialog_info {
    background-color: #4c7abf;
}

.outs_dialog_warning {
    background-color: #bd4b4b;
}

/**
북마크 팝업
 */
#post-400307 .wpb-bm-btn.secondary {
    padding: 10px;
}

/**
북마크 페이지
 */
@media (max-width: 980px) {
    .wpb-coll-item .uci-title a:first-of-type {
        font-size: 12px !important;
    }
}

/*
 본문
*/

.inner_round div.notes, .inner_round div.notes p {
    color: purple;
}

.inner_round div.notes p:first-of-type:before {
    content: "*";
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 1px solid #eeeeee;
}

.wp-caption p.wp-caption-text {
    color: #aaaaaa;
    text-align: center;
    margin-left: -2%;
}

/*
https://www.cssmatic.com/gradient-generator#'\-moz\-radial\-gradient\%28center\%2C\%20ellipse\%20cover\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\%29\%200\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C0\%29\%2056\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C1\%29\%2069\%25\%2C\%20rgba\%28255\%2C255\%2C255\%2C1\%29\%20100\%25\%29\%3B'
 */
div.protrait_box {
    max-width: 100%;
    /*
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(56%, rgba(255, 255, 255, 0)), color-stop(69%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 1) 100%);
     */
}

div.protrait_box img {
    opacity: 0;
    display: block;
}

.outs_red {
    color: #E80000;
}

.outs_blue {
    color: #0000D9;
}

.outs_orange {
    color: #ff6600;
}

.inner_round a {
    color: #0000D9;
}

div.video_not_auth {
    max-width: 500px;
}

div.video_not_auth p {
    margin: 10px;
    text-align: center;
}

/**
 오렌지 링크는 오렌지 색이 나오도록
 !important 를 지정해도 되나, 유연성을 위해 별도 지정
 */
.inner_round .outs_orange a, .inner_round a.outs_orange {
    color: inherit;
}

/**
 하트 표시 삭제
 */
.meta-like {
    display: none;
}

/**
 기사 목록에서 아바타 크기 지정 (로딩 중 레이아웃 보정용)
 */
.grid_meta img.gravatar {
    width: 50px;
    height: 50px;
}

/**
결제화면
 */
@media (max-width: 767px) {
    #edd_checkout_form_wrap #edd-payment-mode-wrap label {
        display: block;
        margin: 10px;
    }
}

#edd-payment-mode-wrap label small {
    font-size: 0.8em;
    color: #aaaaaa;
}

/**
멤버십 현황
 */
@media (max-width: 980px) {
    div.subscriptions #edd_user_history th:nth-child(4),
    div.subscriptions #edd_user_history td:nth-child(4),
    div.subscriptions #edd_user_history th:nth-child(5),
    div.subscriptions #edd_user_history td:nth-child(5) {
        display: none;
    }
}

/**
결제내역
 */
@media (max-width: 980px) {
    #edd_user_history.edd-table th:nth-child(2),
    #edd_user_history.edd-table td:nth-child(2) {
        display: none;
    }
}

/**
 페이스북 로딩 표시가 잘 숨겨지지 않고, 조건부로 숨겨져서 강제 숨김
 */
.fb_loader {
    display: none;
}

/**
 본문 헤더가 2줄에 걸쳐있는 경우
 */
.inner_round h2:not(.next_line) {
    margin-bottom: 13px;
}

.inner_round h2.next_line {
    margin-top: 13px;
    margin-bottom: 13px;
}

/**
본문 하단 안내 박스
 */
.endbox {
    margin-left: -50px;
    margin-right: -50px;
    padding: 30px;
    color: #eeeeee;
    background-color: #555555;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    text-align: center;
}

.endbox button {
    cursor: pointer;
}

.morebox {
    border-top: inherit;
    position: relative;
    margin-top: -500px;
    padding-top: 550px;
    background: linear-gradient(rgba(255, 255, 255, 0), #555555 75%);
}

.topbox {
    border-top: inherit;
    position: relative;
    padding-bottom: 100px;
    background: linear-gradient(#555555 70%, rgba(255, 255, 255, 0));
    border-bottom: 0 !important;
    margin-top: -32px !important;
}

@media only screen and (max-width: 767px) {
    .endbox {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.endbox .actionbox {
    margin-top: 20px;
    vertical-align: center;
}

.endbox .actionbox button {
    background: white;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 15px 40px;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    color: #555;
    margin: 10px 20px 0 20px;
}

.endbox .actionbox span {
    font-weight: bold;
    color: #537eff;
}