@font-face {
	font-family:headFont;
	src:url("../fonts/Georgia Bold New.ttf");
}
@font-face {
	font-family:headDeckFont;
	src:url("../fonts/Georgia.ttf");
}
@font-face {
	font-family:bodyFont;
	src:url("../fonts/Georgia.ttf");
}

.verticalscrollfixedwidth .x-scroll-scroller-vertical {
    max-width:100% !important;
}

.loading {
    background-image: url(../images/articleloading.gif);
    background-position:center;
    background-repeat:no-repeat;
}
      
.container {
    height:100%;
}

.content {
	margin:auto;
	/*height:calc(100% - 90px);*/
    height:100%;
}

.contentKicker {
    text-transform: uppercase;
}
        
.controls {
	height:36px;
    position:relative;
    display:none;
}
        
.articleContentHtml5 {
	height:calc(100% - 41px);
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
    word-break:break-word;
    font-size:14px;
}
        
.textSizeHtml5, .sharingHtml5 {
    display:inline-block;
    vertical-align:top;
}
.clearFloat {
	height:0px;
	clear:both;
}
.navBar {
    height:40px;
    line-height:40px;
    padding:0 15px 0 15px;
    text-align:center;
    position:relative;
    background-color:#d0d0d0;
    font-family:Arial;
}
.imageControls {
    height:40px;
    line-height:40px;
    padding:0 15px 0 15px;
    text-align:center;
    position:relative;
    background-color:#222222;
    font-family:Arial;
}
.imageControls a {
    text-decoration:none;
    font-family:Arial;
    color:#4591B8;
}
.previousImage {
    position:absolute;
    left:5px;
    padding-left:28px;
    font-size:13px;
}
.imgPreviousImage {
    height:24px;
    width:24px;
    position:absolute;
    top:8px;
    left:0px;
}
.imageCount {
    width:140px;
    text-align:center;
    position:absolute;
    left:calc(50% - 70px);
    font-size:15px;
	color:#ffffff;
}
.nextImage {
    position:absolute;
    right:5px;
    padding-right:28px;
    font-size:13px;
}
.imgNextImage {
    height:24px;
    width:24px;
    position:absolute;
    top:8px;
    right:0px;
}

.contentHead {
    font-stretch:extra-condensed;
	font-family:headFont;
    margin: 25px 0 25px 0;
    letter-spacing: 0.5px;

}
.contentHead p {
    display:inline-block;
    margin-right:8px;
}
.contentDeck {
	font-family:headDeckFont;
    margin:25px 0 25px 0;
}
.contentDeck p {
    display:inline;
}
.contentImages {
	background-color:#333333;
}
.contentImage {
    text-align:center;
}
.contentImage img {
    max-width:100%;
}
.contentCaption {
	text-align:left;
    color:#ffffff;
	padding: 5px 8px 5px 8px;
}
.contentCaption p {
    display:inline;
}
.contentByline {
    font-family:bodyFont;
    margin:10px 0 10px 0;
    text-transform:uppercase;
}
.contentByline p {
    display:inline-block;
    padding-right:8px;
    text-transform:uppercase;
}
.contentByline p:last-child {
    font-family:bodyFont;
}
.contentBody {
	font-family:bodyFont;
    color:black;
}

.contentBody table {
    width: 100%;
}

.contentBody td {
    vertical-align:top;
}

    .contentBody.has-flipp, .has-flipp .container {
        padding-bottom: 20px;
        height: unset;
    }

    .flipp-container {
        min-height: 10px;
    }

.contentBody p {
    margin-top:15px;
    margin-bottom:15px;
}

.phoneArticle .font35 {
    font-size:2em;
}
.phoneArticle .font25 {
    font-size:1.5em;
}
.phoneArticle .font15 {
    font-size:0.95em;
}
.phoneArticle .font13 {
    font-size:0.85em;
}

.tabletArticle .font35 {
    font-size:2em;
}
.tabletArticle .font25 {
    font-size:1.5em;
}
.tabletArticle .font15 {
    font-size:1em;
}
.tabletArticle .font13 {
    font-size:0.9em;
}

.ad {
    display:none;
}

