/*

Theme Name: WOV 2014

Theme URI: http://worldofviruses.unl.edu

Author: Joel Brehm

Author URI: http://joelbrehm.com

Description: The 2014 theme for the wov2014

Version: 2.0

Text Domain: wov2014



*/



@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic);

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700);



body{

	font-family: 'Yanone Kaffeesatz', sans-serif;

	font-weight: 300; 

	font-size: 15px;

	color: #404041;

	line-height: 17px;

	background-color: #eaf3e9;

}



body.home #header{

	margin-bottom: 0px;

}



input{

	font-family: 'Yanone Kaffeesatz', sans-serif;

	font-weight: 300; 

}



a{

	color: #0071ba;

	text-decoration: none;

}



a:hover{

	color: #2d358e;	

}



ul {

	padding-left: 1.2em;

	text-align: left;

	font-size: 1.2em;

}



strong{

	font-weight: 700;	

}

h1, h2, h3, h4, h5{
	line-height: 1em;	
	margin-bottom: .6em;
	color: #414141;
	font-weight: 400;
	text-transform: uppercase;
}

h1{
	font-size: 3.5em;
}

h2{
	font-size: 3em;
}

h3{
	font-size: 2.5em;
}

h4{
	font-size: 2.0em;	
	font-weight: 200;
	text-transform: none;
}

h5{
	font-size: 1.5em;	
	margin: 10px 0 5px 0;
	text-transform: none;
}





/* ----------------------------------------- Begin bootstrap - common re-used elements ------------------------------------------ */



body{

	margin: 0px;

	padding: 0px;

}



