/* AAEM Video (Vimeo) CSS */


/* player */
#videoContainer{
	display: table;
	width: 100%;
	background: #E3E5EA;
	padding: 5px 25px;
	font-family:font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    ;
}

#videoContainer .entry{
	margin: 10px 0 0 0;
	background-color:#eee;
}

#videoContainer .title, h2.title{
	line-height: inherit;
	font-size: 1.6em;
	color: #50585A;
}
#videoContainer iframe {
	width: 70%;
	display: inline-block;
	float: left;
}
#videoContainer > iframe {
	min-height: 450px;
}
#dlContainer {
	width: 30%;
	display: inline-block;
	float: right;
	padding: 15px 25px;
}
#videoContainer .speaker{
	font-style:italic;
}
#videoContainer .designation{
	font-style:italic;
}
#videoContainer .duration{
	font-style:italic;
	color:#A61F35; /* #aaa; */
	font-size:10px;
}
#videoContainer .description{
	font-size:1apx;
	display:block;
	width: calc(100% - 100px);
}
#videoContainer .view_btn{
	float:right;
	margin:0 10px 0 10px;
}
#videoContainer .view_btn img{
	border:0;
}
/* download button styles */
#videoContainer .dlButton {
	color: #fff;
	font-size: 1.0em;
	/* font-weight: bold; */
	margin: 5px 5px 5px 0;
	width: 175px;
	display:inline-block;
}	
#videoContainer .dlButton a {
	background: none repeat scroll 0 0 #AA2036;
	color: #fff;
	display: block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}	
#videoContainer .dlButton a:hover {
	background: none repeat scroll 0 0 #C40925;
	color: #fff;
}
/* archive */
#formWrapper{
	display: inline-block;
	padding: 25px 0;
}
h3.video-title {
	display: inline-block;
}
.memberAd{
	padding: 25px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.memberAd h3{
	margin:0 auto;
	padding: 0 !important;
	color:#aa2036;
	text-align:center !important;
}

/* listing styles */
#listingContainer{

}
#listingContainer .topic {
	background-color:#D0D0D0;
	padding: 10px 15px;
	color:#333;
}
#listingContainer .accordiontrigger{
	font-size:16px;
	font-weight: 600;
}

#listingContainer .entry{
	background-color:#eee;
}
#listingContainer .details{
	padding: 10px 15px;
}

#listingContainer .info {
	
}
#listingContainer .info .title {
		font-weight: 600;
	font-family:font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    ;
    font-size: .9em;
	margin: 5px 0;   
}
#listingContainer .info > div {
	font-size: .9rem;
	margin: 8px 0;
}
#listingContainer .info .duration {

}
#listingContainer .info .speaker {

}
#listingContainer .info .designation {

}
#listingContainer .description{
	font-size:10px;
	display:block;
}
#listingContainer .memberAd button {
	margin: 15px 0;
}
#listingContainer .entry .view_btn{
	margin: 15px 0;
}

#formWrapper{
	float:right;
	display:table;
}

/* UI Accordion styles override */

/* corner radius */
#listingContainer .ui-corner-all, #listingContainer .ui-corner-bottom, #listingContainer .ui-corner-right, #listingContainer .ui-corner-br {
	border-bottom-right-radius: 0px;
}
#listingContainer .ui-corner-all, #listingContainer .ui-corner-bottom, #listingContainer .ui-corner-left, #listingContainer .ui-corner-bl {
	border-bottom-left-radius: 0px;
}
#listingContainer .ui-corner-all, #listingContainer .ui-corner-top, #listingContainer .ui-corner-right, #listingContainer .ui-corner-tr {
	border-top-right-radius: 0px;
}
#listingContainer .ui-corner-all, #listingContainer .ui-corner-top, #listingContainer .ui-corner-left, #listingContainer .ui-corner-tl {
	border-top-left-radius: 0px;
}

/* default [closed] view */
#listingContainer .ui-state-default, #listingContainer .ui-widget-content .ui-state-default, #listingContainer .ui-widget-header .ui-state-default, #listingContainer .ui-button, #listingContainer .ui-button.ui-state-disabled:hover, #listingContainer .ui-button.ui-state-disabled:active {
	background: #50585A none repeat scroll 0 0;
	border: 1px solid #50585A;
	color: #ffffff;
	font-weight: normal;
}	
/* default (closed) icon */
#listingContainer .ui-state-default .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png");
}

/* default [open] view */
#listingContainer .ui-state-active, #listingContainer .ui-widget-content .ui-state-active, #listingContainer .ui-widget-header .ui-state-active {
	background: #EC1C2D none repeat scroll 0 0;
	border: 1px solid #EC1C2D;
	color: #ffffff;
	font-weight: normal;
}
/* default (open/active) icon */
#listingContainer .ui-state-active .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png");
	/* background-image: url("../images/ui-icons_555555_256x240.png"); */
}

/* accordion content */
#listingContainer .ui-accordion .ui-accordion-content {
	border-top: 0 none;
	overflow: auto;
	padding: 0;
}


.memberAd{
	padding: 10px 5px;
	display:table;
	width:100%;
	text-align:center;
}
.memberAd h3{
	margin:0;
	color:#aa2036;
}
/* ========================= MEDIA QUERIES ============================ */
/* desktop ----------- */
@media only screen and (max-width: 1200px) {

}
/* tablet (landscape) ----------- */
@media only screen and (max-width: 1170px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#videoContainer iframe {
    width: 100%;
    float: none;
	margin: 15px 0;
}
	#dlContainer {
		width: 100%;
		float: none;
		text-align: center;
	}
}
/* tablet (portrait) ----------- */
@media only screen and (max-width: 768px), only screen and (max-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#videoContainer iframe {
    width: 100%;
    float: none;
}
}
/* mobile phone (landscape) ----------- */
@media only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

	#listingContainer .entry .view_btn{
		text-align: center;
	}
	#videoContainer iframe {
	    width: 100%;
	    float: none;
		  height: auto;
		margin: 25px 0;
	}
	#dlContainer {
		width: 100%;
		float: none;
		text-align: center;
	}
}
/* mobile phone (portrait)----------- */
@media only screen and (max-width: 375px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}