/* SECTION STYLES - VIDEO.CSS */ h1 { color:#EB2026; font-size:2.5em; font-weight:900; font-family:"Helvetica Neue", sans-serif; line-height:1.1em; margin-bottom:10px; } h1 a:hover { text-decoration:none; } h2 { color:#000000; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; } h3 { color: #000000; font-family: "Helvetica Neue",sans-serif; font-size: 1.5em; font-weight: 900; line-height: 1.1em; } .scroller-wrapper { background-color:#F8FAF9; padding:10px 0; display:inline-block; width:100%; max-width:1440px; overflow:hidden; margin-top:74px; position:relative; height:51px; } .scroller-wrapper .scroller { display:inline-block; position:absolute; top:10px; left:0; } .scroller-wrapper .scroller .post { float:left; width:213px; padding-left:20px; border-right:2px solid #EBEBEB; } .scroller-wrapper .scroller .post .label { text-transform:uppercase; } .scroller-wrapper .scroller .post .label a { font-size:0.6em; font-weight:bold; color:#919191; text-decoration:none; } .scroller-wrapper .scroller .post .label a:hover { color:#EB2026; } .scroller-wrapper .scroller .post .title a { color:#000000; font-size:0.7em; font-weight:bold; display:inline-block; line-height:1.3em; } .scroller-wrapper .nav { position:absolute; top:0; right:0; cursor:pointer; } .scroller-wrapper .nav div { height:35px; } .scroller-wrapper .nav .right {} .scroller-wrapper .nav .left {} .landing-header { width:100%; text-align:right; padding:0 0 10px; border-bottom:7px solid #EB2026; } .landing-header .label { padding-top:12px; display:inline-block; color:#919191; font-size:0.75em; } .landing-header img { vertical-align:middle; } .section-border { border-bottom: 2px solid #ebebeb; display: block; height: 2px; padding-top: 40px; position: relative; top: 17px; width: 100%; } .author-section { background-color: #eb2026; color: #ffffff; display: inline-block; font-family: "ROBOTO",sans-serif; font-size: 0.7em; font-weight: bold; padding: 12px 15px; position: relative; text-transform: uppercase; word-spacing: 0.7em; } .section-tab { border-bottom: 17px solid #710e11; border-right: 13px solid transparent; height: 0; position: absolute; right: -13px; top: 0; width: 0; } .dos-col .alpha { padding-top:0 !important; } .author-top { display: inline-block; margin-top: 0; padding-bottom: 0; width:100%; } .author-title-wrapper .author-photo { display:inline-block; border-radius:50px; height:100px; overflow:hidden; } .author-title-wrapper .author-photo img { width:100px; } .author-title-wrapper .title-container { border-bottom:2px solid #EBEBEB; display:inline-block; width:100%; } .author-title-wrapper .title-container .author-title { font-family: "ROBOTO",sans-serif; width:75%; float:left; } .author-tools { color:#B6B6B6; font-size:0.85em; margin:10px 0 0; display:inline-block; } .author-tools div { float:left; width:auto; padding:0 10px 0 25px; margin:5px; } .author-tools .tweet { background:url('/concepts/images/red-stream-tweet-icon.png') no-repeat scroll 0 3px transparent; } .author-tools .email { background:url('/concepts/images/red-mail-icon.png') no-repeat scroll 0 0 transparent; } .author-tools .email a, .author-tools .tweet a, .author-tools .rss a { color:#B6B6B6; } .author-tools .rss { background:url('/concepts/images/red-rss-icon.png') no-repeat scroll 0 0 transparent; } .author-body-text { clear: both; font-family: "Domine",serif; font-size: 0.9em; line-height: 1.9em; padding: 0 5px 10px 0; } .author-body-text p { margin:20px 0; padding-right:0; } .author-social { text-align: right; font-size:0.95em; font-weight:bold; margin-top:0; width:25%; float:left; } .author-social .socialBar { padding:35px 0 0; width:100%; } .author-social .socialBar .left { float:right; } .socialBar-clicks { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; } .socialBar-clicks .label { color: #919191; font-size: 0.8em; text-transform: capitalize; } .socialBar-divide { color: #b7b7b7; display: inline-block; height: inherit; padding: 0 3px; vertical-align: middle; } .socialBar-shares { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; } .socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; } .author-archive {} .author-archive .header { display:inline-block; margin-bottom:15px; width:100%; border-top:7px solid #000000; padding-top:15px; } .author-archive .header .label { float:left; width:auto; } .author-archive .header .label h3 { margin:0; } .author-archive .header .years { width:auto; float:right; } .author-archive .header .years select { width:100%; min-width:130px; padding:5px; color:#808080; font-weight:bold; border:2px solid #EBEBEB; } .author-archive .posts { display:inline-block; } .author-archive .posts ul { margin:0; padding:0; } .author-archive .posts .item { border-bottom:2px solid #EBEBEB; margin:15px 0; padding-bottom:30px; display:inline-block; width:100%; } .author-archive .posts .item:last-child { border-bottom:none; } .author-archive .posts .item a { font-family:"Roboto", sans-serif; } .author-archive .posts .item a.image { color: inherit !important; } .author-archive .posts .item .photo { float:left; position: relative; } .author-archive .posts .item .photo img { width:250px; border:3px solid; width:250px; margin-right:20px; min-height:100px;} .author-archive .posts .item .photo img.video { border: 3px solid; width: 250px; margin-right: 20px; min-height: 100px; /*height: 250px;*/ max-width: 250px; } .author-archive .posts .item .photo img.icon { border: none !important; position: absolute; /* top: 30%; */ top: 50%; left: 46%; max-width: 100px; transform: translate(-50%, -50%); } .author-archive .posts .item .date {font-size: 0.8em;color: #EB2026;} .author-archive .posts .item .title a { font-size:1em; font-weight:bold; } .author-archive .posts .item .source a { font-size:0.8em; } .author-archive .posts .item .excerpt { font-family:"Domine", serif; font-size:0.9em; line-height:1.6em; /*margin-left:265px;*/ } .footer-wrapper { display:inherit; } .RC-AD-MOBILE-BANNER {display:none; width:320px; min-height:50px; margin:1em auto;} /*.alpha .RC-AD-TOP-BANNER {display:block; width:728px; margin: 1em auto;}*/ .top-banner .RC-AD-TOP-BANNER {display:block; width:728px; margin: 1em auto;} .top-banner {border-bottom: 1px solid #EBEBEB;} /**************************** AUTHOR PAGINATION *******************************/ .pagination_container { background: #fdfdfd; padding: 1rem; margin: 3rem auto; border-radius: 0.2rem; text-align: center; } .pagination_container:after { clear: both; content: ""; display: table; } .pagination_container ul { width: 100%; } .pagination_container ul, .pagination_container li { list-style: none; display: inline; padding-left: 0px; } .pagination_container li:hover a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20; } .pagination_container li.active a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20; } .pagination_container li:first-child { float: left; } .pagination_container li:first-child a:after { content: "Previous"; } .pagination_container li:last-child { float: right; } .pagination_container li:last-child a:after { content: "Next"; } .pagination_container li a { border: solid 1px #d7d7d7; border-radius: 0.2rem; color: #7d7d7d; text-decoration: none; text-transform: uppercase; display: inline-block; text-align: center; padding: 0.5rem 0.9rem; cursor:pointer; } .pagination_container.xsmall li a { display: none; } /*.pagination_container.xsmall li:first-child a:after { content: "<"; }*/ /*.pagination_container.xsmall li:last-child a:after { content: ">"; }*/ .pagination_container.xsmall li.active a { display: inline-block; } .pagination_container.xsmall li.away_1 a, .pagination_container.xsmall li.away_2 a, .pagination_container.xsmall li.away_3 a, .pagination_container.xsmall li.away_4 a, .pagination_container.xsmall li.away_5 a, .pagination_container.xsmall li.away_6 a, .pagination_container.xsmall li.away_7 a, .pagination_container.xsmall li.away_8 a { display: inline-block; } .pagination_container.xsmall li:first-child a { display: inline-block; } .pagination_container.xsmall li.away_far:nth-child(2) a { display: inline-block; } .pagination_container.xsmall li.away_far:nth-child(3) { display: inline-block; } .pagination_container.xsmall li.away_far:nth-child(3):before { padding: 0 1rem; content: "..."; } .pagination_container.xsmall li:last-child a { display: inline-block; } .pagination_container.xsmall li.away_far:nth-last-child(2) a { display: inline-block; } .pagination_container.xsmall li.away_far:nth-last-child(3) { display: inline-block; } .pagination_container.xsmall li.away_far:nth-last-child(3):after { padding: 0 1rem; content: "..."; } /********************************************************** RESPONSIVE STYLES **************************************************************/ /* BASE VIDEO RESPONSIVE STYLES - DESKTOP & TABLET */ @media only screen and (max-width: 1125px) { .alpha .RC-AD-TOP-BANNER {display:none;} .top-banner .RC-AD-TOP-BANNER {display:block;} } @media only screen and ( max-width : 1024px ){ .gamma { display:none; } } @media only screen and (min-width: 768px) { .author-title-wrapper {border-bottom: 2px solid #EBEBEB; padding-bottom:1em;} .author-title-wrapper .author-photo {display:inline-block;} .author-title-wrapper .title-container {border:none; width:auto; padding-left:1em;} .author-title-wrapper .title-container .author-title {width:auto; float:none;} .author-social {width:auto; float:none; text-align:left;} .author-social .socialBar {padding: 0; width:auto;} } @media only screen and (min-width: 768px) { /*Send author's name and social tools to the right of the photo on iPad and up*/ .author-title-wrapper {border-bottom: 2px solid #EBEBEB; padding-bottom:1em;} /*.author-title-wrapper .author-photo {display:inline-block;}*/ .author-title-wrapper .title-container {border:none; width:auto; padding-left:1em;} .author-title-wrapper .title-container .author-title {width:auto; float:none;} .author-social {width:auto; float:none; text-align:left;} .author-social .socialBar {padding: 0; width:auto;} } /* SMARTPHONE STYLES */ @media only screen and ( max-width : 767px ){ .RC-AD-MOBILE-BANNER {display:block;} .top-banner {border-bottom: none;} .RC-AD-TOP-BANNER {display:none !important;} .author-top { margin-top:0; } .author-title-wrapper .author-photo { text-align:center; } .author-title-wrapper .title-container .author-title { width:100%; } .author-social { width:100%; } .author-social .socialBar { padding:0; } .author-social .socialBar .left { float:left; } body.author .author-title-wrapper { margin-top:10px; } .body-photo-inline .body-photo:hover .hover-social { display: none; } .author-archive .posts .item .photo { width:100%; min-height:0; } .author-archive .posts .item .photo img { width:97%; } .author-archive .posts .item .excerpt { margin-left:0; } } @media only screen and ( max-width : 414px ){ .author-title-wrapper .author-title h1 { font-size:2em; margin:0 0 10px; } } @media only screen and ( max-width : 320px ){ .author-archive .header .label { width:100%; } .author-archive .header .years { float:left; } .RC-AD-MOBILE-BANNER {margin-left:-10px;} }