img, svg{

	max-width: 100%;

	height:auto;	

}



   /* ---------------------------------------- grid system ----------------------------------------*/



	.gridOnetwelfth, .gridOneSixth, .gridOneFourth, 

	.gridOneThird, .gridFiveTwelfths, .gridOneHalf, 

	.gridSevenTwelfths, .gridTwoThirds, .gridThreeFourths, 

	.gridFiveSixths, .gridElevenTwelfths

	{

		display: block;

		float: left;

		width: 100%;

		margin-left: 2.127659574468085%;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}

	

	.doubleMargin{

		margin-left: 4.25531914893617%;		

	}

		

	.gridOnetwelfth, .gridOnetwelfth.ignoreBreakpoint{

		width: 6.382978723404255%;

	}

	    

	.gridOnetwelfth.doubleMargin, .gridOnetwelfth.doubleMargin.ignoreBreakpoint{

		width: 4.432%;

	}

	    

    .gridOneSixth, .gridOneSixth.ignoreBreakpoint{

		width: 14.893617021276595%;

	}

	    

    .gridOneSixth.doubleMargin, .gridOneSixth.doubleMargin.ignoreBreakpoint{

		width: 13.12%;

	}

	    

    .gridOneFourth, .gridOneFourth.ignoreBreakpoint{

		width: 23.404255319148934%;

	}

	    

	.gridOneFourth.doubleMargin, .gridOneFourth.doubleMargin.ignoreBreakpoint{

		width: 21.80%;

	}

	    

    .gridOneThird, .gridOneThird.ignoreBreakpoint{

		width: 31.914893617021278%;

	}

    

	.gridOneThird.doubleMargin, .gridOneThird.doubleMargin.ignoreBreakpoint{

		width: 30.49%;

	}	

	

    .gridFiveTwelfths.doubleMargin, .gridFiveTwelfths.doubleMargin.ignoreBreakpoint{

		width: 40.42553191489362%;

	}



	.gridFiveTwelfths.doubleMargin, .gridFiveTwelfths.doubleMargin.ignoreBreakpoint{

		width: 39.18%;

	}

	

    .gridOneHalf, .gridOneHalf.ignoreBreakpoint{

		width: 48.93617021276595%;

	}



	.gridOneHalf.doubleMargin, .gridOneHalf.doubleMargin.ignoreBreakpoint{

		width: 47.87%;

	}



	.gridSevenTwelfths, .gridSevenTwelfths.ignoreBreakpoint{

		width: 57.44680851063829%;

	}



	.gridSevenTwelfths.doubleMargin, .gridSevenTwelfths.doubleMargin.ignoreBreakpoint{

		width: 56.56%;

	}



	.gridTwoThirds, .gridTwoThirds.ignoreBreakpoint{

		width: 65.95744680851064%;

	}

	

	.gridTwoThirds.doubleMargin, .gridTwoThirds.doubleMargin.ignoreBreakpoint{

		width: 65.24%;

	}

	

	.gridThreeFourths, .gridThreeFourths.ignoreBreakpoint{

		width: 74.46808510638297%;

	}

	

	.gridThreeFourths.doubleMargin, .gridThreeFourths.doubleMargin.ignoreBreakpoint{

		width: 73.93%;

	}

	

	.gridFiveSixths, .gridFiveSixths.ignoreBreakpoint{

		width: 82.97872340425532%;

	}

	

	.gridFiveSixths.doubleMargin, .gridFiveSixths.doubleMargin.ignoreBreakpoint{

		width: 82.62%;

	}

	

	.gridElevenTwelfths, .gridElevenTwelfths.ignoreBreakpoint{

		width: 91.48936170212765%;

	}

	  

	.gridElevenTwelfths.doubleMargin, .gridElevenTwelfths.doubleMargin.ignoreBreakpoint{

		width: 91.31%;

	}

	  

   	.gridTopBottomPadding{

		padding:10px 0;

	}



    .gridTopBottomHalfPadding{

        padding:5px 0;

    }

  

    .gridTopHalfPadding{

        padding: 5px 0 0 0;

    }

  

    .gridBottomHalfPadding{

        padding: 0 0 5px 0;

    }

    

    .gridTopPadding{

        padding: 10px 0 0 0;

    }

  

    .gridBottomPadding{

        padding: 0 0 10px 0;

    }



   	.gridTopBottomMargin{

		margin-top:10px;

		margin-bottom:10px;

	}

	

	.gridLeftDividerLine{

		margin-left:12px;

		padding-left:11px;

		border-left:1px solid #cccccc;

	}



	.gridOnetwelfth.gridLeftDividerLine, .gridOneSixth.gridLeftDividerLine, .gridOneFourth.gridLeftDividerLine, 

	.gridOneThird.gridLeftDividerLine, .gridFiveTwelfths.gridLeftDividerLine, .gridOneHalf.gridLeftDividerLine, 

	.gridSevenTwelfths.gridLeftDividerLine, .gridTwoThirds.gridLeftDividerLine, .gridThreeFourths.gridLeftDividerLine, 

	.gridFiveSixths.gridLeftDividerLine, .gridElevenTwelfths.gridLeftDividerLine{

		margin-left:.85%;

		padding-left:calc(.85% - 1px);

		border-left:1px solid #cccccc;

	}



    .gridRightDividerLine{

        border-right:1px solid #cccccc;

    }



    .gridBottomDividerLine{

        margin-bottom:12px;

        padding-bottom:21px;

        border-bottom:1px solid #cccccc;

    }



	.gridOnetwelfth.first, .gridOneSixth.first, .gridOneFourth.first, 

	.gridOneThird.first, .gridFiveTwelfths.first, .gridOneHalf.first, 

	.gridSevenTwelfths.first, .gridTwoThirds.first, .gridThreeFourths.first, 

	.gridFiveSixths.first, .gridElevenTwelfths.first{

		margin-left: 0 !important;

    	clear: both !important;

    }

    

	.gridOnetwelfth img, .gridOneSixth img, .gridOneFourth img, 

	.gridOneThird img, .gridFiveTwelfths img, .gridOneHalf img, 

	.gridSevenTwelfths img, .gridTwoThirds img, .gridThreeFourths img, 

	.gridFiveSixths img, .gridElevenTwelfths img{

		max-width: 100%;

		height: auto;

	}    		

	

   /* ---------------------------------------- grid system ----------------------------------------*/

   

   .clear{

		clear: both; 

		height: 0px;

		margin: 0px;

		padding: 0px;

		line-height: 0px;

		display: block;  

   }

   

	.verticalAlign{

		display: table;

		width: 100%;

	}

	

	.verticalAlign .td{

		display: table-cell;

		vertical-align:middle;	

	}

	

	hr{

		height: 1em;

		border: none;

		border-bottom: 1px solid #dddddd;

		margin: 0em;

		padding: 0em;

		margin-bottom: 1em;	

	}

	

	@media (max-width: 940px){

		h1{

			font-size: 3em;	

		}

		

		h2{

			font-size: 2.5em;

		}

		

		h3{

			font-size: 2em;	

		}

		

		h4{

			font-size: 1.5em;	

		}

	}

   

   /* ----------------------------------------- end bootstrap ------------------------------------------ */