.stLarge {
	background-repeat:no-repeat !important;
	background-position:center !important;
}
.st_facebook_large .stLarge {
	background:url("facebook-ic.png") !important;
	background-size:contain !important;
}
.st_twitter_large .stLarge {
	background:url("twitter-ic.png") !important;
	background-size:contain !important;
}
.st_linkedin_large .stLarge {
	background:url("linkedin-ic.png") !important;
	background-size:contain !important;
}
.st_pinterest_large .stLarge {
	background:url("pinterest-ic.png") !important;
	background-size:contain !important;
}
.st_googleplus_large .stLarge {
	background:url("google-ic.png") !important;
	background-size:contain !important;
}
.st_email_large .stLarge {
	background:url("email-ic.png") !important;
	background-size:contain !important;
}   

.contentBody a {
  text-decoration: none;
  font-family: Arial;
  color: #4591B8;
}

table.contentBody {
    display:none;
}

.printImage {
  display: none;
  height: 100%;
  width: auto;
}

subhead {
    font-size: 1.25em;
    font-weight: bold;
}
subhead p {
    display: inline;
    margin-right: 8px;
}

.printContainer {
    display:none;
}

tagline_contrib__01 {
    text-transform:uppercase;
}



@media print {
     html {
         padding:0;
         margin:0;
         width:100%;
         height:100%;
         background-color:red;
         position: inherit !important;
     }

     html.iphone {
        position: inherit !important;
    }

      body {
         width:100px;
         min-height:100%;
         background-color:blue;
     }

      
     #ext-viewport{
         display:none;
     }

     .printContainer{
         display:block;
         width:100%;
         height:100%;
     }

     .puzzleImage {
         width: 100%;
        height: 100%; 
        object-fit: contain;
     }

     .topBar {
         max-height:0px;
     }

     .bottomNav {
         max-height:0px;
     }

     .bottomBar {
         max-height:0px;
     }

    .x-scroll-scroller-vertical.x-scroll-scroller {
      height: 100% !important;
      -webkit-transform: translate3d(0px, -0px, 0px) !important;
    }

    .articleContentHtml5 {
	    height:auto;
        word-break:break-word;
        padding-right:20px;
    }

    .articleContentHtml5 .printAndroid {
        padding-right:20px;
    }

   .printImage {
    display:block;
    height:100%;
    margin:auto;
   }

   .font13 {
    font-size:1em !important;
}

   .outerDiv {
    display:none;
   }

   .imageControls {
       display:none;
   }

   
}

.ttsToggle{
        background: url("../images/speech-ic-blk2.png");
        background-size: cover !important;
        height: 30px;
        width: 30px;
        margin-left: 10px;
        cursor: pointer;
    }
.topBar .playing{
    background: url("../images/no-speech-ic-blk2.png");
    /*border:1px solid red !important;*/
}
.copyButton{
    background: url("../images/copy-ic.png");
    background-size: contain !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
    -webkit-transition:background-color ease-out 1s, background-image ease-out 1s;
    transition:background-color ease-out 1s, background-image ease-out 1s;
}
 .copyButton.copied{
     background-color: #000;
     background-image:url("../images/tick-white.png");
     background-size: contain !important;
     transition: none;
     border-radius: 3px;
 }
.tick-icon {
    background-image: url("../images/tick-white.png");
}
 .cross-icon{
     background-image:url("../images/close-white.png");
 }
 .tick-icon, .cross-icon{
     background-color: #000;
     background-size: 15px;
     background-position:center;
     background-repeat:no-repeat;
     border-radius: 3px;
     height: 20px;
     width:20px;
     display: inline-block;
     vertical-align:text-bottom;
 }
 .hideAlert{
     opacity: 0;
     -webkit-transition:opacity ease-out 1s;
    transition:opacity ease-out 1s;
 }
 .copy-alert{
     padding:10px !important;
     font-size: 15px;
 }
.copy-alert .x-inner, .copy-alert .x-innerhtml{
    background-color: transparent !important;
}

.inappTranslate{
    background-image: url("../../../assets/article%20view/United-States.png");
    height:30px;
    width: 30px;
    background-size:contain;
    background-position:center;
    cursor:pointer;
}
.inappTranslate.spain{
    background-image: url("../../../assets/article%20view/Spain.png");
}