@font-face {
font-display: swap;
  font-family: 'Gotham-Book';
  src: url('Gotham-Book.otf'); 
}
@font-face {
font-display: swap;
  font-family: 'Gotham-Bold';
  src: url('Gotham-Bold.otf'); 
}
@font-face {
font-display: swap;
  font-family: 'Bodoni';
  src:
      url('BauerBodoniStd-Roman.eot?#iefix') format('embedded-opentype'),
      url('BauerBodoniStd-Roman.otf') format('opentype'),
      url('BauerBodoniStd-Roman.woff') format('woff'),
      url('BauerBodoniStd-Roman.ttf') format('truetype'),
      url('BauerBodoniStd-Roman.svg#BauerBodoniStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}


html, body {
	height: 100%;
}
a:link, a:visited {
color:#fff;
}
a:hover, a:focus {
background-color:#fff;
color:#000;
outline: 2px #fff dotted;
text-decoration:none;
} 
body {
color: #fff;
font-family: "Gotham-Book",Helvetica,Arial,sans serif;
font-size : 1em;
line-height: 1.7em;
margin : 0;
padding : 0;
padding-bottom : 70px;
}
pre {
font-family: "Gotham-Book",Helvetica,Arial,sans serif;
font-size : 1em;
line-height: 1.7em;
}
figcaption {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size: 1em;
text-align: center;
width:345px;
}
h1 {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 2.5em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 45px;
margin-top: 0;
text-align : center;
}
.nosubmenu h1 {
    margin-top : 0;
}
h2 {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.5em;
line-height:1.5em;
text-align : center;
}
h3 {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.3em;
line-height:1.5em;
}
h4 {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.2em;
line-height:1.5em;
}
h5 {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.1em;
font-weight: bold;
line-height:1.5em;
}

iframe {
max-width : 100%;
width : 800px;
margin-left : auto;
margin-right : auto;
}
hr{
margin-bottom : 50px;
margin-top : 50px;
}
img {
max-width : 95%;
}
main {
padding-top : 0px;
}
nav {
font-family: "Bodoni", Palatino,Georgia,serif;
}
strong {
font-size: 1.2em;
}

/*navigation - mobile & full size */
#primarymobile {
display:none;
}
nav#primary {
width : 100%;
} 

/*navigation*/
nav#primary ul {
padding-top : 0px;
}
#primarymobile summary {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 2em;
font-weight: normal;
line-height: 2.5em;
margin : 0;
padding : 0;
padding-bottom : 15px;
padding-top : 15px;
text-decoration: none;
}

#primarymobile summary:after {
  content: url("../images/hamburgerfff.svg");
  float: left;
  font-size: 1.5em;
  margin-right : .25em;
  padding-left : 20px;
  padding-top : 5px;
  text-decoration: none;
}
#primarymobile details summary::-webkit-details-marker {
display: none;
}  
#primarymobile summary:focus {
outline:none;
background-color:#1A3672;
border-bottom : solid 1px #fff;
color :#fff;
}
.arrows {
display:flex;
flex-direction: row;
font-size:3em;
justify-content: space-between;
margin-bottom: 30px;
padding-left: 5%;
padding-right: 5%;
width: 90%;   
}
.arrows A{
text-decoration: none;
}


main summary:after {
content: "+ read the full transcript";
  color: #fff;
  float: left;
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.5em;
font-weight: normal;
line-height: 1.5em;
margin-bottom : 100px;
  margin-right : .25em;
text-decoration:underline;
}
main details[open] summary:after {
  content: "- read less";
  margin-left: -7em;
  text-align:right;
  width : 6em;
}

/*side nav**/
#sidenav summary {
font-family: "Bodoni", Palatino,Georgia,serif;
font-size : 1.5em;
font-weight: normal;
line-height: 1.5em;
text-decoration:underline
}
summary:after {
content: "+";
  color: #fff;
  float: left;
  font-size: 1.5em;
  margin-right : .25em;
  }
  details[open] summary:after {
  content: "-";
}
details summary::-webkit-details-marker {
display: none;
}
details {
margin : 0;
padding : 0;
}



