body {
    /* UNCOMMENT AND DELETE THE NEXT LINE ABOVE FOR STATIC NAV */   
    padding-top: 0px;
  font-family:'Acto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

img { -ms-interpolation-mode: bicubic; }

.mob-show {
  display:none;
}

.hide {
  display:none;
}

h1. h2, h3, h4, h5 {
	padding:0;
	margin:0;
}

hr {
  border-color:#ccc
}

strong {
  font-weight:600!important
}

.mob-hide {
  display:block;
}

.ctaLink {
  background-color:#609de1;
  color:#fff!important;
  text-decoration:none!important;
  padding:0.5em 1em;
  font-size:1.5em;
  border-radius:0.25em;
  font-weight:400!important;
  margin-top:1em!important;
  letter-spacing:-0.01em;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.ctaLink:hover {
  color:#ffffff;
  background-color:#cc0000;
  text-decoration:none
}

#intro-copy a.ctaLink {
  margin-top:1em!important;
  display:inline-block;
}

.row p {
  font-size:0.99em;
   color:#000000;
  letter-spacing:0.015em;
}

.row p a {
  color:#dd0000;
  font-weight:bold;
  text-decoration:underline;
}

.row p a:hover {
  text-decoration:none;
}


.intro-header {
    color:#231f20;
    margin-top:-1em;
    overflow:hidden;
}

.intro-header #picnic-flash {
  width:150px;
  position:absolute;
  top:-80px;
  right:28em;
}


.intro-header-logo {
  max-width:350px;
  margin-top:1.5em;
}

.intro-header-tag {
  position:absolute;
  display:block;
  width:450px;
  top:22em;
  left: 48%;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.intro-header .ctaLink {
  font-size:1.7em;
  background-color:#ffdd00;
  color:#231f20!important;
  border:1px solid #ffdd00
}

.intro-header .ctaLink:hover {
  background-color:#000000;
  color:#ffffff!important;
   border:1px solid #fff

}

.intro-header .top-cover {
  margin:2em 0 1em 0;
}

#clock {
  margin-top:9em;
  display:inline-block;
  background-color:#eeeeee;
  padding:1em;
  width:100%;
  border-radius:0.5em;
 font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 max-width:350px;

}

.clock-title {
  text-align:center;
  font-size:1.75em;
  margin-bottom:0.5em;
  line-height:1em
}


.clock-section-heading {
    float:left;
  margin-right:2.5%;
  width:23%;
  display:block;
  text-align:center;
  padding-bottom:0.25em;
  
}

.clock-section-heading:nth-child(5) {
  margin-right:0px!important
}

.clock-section:nth-child(10) {
  margin-right:0px!important
}

.subs-option .btn, #intro-copy .btn, #hwctn .btn {
  background-color:#609de1!important;
  color:#fff;
  letter-spacing:0;
  font-weight:bold!important;
  font-weight:500!important;
  padding:0.45em 0.75em!important;
  font-size:1.5em!important;
  border:none!important;
  margin-bottom:1.5em;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.subs-option .btn:hover, #intro-copy .btn:hover, #hwctn .btn:hover {
background-color:#8cb42a!important;
color:#fff;
}

.subs-option {
    margin-bottom: 25px;
    padding-top:15px;
    padding-bottom:25px;
}

.subs-option img {
  max-width:280px!important;
  max-height:285px;
}

#subs {
	background-color:#eeeeee;
	margin-top:1em;
}

#subs-subheader {
  text-align:center;
  max-width:700px;
  margin:0.5em auto 1.5em auto;
  margin-bottom:1em;
  line-height:1.2em;
  font-size:2.4em;
  font-weight:300;
  color:#231f20;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #eeeeee;
  padding:0.3em 0.3em 0.2em 0.3em;
  font-family:'Acta',Helvetica,Arial,Verdana,sans-serif;
}

#subs-subheader span {
  color:#dd0000;
}

h1, h2 {  
font-family:'Acta',Helvetica,Arial,Verdana,sans-serif;
  text-align:center;
  border-bottom:none!important;
  padding-bottom:0.25em;
}

