/**
 * WP-OER Plugin
 * Resource Page Stylesheet
 * Version : 0.1
 **/
.oer-cntnr { width:100%; margin:0 auto; overflow:hidden; }
.oer_sngl_resource_wrapper { width: 100%; margin-bottom: 10px; overflow:hidden; }
.oer-rsrclftcntr-img { float: left; width: 42%; /*margin-right: 35px;*/ }
.oer-rsrclftcntr-video { padding-right:0; overflow:hidden; }
.oer-rsrclftcntr-video .videoWrapper { padding-top:0; }
.oer-rsrccntr-details { margin-top:15px; }
.oer-rsrclftcntr .oer-sngl-rsrc-dscrptn h2 { margin-top:0; }
.oer-rsrclftcntr .oer-sngl-rsrc-dscrptn { padding-bottom:0; }
.oer-rsrcrghtcntr { float: left; width: 54%; padding: 0 0 0 15px; box-sizing: border-box; }
.oer-sngl-rsrc-url { float: left; font-size: 26px; padding: 0 0 10px 0; line-height: 28px; text-align: left; width: 100%; }
.oer-sngl-rsrc-url a { text-decoration: none; color: #333; }
.oer-sngl-rsrc-img { position: relative; border: 2px solid #dddddd; float: left; width: 100%; }
.oer-sngl-rsrc-img:hover { border: 2px solid #444; }
.oer-sngl-rsrc-img .oer-featureimg { width: auto; }
.oer-sngl-rsrc-img a { color: #444; text-decoration: none; }
.oer-sngl-rsrc-img .oer-rsrcurl { background: none repeat scroll 0 0 #a8aaab; bottom: 0; left: 0; right: 0; padding: 10px; position: absolute; width: auto; /*color: #0c5598; font-style: italic;*/ text-align: right; /*font-size:1.15rem;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oer-rsrcrghtcntr .oer-rsrcctgries { float: left; margin: 0px; width: 100%; padding-bottom: 5px; }
.oer-rsrcctgries a { /* background: none repeat scroll 0 0 #085394; border: 1px solid #000000; color: #ffffff;float: left;*/ padding: 10px 10px; /*text-decoration: none;*/ width: auto; margin: 0 10px 7px 0; /*font-weight: bold;*/ }
.oer-rsrcctgries a:hover { /*background: none repeat scroll 0 0 #06457C;*/ }
.oer-sngl-rsrc-dscrptn { float: left; font-size: 15px; line-height: 20px; width: 100%; padding-bottom: 15px; }
.oer_sngl_resource_wrapper h1 { font-weight: bold; margin-bottom: 8px; font-size: 22px; color: #000; }
.oer-cbxl { float: left; margin-bottom: 5px; width: 100%; }
.oer-cbxl > h3 { margin-top:3px; margin-bottom: 5px; font-weight: bold; font-size: 14px; width: auto; float: left; margin-right: 15px; }
.oer-view { float: left; /*font-size: 15px;*/ }
.oer-cbxl .oer-view a { color: #1d57a8; text-decoration: underline; width: auto; font-size: 15px; vertical-align:top; }
.oer-mediaType { margin-top: 0px; }
.oer-rsrckeyword { width: 100%; float: left; margin-top: 25px; }
.oer-rsrckeyword .oer_meta_container span a:hover {  /*background: none repeat scroll 0 0 #777;*/ }
.oer-rsrckeyword h3 { margin-top:0; float: left; font-size: 20px; font-weight: bold; line-height: 22px; margin-bottom: 10px;margin-right: 15px; width: 100%; }
.oer-rsrckeyword .oer_meta_container { float: left; font-size: 15px; margin: 0; padding-left: 0; width: 100%; }
.oer-rsrckeyword .oer_meta_container span,
.oer-rsrcrghtcntr .oer-rsrcctgries span { width: auto; float: left; margin: 0 10px 7px 0; padding: 0px; border: medium none; border-radius: 0px; font-size:14px; }
.oer-rsrckeyword .oer_meta_container span a,
.oer-rsrcrghtcntr .oer-rsrcctgries span a{ /*background: none repeat scroll 0 0 #999999; border: 2px solid #085394; color: #ffffff; font-weight: bold;*/ float: left; padding: 6px 12px; /*text-decoration: none; width: auto;*/ }
.oer-sngl-rsrc-meta { width: 100%; float: left; margin-top: 30px; }
.oer-rsrclftcntr { float: right; width: 50%; }
.oer-sngl-rsrc-dscrptn h2 { font-size:22px; font-weight:bold; margin:10px 0; color:#000000; }
.oer_sngl_resource_wrapper h1 { font-size:24px; font-weight:bold; }
.oer_sngl_resource_wrapper h3 { font-size:20px; }
.oer_sngl_resource_wrapper h4 { margin-top: 0; float: left; font-size: 15px; font-weight: bold; line-height: 2em; margin-bottom: 10px; margin-right: 15px; width: auto; }
.oer-rsrcctgries ul li.cat-item { list-style:none; display:inline-block; }
.oer-featureimg img { width:100%; }
.oer-core-title { margin-top:15px; }
.oer-core-title:first-child { margin-top:0; }
.oer-core-title h4 { float:none; }
.oer_sngl_notation { margin-right:5px; }
.oer_sngl_stndrd { clear:both; }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.oer-sngl-rsrc-img .oer-rsrcurl.left { text-align:left; }
.oer-cbxl h4 span { font-size: 0.85em; font-weight: normal; color: #000000; }
/** For Mobile styles **/
@media screen and (min-width: 960px) {
    .oer-sngl-rsrc-dscrptn { width: 100%; }
    
}
@media screen and (max-width: 600px) {
    .oer-rsrclftcntr-img { margin-bottom:15px; overflow:hidden; }
}