nav ul {
display: flex;
flex-wrap: wrap;
font-size: 1.1em;
list-style-type:none;
margin:0;
padding : 0;
}
nav li {
flex: 1 1 auto;
margin-left: -1px;
margin-top: -1px;
}
nav a:link, nav a:visited {
border:solid 2px #fff;
color : #fff;
display : flex;
  justify-content: center;
  margin : 0;
padding : 1em;
padding-left: .5em;
padding-right: .5em;
text-align : center;
text-decoration: none;
}
nav a:hover, nav a:focus {
background-color : #D6D0B9;
color : #000;
outline: none;
text-align : center;
}
nav#primary li:nth-child(1), nav#primarymobile li:nth-child(1){
background-color : #1A3672;/*dark blue*/
border-left:none;
}
nav#primary li:nth-child(2), nav#primarymobile li:nth-child(2){
background-color : #672A79;/*purple*/
}
nav#primary li:nth-child(3), nav#primarymobile li:nth-child(3) {
background-color : #CC3D33;/*orange*/
}
nav#primary li:nth-child(4), nav#primarymobile li:nth-child(4) {
background-color : #ad6103;/*pumpkin*/
}
nav#primary li:nth-child(5), nav#primarymobile li:nth-child(5) {
background-color : #5f0f34;/*wine*/
}
nav#primary li:nth-child(6), nav#primarymobile li:nth-child(6) {
background-color : #006641;/*dark green*/
}
nav#primary li:nth-child(7), nav#primarymobile li:nth-child(7) {
background-color : #005596;/*blue*/
}
nav#primary li:nth-child(8), nav#primarymobile li:nth-child(8) {
background-color : #672D2A;/*brown*/
}
nav#primary li:nth-child(9), nav#primarymobile li:nth-child(9) {
background-color : #608100;/*light green*/
}



#logo {
display : block;
float:right;
margin-top : 30px;
padding : 0;
text-align : center;
width : 140px;
}
#logo img {
border:solid 3px #fff;
height : 80px;
width : auto;
}
#logo A:link, #logo A:visited {
color:transparent;
font-weight : bold;
outline:none;
text-decoration : none;
}
#logo A:hover, #logo A:focus {
background-color : transparent;
color:#fff;
}


p:first-of-type {
  margin-top : 0;
}
#info A{
color:#fff;
margin-left:-15px;
padding: 15px;
padding-right:5px;
}
#info A:hover, #info A:focus {
color:#000;
}
.columns A {
padding-bottom : 5px;
padding-right: 5px;
padding-top: 5px;
}


#skip {
left : 30px;
position : fixed;
top : 0;
z-index: 200;
}

#skip A:link, #skip A:visited {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip A:focus, #skip A:active {
background-color: #fff;
border: solid 2px #000;
color : #000;
display : block;
height:1.45em;
left: 25px;
position:relative;
padding : 1em;
text-decoration: none;
top:0px;
width:auto;
}
/**banner text**/
#bannertext {
display: inline-block;
float: left;
font-family: "Bodoni", Palatino,Georgia,serif;
    font-size: 1.75em;
    line-height : 1.5em;
    margin-bottom : 50px;
    margin-right : 25px;
margin-top : 55px;
text-align:left;
    width : auto;
}

/***search***/
#search {
float:right;
margin-top : 59px;
text-align : left;
}
#search-q-label {
/*position : relative;
left :0;*/
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
#search input[type=search] {
background-image: url("../images/search.svg");
	background-color: #fff;
	background-repeat : no-repeat;
	background-position : 5px;
	border : solid 1px #000;
		border-radius:0;
		-webkit-border-radius:0px;
		-webkit-appearance: none; 
	color: transparent;
	cursor: pointer;
	font-size: 1.1em;
	padding : 9px;
	padding-bottom : 0;
	padding-left: 2em;
	position: relative;
	top: 0;
	transition: top ease 0.2s;
	width: 150px;
}