h1, h3 {
	font-family:'Montserrat',Helvetica,Arial,Verdana,sans-serif;
	margin:1em 0 0.45em 0;
	font-weight:400;
	letter-spacing:0.1em;
	display:inline-block;
	font-size:1.75em;
	color:#999;
	text-transform:uppercase
}

h1 {
		border-bottom:1px dotted #ccc!important;
		margin-top:1em;
}

h2 {
	margin:0.25em 0 0.5em 0;
	font-size:2.1em;
    letter-spacing:-1px;
    line-height:1.2em;

}

h2 em {
	white-space:nowrap
}

h3 {
	  padding-bottom:1em;
}

h4 a {
  color:#231f20;
  font-size:1.3em;
}

h4 strong {
	display:block;
}

#top-logo {
	margin:0 auto 1.5em auto;
	max-width:700px;
	width:100%;
}

#top-flash {
	position:absolute;
	left:5em;
	top: -10em;
	width:114px;
	z-index:2000;
}



footer {
    margin: 20px 0;
    color:#eeeeee;
  font-size:0.8em;
  text-align:center
}

.footer-bk {
  margin-top:5em;
}

#hwctn {
  text-align: center;
}

#hwctn .ctaLink {
  margin-top: 2em;
  margin-bottom: 0;
}

 #hwctn-cover,  #hwctn-page {
  float:right;
  width:50%;
  box-sizing:border-box;
  padding-bottom:3em;

 }

 #hwctn-cover {
   text-align:right;
   position:relative;

 }

 #hwctn-page {
   text-align:left;
   position:relative;
 }

 #hwctn-cover img,  #hwctn-page img {
   width:100%;
   max-width:270px;
   display:inline-block;
   -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.15);
   box-shadow:0 0 5px 1px rgba(0,0,0,0.15);
   height:auto;
}

.hwctn-section {
   text-align:left;
  list-style:none;
  border-bottom:1px solid #ddd;
  padding:1em 0.5em 1em 0.75em;;
}

.hwctn-section:hover {
  cursor:pointer;
  border-bottom: 1px solid #dd0000
}

.hwctn-section strong {
  font-size:1.2em;
  display:inline-block;
  padding:0.25em 0.4em 0.3em 0.4em;
  line-height:1em;
  letter-spacing:0.01em;
  color:#fafafa;
  background-color:#dd0000;
  margin-bottom:0.5em;
  font-family:'Cabin'
}
.hwctn-section span {
  font-size:0.95em;
  line-height:1.4em;
  display:block;
  width:100%;
  text-align:left;
  color:#666;
}



.hwctn-selected {
  background-color:#eeeeee;
  -webkit-transition: all .5s ease-in-out; 
  border-bottom:1px solid #ddd
}

.subs-option {
  text-align:center!important;
     padding-left:0;
   padding-right:0;
   padding-top:1em;
}

.subs-option .saving {
	display:inline-block;
	background-color:#ffdd00;
	margin:0 auto;
   font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size:1.5em;
   line-height:1em;
   margin-bottom:0.75em;
   padding:0.3em 0.75em;;
   -moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(-3deg);
}

.subs-option h4{
    font-family:'Acta',Helvetica,Arial,Verdana,sans-serif;
  font-size:1.5em;
  letter-spacing:-0.01em;
  margin-bottom:0.75em;
}

.subs-option h4 strong {
	font-size:1.5em;
}

.subs-option h4 span {
   font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing:0;
  font-size:0.6em;
  padding-top:0.35em;
  padding-bottom:0.5em;
  text-transform:uppercase;
  display:block;
  max-width:80%;
  margin:1em auto;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
	width:80%;
	max-width:250px;
}

.subs-option h5 span {
   font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing:0;
  font-size:0.9em;
  padding-top:0.5em;
  padding-bottom:0.5em;
  text-transform:uppercase;
  display:block;
  max-width:80%;
  margin:1em auto 2em auto;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
	width:80%;
	max-width:250px;
}


.subs-option h5{
  margin-bottom:2em;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:1.5em;
}

.subs-option .ctaLink {
 font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing:-0.01em;
  text-transform:uppercase;
  margin:0em auto 2em auto!important;
  display:inline-block;
}

