/* /\/\/\/\/\/ VIDEO SERIES \/\/\/\/\/\/ */
.videos-wrapper {}
.videos-wrapper h3 {}
.videos-card-wrapper {}
.videos-card-wrapper .card {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "video description";
    grid-gap: 20px;
    margin-top: 30px;
}
.card .iframe-container{
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
	 grid-area:video;
}
.card .iframe-container iframe{
	 position: absolute;
	 top:0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
.video-description {
    grid-area: description;
}
.video-description h4 {
    margin: 0 0 10px;
}
.video-description p {
    font-size: 15px;
    line-height:1.3em;
    margin-bottom: .5em;
}
.video-description p strong {
    text-transform:uppercase;
    letter-spacing:1px;
}

 @media only screen and (max-width: 650px) {
 
     .videos-card-wrapper .card {
        grid-template-columns: 1fr;
        grid-template-areas: "video" "description";
    }
     
 }


/* /\/\/\/\/\/ CONTACT PAGE \/\/\/\/\/\/ */
ul.contact {
	 display:inline-block;
	 margin:15px 0 30px 0;
	 list-style-type:none;
	 width: 100%;
	 padding-left: 0px;
}
 ul.contact li:nth-child(1) {
	 float: left;
	 padding: 0 15px 5px 0;
	 margin:0;
}
 ul.contact li:nth-child(2) {
	 margin:0;
	 text-decoration:none;
	 border:none;
	 font-size:1.5em;
	 line-height:1em;
	 padding-bottom:5px;
}
 ul.contact li:nth-child(3) {
	 text-transform: uppercase;
	 font-size: 0.9em;
	 letter-spacing: 1px;
	 font-weight:normal;
}
 ul.contact img {
	 max-width:100px;
}



ul.contact-no-photo {
	 display:inline-block;
	 margin:15px 0 0 0;
	 list-style-type:none;
	 width: 100%;
	 padding-left: 0px;
}
 ul.contact-no-photo li:nth-child(1) {
	 margin:0;
	 text-decoration:none;
	 border:none;
	 font-size:1.5em;
	 line-height:1em;
	 padding-bottom:5px;
}
 ul.contact-no-photo li:nth-child(2) {
	 text-transform: uppercase;
	 font-size: 0.9em;
	 letter-spacing: 1px;
	 font-weight:normal;
}


.callout#text-only {
    width:85%;
    background-color:#fff793;
    border:1px solid #bbb;
    padding:23px 25px;
    margin:20px auto;
}

.callout#text-only p {
    text-align:left;
    /*margin:7px 0;*/
}

.callout#text-only a {
    font-weight:bold;
}

.callout#text-only h3 {
    border-bottom:none;
    color:#a70e16;
    margin:0 0 10px 0;
    font-size:18px;
    font-weight:bold;
    line-height:1.4em;
    text-transform:uppercase;
    letter-spacing: .02em;
    text-align:center;
}

.callout#text-only h4 {
    margin:0 0 10px 0;
    font-weight:bold;
    line-height:1.2em;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:.02em;
}

.callout#text-only ul, .callout#text-only ul ul {
    padding-left:17px;
}

.callout#text-only ul ul {
    margin-top:6px;
}

.callout#text-only ul li {}


.callout#text-only p a {
    /*font-weight:normal;*/
}

.callout#text-only p.short {
    /* text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:15px; */
}

.callout#text-only p.short-series {
    /* text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:15px; */
    padding-bottom:10px;
    border-bottom:dotted 1px #000;
}

.callout#text-only ul.short-series {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    text-align:center;
}

.callout#text-only ul.short-series li {
    margin-left:0;
}
    
.callout#text-only .paragraph {
    margin:15px auto;
}

.callout#text-only p.paragraph {
    margin:10px 0;
}

.callout#text-only p.second-paragraph {
    padding-top:10px;
    border-top:dotted 1px #000;
}

.callout#text-only p.callout, .callout#text-only a.callout {
    background-color:#a70e16;
    color:#ffffff;
}
.callout#text-only a.callout:hover {
    background-color:#fff;
    color:#a70e16;
}

 ul.callout-list {
	 list-style-type:none;
	 -webkit-column-count: 2;
	 -moz-column-count: 2;
	 column-count: 2;
	 -webkit-column-gap: 15px;
	 column-gap: 15px;
	 -moz-column-gap: 15px;
	 padding:0;
	 margin: 25px 0;
}
 ul.callout-list li {
	 margin-top:0;
}
 ul.callout-list a.callout {
	 background-color:#fff;
	 border: 1px solid #bbb;
	 padding:8px 18px 9px 18px;
	 font-size:12px;
	 line-height:1.4em;
	 text-align:center;
	 color:#a70e16;
	 display:inline-block;
	 margin: 0px auto 15px auto;
	 width: 85%;
	 font-weight:bold;
	/*border-radius:4px;
	*/
	 text-transform: uppercase;
	 letter-spacing: .02em;
}
li a.callout:hover {
    background-color:#a70e16;
    border-color:#a70e16;
    color:#fff;
    text-decoration:none;
}

.facebookBox img {float:left; padding-right:6px;}
.facebookBox {margin:25px 0 0 0; width:150px;}

#seedNewsBox {margin-top:22px;}

#flikrBox img {
padding:7px 10px 15px 7px;
background: url(https://www.reed.edu/seeds/assets/images/flikr-case.gif) no-repeat;
margin:5px 0 0 0;
border:none;
}

#flikrBox td {padding-right:20px;}

#flikrBox p {width:75px; font-size:.90em; line-height:1.2em;}

.required {
    font-weight:bold;   
}