#search input[type=search]:hover {
	background-color: #fff;
		color : #000;
		cursor: auto;
		padding-left: 40px;
	transition: all .5s;
		width: 200px;
}
#search input[type=search]:focus {
	background-color: #fff;
		color : #005495;
		cursor: auto;
		outline: 2px #fff dotted;
	transition: all .5s;
		width: 250px;

}
#search input:-moz-placeholder {
	color: transparent;
}
#search input::-webkit-input-placeholder {
	color: transparent;
}
input[type="submit"] {
	background-color: #fff;
		border : solid 1px #000;
				border-radius:0;
		-webkit-border-radius:0px;
		-webkit-appearance: none; 

		color : #000;
		font-size: 1em;
		line-height: 1.5em;
		padding : 2.8px;
		padding-left: .5em;
		padding-right: .5em;
vertical-align: top;
}
input[type="submit"]:focus, input[type="submit"]:hover {
	background-color: #fff;
		border : solid 2px #005495;
		color : #005495;
				outline: 2px #fff dotted;
}




.bigcontainer {
clear : both;
width : 93%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.clearboth {
clear : both;
}
.container {
clear : both;
width : 94%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}

.columns {
max-width : 1000px;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
          
          -webkit-column-rule: rgba(255, 255, 255, 0.3);
     -moz-column-rule: 1px solid rgba(255, 255, 255, 0.3);
          column-rule: 1px solid rgba(255, 255, 255, 0.3);
          }
.columns p {
 -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
 }
 .invisible {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.width45 {
width:45%;
} 
.marginright5 {
margin-right: 10%
}


.overflowauto {
overflow:auto;
}
.floatleft {
width: 48%;
}


 .image-links {
  margin-top : 20px;
 margin-left : auto;
margin-right : auto;
width: 70%;
 }
.image-links img {
max-height : 345px;
width : auto;
}         
.image-links ul {
list-style-type: none;
margin : 0;
padding : 0;
}
.image-links li {
display : inline-block;
margin : 1.25%;
padding-left : 0;
padding-right : 0;
vertical-align: top;
max-width : 350px;
width: 30%;
}
.image-links li A{
background-color: #fff;
color: #000;
height : 350px;
text-align: center;
text-decoration: none;
width: 30%;
}
.margintop50 {
margin-top : 50px;
}
.paddingtop50 {
padding-top : 50px;
}
.textaligncenter {
text-align : center;
}
.uhoh {
background-color:yellow;
color: #000;
font-weight:bold;
}


#sidenav li A.current {
border : solid 2px #fff;
}

#items {
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#items ul, #items ul li{
margin:0;
padding:0;
}




.figcontainer {
  background-color : #E4A350;
  border : solid 1px #000;
 overflow: hidden;
  position: relative;
  margin : 0;
  max-width: 345px;
   width: 100%;
}
.figcontainer img {
max-width: 100%;}


.image {
  backface-visibility: hidden;
  display: block;
  height: auto;
  opacity: 1;
  transition: .5s ease;
}

.middle {
  bottom: 0%;
  opacity: 0;
 left: 0%;
   position: absolute;
  text-align: center;
 -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);    
  width : 100%;
}

.figcontainer A:hover .image, .figcontainer A:focus .image {
  opacity: 0.2;
}

.figcontainer A:hover .middle, .figcontainer A:focus .middle {
  opacity: 1;
     -webkit-transform: translate3d(0, 0, 0); 
    transform: translate3d(0, 0, 0);
}

.figcontainer figcaption {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  padding : 3%;
  position: bottom;
  width : 94%;  
}



#info {
line-height: 1.5em;
margin-bottom : 50px;
margin-top : 50px;
}


  
details ul {
list-style-type: none;
margin : 0;
padding : 0;
}
details ul A:link, details ul A:visited {
text-decoration: none;}
details ul A:hover, details ul A:focus {
outline:none}