.subs-option:nth-child(1) {
  border-right:1px dotted #ccc;
}

.subs-option:nth-child(2) {
  border-right:1px dotted #ccc;
}

.subs-option a:hover {
  text-decoration:none;
  color:#444;
}

 .subs-option p {
   text-align:center;
   font-size:1.1em;
   margin-bottom:1em;
   line-height:1.4em;
  max-width:75%;
  margin:0 auto 1em auto;
 }

 .subs-option p i {
   color: #50B42A;
   font-size:1.5em;
 }

 .subs-option img {
  margin-left: -20px;
 }

 .subs-option .flash {
 	position:absolute;
 	width:100px;
 	top:-1em;;
 	right:1em;
 }

 #characters-image {
   width:90%;
   display:block;
   margin:0 auto 3em auto!important;
 }

	#intro-copy {
	  text-align:center;
	}


#intro-copy p {
  margin-bottom:3em;
  font-size:1.2em;
  line-height:1.6em;
  padding-right:1em;
  font-family:'Acto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:300;
}

#intro-copy p strong {
	color:#231f20
}

#intro-copy .btn {
  margin-top:0.5em;
}


#big-cover {
  text-align:center;
}

 #big-cover img {
  margin-top:2em;
  border-bottom:1px solid #bbb;
  width:100%;
  max-width:300px
 }




/* DIGITAL SUBS PAGE - RESPONSIVE */

.digital-available-on {
	margin:0 0 1em 0
}

.digital-col-50 {
	width:47.5%;
	box-sizing:border-box;
	float:left;
	margin-right:5%;
	font-size:1.075em;
	line-height:1.4em
}

.digital-col-50:nth-child(even) {
	margin-right:0
}

.digital-col-50 .cta {
	margin:1em 0 0.25em 0;

}

#digital-right-col {
	float:right;
	padding:0 0 1em 3em;
	background-color:#FFFFFF;
	margin-top:-1em;
	text-align:center;
	box-sizing:border-box;
}

.digital-badges-bottom {
}

#digital-badges {
	clear:both;
	display:block;
	margin-top:3em;
}


.digital-available-icon {
	float:left;
	color:#bbb;
	font-family:'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing:0em;
	font-weight:500;
	font-size:1em;
	text-align:center;
	border:2px solid #ddd;
	border-radius:0.7em;
	padding:0.35em 0.5em;
	margin-right:0.5em;
	margin-bottom:0.5em;
}

.digital-available-icon:last-child {
	margin-right:0;
}

.digital-available-icon i {
	margin-right:0.5em
}

#digital-badges-2015 {
	z-index:500;
	position:absolute;
	right:0;
	display:none
}
#digital-badges-2015-2 {
	display:none;
	text-align:center;
	margin-bottom:2em;
}

#digital-badges-2015-2 img {
max-width:388px; width:100%;
height:auto;
}

#digital-bigimages {
	position:relative;
	max-width:750px;
	margin:2.5em auto -3em auto;
}

#digital-2015-top-button {
	margin-top:0em;
}

#digital-blank-space {
	width:100%;
	margin:0.5em 0;
}
#digital-bigimage-kindle {
	width:50%;
	position:absolute;
	left:-150%;
	bottom:1em;
	

}
#digital-bigimage-iphone {
	max-width:180px;
	width:17%;
	position:absolute;
	right:-150%;
	bottom:1em;

}

#digital-bigimage-ipad {
	position:absolute;
	display:inline-block;
	width:60%;
	bottom:13%!important;
	left:30%;
	display:none;
}

#digital-bigimage-ipad-screens {
	position:absolute;
	width:82%;
	height:88%;
	bottom:6%;
	left:9.18%;
	border-top:2px solid #231f20;
	border-bottom:2px solid #231f20;
	background-position:0px 0;
	background-repeat:no-repeat;
	background-image:url(../images/digital-subs/non-png/01_generic-cover.jpg);
	background-size:cover;

}

.digital-benefits {
	margin:2em 0;
}