input[type="text"], input[type="password"], input[type="email"], textarea, select {

	width: 100%;

	width: calc(100% - .6em);

	padding: .1em .3em;

	font-size: 1.5em;

	border: 1px solid #bbbbbb;

	font-family: 'Yanone Kaffeesatz', sans-serif;

	display: block;

	margin: .3em 0;

}



input[type="submit"], input[type="button"] {

    background-color: #b95427;

    border: medium none;

    color: #FFF;

    font-size: 1.5em;

    padding: 0.2em 0.5em;

	font-family: 'Yanone Kaffeesatz', sans-serif;

	cursor: pointer;

}



input[type="submit"]:hover, input[type="button"]:hover {

    background-color: #bec36b;

}



#searchBar form{
	display: flex;
}



#searchBar{
    display: flex;
	color: #9bac96;	
	float: right;
	padding: 10px;
	letter-spacing: 2px;
}

#searchBar a{
	color: #9bac96;	
}

#searchBar input{
	background-color: rgba(234,243,233, .3);
	border-radius: 12px;
	border: 0px none;
	margin: 0px;
	color: #ffffff;
}

#searchBar label{
	margin-bottom: 0px;
	padding: .5em;
	text-transform: uppercase; 
}

#searchBar a {
	margin-bottom: 0px;
	padding: .5em;
	text-transform: uppercase; 
}

#header, #footer{

	background-image: url(images/headerBck.jpg);

	background-size: cover;

	margin-bottom: 1em;

	font-size: .8em;

	font-weight: 400;

}



#footer{

	padding: 30px 0;

	text-align: center;

	margin-bottom: 0px;

	margin-top: 50px;

}



#footer a{

	padding: 0 25px;	

}



#header hr{

	margin: 0px;

	padding: 0px;	

}



.container{

	width: 1200px;

	margin: 0px auto;	

}



.fullScreenContainer{

	margin: .6% 2.12766%;	

}



.navigation{

	text-align: center;	

	color: #ffffff;

	letter-spacing: 1px;

	position: relative;

}



.navigation a{

	color: #ffffff;

	text-transform: uppercase;

	padding: 13px 10px;

	display:block;	
	font-size: .8em;
}



.navigation a:hover{

	background-color: rgba(234,243,233, .3);	

}



.navigation ul{

	list-style: none;

	text-align: center;

	margin: 0px;

}



.navigation ul li{

	float: left;

	position: relative;

}



.navigation ul li ul{

	display: none;

	padding: 0px;

	z-index: 2;

}



.navigation ul li:hover ul{

	display: block;

	position: absolute;

}



.navigation ul li ul li a{

	display: block;

	background-color: #3d5538;

	float: none;

	width: 150px;

	text-align: left;

	font-size: .8em;

}



.navigation ul li ul li a:hover{

	background-color: #31772d;

}

