/*************************************************************************/
/* Style for special call out on NYT cover story.                        */
/* e.g., "This investigation was a joint collaboration                   */
/* between The New York Times and The Wire China.                        */
/* FOR LIBERTY: INTEGRATE WITH THEME AND REMOVE !IMPORTANT AS POSSIBLE   */
/*************************************************************************/

.article-call-out {
    background-color: #fff;
    background-color: #fafafa;
    border: solid 1px #999;
    border-radius: 5px;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    font-size: 18px !important;
    padding-top: 18px !important;
    padding-left: 25px !important;
    padding-bottom: 13px !important;
}

/*************************************************************************/
/* Styling for entire header to improve compatibility with               */
/* Simple Site Banner plugin (when scrolling)                            */
/* MAT.  NO LONGER BE NEEDED WITH UPDATED BANNER IMPLEMENTATION          */
/* NEED TO DOUBLE CHECK THIS LATER                                       */
/*************************************************************************/

/* prevent content from showing through page header */
.site-header>.container {
    background: white;
}


.page-template-template-whos-who .site-header>.container {
		background-color: #ecebe3;		
}


/*************************************************************************/
/* Styling for big Subcribe+ buttons above nav and in footer             */
/* FOR LIBERTY: INTEGRATE WITH THEME AND REMOVE !IMPORTANT AS POSSIBLE   */
/*************************************************************************/

/* style for subscribe buttons in headernav and footer */
.user-nav .user-actions .subscribe,
.f-header .subscribe {
    background: #f26649;
    color: #fff !important;
    border-color: #f26649;
}

/* hover style for subscribe buttons in headernav and footer */
.user-nav .user-actions .subscribe:hover,
.f-header .subscribe:hover {
    background: #de442f !important;
    border-color: #de442f !important;
}


/*************************************************************************/
/* Update styling for call to action buttons on posts.                   */
/* Important because element level styling was overridding               */
/* NEED TO REMOVE CSS FOR OLD CTA BLOCK AND KEEP COVER IMPLEMENTATION,   */
/* THEN SEND TO LIBERTY TO INTEGRATE WITH THEME AND REMOVE IMPORTANTS    */
/*************************************************************************/

.wire-china-CTA-block.wp-block-cover {
    min-height: 300px !important;
}


.ab-block-cta .ab-font-size-32.ab-cta-title,
.wire-china-CTA-block h3 {
    font-family: futura-pt, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700;
    color: #333;
    line-height: 48px !important;
}

.ab-cta-button a {
    font-size: 22px !important;
    background: #f26649 !important;
    border-radius: 28px !important;
    
    font-family: futura-pt, sans-serif !important;
    font-weight: 600 !important;
    color: #fff !important;
    padding: 12px 24px !important;
}

.ab-cta-button a:hover {
    background: #de442f !important;
}


/*************************************************************************/
/* Update styling for gravity form used at bottom of homepage            */
/*************************************************************************/


/* style for gravity form button */
.user-nav .user-actions .subscribe:hover {
    background: #de442f;
    border-color: #de442f;
}
/* hover style for gravity form button */
 .site .gform_wrapper .gform_button:hover {
  background-color: #de442f;
}



/*************************************************************************/
/* CSS from thewirechina.com Theme customizer                            */
/* Primarily written by Ella A                                           */
/*************************************************************************/


/* Force proper sizing on W for WireScreen external links */
.has-normal-font-size {
	font-size: 1em !important;
}

/* add W to external WireScreen links */
body.single-post a[href^="https://platform.wirescreen.ai"]::after,
body.page a[href^="https://platform.wirescreen.ai"]::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://www.thewirechina.com/wp-content/uploads/2023/12/W-White.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 3px;
		border: 0.5px;
	border-color: #DB3C26;
		border-style: solid 	!important;
}

/* add hover effect to the W to external WireScreen links */
body.single-post a[href^="https://platform.wirescreen.ai"]:hover::after,
body.page a[href^="https://platform.wirescreen.ai"]:hover::after{
  content: "";
  display: inline-block;
  width: 16px;
  height:16px;
  background: url(https://www.thewirechina.com/wp-content/uploads/2023/12/WS-W-Red.png) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
		margin-bottom: 3px;
		margin-right: 3px;
	border: 0.5px;
	border-color: #DB3C26;
		border-style: solid 	!important;
}

/* custom styling for older pdf plugin -- hide an icon */
.pdfemb-wantmobile-fsarea {
    background-color: #de442f !important;
	color: white !important;
    border-width: 3px !important;
    padding: 14px 0px 30px !important;
    border-radius: 0px !important;
}
.pdfemb-viewer {
  height: 2580px !important;
}

/* fix height for flipbook iframe for pdfs */
iframe.pvfw-pdf-viewer-frame {
	height: revert-layer;
}

/* change text style for flipbook fullscreen link */

a.fullscreen-mode {
	color: #595959 !important; font-family: futura-pt, sans-serif; font-size: 17px;
}