.digital-benefit i {
	color:#00a651 ;
	float:left;
	margin-right:0.5em;
	font-size:1.3em;
	margin-bottom:1.75em;
}
.digital-benefit {
	font-size:0.87em;
	line-height:1.4em;
	margin-bottom:0.75em;
	border-bottom:1px solid #dddddd;
	padding-bottom:1em;
	padding-top:0.25em;
}

#digital-bigimage-ipad-frame {
	width:100%;
	z-index:1000!important;
	display:inline-block;
}


 	.dispmob {
		display:none !important;
	}
  


 







/* MEDIA QUERIES */



@media(max-width:1900px) {

  .intro-header h2 {
	  padding:0;
  }

  .intro-header h2 span {
    white-space:normal!important
  }

  #intro-copy h3 {
    font-size:2.2em!important
  }

  .intro-header-tag {
    position:absolute;
    display:block;
    width:320px;
    top:21em;
    left:52%;
  }

  #clock {
    margin-top:5em;
  }
       
.saletitle
     { 
    width: 550px;
    margin: 0 auto;            
}
      }
  


@media(max-width:991px) {
  .intro-header {
  }


  .intro-header-tag {
    position:absolute;
    display:block;
    width:270px;
    left:57%;
    top:20em;
  }

  #intro-copy h3 {
    font-size:2.4em!important;
    margin-top:1.5em
  }

  #clock {
  margin-top:4em;
  padding:1.5em 1em
  }

   #big-cover img {
   margin-top:9em;
   }

   .hwctn-section span {
      font-size:0.9em;
   }

   .clock-section {
     font-size:2em;
     padding:0.35em 0em;
   }

   .clock-section-heading {
     font-size:0.7em;
   }

   .subs-option img {
    max-width:199px!important;
    max-height:236px;
  }
}







@media(max-width:767px) {
  
  .subs-option h4 strong {
    font-size: 1.1em;
}

  #subs {
    height: 1530px !important;
}

h3 {
	font-size:1.7em;
	padding-bottom:0em;
}

 #top-flash {
 	width:150px;
 	right:4em;
 	top:7em;
 	left:auto;
 }

  #big-cover {
    display:none;
  }
  .mob-show {
    display:block;
    text-align:center;
  }

  .mob-hide {
    display:none;
  }

  .mob-show h2 {
        font-family:'Acta', Times, 'Times New Roman', Georgia, serif;
      font-size:3em;
      margin-bottom:0.5em;
      letter-spacing:-0.02em
   }

  .about-the-week {
    margin-top:2.5em!important;
  }

  .row p {
    font-size:0.99em;
    padding-left:10px;
    padding-right:10px;
  }

  #subs-subheader {
    font-size:1.7em;
  }

  .subs-option:nth-child(2), .subs-option:nth-child(1) {
    border-right:none;
        border-bottom:1px solid #ccc;
padding-bottom: 25px;
  }


  .subs-option {
    padding-bottom:0em;
    padding-top:2em;
    max-width:95%;
    margin:0 auto;
  }

  .subs-option h4 span {
    max-width:90%;
  }

    hr {
      border:none
    }

	.intro-message {
		background-color:#ffffff;
	}


    .col-sm-4 {

        text-align:center;
    }

    .col-sm-4 p {
        text-align:left;
    }

    .subs-option p {
      text-align:center;
    }
	
	.page-header {
    padding-bottom: 9px;
    margin: 40px 0px 20px;
    border-bottom: 1px solid #EEE;
	}



	/* DIGITAL SUBS PAGE - RESPONSIVE */

	#digital-badges-2015 {
	position:relative;
	width:100%;
	max-width:388px;
	height:auto;
	}

	#digital-devices-2015 {
		text-align:center;
		margin-bottom:1.5em;
	}

	#digital-2015-top-button-wrapper {
		text-align:center;
		margin-bottom:-1em;
	}

	.digital-col-50 {
		width:100%;
		text-align:left
	}

	.digital-available-on {
		margin-top:2em;
	}

	.digital-benefit {
		line-height:1.35em;
	}

	.digital-available-icon {
		float:none;
		width:7em;
		margin:0;
		display:inline-block;
		padding:0.5em;
		border-radius:0.75em;
		font-size:1.1em
	}

	.digital-benefit i {
	margin-bottom:1.5em;
	}

	#digital-badges-2015-2 {
		display:block;
		margin-top:-2em;
		margin-bottom:3em;
		text-align:center;
		padding:0 1em;
	}

	#digital-devices-2015 { display:none;}

	#digital-bigimages {
		margin:2.5em auto 0em auto;
	}


}