.contentBlock a{
	display: block;
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-top: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.contentBlock a span{
	position: absolute;
	display: block;
	width: 100%;
	width: calc(100% - 34px);
	color: #ffffff;
	font-size: 2em;
	text-transform: uppercase;
	bottom: 0px;
	left: 0px;
	padding: 17px;
	line-height: .8em;
}


.contentBlock a.titleOnTop span {
	bottom: auto;
	top: 0px;
}

.contentBlock .orange span, .contentBlock .orange{
	background-color: rgba(187, 84, 39, .9);	
}

.contentBlock .olive span{
	background-color: rgba(183, 190, 74, .9);	
}



.contentBlock .olive{

	background-color: rgba(183, 190, 74, 1);		

}



.contentBlock .salmon span, .contentBlock .salmon{

	background-color: #8a7061;	

}



.contentBlock .lgtOrange span{

	background-color: rgba(206, 152, 60, .9);	

}



.contentBlock .lgtOrange{

	background-color: rgba(206, 152, 60, 1);	

}

.contentBlock .green span, .contentBlock .green{
	background-color: rgba(91, 120, 83, .9);	
}

.contentBlock .white {
	border: 5px solid #000000;
	background-color: #ffffff;
}

.contentBlock .white span{
	background-color: rgba(255, 255, 255, .8);
	display: block;
	width: auto;
	color: #000000;
}

.contentBlock .contain {
	background-repeat: no-repeat;
	background-size: contain;
}

.contentBlock .twoBlocks{
	padding-top: 20px;
}

.contentBlock{
	text-align: left;
	-webkit-transition: .15s ease-in-out; 
	-moz-transition: .15s ease-in-out; 
	-o-transition: .15s ease-in-out; 
	transition: .15s ease-in-out;	
}

.contentBlock:hover{
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
}

.contentBlock.covid a span {
	font-size: 2.5em;
}

.container p{
    font-size: 1.4em;
    line-height: 1.3em;
}

.oliveBand, .orangeBand{
	background-color: #cccc79;
	padding: 20px 0;
	margin: 20px 0;
	width: 100%;	
}

.orangeBand{
	background-color: #b95427;
	color: #ffffff;	
}

.orangeBand a{
	color: #FFFFB2;	
}

.orangeBand h3, .orangeBand h2, .orangeBand h4, .orangeBand h2, .orangeBand h1{
	color: #ffffff;	
}

.oliveBox, .lightOrangeBox, .orangeBox{
	background-color: #d4d898;	
}

.oliveBox a, .lightOrangeBox a, .orangeBox a{
	color: #004d7e;
}

.lightOrangeBox{
	background-color: #e0bb86;
}

.orangeBox{
	background-color: #cea191;
}

.greenBox{
	background-color: #8da387;
}

.oliveBox h3, .lightOrangeBox h3, .orangeBox h3, .greenBox h3{
	background-color: #C0C56A;
	color: #FFF;
	padding: 14px;
	text-align: center;
	text-transform: none;
	border-bottom: 1px solid #FFF;
	margin-bottom: 0px;
}
 
.lightOrangeBox h3{
	background-color: #cc963b;
} 

.orangeBox h3{
	background-color: #ba5527;
}

.greenBox h3{
	background-color: #5b7853;
}

.oliveBox h3{
	color: #444444;	
}

.boxContent{
	padding: 20px;
}

.page-id-270 .boxContent{
	min-height: 411px;
}

.boxContent.large{
	font-size: 1.3em;
	line-height: 1.5em;
}

.boxContent h5{
	text-transform: none;
	font-weight: 700;
	font-size: 1.1em;
	margin: 0px 0 5px 0;	
}

.oliveBox.left, .lightOrangeBox.left, .orangeBox.left, .greenBox.left,
.oliveBox.left h3, .lightOrangeBox.left h3, .orangeBox.left h3, .greenBox.left h3{
	text-align: left;
}

.indent {
	margin-left: 2em;
}

.indent h3 {
    margin: 0px;
}

#logo{

	width: 70%;	

}



.shareButton{

	width: 30px;

	margin: 20px 20px 20px 0;

	position:relative;

	cursor: pointer;

}



.shareMenu{

	display: none;

	font-size: 1.5em;

	position: absolute;

	background-color: #FFF;

	padding: 10px;

	width: 170px;

	top: -78px;

	left: 0px;

}



.shareMenu a{

	padding: 10px;

	display: block;

	float: left;

}



.shareButton:hover .shareMenu{

	display: block;

}



.alignright {

	float: right;

	margin-left: 10px;	

}



#hamburgerMenu{

	display: none;

	padding: 10px;

	text-align: right;

	font-size: 2em;

	cursor: pointer;

}



.centeredRow{

	margin: 0px auto;	

}



.linkStyle1{

	background-color: #5B7853;

	color: #ffffff;

	text-transform: uppercase;

	padding: 2px 21px;

	border-radius: 15px;	

}



