/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/** Start LCCash Camsoda CSS **/

#cams{
	margin:20px auto;
}
div :is(#single-cam h1, #cams h1 ) {
    background: #5f5f5f;
    font-size: 1.6em;
    padding: 3px 10px;
    font-weight: 600;
    color: #f7f7f7;
    margin: 5px 0;
}
#cams .models , .related {
    display: grid;
	grid-template-columns:repeat(auto-fill,minmax(19%,1fr));
	grid-gap:2px;

}
#cams .cam , .related .cam {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #555;
}
#cams .cam .live-thumb img , .related .cam .live-thumb img {
	 min-height:10em;
	-webkit-filter: contrast(160%);
    filter: contrast(160%);
    -webkit-filter: saturate(170%);
    filter: saturate(170%);

}
#cams .cam .live-thumb p , .related .cam .live-thumb p {
	margin-bottom: 0;
    padding: 1px 5px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: relative;
    top: -1.8em;
    color: #fff;
    font-size: 0.9em;
    font-weight: 500;
	max-height:1.8em;
	overflow:hidden;
}
#cams .cam .subject p , .related .cam .subject p{
	font-size: .8em;
    padding: 0 5px;
    margin-bottom: 0;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

}
#cams .cam .subject {
	margin-top:-1.6em;
}
#single-cam {
	align-content: space-around;
    justify-content: center;
	margin: 10px auto;
}
#single-cam iframe {
	display: unset;
	min-height:45rem;
	height:100%;
}
#single-cam video {
	width:100%;
	min-height:35em;
	height:auto;
	background:#222;
}
#single-cam .model-info {
    flex-basis: 45%;
}
#single-cam h1{
	padding:0 0 0 10px !important;
}
.related :is(h1,h2,h3) {
	grid-column:1/-1;
}
#cams nav {
	grid-column:1/-1;
	margin: 0 auto;
}
#cams nav a{
	margin:0 10px;
}
.cam-heading h1 {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.cam-heading h1 .register-button {
    padding: 8px 15px;
    font-size: 20px;
    text-transform: uppercase;
}
.cta-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 960px;
    width: 100%;
    align-items: baseline;
	margin: 0 auto;
}
.register-button , .medialink-button {
	background:#05b0fa;
	padding: 10px 12px;
	color:white;
	text-decoration:none !important;
	font-weight:500;
	transition: transform .5s;
	border-radius:3px;
}
.medialink-button{
	background:#f841b5;
}
div :is(.register-button,.medialink-button):hover{
	transform: scale(1.05);
	color:#ffffff;
}
@media screen and (max-width:900px){
	#cams .models {
		grid-template-columns:repeat(auto-fill,minmax(24%,1fr));
	}
}
@media screen and (max-width:580px){
	#cams .models {
		grid-template-columns:repeat(auto-fill,minmax(49%,1fr));
	}
	#single-cam embed {
	min-height:56rem;
	}
}

/** End LCCASH Camsoda CSS **/