/*primary highlight color*/ .pjs-mm-color {color:#c34436 !important;} /*PlainJoe Studios Media Manager styles*/ #pjs-mm-container {width:100%; height:auto; clear:both; overflow:hidden; margin:0 auto;} #pjs-mm-container h1 {font:23px/23px 'Oswald', sans-serif; color:#c34436; text-transform:uppercase; border-bottom:1px solid #c34436; padding:20px 0 8px 26px; margin:0 0 20px;} #pjs-mm-container table {width:100%;} #pjs-mm-container td {vertical-align:top;} #pjs-mm-container iframe {max-width:825px; max-height: 480px; height: 100%; width: 100%; margin:0; padding:0; display:block;} #pjs-mm-container h1 {font:28px/28px 'Oswald', sans-serif !important; font-weight:300 !important; color:#c34436 !important; padding:0 !important; margin:0 !important; border:0 !important;} #pjs-mm-container h2 {font:16px/32px 'Oswald', sans-serif !important; font-weight:300 !important; padding:0 !important; margin:0 !important; color:#c34436;} #pjs-mm-container h2.pjs-mm-color a {color:#c34436;} #pjs-mm-container h2.pjs-mm-color a:hover {color:#37939e;} #pjs-mm-container h2 span.pjs-mm-cii-date {font-style:italic !important;} #pjs-mm-media-section {width:991px; height:557px;} /*Current video info box*/ #pjs-mm-current-info {width:100%; min-height:97px; border-top:1px solid #d9d9da; background:#e8e8e8 url(/wp-content/plugins/plainjoe-media-manager/images/bg-tile-box-info.gif) repeat-x; clear:both; margin:0 auto 42px;} #pjs-mm-ci-inner {padding:15px 9px 10px 14px;} #pjs-mm-current-info td {color:#242423;} .pjs-mm-ci-img {width:145px;} .main-content .pjs-mm-ci-img div {width:150px; margin-right:10px; overflow:hidden; height: auto; background: transparent;} .pjs-mm-ci-img div img {max-width:150px; height:auto; margin:0px !important;} .pjs-mm-ci-info {border-left:1px solid #d9d9da; border-right:1px solid #d9d9da; font-size:14px; line-height:17px; color:#313131; padding-right:10px; padding-left:10px;} .pjs-mm-ci-info-more {display:none;} .pjs-mm-speaker {padding:10px 0 0 0; color:#747473;} .pjs-mm-more-btn {width:51px; height:13px; text-align:center; margin:5px auto 0; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-more-less.png) 0 0 no-repeat; text-indent:-9999px; cursor:pointer;} .pjs-mm-less-btn {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-more-less.png) 0 -13px no-repeat;} .pjs-mm-ci-info .addthis_toolbox {padding-top:15px;} .pjs-mm-ci-links {width:192px; padding-left:10px;} .main-content .pjs-mm-cil {background: transparent; padding-left: 0; padding-top: 0px;} .pjs-mm-cil-actions {height:auto; width:100%; clear:both; text-align:center;} .pjs-mm-cil-actions div {display:block; width:100%; text-align:center;} .pjs-mm-cil-actions a.pjs-mm-btn-watch, .pjs-mm-cil-actions a.pjs-mm-btn-listen, .pjs-mm-cil-actions a.pjs-mm-btn-notes, .pjs-mm-cil-actions a.pjs-mm-btn-download-audio, .pjs-mm-cil-actions a.pjs-mm-btn-download-video, .pjs-mm-cil-actions a.pjs-mm-btn-mobile, .pjs-mm-cil-actions a.pjs-mm-btn-purchase {display:inline-block; line-height:0; text-indent:-9999px;} .pjs-mm-cil-actions a.pjs-mm-btn-watch {width:54px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) 0px 0px no-repeat; margin:0 0px 0px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-watch:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) 0px -34px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-listen {width:58px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -52px 0px no-repeat; margin:0 0px 0px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-listen:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -52px -34px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-notes {width:54px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -108px 0px no-repeat; margin:0 0px 0px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-notes:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -108px -34px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-download-audio {width:52px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -224px 0px no-repeat; margin:0 0px 15px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-download-audio:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -224px -34px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-download-video {width:54px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -168px 0px no-repeat; margin:0 0px 0px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-download-video:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -168px -34px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-mobile {width:52px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -364px 0px no-repeat; margin:0 0px 0px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-mobile:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -364px -48px no-repeat;} .pjs-mm-cil-actions a.pjs-mm-btn-purchase {width:67px; height:34px; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -274px 0px no-repeat; margin:0 0px 15px 0px;} .pjs-mm-cil-actions a.pjs-mm-btn-purchase:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-watch-listen-notes.png) -274px -34px no-repeat;} .pjs-mm-cil-social {height:auto; clear:both; padding-top:18px; text-align:center;} .pjs-mm-cils-fb {width:86px; height:25px; float:left;} .pjs-mm-cils-fb a {width:86px; height:25px; display:block; line-height:0; background:#494848 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) 0 0 no-repeat; text-indent:-9999px;} .pjs-mm-cils-fb a:hover {height:25px; background:#3b5998 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) 0 0 no-repeat;} .pjs-mm-cils-tw {width:86px; height:25px; float:left;} .pjs-mm-cils-tw a {width:86px; height:25px; display:block; line-height:0; background:#696969 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) -86px 0 no-repeat; text-indent:-9999px;} .pjs-mm-cils-tw a:hover {height:25px; background:#37d1e8 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) -86px 0 no-repeat;} .pjs-mm-cils-yv {width:212px; height:25px; float:left;} .pjs-mm-cils-yv a {width:212px; height:25px; display:block; line-height:0; background:#838383 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons-youversion.png) no-repeat center; text-indent:-9999px;} .pjs-mm-cils-yv a:hover {height:25px; background:#769254 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons-youversion.png) no-repeat center;} /*Title / Search Box*/ .pjs-mm-title-well {padding:0 0 25px 0; clear:both; border-bottom: 1px #c34436 solid; margin-bottom: 25px; } .pjs-mm-title-well-inner {border-bottom: 1px solid #2a3b49;} #pjs-mm-container select {background:#e9e9e9; border:0 none; outline:none; font-size:11px; padding:7px 8px 4px 8px; text-transform:uppercase !important; width:170px; margin:0 0 3px 0; color:#c34436;} .pjs-mm-title-well-inner h1 {float:left;} .pjs-mm-title-well-inner select {float:right;} #selectSortOrder {text-transform:uppercase; margin-bottom:0 0 5px 0;} #pjs-mm-searchbox {width:172px; height:27px; float:right; margin:0 0 3px 16px;} #pjs-mm-searchbox-search {width:172px; height:27px; background:#e9e9e9; float:right; margin-top:-55px; margin-right:30px} #pjs-mm-searchbox-inner {width:172px; height:27px; background:#e9e9e9;} .pjs-mm-search-box {width:135px; font-size:11px; background:transparent; margin:7px 0 0 8px; border:0; text-transform:uppercase; outline:0;} .pjs-mm-search-box input[type="text"] {width:135px; font-size:11px; background:transparent; margin:7px 0 0 8px; border:0; text-transform:uppercase;} .pjs-mm-search-box input[type="text"] {width:135px; font-size:11px; background:transparent; margin:5px 0 0 8px; border:0; text-transform:uppercase; -webkit-box-shadow:none; box-shadow:none; webkit-transition:none; padding:0px;} .pjs-mm-search-btn {width:20px; height:20px; vertical-align:middle; margin:-1px 0 0 2px;} /*Gallery of large images for series*/ #pjs-mm-media-gallery {clear:both;} .pjs-mm-mg-item {float:left; margin:0 0 12px 0; position:relative; cursor:pointer; max-width:210px; max-height:210px;} .main-content .pjs-mm-mg-item img {width:197px; height:197px; margin:0;} .pjs-mm-mgi-corner {width:0; height:0; border-bottom:10px dashed transparent; border-left:10px solid #2a3b49; position:absolute;} .pjs-mm-mgi-txt {width:100%; height:100%; position:absolute;background:url(/wp-content/plugins/plainjoe-media-manager/images/bg-box.png) repeat; filter:alpha(opacity=0) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; -moz-opacity:0; -webkit-opacity:0; opacity:0;} .pjs-mm-mgit-inner {padding:13px 23px 15px 21px; font-size:13px; color:#3b3b3b; font-style:italic; } .pjs-mm-mgit-title {font-size:18px; color:#2a3b49; text-transform:none; line-height:23px; border-bottom:1px solid #ababac; padding:0 0 8px; margin:0 0 5px; font-style:normal;} .pjs-mm-mg-item a {display:block; line-height:0;} .pjs-mm-mgi-spacer {margin-right:12px;} /*Listing of sermons column on left with series gallery column on right*/ #pjs-mm-media-listing {width:auto; clear:both; margin:0 auto;} #pjs-mm-ml-sermons {width:635px; height:auto; float:left;} #pjs-mm-ml-sermons-cell {width:auto; height:auto; padding:0 9px 0 0;} .pjs-mm-ml-sermon {width:100%; min-height:149px; background:#e9e9e9; margin:0 0 22px; clear:both;} .pjs-mm-ml-sermon-img {width:177px; float:left; padding:5px 0 0 5px;} .pjs-mm-mlsi-holder {width:171px; height:113px; position:relative; margin:0; cursor:pointer; overflow:hidden;} .pjs-mm-mlsi-holder img {width:171px;} .pjs-mm-mlsi-txt {width:171px; height:113px; position:absolute; top:0; left:0; /*background:#000; background:rgba(0,0,0,0.5);*/} .pjs-mm-mlsi-txt div {height:98px; text-align:center; font:60px/80px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:15px 0 0; filter:alpha(opacity=80) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important; -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8;} .pjs-mm-mls-social {height:30px; clear:both; margin:5px 0;} .pjs-mm-mlss-fb {width:86px; height:25px; float:left;} .pjs-mm-mlss-fb a {width:86px; height:25px; display:block; line-height:0; background:#494848 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) 0 0 no-repeat; text-indent:-9999px;} .pjs-mm-mlss-fb a:hover {height:25px; background:#3b5998 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) 0 0 no-repeat;} .pjs-mm-mlss-tw {width:86px; height:25px; float:left;} .pjs-mm-mlss-tw a {width:86px; height:25px; display:block; line-height:0; background:#696969 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) -86px 0 no-repeat; text-indent:-9999px;} .pjs-mm-mlss-tw a:hover {height:25px; background:#37d1e8 url(/wp-content/plugins/plainjoe-media-manager/images/social-icons.png) -86px 0 no-repeat;} .pjs-mm-ml-sermon-desc {width:100%; padding:8px 22px 5px 10px; font-size:14px; line-height:19px; color:#313131;} #pjs-mm-ml-series {width:178px; height:auto; float:right;} #pjs-mm-ml-series-cell {width:178px; height:auto; position:relative;} #pjs-mm-mls-inner {width:178px; height:auto; margin:0;} #pjs-mm-mlsi-wrap {width:178px; height:auto; margin:0;} #pjs-mm-mlsi {} #pjs-mm-mlsi div {width:178px; height:174px; margin:0; background:#000; background:rgba(0,0,0,0.5); border:4px solid #e9e9e9; border-top:0; overflow:hidden;} #pjs-mm-mlsi div img {max-width:170px; height:170px;} #pjs-mm-mlsi div:first-child {border-top:4px solid #e9e9e9;} #pjs-mm-mlsi div a {display:block; line-height:0;} .jspPane {margin-left:0 !important;} /*Search results*/ #pjs-mm-search-query {margin:0 30px 26px 27px;} #pjs-mm-search-results {clear:both; margin:0 30px 0 27px;} .pjs-mm-sr-group {padding:0 0 25px; border-bottom: 1px dashed #bc8d8d; margin:0 0 27px;} .pjs-mm-sr-group:last-child {border:0;} .pjs-mm-srg-img {width:245px; position:relative;} .pjs-mm-srg-img img {max-width:230px; height:auto;} .pjs-mm-srg-content {clear:both; line-height:20px !important;} .pjs-mm-srg-content h3 {font-size:18px !important; font-weight:normal !important; padding:5px 0 10px;} .pjs-mm-srgc-list {clear:both; padding:10px 0 0;} .pjs-mm-srgc-item {min-height:55px; margin:13px 0 0; background:#e8e8e8 url(/wp-content/plugins/plainjoe-media-managerimages/bg-tile-search-results.gif) repeat-x;} .pjs-mm-srgci-img {width:84px; padding:4px 0 0 4px; line-height:0 !important;} .pjs-mm-srgci-img div {width:72px; height:47px; overflow:hidden; margin:0;} .pjs-mm-srgci-img div img {max-width:72px; height:auto;} .pjs-mm-srgci-img a {display:block;} .pjs-mm-srgci-txt {color:#313131; padding:8px 0 0; font-size:12px;} .pjs-mm-srgci-txt h2 {line-height:20px !important;} .pjs-mm-srgci-link {width:79px; height:40px; padding:7px 0 0; line-height:0 !important;} .pjs-mm-srgcil {height:40px; background:url(/wp-content/plugins/plainjoe-media-manager/images/gray-20.png) repeat-y; padding:7px 0 0 22px;} .pjs-mm-srgcil a {width:34px; height:31px; display:block; background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-view.png) 0 0 no-repeat; text-indent:-9999px;} .pjs-mm-srgcil a:hover {background:url(/wp-content/plugins/plainjoe-media-manager/images/btn-view.png) 0 -31px no-repeat;} .pjs-mm-dd-year {float:right; margin-right:17px !important;} .pjs-mm-dd-speaker-sort {float:left; margin-right:17px !important;} #pjs-mm-vid-container {width:100%; height:auto;} #pjs-mm-search-not-found {margin:0 0 0 20px;} #pjs-mm-search-loading {text-align:center;} .pjs-mm-clear {clear:both;} /*Pagination for media series*/ .archive_pagination {float:right;} #page-change {width:25px; height:25px; text-align:center;} #page-change a {width:100%; height:100%; display:block; background:#EAEAEA; color:#506b4a;} #page-change a.page-selected {width:100%; height:100%; display:block; background:#506b4a; color:#ffffff;} #page-change a:hover {width:100%; height:100%; display:block; background:#506b4a; color:#ffffff;} #page-dim {width:25px; height:25px; text-align:center;} #page-dim a {width:100%; height:100%; display:block; background:#EAEAEA; color:#bbbbbb;} /*Itunes Links*/ #pjs-itunes-podcast-links {float:left; font:16px/16px Arial, Helvetica, sans-serif; color:#ee3f23; text-transform:uppercase;} #pjs-itunes-podcast-links ul {list-style:none; margin:0; padding:0;} #pjs-itunes-podcast-links li {float:left;} #pjs-itunes-podcast-links li.pjs-ipl-text {float:left; margin:5px 5px 0 0;} #pjs-itunes-podcast-links li.pjs-ipl-btn {float:left; margin:0px 2px;} #pjs-mm-media-section_logo {display:none;} .at_flat_counter { display: none; } @media (max-width: 1200px) { #pjs-mm-ml-sermons {width:485px;} #pjs-mm-media-section {height:465px !important;} } @media (max-width: 1199px) { #pjs-mm-media-section {height:381px !important;} .tvSidebar img {max-width:150px;} .tvSidebar > h3 {font-size:23px !important;} } @media (min-width: 992px) { #pjs-mm-media-section {width:991px; height:480px;} #pjs-mm-media-section_wrapper {width:100% !important; height:auto !important;} #pjs-mm-media-section_wrapper object {width:100% !important; height:480px !important;} } @media (max-width: 992px) { #pjs-mm-media-section {height:288px !important;} } @media (max-width: 979px) { #pjs-mm-media-section {width:790px; height:390px;} #pjs-mm-media-section_wrapper {width:100% !important; height:auto !important;} #pjs-mm-media-section_wrapper object {width:100% !important; height:390px !important;} .pjs-mm-ml-sermon-desc {width:auto;} #pjs-mm-ml-sermons {width:100%;} #pjs-mm-ml-sermons-cell {padding:0px;} } @media (max-width: 790px) { #pjs-mm-media-section {width:480px; height:270px;} #pjs-mm-media-section_wrapper object {width:100% !important; height:500px !important;} .pjs-mm-ci-img {display:none;} .pjs-mm-title-well-inner h1, .pjs-mm-title-well-inner select {float:none;} #pjs-mm-searchbox {float:none; margin-left:0;} .pjs-mm-ml-sermon-desc {width:100%;} #pjs-mm-ml-sermons {width:100%;} .tvSidebar > h3 {font-size:24px !important;} #pjs-mm-ci-inner {padding: 15px 9px 40px 14px;} } @media (max-width: 767px) { #pjs-mm-media-section {height:407px !important;} } @media (max-width: 600px) { #pjs-mm-media-section {height:313px !important;} } @media (max-width: 480px) { #pjs-mm-media-section {width:100% !important; height:244px !important;} /* #pjs-mm-media-section_wrapper { max-width:320px !important; height:180px !important;} */ /* #pjs-mm-media-section_wrapper object, #pjs-mm-media-section_wrapper embed, #pjs-mm-media-section_wrapper iframe, #pjs-mm-media-section_wrapper img { max-width:320px !important; height:180px !important;} */ .pjs-mm-title-divider {display:none;} .pjs-mm-ml-sermon-img {display:block; border-collapse:collapse; width:100%;} .pjs-mm-ml-sermon-desc {display:block; border-collapse:collapse; width:100%;} #pjs-mm-ci-inner {padding: 15px 9px 35px 14px;} } @media (max-width: 414px) { #pjs-mm-media-section {height:207px !important;} } @media (max-width: 375px) { #pjs-mm-media-section {width:99% !important; height:185px !important;} } @media (max-width: 320px) { #pjs-mm-media-section {height:154px !important;} #pjs-mm-ci-inner {padding: 15px 9px 13px 14px;} }