@media(max-width:599px) {
		#digital-devices-2015 {
		min-height:50px;
	}
	
	.digital-col-100 {
		text-align:left!important;
	}

	#digital-right-col {
		width:100%;
		position:relative;
		text-align:left;
		background-color:none!important;
	}

	#digital-iphone {
		position:absolute;
		top:22%;
		left:40%;
		width:33%;
		z-index:100;
	}
	#digital-kindle {
		position:relative;
		top:-2em;
		right:-59%;
		width:43%;
	}
	#digital-ipad {
		position:absolute;
		top:5%;
		left:0%;
		width:60%;
	}
	
	#digitalSubsList {
		width:90%;
		margin:0 auto 2em auto;
	}

	#digital-badges {
		width:100%;
		height:auto;
		max-width:380px;
		margin:2em auto 1em auto;
	}
	
	.digital-badges-bottom {
		text-align:left;
	}

	.digital-available-icon {
		width:95%;
		margin: 0 0 0.5em 0
	}

	#digital-badges-2015-2 {
		display:block;
		margin-top:0em;
		margin-bottom:2em;
		text-align:center;
	}
}

@media(max-width:992px) {
#top-flash {
    position: absolute;
    left: 13px;
    top: -12em;
    width: 115px;
    z-index: 1981;
}

  .subs-option h4 strong {
    font-size: 1em;
}
  .subs-option h5 span {

    font-size: 0.7em;}
  
    .subttl {

    font-size: 0.7em;}
  
.container-fluid {
 height: 360px !important; 
}
  #subs{
    height: 880px; 
    }
  }

@media(max-width:479px) {
#top-flash {
    position: absolute;
    right: 5px;
    top: -1px;
    width: 122px;
    z-index: 999999;
}
}

@media(max-width:450px) {
#top-flash {
  display:none;
}
}

@media(max-width:479px) {

  	.dispmob {
		    display: block !important;
    width: 60%;
    margin: 0 auto;
	}
  
  	.nodisp {
		display:none !important;
	}

	h1 {
		    font-size: 1.15em;
	}

	h2 {
font-size: 1.7em;
    margin: 0.6em 0 0.5em 0;
	}

	h3 {
		font-size:1.5em;
	}

	#intro-copy p {
		font-size:1.1em;
		line-height:1.4em;
	}
	 #top-flash {
 	width:100px;
 	top:6em;
 	right:2em;
	 }
  
  .saletitle {
    width: 100%;

}
  
  .numbers {
    border-style: solid;
    border-width: 3px;
    border-color: #ffffff;
    background: #222222;
    padding: 2px 0px;
    width: 67px;
    text-align: center;
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
}
  
  title {
    border: none;
    padding: 0px;
    width: 55px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    color: #3a3434;
    background: transparent;
}
  
  .about-the-week {
    margin-top:.5em!important;
  }

  .subs-option {
    font-size:0.8em
  }
 
  .subs-option p {
    max-width:100%;
  }
  #headerintro {
    background-color: none !important;
	background:none;
}
  
  #intro-copy .btn, #hwctn .btn {
    background-color: #609DE1 !important;
    color: #FFF;
    letter-spacing: 0px;
    font-weight: 500 !important;
    padding: 0.45em 0.75em !important;
    font-size: 1.5em !important;
    border: medium none !important;
    margin-bottom: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.page-header {
    font-family: "Acta",Helvetica,Arial,Verdana,sans-serif;
    text-align: center;
    border-bottom: medium none !important;
    font-size: 1.8em;
    letter-spacing: -1px;
    padding-bottom: 0;
}

  .intro-message {
    text-align:center;
  }
  .intro-header .btn {
    font-size:1.75em!important;
    margin-top:1em;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

}