#sidenav {
float : left;
font-family: "Gotham-Book",Helvetica,Arial,sans serif;
font-size: 1em;
margin-top: 150px;
padding-left: 2%;
width : 26.5%;
}
#sidenav A:link, #sidenav A:visited {
background-color: transparent;
border:none;
border-radius: 3px;
display : inline-block;
text-align: left;
justify-content: left;
margin-top: 1em;
padding : 0;
padding-left: 1em;
padding-right: 1em;
}
#sidenav A:hover, #sidenav A:focus {
background-color : #fff;
color : #000;
}
#sidenav.current {
background-color:transparent; 
border: solid 2px #fff; 
color:#fff
}

table {
clear:both;
line-height : 1.67em;
margin-bottom : 50px;
margin-top : 50px;
max-width: 100%;
}

th {
font-weight: normal;
text-align: right;
padding : .5em;
vertical-align: top;
}
td {
padding : .5em;
}

.items {
float : left;
width : 60%;
padding-left: 10%;
}
.items ul, .items ol {
list-style-type:none;
}
.nosubmenu{
margin-left : auto;
margin-right : auto;
width : 60%;
}
.imgitem {
width : 100%;
}


/**sections**/
/**welcome**/
body.home {
background-color : #1A3672;
}
.home nav#primary li:nth-child(1) A {
background-color : #1A3672;
border-bottom : solid 2px #1A3672;
}
.home nav#primary li:nth-child(1) A:hover, .home nav#primary li:nth-child(1) A:focus {
color:#fff;
}
.home nav#primarymobile li:nth-child(1) A {
background-color :#fff;
color:#000;
}

/**about**/
body.about {
background-color : #672A79;
}
.about nav#primary li:nth-child(2) A {
background-color : #672A79;
border-bottom : solid 2px #672A79;
}
.about nav#primary li:nth-child(2) A:hover, .about nav#primary li:nth-child(2) A:focus {
color:#fff;
}
.about nav#primarymobile li:nth-child(2) A {
background-color :#fff;
color:#000;
}


/**earlylife**/
body.earlylife {
background-color : #CC3D33;/*orange*/
}
.earlylife nav#primary li:nth-child(3) A {
background-color : #CC3D33;
border-bottom : solid 1px #CC3D33;
}
.earlylife nav#primary li:nth-child(3) A:hover, .earlylife nav#primary li:nth-child(3) A:focus {
color:#fff;
}
.earlylife nav#primarymobile li:nth-child(3) A {
background-color :#fff;
color:#000;
}

/**marriage**/
body.marriage {
background-color : #ad6103;/*pumpkin*/
}
.marriage nav#primary li:nth-child(4) A {
background-color : #ad6103;
border-bottom : solid 1px #ad6103;
}
.marriage nav#primary li:nth-child(4) A:hover, .marriage nav#primary li:nth-child(4) A:focus {
color:#fff;
}
.marriage nav#primarymobile li:nth-child(4) A {
background-color :#fff;
color:#000;
}

/**career**/
body.career {
background-color : #5f0f34;/*wine*/
}
.career nav#primary li:nth-child(5) A {
background-color : #5f0f34;
border-bottom : solid 1px #5f0f34;
}
.career nav#primary li:nth-child(5) A:hover, .career nav#primary li:nth-child(5) A:focus {
color:#fff;
}
.career nav#primarymobile li:nth-child(5) A {
background-color :#fff;
color:#000;
}


/**zionism**/
body.zionism {
background-color : #006641;/*dark green*/
}
.zionism nav#primary li:nth-child(6) A {
/*background-color : #947201;
border-bottom : solid 1px #947201;*/
background-color : #006641;
border-bottom : solid 2px #006641;
}
.zionism nav#primary li:nth-child(6) A:hover, .zionism nav#primary li:nth-child(6) A:focus {
color:#fff;
}
.zionism nav#primarymobile li:nth-child(6) A {
background-color :#fff;
color:#000;
}


/**legacy**/
body.legacy {
background-color : #005596;/*blue*/
}
.legacy nav#primary li:nth-child(7) A {
background-color : #005596;
border-bottom : solid 1px #005596;
}
.legacy nav#primary li:nth-child(7) A:hover, .legacy nav#primary li:nth-child(7) A:focus {
color:#fff;
}
.legacy nav#primarymobile li:nth-child(7) A {
background-color :#fff;
color:#000;
}