.linkStyle1:hover{

	background-color: #cb6a41;

	color: #ffffff;

}



.rotatingImageMenuItem{

	width: 18%;

	margin-left: 2%;

	display: inline;

}



.rotatingImageMenuItem img{

	width: 16.7%;

	vertical-align: middle;

}



.rotatingImageButton{

	color: #494D56;

	font-size: 2em;

	opacity: 0.6;

}



.rotatingImageButton:hover{

	opacity: 1;

}



.rotatingImageMenu{

	overflow: hidden;

	white-space: nowrap;

}



.rotatingImageMenuRight, .rotatingImageMenuLeft{

	padding-top: 81px;

	cursor: pointer;

}



.rotatingImage:nth-child(2){

	display: block;	

}



.rotatingImageContainer{

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 700px;

}



.rotatingImage{

	margin-bottom: 90px;

	margin-right: 20px;

}



.rotatingImageMenu .rotatingImageMenuItem:nth-child(3) img {

    width: 20%;

	cursor: default;

}



.orangeBar{

	background-color: #cb6a41;

	height: 80px;	

}



.rotatingImageMenuContainer{

	position: relative;

	top: -58px;	

}



.rotatingImageContainer .rotatingImage{

	top: 0px;

	left: 0px;

	position: absolute;

	max-width: 100%;

}



.hideShow h3{

	cursor: pointer;

}



.hideShowContent{

	display: none;	

}



.curriculaExtraContent{

	display: none;	

}



.orangeText{

	color: #bc5527;	

}



.curriculaMore{

	clear: both;

	text-align: right;

	text-transform: uppercase;

	color: #3FA7F3;

	font-size: 1.5em;

	margin-bottom: 1em;	

	cursor: pointer;

}



.curriculaGreenHeader{

	text-align: left;

	color: #5B7853;

	font-weight: 400;

	font-size: 2.5em;

	margin-top: 0px;

}



audio{

	width: 100%;

	display: block;

	margin-bottom: 15px;

}



#microbeImagesLink{

	background-image:url(/wp-content/themes/wov2014/images/img_inside-v_7_2.jpg);

}



#microbeImagesLink:hover{

	background-image:url(/wp-content/uploads/2014/12/inside1.jpg);

}



.secondaryText{

	font-size: 0.7em;

	opacity: 0.5;	

}



.curriculaExtraContent h4{

	font-size: 1.5em;	

}



.page-id-42 h1{

	display: none;

}



.theme-default .nivo-directionNav a {



    background-image: url("https://worldofviruses.unl.edu/wp-content/uploads/2013/01/arrows.png") !important;

}



.page-id-846 p{

	text-align: justify;

}



#carnivalImage {
	height: 350px;
	height: calc(75vh + 40px);

}
/*
.screenHeightOneSixth {
	height: 16.67vh;
}

.screenHeightOneFourth {
	height: 25vh;
}

.screenHeightOneThird {
	height: 33.3vh;
}

.screenHeightOneHalf {
	height: 5vh;
}

.screenHeightTwoThirds {
	height:66.7vh;
}

.screenHeightThreeFourths {
	height: 75vh;
}

.screenHeightFiveSixths {
	height: 8.33vh;
}

.screenHeightElevenTwelfths {
	height:91.67vh;
}

.screenHeightFull {
	height: 100vh;
}

.screenHeightDouble {
	height: 200vh;
}
*/


	/* ---------------------------------------- mobile breakpoints ------------------------------------- */

	

	@media (max-width: 1290px){

		.container{ 

			width: 826px;

		}

		

		.contentBlock a span {

			font-size: 1em;

		}

	}

	

	@media (max-width: 768px){

		.container{ 

			width: 94%;

			margin: 0px 3%;

		}

	}

	

	@media (max-width: 560px){

		.gridOnetwelfth.first, .gridOneSixth.first, .gridOneFourth.first, 

		.gridOneThird.first, .gridFiveTwelfths.first, .gridOneHalf.first, 

		.gridSevenTwelfths.first, .gridTwoThirds.first, .gridThreeFourths.first, 

		.gridFiveSixths.first, .gridElevenTwelfths.first{

			margin: 0px;

			margin-bottom: 1em;

		}		

		

		.gridOnetwelfth, .gridOneSixth, .gridOneFourth, 

		.gridOneThird, .gridFiveTwelfths, .gridOneHalf, 

		.gridSevenTwelfths, .gridTwoThirds, .gridThreeFourths, 

		.gridFiveSixths, .gridElevenTwelfths{

			width: 100%;

			margin-bottom: .5em;

			margin: 0px;

		}

		.doubleMargin {
		    margin-left: 4.25531914893617%;
		}
						

		.hideAtBp560

		{

			display: none;	

		}

		

		.showAtBp560

		{

			display: block;	

		}

		

		ul{

			width: 100%;

			padding: 0px;	

		}

		

		#hamburgerMenu{

			display: block;	

		}

		

		.navigation ul{

			display: none;

			position: absolute;

			background-color: #3d5538;

			top: 45px;

			z-index: 2;

		}

		

		.navigation ul li{

			display: block;
			float: none;	
		}

		.navigation ul li ul, .navigation ul li:hover ul{

			display: none;
		}
			
		#logo {
			width: 100%;
		}

		.contentBlock .screenHeightOneFourth {
			height: 235px !important;
			height: 50vh !important;
		}

		#learningResearch a, #curriculaReviews a, #omahaScienceMedia a {
			height: 70px !important;
		}
	}

	/* ---------------------------------------- end mobile breakpoints ------------------------------------- */

