/*=============================
    Press Page (Sept. 2018)
==============================*/



/*** PRESS GALLERY ***/

#press-gallery .title {
	clear: both;
}

#press-gallery img {
	width: 100%;
	height: auto;
}

#press-gallery .press-grid-item {
	width: 20%;
	padding: 2%;
	position: relative;
	}

		@media all and (max-width: 910px) {
			#press-gallery .press-grid-item {
				width: 28%;
			}

		}

		@media all and (max-width: 600px) {
			#press-gallery .press-grid-item {
				width: 42%;
				padding: 3%;
			}
		}

#press-gallery .col { /* puts logos in a row */
	display: inline-block;
	float: none;
}

#press-gallery .press-grid-item.hover:hover {
	opacity: .5;
}

#press-gallery .press-grid-item.nohover:hover {
	opacity: 1;
}

#press-gallery .nolink { /* for no action to be taken on awards */
	cursor: default;
	color: inherit;
}


		#press-gallery .rollover-text * {
			-webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
		}

				#press-gallery .rollover-text h2 {
					opacity: 0;
					position: absolute;
					top: 50%;
				    left: 50%;
				    transform: translate(-50%, -50%);
				}

				#press-gallery .rollover-text h2 { /* override main.css  */
					color: #000;
				}

						@media all and (max-width: 600px) {
							#press-gallery .rollover-text h2 {
								font-size: 1.1em;
							}
						}

						#press-gallery .rollover-text:hover h2 {
							opacity: 1;
						}

				#press-gallery .rollover-text img {
					opacity: 1;
				}

						#press-gallery .rollover-text:hover img {
							opacity: .1;
						}

/*** PRESS INDIVIDUAL ***/


.press-youtube-iframe iframe {
	width: 65vw;
	height: 37.25vw;
}

		@media all and (max-width: 600px) {
			.press-youtube-iframe iframe {
				width: 85vw;
				height: 48.25vw;
			}
		}


.single-pressitem .content-section {
	padding-bottom: 50px;
}

		/*** VIEW ARTICLE/READ MORE BUTTON ***/
                .press-grid-item .view-article.link {
                    text-align: left;
                    float: left;
                    font-size: .8em;
                    text-transform: uppercase;
                    font-weight: 400;
                    letter-spacing: 2px;
                    text-decoration: none!important;
                    padding: 8px 13px;
                    border: 1px solid #000;
                    margin: 10px 0 20px;
                }

                    .press-grid-item:hover .view-article.link {
                        background-color: #000;
                        color: #fff!important;
                    }


                .single-pressitem a {
                	color: #000;
                }



                .single-pressitem a img {
                	opacity: 1;

                	margin-bottom: 20px;
                	max-height: 800px;
                	width: auto;
                	max-width: 100%;

               -webkit-transition: all .3s ease;
		            -moz-transition: all .3s ease;
		            -ms-transition: all .3s ease;
		            -o-transition: all .3s ease;
		            transition: all .3s ease;
                }

                	.single-pressitem a div.imagetext img {
                		width: 100%;
                	}


                .single-pressitem a:hover img {
                	opacity: .6;
		            -webkit-transition: all .3s ease;
		            -moz-transition: all .3s ease;
		            -ms-transition: all .3s ease;
		            -o-transition: all .3s ease;
		            transition: all .3s ease;
                }

                .single-pressitem .content-section .col1 p { /* make sure images are aligned center */
                	text-align: center;
                }

                .single-pressitem .content-section .col1 { /* overrides main.css */
                	margin: 0;
                }

                .single-pressitem h2 {
                	margin-bottom: 20px;
                }