/**law**/
body.law {
background-color : #672D2A;/*brown*/
}
.law nav#primary li:nth-child(8) A {
background-color : #672D2A;
border-bottom : solid 2px #672D2A;
}
.law nav#primary li:nth-child(8) A:hover, .law nav#primary li:nth-child(8) A:focus {
color:#fff;
}
.law nav#primarymobile li:nth-child(8) A {
background-color :#fff;
color:#000;
}


/**explore**/
body.explore {
background-color : #608100;/*light green*/
}
.explore nav#primary li:nth-child(9) A {
background-color : #608100;
border-bottom : solid 2px #608100;
border-right : none;
}
.explore nav#primary li:nth-child(9) A:hover, .explore nav#primary li:nth-child(9) A:focus {
color:#fff;
}
.explore nav#primarymobile li:nth-child(9) A {
background-color :#fff;
color:#000;
}





@media only screen and (max-width: 1000px) {
body {
font-size : 1.4em;
line-height : 1.25em;
}
.home #primary {
display:inline;
}
body.home  {
background-color : #1A3672;
}
.home #primary A {
border:solid 2px #fff;
padding-top : 30px;
padding-bottom : 40px;
}
.home #primarymobile {
display:none;
}
#primary {
display:none;
} 
#primarymobile {
display:inline;
font-size : 1.25em;
}
#primarymobile A  {
line-height : 2.5em;
}
#primarymobile summary:after {
  padding-top : 0;
}
#primarymobile summary {
font-size : 2.5em;
}
#primarymobile ul {
margin-bottom : 50px;
} 

/*explore*/ nav#primarymobile li:nth-child(9) {
border-bottom : solid 4px #fff;
}

.lbd100 {
float:left;
}
#logo {
display : block;
float:left;
margin-top : 30px;
padding : 0;
text-align : center;
width : 140px;
}
#logo img {
border:solid 3px #fff;
height : 150px;
margin-left: 30px;
width : auto;
}

#search {
float : right;
padding-right : 30px;
border-radius:0;
		-webkit-border-radius:0px;
		-webkit-appearance: none; 
		}
#search input[type=search] {
width: 300px;
}
#search input[type=search]:hover {
		width: 350px;
}
#bannertext {
border:none;
   border-top : solid 2px #fff;
display: inline-block;
float: none;
font-size: 5.5vw;
line-height: 6vw;
margin-bottom : 20px;
margin-top : 0px;
margin-right : 0px;
padding-top : 20px;
text-align:center;
    width : 100%;
 }


h1 {
font-size : 6vw;
margin-top : 50px;
}
nav li {
font-size : 1.1em;
line-height : 1.75em;
width : 40%;
}
nav a:link, nav a:visited {
border-bottom :none;
border-left :none;
    align-items: center;
height:100%;
padding : 0;
    }
nav a:hover, nav a:focus {
background-color : #fff;
color : #000;
outline: none;
text-align : center;
}

nav li:nth-child(odd) {
border-right : solid 4px #fff;
}
nav#primary li:nth-child(7), nav#primarymobile li:nth-child(7) {
border-bottom :solid 4px #fff;
}
nav#primary li:nth-child(8), nav#primarymobile li:nth-child(8) {
border-bottom :solid 4px #fff;
}

#sidenav li {
margin-top : 1em;
}

.columns {
line-height : 1.67em;
max-width : 1000px;
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
 } 
 
 .items {
padding-left: 0%;
width : 100%;
}
 .image-links {
  margin-top : 20px;
  margin-bottom: 10px;
 }

.image-links li {
width: 45%;
}

#sidenav {
margin-bottom : 50px;
margin-top: 50px;
width : 94%;
}
main details[open] summary:after {
  content: "- read less";
  margin-left: 0;
  text-align:left;
  width : 100%;
}
table {
width : 96%;
padding : 2%;
}
main summary:after {
margin-bottom : 1em;
}
}