@charset "utf-8";

@font-face {
    font-family: "stcregular";
    src: url("../fonts/stcregular-webfont.eot");
    src: url("../fonts/stcregular-webfont.eot?#iefix") format('embedded-opentype'),
         url("../fonts/stcregular-webfont.woff2") format('woff2'),
         url("../fonts/stcregular-webfont.woff") format('woff'),
         url("../fonts/stcregular-webfont.ttf") format('truetype'),
         url("../fonts/stcregular-webfont.svg#stcregular") format('svg');
    font-weight: normal;
    font-style: normal;

}

/* cover */
.cover {
	background-image: url(../images/cover-date.png), url(../images/cover-coverlines.png);
	background-repeat:no-repeat;
	background-position: top left, bottom center;
}

.coverbg {
	text-align:right;
	color:#FFFFFF;
}

/* footer */
.footer {
	background-color: #277BDF;
	font-size: 0.8em;
	color: #FFFFFF;
}

/* comics */
.comictb {
	margin: 5px 5px 5px 5px;
}
.comicrow {
	align-text: center;
	text-align: center;
}
.coverdate {
	margin-right: 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
}

@media (max-width: 991px) {
	.comictb {
	width: 192px;
}
}
@media (max-width: 400px) {
	.comictb {
	width: 128px;
}
}

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
	/*margin-top: -70px;*/
	text-align: center;
}
.background img {
	max-width: 90%;
}

.coverhead {
	/* [disabled]margin-left: 70%; */
}
	.coverlines {
	max-width: 50%;
	position: absolute;
	bottom: 50px;
	left: 25px;
}

@media (max-width: 900px) {
	.coverhead {
	margin-top: 20px;
	margin-right: 0;
	/* [disabled]margin-left: 70%; */
	/* [disabled]margin-bottom: -30px; */
	height: 192px;
	width: 192px;
	/* [disabled]margin-left: 70%; */
}
}
@media (min-width: 1460px) {
	.coverhead {
	/* [disabled]margin-left: 80%; */
}
}
@media (max-width: 400px) {
	.coverhead {
	height: 148px;
	width: 148px;
	/* [disabled]margin-left: 50%; */
}
	.carousel-inner {
  background-color:#277BDF;
}
}
@media (max-width: 600px) {
	.coverhead {
	height: 148px;
	width: 148px;
	/* [disabled]margin-left: 60%; */
}
}

@media (max-width: 340px) {
	.coverhead {
	margin: 40px 0 0 0;
	/* [disabled]margin-left: 55%; */
}
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/*animation element*/

.animation-element {
  position: relative;
  width: 30%;
  margin: 0% 1.33 2.66% 1.33%;
  float: left;
}
/*bounce up animation for the subject*/

.bounce-up {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}


/*megadroid-control-zone*/
.megadroid{
	float: right;
}
.controlzone{
	background-image:url(../images/mg-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.controlzone a, a:visited {
	font-weight:bold;
	color:#277BDF;
}
.controlzone a:visited {
	font-weight:bold;
	color:#277BDF;
}
.controlzone a:hover {
	font-weight: bold;
	color: #9CC2F0;
}
.col-md-3 {
    text-align:center;
  }
@media (max-width: 768px) {
	.controlzone {
	background-image:url(../images/mg-bg2.png);
	background-position: center 150px;
}
.col-md-3 {
    width: 50%;
  }
  .navbar-default {
	background-image: url(../images/nav-bg.png);
	background-repeat:no-repeat;
}
}

/*carousel links for pinup zone*/
.carousel-caption a, a:visited {
	color:#FFFFFF;
}
.bluelinks a, a:visited {
	color:#277BDF;
}

.datazonebg a, a:visited {
	color:#FFFFFF;
}
.flashbackzonebg a, a:visited {
	color:#FFFFFF;
}

/*accordian backgrounds*/
.datazonebg {
	background-image:url(../images/datazonebg.jpg);
	background-size:cover;
	background-position:center center;
}
.flashbackzonebg {
	background-image:url(../images/flashbackzonebg.jpg);
	background-size:cover;
	background-position:center center;
	color:#FFFFFF;
}
/* 

/*nextissue image*/
.imgfit {
	max-width: 100%;
}