/* ------------------------- covid-19 stuff ---------------------------------- */

.page-template-covid-19 h1 {
  position: absolute;
	opacity: 0;
	width: 0px;
	height: 0px;
}

.page-template-covid-19 {
  background-color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}

.page-template-covid-19 textarea {
  font-size: 1em;
	font-family: sans-serif;
}

.page-template-covid-19 .sideNav {
  background-color: #000000;
  max-height: calc(100vh - 15em);
  position: fixed;
  top: 12em;
  left: 0px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-radius: 0 8px 8px 0;
	min-width: 3em;
	padding: 1em 0;
}

.page-template-covid-19 .sideNav .text {
  opacity: 0;
	max-width: 0em;
	overflow: hidden;
	max-height: 0em;
}

@keyframes open_nav {
  0%   {max-width: 0em; max-height: 0em; opacity: 0;}
	20% {max-width: 10em; max-height: 0em; opacity: 0;}
  100% {max-width: 10em; max-height: 100em; opacity: 1;}
}

.page-template-covid-19 .sideNav:hover .text,
.page-template-covid-19 .sideNav:focus .text,
.page-template-covid-19 .sideNav a:focus .text {
	max-width: 13em;
	padding: .5em;
	opacity: 1;
	max-height: 100em;
}

.page-template-covid-19 .sideNav a {
  color: #ffffff;
	display: flex;
}

.page-template-covid-19 .sideNav a .number {
	padding: .5em;
}

.page-template-covid-19 .sideNav a:focus,
.page-template-covid-19 .sideNav a:hover {
	background-color: #f6891f;
}

.page-template-covid-19 .shareMenu {
	background-color: transparent;
	display: flex;
	flex-direction: row-reverse;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	flex-wrap: wrap;
}

.page-template-covid-19 .shareMenu a,
.page-template-covid-19 .shareMenu button {
  color: #ffffff;
	background-color: #000000;
	min-width: 1em;
	margin-left: .5em;
	margin-bottom: .5em;
	text-align: center;
	border: none;
	display: block;
  padding: .5em .7em;
	font-size: 1em;
	display: flex;
	align-content: center;
	justify-content: center;
}

.page-template-covid-19 .shareMenu a:hover,
.page-template-covid-19 .shareMenu a:focus,
.page-template-covid-19 .shareMenu button:hover,
.page-template-covid-19 .shareMenu button:focus {
	background-color: #f6891f;
	cursor: pointer;
}

@media (max-width: 600px) {
	.page-template-covid-19 .shareMenu a,
	.page-template-covid-19 .shareMenu button {
		font-size: .7em;
	}
	
	.page-template-covid-19 .orderSelectionContainer a,
	.page-template-covid-19 .orderSelectionContainer span {
		font-size: .6em;
	}
}

