/* socal can put their css in this file, its gets loaded last */

section#videoscarousel ul.cf {margin: 0; padding: 0; list-style-type: none;}
.single-page .entry-content h3.section-head {margin: 0 0 .4em 0; padding-left: 0.6em; font-size: 1.125rem; font-weight: 600; text-transform: uppercase;}
.single-page .entry-content .video-thumb a {text-decoration: none;display: block;float: left;color: #000;}  
.video-thumb {line-height: normal;}
.video-thumb .dek {
font-size: 1.15rem;
line-height: 1.5rem;
margin: .3em 0;
}

.video-thumb .program-title {
color: #5e5098;
text-transform: uppercase;
font-size: 1rem;
font-family: Cabin;
font-weight: 500;
}

.video-thumb .title {
font-family: Cabin;
font-weight: 600;
font-size: 1.125rem;
} 

 
#masthead .site-title img {
     max-width: 120px !important; 
  }

/* ## Column Classes --------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.one-fifth,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
} 

.columns *:first-child * {
    padding-left: 0;
}

.five-sixths img,
.four-sixths img,
.one-fourth img,
.one-half img,
.one-sixth img,
.one-third img,
.three-fourths img,
.one-fifth img,
.three-sixths img,
.two-fourths img,
.two-sixths img,
.two-thirds img {
	padding-left: 0;
}

.five-sixths *,
.four-sixths *,
.one-fourth *,
.one-half *,
.one-sixth *,
.one-third *,
.three-fourths *,
.one-fifth *,
.three-sixths *,
.two-fourths *,
.two-sixths *,
.two-thirds * {
	padding-left: 15px;
}


.one-half,
.three-sixths,
.two-fourths {
	/*width: 48.717948717948715%;*/
	width: 50%;
}

.one-third,
.two-sixths {
	width: 33.3333333333333333333%;
	/*width: 31.623931623931625%;*/
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 25%;
	/*width: 23.076923076923077%;*/
}

.one-fifth {
	width: 20%;
	/*width: 23.076923076923077%;*/
}

.three-fourths {
	width: 75%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.columns {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}
  
.columns .padr {
    padding-right: 15px;
}
  
.columns .padl {
    padding-left: 15px;
}
  
.offset .columns:nth-child(even) .one-half {
    float: right;
}
  
.offset img {
    vertical-align: bottom;
}
  
.category-vietnam-war .single-article-width {
    max-width: 1200px;
}
  
#ajaxeventposts ul li:first-child .event-item-head {
    border-top: none !important;
}
  
.event-item .event-item-head {
    border-bottom: none !important;
    padding-top: .5em;
    border-top: 1px solid #a8aaac;
}

@media only screen and (max-width: 860px) {
	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.one-fifth,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
}

.postid-62 .series-top .primary {
    width: 100%;
}
	
.don-standard-levels.form-row {
    margin: 30px 0;
}
  
.mlab-modal-dialog {
    width: 100% !important;
    max-width: 800px;
}

.mlab-modal-header {
    border-bottom: none !important;
    padding: 15px 10px 10px 0 !important;
    min-height: 0 !important;
}

.mlab-modal-body {
    padding-top: 0 !important;
}

.mlab-modal-body > p {
	margin: 0 auto;
}

.mlab-modal-header .mlab-close {
    margin-top: -2px;
    cursor: pointer;
    float: right;
    transform: translateY(-14px);
}

.appArea {
    width: 100%;
}

label.wrapable {
    padding: 4px 0 0 10px;
}

.poster-grid li {
    float: left;
    width: 25%;
    list-style-type: none;
    text-align: center;
    padding: 5px 5px;
}

.poster-grid li:hover {
    opacity: .7;
    transition: ease 300ms all;
}
  
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
  
@media only screen and (min-width:600px) {
.donation-levels .donation-level-container {
    width: 25%;
    float: left;
}
}
  
@media only screen and (max-width:599px) {
.donation-levels .donation-level-container {
    width: 100%;
}
.poster-grid li {
    width: 50%;
}  
}

  /*removes funding page from sidebar menu*/
  .page-item-1664 .page-item-3365 {
    display: none;
}