@media (max-width: 500px) {
	.page-template-covid-19 .orderSelectionContainer a,
	.page-template-covid-19 .orderSelectionContainer span {
		display: block;
		border-radius: 0px !important;
		margin: 0px 2em !important;
	}
}

@media (max-width: 300px) {
	.page-template-covid-19 .sideNav {
    display: none;
	}
}

@media (max-width: 400px) {
	.page-template-covid-19 .sideNav a .number {
		padding: .4em;
	}
	
	.page-template-covid-19 .sideNav {
    min-width: 0px;
	}
}

.page-template-covid-19 footer {
  margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #cccccc;
}

.page-template-covid-19 img {
	width: 100%;
}

.page-template-covid-19 header,
.page-template-covid-19 article,
.page-template-covid-19 footer {
  margin: 3em auto;
  width: 60em;
	max-width: 80vw;
}

.page-template-covid-19 .embed_code {

	height: 0px;
	opacity: 0;
	overflow: hidden;
	transition: all .5s ease-in-out;
	padding: 0px;
	margin: 0px;
}

.page-template-covid-19 .embed_code.show_code {
	opacity: 1;
	height: 6em;
	width: 100%;
	position: relative;
	
}

.page-template-covid-19 .orderSelectionContainer {
	margin: 0px auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.page-template-covid-19 .orderSelectionContainer a,
.page-template-covid-19 .orderSelectionContainer span {
	padding: .5em;
	color: #ffffff;
	background-color: #000000;
	border-radius: 8px;
	border:  1px solid #000000;
	font-size: 1.5em;
	margin: .5em;
}

.page-template-covid-19 .orderSelectionContainer a {
	background-color: #ffffff;
	color: #000000;
}

.page-template-covid-19 .orderSelectionContainer a:hover,
.page-template-covid-19 .orderSelectionContainer a:focus {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
}


/* ----------- print & embed ------------- */
.page-template-covid-19.print .comic_image,
.page-template-covid-19.embed .comic_image {
	width: 80%;
	height: 100%;
	margin: 0px auto;
	display: block;
	object-fit: contain;
	max-height: calc(100vh - 6em);
}

.page-template-covid-19.print header,
.page-template-covid-19.print .sideNav,
.page-template-covid-19.print .shareMenu,
.page-template-covid-19.print details,
.page-template-covid-19.embed header,
.page-template-covid-19.embed .sideNav,
.page-template-covid-19.embed .shareMenu,
.page-template-covid-19.embed details,
.page-template-covid-19.print .orderSelectionContainer,
.page-template-covid-19.embed .orderSelectionContainer,
.page-template-covid-19.single_comic .orderSelectionContainer,
.page-template-covid-19.print .toBeContinued,
.page-template-covid-19.embed .toBeContinued,
.page-template-covid-19.single_comic .toBeContinued {
	display: none;
}

.toBeContinued {
	text-align: center;
}

.page-template-covid-19.print header,
.page-template-covid-19.print article,
.page-template-covid-19.print footer,
.page-template-covid-19.embed header,
.page-template-covid-19.embed article,
.page-template-covid-19.embed footer {
	margin: 1em auto;
	width: 100%;
	max-width: 100%;
}

.page-template-covid-19.print,
.page-template-covid-19.embed {
	 display: flex;
	flex-direction: column;
	height: 100%;
	 /*! overflow: hidden; */
}

.page-template-covid-19.print footer,
.page-template-covid-19.embed footer {
	  padding: 0em 2em;
	  width: calc(100% - 4em);
	  font-size: .5em;
	  line-height: 1em;
}


.page-template-covid-19 h1, 
.page-template-covid-19 h2, 
.page-template-covid-19 h3, 
.page-template-covid-19 h4, 
.page-template-covid-19 h5 {
	font-weight: 400;
	text-transform: none;
}


h2{
	font-size: 2em;
}

h3{
	font-size: 1.5em;
}

h4{
	font-size: 1.3em;	
}

h5{
	font-size: 1.2em;	
}

.smallText {
	font-size: .5em;
}

.visuallyHidden {
	opacity: 0;
	height: 0;
	overflow: hidden;
	display: block;
}