/* Theme Name: The Ring Theme URI: Description: The Ring Wordpress Theme Version:1.0 Author:http://p80w.com Author URI:http://p80w.com Tags:white, red, black, Worpdress 3, responsive */ /* Reset CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 2px; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-width:1px; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height:1; color: black; background: white; } a { color:#db4a4a; } ol, ul { /*list-style: none;*/ } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .alignleft { float:left; margin:0 20px 0 0; } .alignright { float:right; margin:0 0 0 20px; } .alignnone { margin: 5px 20px 20px 0; max-width: 100%; height: auto; } .aligncenter { display: block; margin: 0 auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; margin:0 auto 15px; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 12px !important; line-height: 17px; margin: 0 !important; padding: 0 4px ; text-align:center; } .wp-caption p.wp-caption-text.caption-left { text-align:left; } .wp-caption p.wp-caption-text.caption-right { text-align:right; } strong { font-weight:bold; } em { font-style:italic; } /* FONTS */ @font-face { font-family: 'montserrat_regular'; src: url('css/fonts/montserrat-regular-webfont.eot'); src: url('css/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/montserrat-regular-webfont.woff2') format('woff2'), url('css/fonts/montserrat-regular-webfont.woff') format('woff'), url('css/fonts/montserrat-regular-webfont.ttf') format('truetype'), url('css/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserrat_bold'; src: url('css/fonts/montserrat-bold-webfont.eot'); src: url('css/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('css/fonts/montserrat-bold-webfont.woff') format('woff'), url('css/fonts/montserrat-bold-webfont.ttf') format('truetype'), url('css/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('css/fonts/Montserrat-Black.eot'); src: url('css/fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('css/fonts/Montserrat-Black.woff2') format('woff2'), url('css/fonts/Montserrat-Black.woff') format('woff'), url('css/fonts/Montserrat-Black.ttf') format('truetype'), url('css/fonts/Montserrat-Black.svg#Montserrat-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'roboto_light'; src: url('css/fonts/roboto_light-webfont.eot'); src: url('css/fonts/roboto_light-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/roboto_light-webfont.woff2') format('woff2'), url('css/fonts/roboto_light-webfont.woff') format('woff'), url('css/fonts/roboto_light-webfont.ttf') format('truetype'), url('css/fonts/roboto_light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_bold'; src: url('css/fonts/open_sans_bold-webfont.eot'); src: url('css/fonts/open_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans_bold-webfont.woff2') format('woff2'), url('css/fonts/open_sans_bold-webfont.woff') format('woff'), url('css/fonts/open_sans_bold-webfont.ttf') format('truetype'), url('css/fonts/open_sans_bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_regular'; src: url('css/fonts/open_sans-webfont.eot'); src: url('css/fonts/open_sans-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/open_sans-webfont.woff2') format('woff2'), url('css/fonts/open_sans-webfont.woff') format('woff'), url('css/fonts/open_sans-webfont.ttf') format('truetype'), url('css/fonts/open_sans-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_black'; src: url('css/fonts/roboto_black-webfont.eot'); src: url('css/fonts/roboto_black-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/roboto_black-webfont.woff2') format('woff2'), url('css/fonts/roboto_black-webfont.woff') format('woff'), url('css/fonts/roboto_black-webfont.ttf') format('truetype'), url('css/fonts/roboto_black-webfont.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gobold_thinitalic'; src: url('fonts/gobold_thin_italic-webfont.woff2') format('woff2'), url('fonts/gobold_thin_italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* CSS Document */ input[type=text], input[type=search], input[type=submit], input[type=email], input[type=button], input[type=password], textarea { outline:none; border-radius: 0; -webkit-appearance: none; } select { background: transparent; -webkit-border-radius: 0px; outline: none; } input[type=button], input[type=search], input[type=submit] { border:0; cursor:pointer; } input[type="password"] { -webkit-text-security: disc; font-size:28px; letter-spacing:2px; } * { -webkit-text-size-adjust: none; } a { outline:none; } a img { border:0; outline:0; } a:hover { opacity: 0.8; } .clearboth { width:100%; clear:both; height:0; overflow:hidden; } ul,ol { list-style-position:inside; padding-left:0; margin-bottom:20px; } ul li, ol li { font-size:14px; line-height:26px; color:#565758; font-family: montserrat_regular,Arial, Helvetica, sans-serif ; } body { overflow-x: hidden; background-color: #fff; font-family: montserrat_regular,Arial, Helvetica, sans-serif ; color:#000; font-size: 14px; line-height: 18px; } img.lazy { /* optional way, set loading as background */ background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 50%; } .wrap-inner { width: 1170px; margin:0 auto;position:relative;z-index:2; } .header { display: block; position: relative; z-index: 50; height: 143px;background:url(images/bg-header.jpg) repeat-x;background-color:#000 } /*.home .header { background-color:transparent; }*/ .home .header.hover-header { z-index:100; } .header .header-inner { width: 1170px; margin:0 auto; height: 93px; position: relative;} .header .logo { position: absolute; left:-34px; top:10px; width: 257px; z-index:34232;} .header .logo img { max-width: 100%; } /*.main-nav { float:left; padding: 0 0 0 229px; margin: 0; list-style: none; } .main-nav li { float:left; position: relative; } .main-nav li a { display: block; font-size: 12px; text-transform: uppercase; height: 93px; line-height: 93px; padding: 0 16px; color:#ffffff; text-decoration: none; font-family: montserrat_bold; } .main-nav li a:hover { opacity: 0.8; } .main-nav li.separator { color:#fff; padding: 0 4px; font-size: 12px; line-height: 93px; } .main-nav li .bleft { display:none; width: 90%; height: 4px; position: absolute; z-index: 5; left: 0; bottom: 0; background-image: url("images/main-nav-active-bg.png"); background-repeat: no-repeat; background-position: left center; } .main-nav li .bright { display:none; width:10%; height: 4px; position: absolute; z-index: 5; right: 0; bottom: 0; background-image: url("images/main-nav-active-bg.png"); background-repeat: no-repeat; background-position: right center; } .main-nav li.current-menu-item > .bleft, .main-nav li.current-menu-item > .bright, .main-nav li.current-menu-parent > .bleft, .main-nav li.current-menu-parent > .bright, .main-nav li.active .bleft, .main-nav li.active .bright { display: block; } .main-nav li.hlogin-btn a { padding-right: 0; } .main-nav li.hsubscribe-btn a { padding-left: 0; padding-right: 0; } ul.main-nav li.hover, ul.main-nav li:hover { position: relative; } ul.main-nav li.hover a { color: #fff; } ul.main-nav li.hover .bleft, ul.main-nav li.hover .bright { display: block; } ul.main-nav li:hover .bleft, ul.main-nav li:hover .bright { display: block; } ul.main-nav ul { width: 240px; padding:10px 1000em; margin: 0 -1000em; visibility: hidden; background: #000; position: absolute; top: 100%; left: 0; overflow: hidden; list-style: none; } ul.main-nav ul li { width: 240px; font-weight: normal; color: #fff; float: none; display: block; } ul.main-nav ul li a { width: 100%; display:inline-block; height: auto; line-height: 22px; } ul.head-social { float:right; padding:30px 0 0 0; margin:0; list-style: none; } ul.head-social li { float:left; margin-left: 4px; margin-right: 4px; } ul.head-social li a { display: block; width: 30px; height: 30px; line-height: 28px; text-align: center; color:#666666; font-size: 16px; border:1px solid #666666; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } ul.head-social li a:hover { color:#fff; border-color:#fff; }*/ .mobile-menu-btn { display: none; float:right; font-size: 38px; color:#fff; margin: 26px 0 0 6px; } #mobile-nav { display:none; width:100%; float:left; padding:20px 20px 30px 20px; background-color: #000; position:absolute; left:0; top:0; z-index:500; ; text-align:center; } #mobile-nav .btn-close-mob { width:24px; height:24px; background:url(images/btn-sub-close-mob.png) no-repeat center center; background-size: cover; display:block; position:absolute; right:24px; top:42px; } #mobile-nav .mob-logo { width: 150px; margin: 0 auto 10px auto; } #mobile-nav .mob-logo img { max-width: 100%; display: block; } #mobile-nav ul.mob-nav { padding: 0; margin:0; list-style: none; } #mobile-nav ul.mob-nav li { display: block; border-bottom: 1px solid #9a9a9a; } #mobile-nav ul.mob-nav li a { display: block; padding: 18px 0; text-align: center; text-decoration: none; font-size: 14px;color:#ffffff; text-transform: uppercase; font-family: montserrat_bold; } #mobile-nav .foot-newsletter { width: 80%; max-width: 400px; margin:0 auto; text-align: center; } #mobile-nav .foot-newsletter h3 { text-align: center; margin-bottom: 10px; font-size: 14px;color:#ffffff; text-transform: uppercase; font-family: montserrat_bold; } #mobile-nav .foot-newsletter .mailpoet_text { text-align: center; } ul.mobile-nav-social { width: 100%; padding:30px 0; margin:0; list-style: none; text-align: center; } ul.mobile-nav-social li { float:none; display: inline-block; margin:0 4px; } ul.mobile-nav-social li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color:#666666; font-size: 16px; border:1px solid #666666; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } ul.mobile-nav-social li a:hover { color:#fff; border-color:#fff; } /*********************/ /* Global */ /*********************/ .btn-light-pink, .btn-light-green{ display: inline-block; background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color:#fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; } .btn-light-pink:hover, .btn-light-green:hover { opacity: 0.8; } .btn-light-green { background-color: #10b765; } .text-uppercase { text-transform: uppercase; } .text-center { text-align: center; } .pt-1 { padding-top:1rem!important; } /* end of Global */ /*.subscription-bar { clear:both; color:#ffe001; top: 0; width: 100%; text-align: center; text-transform: uppercase; padding: 10px 20px; font-size: 15px; font-weight: 700; z-index: 2; font-family: montserrat_regular,Arial, Helvetica, sans-serif; } .subscription-bar a { color:#ffe001; } .subscription-bar .current-menu-item a { color:#FE0000; text-decoration: none; } .subscription-bar ul li, .subscription-bar ul { list-style:none; padding:0; margin:0; display:inline } .subscription-bar ul:after { content:""; clear:both; display:table; } .subscription-bar ul li { display:inline-block; font-size: 15px; font-weight: 700; z-index: 2; font-family: montserrat_regular,Arial, Helvetica, sans-serif; color:#ffe001; } .subscription-bar ul li.line { padding:0 0 0 5px; }*/ .live-video-wrap { overflow: hidden; padding-bottom:50px; background-image: url("images/home-banner-scratch-bg.jpg"); background-repeat: repeat-x; background-position: bottom center; font-family: montserrat_bold; margin:-50px 0 0; width:100%; text-align:center; padding: 30px 0 20px; position:relative; z-index: 40; } .live-video-wrap .a-d-wrap { background:no-repeat 50% 0; position:relative; background-color:#000; } .live-video-wrap .a-d-link { position:absolute; width:100%; z-index:1; height:100%; left:0; top:0; display:block; } .live-video-wrap .wrap-inner { width:100%; max-width:800px; margin:0 auto; } .live-video-wrap .video-heading { min-height:95px; line-height:95px; text-align:center; } .live-video-wrap .video-heading h2 { line-height:normal; vertical-align:middle; display:inline-block; font-size: 24px; line-height: 28px; color: #fff; text-transform: uppercase; font-family: montserrat_bold; } .live-video-wrap .video-heading h2 span { color:#db4a4a; } .banner-wrap { background-color:transparent; margin:-50px 0 0; padding-top:50px; position:relative; z-index: 40; overflow: hidden; padding-bottom:50px; background-image: url("images/home-banner-scratch-bg.jpg"); background-repeat: repeat-x; background-position: bottom center; font-family: montserrat_bold; } .home-banner-wrap .a-d-wrap { background:no-repeat 50% 0; position:relative; background-color:#000; } .home-banner-wrap .a-d-link { position:absolute; width:100%; z-index:1; height:100%; left:0; top:0; display:block; } .banner-wrap .banner-left { float:left; width: 579px; height: 498px; position: relative; } .banner-wrap .banner-left .large-news-slider { height:504px;overflow:hidden; } .banner-wrap .banner-left .slide-item { width:579px; float:left; } .banner-wrap .large-banner { width: 100%; border:1px solid #333; overflow: hidden;cursor:pointer; } .banner-wrap .large-banner .text-wrap { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); padding:12px 0; } .banner-wrap .large-banner .text-wrap .date { color:#cecfd0; position: absolute; left: 20px; top:-24px; font-size: 14px; text-transform: uppercase; color:#ffffff; font-style: italic; font-family: 'roboto_light'; } .banner-wrap .large-banner .text-wrap .title { padding:0 20px 6px 20px; font-size: 21px; line-height: 25px; text-transform: uppercase; color:#ffffff; font-family: montserrat_bold; } .banner-wrap .large-banner .text-wrap .title a { color:#fff; text-decoration: none; } .banner-wrap .large-banner .text-wrap .text { padding:0 20px; font-size: 15px; line-height: 25px; color:#ffffff; font-family: montserrat_regular; } .banner-wrap .banner-mid .small-video-slider, .banner-wrap .banner-mid .small-news-slider { height: 246px; overflow:hidden; } .banner-wrap .banner-mid { width: 286px; float:left; margin:0 16px; } .banner-wrap .banner-mid .slide-item { width:286px; float:left; } .banner-wrap .banner-mid .small-news-slider { margin:0 0 8px; } .banner-wrap .banner-mid .small-box { display: block; height: 246px; position:relative; border:1px solid #333; overflow: hidden;cursor:pointer; } .banner-wrap .banner-mid .small-box img { display: block; width:100%;height:auto; } .banner-wrap .banner-mid .small-box .text-wrap { position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); padding:10px 0;width: 100%; } .banner-wrap .banner-mid .small-box .text-wrap .date { color:#cecfd0; position: absolute; left: 20px; top:-24px; font-size: 14px; text-transform: uppercase; color:#ffffff; font-style: italic; font-family: 'roboto_light'; } .banner-wrap .banner-mid .small-box .text-wrap .title { padding:0 15px; font-size: 13px; line-height: 24px; text-transform: uppercase; color:#ffffff; font-family: montserrat_bold; } .banner-wrap .banner-mid .small-box .text-wrap .title a { color:#fff; text-decoration: none; } .banner-wrap .banner-mid .small-video-box { display: block; height: 246px; position:relative; border:1px solid #333; background:no-repeat 50%; background-size:cover; } .banner-wrap .banner-mid .small-video-box .text-wrap { position: absolute; left: 0; bottom: 0; z-index: 1; } .banner-wrap .banner-mid .small-video-box .title { padding:0 20px 6px 20px; font-size: 13px; line-height: 24px; text-transform: uppercase; color:#ffffff; font-family: montserrat_bold; } .banner-wrap .banner-mid .small-video-box a { display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 5; background-image: url(images/play-button.png); background-repeat: no-repeat; background-position: center center; } .banner-wrap .banner-right { float:right; width: 270px; } .banner-wrap .banner-right .imagebox { display: block; height: 431px; overflow: hidden; margin-bottom: 29px; } .banner-wrap .subscribe-btn { display: block; } .banner-wrap .subscribe-btn2 { display: none; width: 100%; } /* Home */ .homepage-wrap h1 { font-size: 24px; line-height: 28px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .homepage-wrap .section-title { padding: 0 0 24px 0; } .homepage-wrap .section-title h1 { float:left; padding-top:8px; } .homepage-wrap .section-title .arrows { float:left; padding: 0; margin: 0; list-style: none; } .homepage-wrap .section-title .arrows a { float:left; width: 40px; height: 40px; line-height: 40px; color:#fff; font-size: 18px; margin-left: 2px; text-align: center; background-color: #343434; } .homepage-wrap .section-title .arrows a:hover { opacity: 0.8; } .homepage-wrap .section-title .btn-light-pink { float:left; margin-left: 2px; } .homepage-wrap .date-col { float:left; width: 70px; font-family: montserrat_bold; } .homepage-wrap .date-col .day { font-size: 36px; text-transform: uppercase; height: 70px; line-height: 70px; text-align: center; color:#fff; background-color: #db4a4a; } .homepage-wrap .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } /* Home News */ .home-news-list { padding:36px 0 30px 0; } .home-news-list .a-d-wrap { background:no-repeat 50% 0; position:relative; } .home-news-list .a-d-link { position:absolute; width:100%; z-index:1; height:100%; max-height:470px; left:0; top:0; display:block; } .home-news-list .flexslider { margin-bottom: 26px; } .home-news-list .imagebox { overflow: hidden; height: 169px; margin-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .home-news-list .imagebox img { display: block; max-width: 100%; } .home-news-list .title-date-row { padding-bottom: 32px; overflow: hidden; } .home-news-list .title-posted-col { display: block; padding-left: 90px; } .home-news-list .title-posted-col h2 { margin-top:-4px; height: 80px; overflow: hidden; font-size: 18px; line-height: 24px; color:#343434; margin-bottom: 6px; font-family: montserrat_bold; text-transform: uppercase; } .home-news-list .title-posted-col h2 a { color:#343434; text-decoration: none; } .home-news-list .title-posted-col h2 a:hover { opacity: 0.8; } .home-news-list .title-posted-col .posted-by { color:#7d7d7d; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: montserrat_bold; } .home-news-list .title-posted-col .posted-by a { color:#7d7d7d; text-decoration: none; } .home-news-list .title-posted-col .posted-by a:hover { opacity: 0.8; } .home-news-list p { margin-bottom: 20px; font-size: 16px; color:#343434; line-height: 24px; font-family: 'roboto_light'; } .home-news-list .read-more { height: 50px; line-height: 50px; padding: 0 13px; } .home-news-list .below-line { width: 430px; display: block; height: 0; border-bottom: 2px solid #db4a4a; margin:0 auto; } .home-news-list .bottom-title { max-width: 860px; margin:0 auto; padding:34px 0 0 0; text-align: center; font-size: 36px; line-height: 38px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .home-a-d-middle { display: block; text-align: center; padding-bottom: 26px; max-width:100%;overflow:hidden; } .home-a-d-middle img { max-width:100%; } .home-featured-videos-wrap { padding:45px 0 0 0; background-color: #000000; background-image: url(images/featured-video-wrap-bg-top.jpg); background-repeat: repeat-x; background-position: top center; } .home-featured-videos-wrap h1 { color:#fff; } .home-featured-videos-wrap .section-title .arrows a { background-color: #cc3333; } .home-featured-videos-wrap .section-title .btn-light-pink { background-color: #fff; color:#000; } .home-featured-videos-wrap .bottom-bg { margin-top: 21px; height:21px; background-color: #000000; background-image: url(images/featured-video-wrap-bg-bottom.jpg); background-repeat: repeat-x; background-position: top center; } .home-featured-videos-wrap .a-ds-right { float:right; width: 300px; } .home-featured-videos-wrap .each-video { display: block; overflow: hidden; } .home-featured-videos-wrap .each-video .video-box { margin-bottom: 6px; height: 248px; overflow: hidden; border: 15px solid #db4a4a; } .home-featured-videos-wrap .each-video .video-box img { display: block; } .home-featured-videos-wrap .each-video h2 { float:right; width: 75%; padding: 6px 20px 0 0; font-size: 18px; line-height: 22px; color:#ffffff; text-transform: uppercase; font-family: montserrat_bold; } .home-featured-videos-wrap .each-video h2 a { color:#fff; text-decoration: none; } .home-featured-videos-flexslider { width: 810px; float:left; } .home-featured-photos { overflow: hidden; padding:42px 0 0 0; background-color: #434343; background-image: url(images/home-ratings-bg-bottom-rev.png); background-repeat: repeat-x; background-position: top center;} .home-featured-photos h1 { color:#fff; } .home-featured-photos .section-title .btn-light-pink { background-color: #fff; color:#000; border:1px solid #000; } .home-featured-photos .section-title .arrows a { background-color: #cc3333; } .home-featured-photos .imagebox { height: 367px; overflow: hidden; } .home-featured-photos .imagebox img { max-width: 100%; display: block; } .home-featured-photos .img-caption { background-color: #333333; text-align: center; font-size: 11px; line-height: 15px; padding: 14px 10px; color:#ffffff; font-family: montserrat_bold; text-transform: uppercase; } .home-featured-photos .bottom-bg { margin-top: 22px; height: 22px; background-image: url(images/home-ratings-bg-bottom.jpg); background-repeat: repeat-x; background-position: top center; } .home-ratings { padding:45px 0 25px; } /*.home-ratings h1 { color:#fff; }*/ .home-ratings .section-title { padding-bottom: 40px; color:#000;position:relative; } .home-ratings .section-title h1 { position:relative; } .home-ratings .section-title .brought-a-d { padding-left:30px; } .home-ratings .section-title img { display: inline-block; vertical-align: middle; position: absolute; left: calc( 100% + 12px ); top: -58%; max-height:93px; } .home-ratings .section-title .btn-light-pink { background-color: #fff; color:#000; border:1px solid #000; } .home-ratings .bottom-bg { margin-top: 22px; height: 22px; background-image: url(images/home-ratings-bg-bottom.jpg); background-repeat: repeat-x; background-position: top center; } .home-ratings .row { margin-left: -7px; margin-right: -7px; } .home-ratings .each-col { width: 20%; float:left; padding-left: 7px; padding-right: 7px; } .home-ratings .each-col .image-round { margin-bottom: 20px; display: block; height: auto; overflow: hidden; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } .home-ratings .each-col .image-round img { max-width: 100%; display: block; margin: 0;height:auto; } .home-ratings .each-col .number { text-align: center; padding-bottom: 2px; /*color:#fff;*/ font-size: 33px; line-height: 33px; } .home-ratings .each-col .text { text-align: center; font-size: 15px; line-height: 24px; /*color:#fff;*/ text-transform: uppercase; } .home-products-flexslider-wrap { float: left; width: 872px; } .home-products { overflow: hidden; padding: 40px 0; } .home-products .section-title { padding-bottom: 40px; } .home-products .section-title .btn-light-pink { background-color: #fff; color:#000; border:1px solid #000; } .home-products .section-title .arrows a { background-color: #cc3333; } .home-products .each-product { border:1px solid #333; } .home-products .each-product .imagebox { overflow: hidden; height: 391px; } .home-products .each-product .imagebox img { display: block; margin: 0; max-width: 100%; } .home-products .each-product .pname { color:#fff; font-size: 12px; line-height: 14px; text-transform: uppercase; padding: 14px 8px; text-align: center; background-color: #db4a4a; font-family: montserrat_bold; } .home-products .each-product .pname a { color:#fff; text-decoration: none; } .home-products .right-col { float:right; width: 270px; } .home-products .featured-image { margin-bottom: 24px; } .home-products .subscribe-btn { display: block; width: 140px; margin: 0 auto; background-color: #7d7d7d; } .home-upcoming-events { padding:70px 0 0 0; background-color: #000000; background-image: url(images/featured-video-wrap-bg-top.jpg); background-repeat: repeat-x; background-position: top center; } .home-upcoming-events h1 { color:#fff; } .home-upcoming-events .section-title { padding-bottom: 60px; } .home-upcoming-events .section-title .btn-light-pink { background-color: #fff; color:#000; } .home-upcoming-events .event-info-col { float:left; width: 690px; padding: 24px 0 0 0; } .home-upcoming-events .event-info-col .date-col { width: 100px; } .home-upcoming-events .event-info-col .date-col .day { font-size: 60px; height: 100px; line-height: 100px; } .home-upcoming-events .event-info-col .text-col { padding: 0 0 0 124px; } .home-upcoming-events .event-info-col .text-col .address { padding-bottom: 8px; color:#fff; font-size: 27px; line-height: 31px; text-transform: uppercase; font-family: montserrat_bold; } .home-upcoming-events .event-info-col .text-col .event-name { padding-bottom: 6px; color:#cc3333; font-size: 27px; line-height: 31px; text-transform: uppercase; font-family: montserrat_bold; } .home-upcoming-events .event-info-col .text-col .event-name a { color:#cc3333; text-decoration: none; } .home-upcoming-events .event-info-col .text-col .desc { color:#fff; font-size: 20px; line-height: 24px; padding-bottom: 6px; font-family: Arial, SansSerif; } .home-leaderboard {text-align: center;padding-top: 10px;} .countdown-timer { float:right; } .countdown-timer .title { text-align: center; padding-bottom:5px; color:#fff; font-size: 12px; line-height: 18px; text-transform: uppercase; font-family: montserrat_bold; } .countdown-timer .time { border:3px solid #fff; border-left:0; height: 100px; } .countdown-timer .time .each { position: relative; float:left; border-left:3px solid #fff; width: 94px; height: 94px; font-size: 48px; line-height: 94px; color:#fff; text-align: center; font-family: montserrat_bold; } .countdown-timer .time span { position: absolute; left: 0; bottom: -26px; text-align: center; width: 100%; color:#fff; font-size: 12px; line-height: 18px; text-transform: uppercase; font-family: montserrat_bold; } .countdown-timer.black-centered { width: 380px; padding-bottom: 24px; text-align: center; float:none; margin:0 auto 10px auto; overflow: hidden; } .countdown-timer.black-centered .title { color:#000; } .countdown-timer.black-centered .time { color:#000; } .countdown-timer.black-centered .time .each { color:#000; } .countdown-timer.black-centered .time span { color:#000; } .countdown-timer.black-centered .time .each.border { border:3px solid #666666; } .countdown-timer.fight-today { width: 100%; max-width: 380px; text-align: center; float: right; margin: 0 auto; color: #fff; font-size: 30px; line-height: normal; } .countdown-timer.red-centered { color: #db4a4a; font-size: 41px; line-height: 46px; text-transform: uppercase; font-family: montserrat_bold; text-align: center; width: 100%; margin: 0 0 30px; float: none; } .home-upcoming-events .bottom-bg { margin-top: 103px; height:17px; background-color: #434343; background-image: url(images/upcoming-events-bottom-bg.png); background-repeat: repeat-x; background-position: top center; } .home-social-feeds { padding:70px 0 87px 0; background-color: #434343; } .home-social-feeds h1 { color:#fff; } .home-social-feeds .instagram-feed { display: block; margin-top:20px; margin-bottom: 80px; } .home-social-feeds .instagram-feed h2 { text-align: center; padding-bottom: 28px; font-size: 22px; color:#fff; text-transform: uppercase; font-family: montserrat_bold; } .home-social-feeds .instagram-feed .arrow-nav { width: 222px; margin: 0 auto 20px auto; text-align: center; } .home-social-feeds .instagram-feed .arrow-nav .fa-instagram { color:#db4a4a; font-size: 44px; } .home-social-feeds .instagram-feed .arrow-nav a:hover { opacity: 0.8; } .instagram-home-slider { width: 1162px; } .instagram-home-slider li { display: inline-block; } .instagram-home-slider li img { width: 100%; display:block; margin: 0; border: 1px solid #666666; } .home-social-feeds .title-icon { text-align: center; font-size: 44px; color:#db4a4a; padding-bottom: 26px; } .home-social-feeds .feed-box { text-align: center; } .home-social-feeds .facebook-feed { float:left; margin-left: 48px; } .home-social-feeds .facebook-feed img, .home-social-feeds .current-poll img{ max-width: 100%; display: inline-block; } .home-social-feeds .current-poll { text-align: center; } .a-d-468x60 { position:absolute; width:100%; max-width:468px; left:50%; margin:0 0 0 -234px; top:-10px; overflow:hidden; } /**********************************/ /* Sub Pages */ /**********************************/ .sub-content-wrap { padding:50px 0; } .sub-content-wrap .a-d-wrap { background:no-repeat 50% 0; position:relative; } .sub-content-wrap .a-d-link { position:absolute; width:100%; z-index:1; height:100%; max-height:470px; left:0; top:0; display:block; } .sub-content-wrap h1 { margin: 0 0 40px 0; color:#333333; font-size: 24px; line-height: 28px; text-transform: uppercase; font-family: montserrat_bold; } .sub-content-wrap h3 { margin:0 0 20px 0; color:#343434; font-size: 18px; line-height: 22px; text-transform: uppercase; font-family: montserrat_bold; } .sub-content-wrap h4 { margin-bottom: 26px; text-transform: uppercase; color:#343434; font-size: 16px; text-transform: uppercase; font-family: 'open_sans_bold'; } .sub-content-wrap p { margin:0 0 26px 0; font-size: 16px; line-height: 24px; color:#343434; font-family: 'roboto_light'; } .sub-content-wrap .gray-line-divider { margin:0 0 40px 0; height: 2px; background-image: url(images/gray-line-divider-scratch.jpg); background-repeat: repeat-x; background-position: bottom center; } .sub-content-wrap b { font-family: montserrat_bold; } .sub-content-wrap ol, .sub-content-wrap ul { margin: 0 0 26px 38px; } .sub-content-wrap ul { list-style: outside; margin-left: 58px; } .sub-content-wrap ol li, .sub-content-wrap ul li{ font-size: 16px; line-height: 24px; color:#343434; font-family: 'open_sans_regular' } ul.social-links-round { overflow: hidden; padding:0; margin:0; list-style: none; } ul.social-links-round li { float:left; margin-right: 17px; } ul.social-links-round li a { display: block; width: 73px; height: 73px; line-height: 73px; text-align: center; color:#adadad; font-size: 24px; border:1px solid #adadad; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } ul.social-links-round li a:hover { color:#000; border-color:#000; } .sub-header { height: 160px; padding:20px 0 0 0; background-color: #000; background-image: url(images/footer-bg-bottom.png); background-repeat: repeat-x; background-position: bottom center; } .sub-header .wrap-inner { position: relative; } .sub-header h1 { position: absolute; left:0; top:64px; color:#fff; font-size: 24px; line-height: 28px; text-transform: uppercase; font-family: montserrat_bold; } .sub-header .ads728-90 { width: 728px; display: block; margin:0 auto; } /* About */ .about-content { padding: 50px 0; } .about-content .gray-line-divider { margin:0 0 94px 0; padding-top:20px; height: 2px; background-image: url(images/gray-line-divider-scratch.jpg); background-repeat: repeat-x; background-position: bottom center; } .about-content h1.find-us-online { margin-bottom: 30px; } .about-content ul.links { padding:0; margin:0 0 30px 0; list-style: none; } .about-content ul.links li { margin-bottom: 8px; } .about-content ul.links li a { display: block; text-decoration: none; font-size: 16px; line-height: 24px; color:#343434; font-family: 'roboto_light'; } .about-content h4 { margin-bottom: 4px; color:#343434; font-size: 16px; text-transform: uppercase; font-family: 'roboto_black'; } .about-content .team-list { padding-bottom: 40px; } .about-content .team-list .image { height: 170px; overflow: hidden; margin-bottom: 8px; } .about-content .team-list .position { font-size: 14px; line-height: 18px; margin-bottom: 4px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .about-content .team-list .name { font-size: 12px; line-height: 16px; margin-bottom: 10px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .about-content .ring-online-team { padding-top: 30px; } /* Terms */ .terms-conditions h1 { margin-bottom: 15px; } .terms-conditions .date { padding-bottom: 15px; font-size: 12px; color:#7d7d7d; text-transform: uppercase; font-family: montserrat_bold; } .terms-conditions p { font-family: 'open_sans_regular'; } /* Privacy */ .privacy-content p { font-size: 16px; line-height: 24px; color:#343434; font-family: 'open_sans_regular'; } .privacy-content b { font-family: 'open_sans_bold'; } .privacy-content ul.list-indent { margin-left: 0; list-style: inside; } .privacy-content ul.list-indent li { text-indent: 38px; margin-bottom: 24px; } /* News */ ul.tab-menu-news { width: 100%; border-bottom: 2px solid #db4a4a; padding: 0; margin: 0 0 30px 0; list-style: none; overflow: hidden; } ul.tab-menu-news li { float:left; border-right:2px solid #fff; } ul.tab-menu-news li:last-child { border:0; } ul.tab-menu-news li a { display: block; background-color: #e5e5e5; padding: 12px 20px; text-align: center; font-size: 14px; color:#7d7d7d; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; } ul.tab-menu-news li.current-menu-item a, ul.tab-menu-news li a:hover { background-color: #db4a4a; color:#fff; } .news-content .each-post { overflow: hidden; padding-bottom: 50px; } .news-content .each-post .imagebox { display: block; overflow: hidden; } .news-content .each-post .imagebox img { display: block; margin: 0; max-width: 100%;width:100%;height:auto; } .news-content .each-post .text-wrap { position: relative; min-height: 100px; padding: 14px 0 0 102px; } .news-content .each-post .date-col { position: absolute; left:0; top:0; width: 70px; font-family: montserrat_bold; } .news-content .each-post .date-col .day { font-size: 36px; text-transform: uppercase; height: 70px; line-height: 70px; text-align: center; color:#fff; background-color: #db4a4a; } .news-content .each-post .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .news-content .each-post h1 { margin-bottom: 16px; padding-right: 100px; min-height: 54px; font-size: 24px; line-height: 28px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .news-content .each-post h1 a { color:#343434; text-decoration: none; } .news-content .each-post .posted-by { margin-bottom: 8px; color:#7d7d7d; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: montserrat_bold; } .news-content .each-post .posted-by a { color:#7d7d7d; text-decoration: none; } .news-content .each-post .posted-by a:hover { opacity: 0.8; } .news-content .each-post p { margin-bottom: 20px; font-size: 21px; line-height: 29px; color:#343434; font-family: 'roboto_light'; } .news-content .each-post .read-more { font-size: 12px; padding: 0px 10px; height: 30px; line-height: 30px; } .news-content .inline-a-ds img { max-width:100%; } /*.news-content .full-post { overflow: hidden; }*/ .news-content .full-post h1 { margin-bottom: 20px;font-size: 24px; line-height: 28px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .news-content .full-post h1 a { color:#343434; text-decoration: none; } .news-content .full-post .imagebox { display: block; overflow: hidden; } .news-content .full-post .imagebox .video-wrap { display: block; width:100%;height:auto;position:relative; } .news-content .full-post .imagebox img { display: block; margin: 0; max-width: 100%;width:100%;height:auto; } .news-content .full-post .owl-carousel .slide-item img { display: block; margin: 0; max-width: 100%;width:100%;height:auto; } .news-content .full-post .owl-carousel .slide-item { position:relative; } .news-content .full-post .owl-carousel .slide-item img { position:relative; z-index:1; } .news-content .full-post .owl-carousel .slide-item .caption { position: absolute; z-index: 2; width: 100%; padding: 8px 20px; bottom: 0; font-weight: 700; color: #fff; left: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); } .news-content #large-slider { position:relative; } .news-content #large-slider .slide-item { float:left; } .news-content #large-slider .slide-item img { display:block; max-width:100%; height:auto; } .news-content .full-post #large-slider .owl-nav { position:absolute; left:0; top:50%; margin:-58px 0 0; width:100%; } .news-content .full-post #large-slider .owl-nav > button { position:absolute; width:58px; height:0; padding:58px 0 0 !important; overflow:hidden; background:url(images/icon-arrow-left.png) no-repeat 50%; background-color: rgba(255, 255, 255, 0.3); } .news-content .full-post #large-slider .owl-nav > button.owl-next { background-image:url(images/icon-arrow-right.png); right:0; } .news-content .image-sub-slider #large-slider .owl-nav > button { display:block; width:38px; height:0; padding: 38px 0 0 !important; overflow: hidden !important; cursor:pointer; position:absolute; bottom:0; background:url(images/ci-slide-arrows.png) no-repeat; left:0; } .news-content .image-sub-slider #large-slider .owl-nav > button.owl-next { left:auto; right:0; background:url(images/ci-slide-arrows.png) no-repeat 0 -38px; } .news-content #large-carousel { margin:0 0 20px; } .news-content #large-carousel.owl-carousel .owl-item { background:#fff;cursor:pointer; } .news-content #large-carousel.owl-carousel .owl-item img {opacity:0.5} .news-content #large-carousel.owl-carousel .owl-item.active img {opacity:1} .news-content #large-carousel.owl-carousel .owl-item.synced img { opacity:1; } .news-content .full-post .image-desc { background-color: #333333; text-align: center; padding: 6px 30px; font-size: 11px; line-height: 19px; color:#ffffff; text-transform: uppercase; font-family: montserrat_bold; } .news-content .full-post .text-wrap { position: relative; min-height: 800px; padding: 8px 0 40px 102px; } .news-content .full-post .date-col { position: absolute; left:0; top:0px; width: 70px; font-family: montserrat_bold; } .news-content .full-post .a-d-468x60-post { text-align:center; padding:20px 0 30px 0; } .news-content .full-post .a-d-468x60-post img { max-width:100%; } .news-content .full-post .a-d-120x600-post { position:absolute; left:-30px; top:155px; overflow:hidden; width:120px; } .news-content .full-post .date-col .day { font-size: 36px; text-transform: uppercase; height: 70px; line-height: 70px; text-align: center; color:#fff; background-color: #db4a4a; } .news-content .full-post .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .news-content .full-post .posted-by {margin:45px 0 24px 0; color:#7d7d7d; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: montserrat_bold; } .news-content .full-post .posted-by a { color:#7d7d7d; text-decoration: none; } .news-content .full-post .posted-by a:hover { opacity: 0.8; } .news-content .full-post p { margin-bottom: 20px; font-size: 16px; line-height: 24px; color:#343434; font-family: 'open_sans_regular'; } .news-content .full-post .share-story { overflow: hidden; padding: 48px 0 46px 0; background-image: url(images/gray-line-divider-scratch.jpg); background-repeat: repeat-x; background-position: top center; } .news-content .full-post .share-story .title-text { float:left; font-size: 18px; line-height: 40px; margin-right: 22px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .news-content .full-post .share-story ul.share-social { float:left; padding:0; margin:0; list-style: none; } .news-content .full-post .share-story ul.share-social li { float:left; margin-right: 10px; } .news-content .full-post .share-story ul.share-social li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color:#adadad; font-size: 16px; border:1px solid #adadad; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } .news-content .full-post .share-story ul.share-social li a:hover { color:#343434; border-color:#343434; } .news-content .full-post .comment-app { overflow: hidden; padding: 42px 0 0 0; background-image: url(images/gray-line-divider-scratch.jpg); background-repeat: repeat-x; background-position: top center; } .pagenavi-loader, .wp-pagenavi { text-align: center; padding:20px 0 0; } .pagenavi-loader span, .wp-pagenavi span, .wp-pagenavi a { display: inline-block; background-color: #343434; font-size: 18px; font-weight: 100; padding: 0 20px; text-align: center; height: 30px; line-height: 30px; color:#fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; margin-right:5px; } .wp-pagenavi .pages { display:none; } .wp-pagenavi .current { background-color: #db4a4a; } .pagenavi-loader { } .pagenavi-loader .loading { min-height:64px; background:url(images/ajax-loader.gif) no-repeat 50%; width:100%; } .pagenavi-loader .load-fighter { cursor:pointer; } .single-post .wp-pagenavi { padding-bottom:10px; } .single-post .wp-pagenavi > span { background-color: #db4a4a; margin-right:0; } .single-post .wp-pagenavi a { padding:0; margin:0 0 10px 0; margin-right:0; } /* Right Sidebar */ .right-sidebar { } .right-sidebar .each-block { padding-bottom: 40px; } .right-sidebar .ads-300-250 { max-width: 300px; height: auto; margin:0 auto; } .right-sidebar .ads-300-250 img { max-width: 100%; } .right-sidebar .Sidebar_300x250_Ad_Widget, .right-sidebar .Sidebar_200x200_Ad_Widget, .right-sidebar .Sidebar_160x90_Ad_Widget { text-align:center; } .right-sidebar .Sidebar_300x250_Ad_Widget img, .right-sidebar .Sidebar_200x200_Ad_Widget img, .right-sidebar .Sidebar_160x90_Ad_Widget img { max-width:100%; } .right-sidebar h2 { margin-bottom: 30px; font-size: 18px; line-height: 22px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .right-sidebar ul.most-active-posts { border-top:1px solid #e6e6e6; padding: 0 ; margin: 0; list-style: none; } .right-sidebar ul.most-active-posts li { display:block; padding:20px 0; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .right-sidebar ul.most-active-posts li .thumbnail { width: 80px; height: 80px; float:left; overflow: hidden; } .right-sidebar ul.most-active-posts li .thumbnail img { max-width: 100%; display: block; } .right-sidebar ul.most-active-posts li .text-wrap { padding: 0 0 0 98px; display: block; } .right-sidebar ul.most-active-posts li .title { display:block; min-height: 64px; font-size: 14px; line-height: 18px; color:#333333; text-transform: uppercase; text-decoration: none; font-family: montserrat_bold; } .right-sidebar ul.most-active-posts li .title:hover { opacity: 0.8; } .right-sidebar ul.most-active-posts li .posted-by { color:#7d7d7d; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: montserrat_bold; } .right-sidebar ul.most-active-posts li .posted-by a { color:#7d7d7d; text-decoration: none; } .right-sidebar .current-poll { width: 323px; margin: 0 auto; } .right-sidebar .current-poll .title-icon { text-align: center; font-size: 44px; color: #db4a4a; padding-bottom: 26px; } .right-sidebar .boxer-ratings .each-row { padding-bottom: 24px; } .right-sidebar .boxer-ratings .each-row .imagebox { width: 220px; height: 220px; display: block; margin:0 auto 15px auto; overflow: hidden; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } .right-sidebar .boxer-ratings .each-row .imagebox img { display: block; max-width: 100%; height: auto;} .right-sidebar .boxer-ratings .each-row .number { text-align: center; padding-bottom: 2px; color:#cc3333; font-size: 33px; line-height: 33px; } .right-sidebar .boxer-ratings .each-row .text { text-align: center; font-size: 17px; line-height: 24px; color:#cc3333; text-transform: uppercase; } /* Ratings Content */ .ratings-sub-content-wrap { padding-bottom: 0; position: relative; z-index: 10;background:#fff; } .a-ds-728-90-centered { max-width: 728px; height: auto; margin: 0 auto 50px auto; } .a-ds-728-90-centered img { max-width: 100%; } .ratings-content .weight-categories { padding-bottom: 28px; } .ratings-content .weight-categories h1 { margin-top:20px; margin-bottom: 0; text-align: center; } .ratings-content .weight-categories .each-col { width: 20%; float:left; min-height: 60px; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .ratings-content .weight-categories .each-col .white-box { height: 60px; padding: 7px; display: block; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); cursor:pointer; } .ratings-content .weight-categories .each-col .white-box.active, .ratings-content .weight-categories .each-col .white-box:hover { background-color:#db4a4a; } .ratings-content .weight-categories .each-col .white-box.active .text-wrap, .ratings-content .weight-categories .each-col .white-box:hover .text-wrap { color:#fff; } .ratings-content .weight-categories .each-col .thumbnail { float:left; width: 45px; height: 45px; overflow:hidden; } .ratings-content .weight-categories .each-col .thumbnail img { max-width: 100%; display: block; } .ratings-content .weight-categories .each-col .text-wrap { display: block; padding-left: 52px; font-size: 12px; line-height: 14px; color:#7d7d7d; text-transform: uppercase; font-family: montserrat_bold; } .ratings-content .weight-categories .each-col .text-wrap span { display: block; padding-top:6px; } .ratings-content .fighters-list .row { } .ratings-content .fighters-list h1 { text-align: center; } .ratings-content .fighters-list .sponsor-logo { text-align: center; } .ratings-content .fighters-list .white-box2 { min-height: 402px; margin-bottom: 30px; } .ratings-content .fighters-list .white-box { min-height: 402px; margin-bottom: 30px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); cursor:pointer; } .ratings-content .fighters-list .imagebox { height: 270px; overflow: hidden; position: relative; } .ratings-content .fighters-list .imagebox img { display:block;max-width:100%;height:auto; } .ratings-content .fighters-list .number { position: absolute; left: 0; top: 0; z-index: 5; font-size: 26px; width: 79px; height: 80px; color:#fff; background-image: url(images/rating-number-bg.png); background-repeat: no-repeat; background-position: 0 0; font-family: montserrat_bold; } .ratings-content .fighters-list .number-gold { background-image: url(images/rating-vacant-bg.png); } .ratings-content .fighters-list .number span { position: absolute; left: 15px; top: 12px; } .ratings-content .fighters-list .name { padding:8px 0 4px 0; text-align: center; font-size:14px; line-height: 18px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .ratings-content .fighters-list .name-line { border-bottom:1px solid #e6e6e6; } .ratings-content .fighters-list .wcat { min-height: 21px; text-align: center; padding-bottom: 4px; margin-bottom: 6px; border-bottom:1px solid #e6e6e6; font-size: 12px; line-height: 16px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .ratings-content .fighters-list .info { text-align: center; padding: 0 8px; font-size: 12px; line-height: 16px; color:#000000; text-transform: uppercase; font-family: montserrat_bold; } .instagram-feed-full { overflow:hidden; } .instagram-feed-full .each-box { width: 10%; height: 190px; float:left; overflow: hidden; } .instagram-feed-full .each-box a { width: 100%; display: block; background:no-repeat 50%;background-size:cover;position:relative;text-decoration: none;height:100%; } .instagram-feed-full .each-box img { width: 100%; display: block; } .instagram-feed-full .each-box.title-box { background-color: #db4a4a; text-align: center; cursor:pointer; } .instagram-feed-full .each-box.title-box .logo-icon { color:#fff; font-size: 42px; padding: 48px 0 16px 0; } .instagram-feed-full .each-box.title-box span { display: block; font-size: 14px; line-height: 18px; color:#ffffff; text-transform: uppercase; text-align: center; font-family: montserrat_bold; } .rating-panel-policy-content { background-color: #000; padding: 84px 0 74px 0; background-image: url(images/scratches-bg-small-on-black-bg.png); background-repeat: no-repeat; background-position: bottom center; } .rating-panel-policy-content h1 { font-size: 36px; line-height: 42px; margin-bottom: 30px; text-align: center; color:#cccccc; } .rating-panel-policy-content p { color:#ccc; } .rating-panel-policy-content ol { margin-left: 0; } .rating-panel-policy-content ol li, .rating-panel-policy-content ul li { color:#ccc; } .rating-panel-policy-content .btm-text { font-size: 18px; line-height: 28px; text-align: center; color:#ccc; font-family: montserrat_bold; } /* Schedule */ .schedule-content .date-col { float:left; width: 100px; font-family: montserrat_bold; } .schedule-content .date-col .day { font-size: 60px; text-transform: uppercase; height: 100px; line-height: 100px; text-align: center; color:#fff; background-color: #db4a4a; } .schedule-content .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .schedule-content .date-row { overflow: hidden; padding: 46px 0 0 0; border-bottom: 2px solid #db4a4a; } .schedule-content .each-location { margin:0 0 26px 120px; background-image: url(images/scratches-bg-small-on-white-bg.png); background-repeat: repeat-x; background-position: bottom center; } .schedule-content .each-location:last-child { background: none; } .schedule-content .each-location .location { font-size: 27px; color:#666666; line-height: 31px; text-transform: uppercase; margin-bottom: 18px; font-family: montserrat_bold; } .schedule-content .each-location .location a { color:#666666; text-decoration: none; } .schedule-content .each-location .each-event { overflow: hidden; padding-bottom: 20px; } .schedule-content .each-location h1 { font-size: 27px; color:#cc3333; line-height: 31px; text-transform: uppercase; margin-bottom: 18px; font-family: montserrat_bold; } .schedule-content .each-location h1 a { text-decoration: none; color:#cc3333; } .schedule-content .each-location p { font-size: 21px; line-height: 24px; margin-bottom: 10px; } .schedule-content .each-location .more { font-size: 24px; color: #666666; line-height: 31px; text-transform: uppercase; margin-bottom: 18px; font-family: montserrat_bold; } .paging-arrows-btm { overflow: hidden; background: #fff; text-align: center; margin:0 auto; position: relative; top: -2px; } .paging-arrows-btm a { float:none; display:inline-block; width: 40px; height: 40px; line-height: 40px; color:#fff; font-size: 18px; margin:0; text-align: center; background-color: #343434; } .paging-arrows-btm a:hover { opacity: 0.8; } /* Full Fighter Profile */ .fighter-profile-full { padding-bottom: 40px; border-bottom: 2px solid #cc3333; } .fighter-profile-full h3 { margin: 0 0 20px 0; color: #343434; font-size: 18px; line-height: 22px; text-transform: uppercase; font-family: montserrat_bold; } .media-list h1, .fighter-profile-full h1 { margin: 0 0 40px 0; color:#333333; font-size: 24px; line-height: 28px; text-transform: uppercase; font-family: montserrat_bold; } .fighter-profile-full .fname { margin-bottom: 24px; font-size: 32px; } .fighter-profile-full .white-box { float:left; width: 269px; min-height: 402px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .fighter-profile-full .imagebox { height: 270px; overflow: hidden; position: relative; } .fighter-profile-full .imagebox img { max-width: 100%; } .fighter-profile-full .name { padding:8px 0 4px 0; text-align: center; font-size:14px; line-height: 18px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .fighter-profile-full .wcat { min-height: 21px; text-align: center; padding-bottom: 4px; margin-bottom: 6px; border-bottom:1px solid #e6e6e6; font-size: 12px; line-height: 16px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .fighter-profile-full .info { text-align: center; font-size: 12px; line-height: 16px; color:#000000; text-transform: uppercase; font-family: montserrat_bold; } .fighter-profile-full .biography-column { width: calc( 100% - 280px ); float: right; } .fighter-profile-full .biography-column h3 { margin-bottom: 6px; } .fighter-profile-full .biography-column p { font-size: 15px; line-height: 22px; margin-bottom: 20px; } .fighter-profile-full .biography-column strong { font-weight:bold; } .fighter-profile-full .biography-column em { font-style:italic; } .fighter-profile-full .biography-column ul { margin-left:20px; } .fighter-profile-full .biography-column ul li { font-size: 15px; line-height: 22px; margin-bottom: 5px; } #biography-info { height: 350px; } /* Schedule Event */ .schedule-event-content .event-title { padding: 30px 0 50px 0; text-align: center; font-size: 41px; line-height: 46px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .date-col { display:block; margin: 0 auto; width: 100px; font-family: montserrat_bold; } .schedule-event-content .date-col .day { font-size: 60px; text-transform: uppercase; height: 100px; line-height: 100px; text-align: center; color:#fff; background-color: #db4a4a; } .schedule-event-content .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .schedule-event-content .fighter-profile-row { padding-bottom: 40px; } .schedule-event-content .fighter-profile-row .left-fighter { float:left; } .schedule-event-content .fighter-profile-row .right-fighter { float:right; } .schedule-event-content .fighter-profile-row .white-box { width: 269px; min-height: 402px; background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .schedule-event-content .fighter-profile-row .imagebox { height: 270px; overflow: hidden; position: relative; } .schedule-event-content .fighter-profile-row .name { padding:8px 0 4px 0; text-align: center; font-size:14px; line-height: 18px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .fighter-profile-row .wcat { min-height: 21px; text-align: center; padding-bottom: 4px; margin-bottom: 6px; border-bottom:1px solid #e6e6e6; font-size: 12px; line-height: 16px; color:#333333; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .fighter-profile-row .info { text-align: center; font-size: 12px; line-height: 16px; color:#000000; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .fight-details { padding-bottom: 34px; border-bottom: 2px solid #cc3333; } .schedule-event-content .fight-details .location, .schedule-event-content .fight-details h1 { margin-bottom: 14px; font-size: 27px; line-height: 31px; color:#666666; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .fight-details h1 { color:#cc3333; } .schedule-event-content .fight-details p { margin-bottom: 20px; font-size: 21px; line-height: 31px; color:#343434; } .schedule-event-content .fight-details strong { font-family: montserrat_bold; } .schedule-event-content .fight-details em { font-style:italic; } .schedule-event-content .fight-details ul { margin-left:20px; } .schedule-event-content .fight-details ol { margin-left:0; } .schedule-event-content .fight-details ol li, .schedule-event-content .fight-details ul li { margin-bottom: 5px; font-size: 21px; line-height: 31px; color:#343434; } .schedule-event-content .fight-details .a-d-event { text-align:center; } #sched-info { height: 800px; } .schedule-event-content .where-to-watch { padding: 40px 0 40px 0; border-bottom: 2px solid #cc3333; } .schedule-event-content .where-to-watch h1 { font-size: 32px; line-height: 36px; color:#343434; text-align: center; } .schedule-event-content .where-to-watch .btn-light-pink { display: block; } .schedule-event-content .where-to-watch .row { margin-left: -25px; margin-right: -25px; } .schedule-event-content .where-to-watch .col-lg-4 { padding-left: 25px; padding-right: 25px; } .schedule-event-content .media-list { padding: 40px 0 0 0; } .schedule-event-content .media-list h1 { font-size: 32px; line-height: 36px; color:#343434; } .schedule-event-content .media-list .each-media { overflow: hidden; padding-bottom: 50px; } .schedule-event-content .media-list .each-media .imagebox { display: block; overflow: hidden; } .schedule-event-content .media-list .each-media .imagebox img { display: block; margin: 0; max-width: 100%; } .schedule-event-content .media-list .each-media .text-wrap { position: relative; min-height: 100px; padding: 14px 0 0 102px; } .schedule-event-content .media-list .each-media .date-col { position: absolute; left:0; top:0; width: 70px; font-family: montserrat_bold; } .schedule-event-content .media-list .each-media .date-col .day { font-size: 36px; text-transform: uppercase; height: 70px; line-height: 70px; text-align: center; color:#fff; background-color: #db4a4a; } .schedule-event-content .media-list .each-media .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .schedule-event-content .media-list .each-media h1 { margin-bottom: 16px; padding-right: 100px; min-height: 54px; font-size: 24px; line-height: 28px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .media-list .each-media h1 a { color:#343434; text-decoration: none; } .schedule-event-content .media-list .each-media .posted-by { margin-bottom: 8px; color:#7d7d7d; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: montserrat_bold; } .schedule-event-content .media-list .each-media .posted-by a { color:#7d7d7d; text-decoration: none; } .schedule-event-content .media-list .each-media .posted-by a:hover { opacity: 0.8; } .schedule-event-content .media-list .each-media p { margin-bottom: 20px; font-size: 21px; line-height: 29px; color:#343434; font-family: 'roboto_light'; } .schedule-event-content .media-list .each-media .read-more { font-size: 12px; padding: 0px 10px; height: 30px; line-height: 30px; } /* Video Content */ .video-content .row { margin-left: -26px; margin-right: -26px; } .video-content .row .col-lg-6 { padding-left: 26px; padding-right: 26px; } .video-content .each-video { overflow: hidden; margin-bottom: 42px; } .video-content .each-video .video-holder { height: 224px; overflow: hidden;display:block; } .video-content .each-video .video-holder img { height: auto !important; width:100% !important;max-width:100% !important; } .video-content .each-video .text-wrap { position: relative; min-height: 100px; padding:0 0 0 90px; } .video-content .each-video .date-col { position: absolute; left:0; top:0; width: 70px; font-family: montserrat_bold; } .video-content .each-video .date-col .day { font-size: 36px; text-transform: uppercase; height: 70px; line-height: 70px; text-align: center; color:#fff; background-color: #db4a4a; } .video-content .each-video .date-col .month { display: block; font-size: 18px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; color:#fff; background-color: #343434; } .video-content .each-video h2 { padding-top:8px; font-size: 18px; line-height: 22px; color:#343434; text-transform: uppercase; font-family: montserrat_bold; } .video-content .each-video h2 a { color:#343434; text-decoration: none; } .video-content .row .inline-a-ds img { max-width:100%; } .video-content .paging-arrows-btm { margin-top: 33px; } /* Contact Us Content */ .contact-us-content .title-row { position: relative; overflow: hidden; margin-bottom: 40px; padding:0 0 4px 90px; } .contact-us-content .title-row .icon-left { width: 70px; height: 70px; line-height: 66px; color:#343434; font-size: 28px; text-align: center; position: absolute; left: 0; top:0; border:3px solid #efefef; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } .contact-us-content .title-row h1 { margin-bottom: 6px; } .contact-us-content .title-row .email-phone { font-size: 18px; line-height: 20px; color:#db4a4a; text-transform: uppercase; margin-bottom:8px; font-family: montserrat_bold; } .contact-us-content .title-row .email-phone a { color:#db4a4a; text-decoration: none; } .contact-us-content ul.text-icons { padding: 0; margin:0 0 40px 0; list-style: none; } .contact-us-content ul.text-icons li { display: block; padding: 0 0 0 34px; font-size: 14px; line-height: 30px; color:#333333; position: relative; font-family: montserrat_regular; } .contact-us-content ul.text-icons li .icon-side { position: absolute; left: 0; top: 0; color:#adadad; font-size: 16px; } .contact-us-content ul.text-icons li a { color:#db4a4a; text-decoration: none; } .contact-us-content ul.text-icons li a.here-btn { color:#333; text-decoration: underline; } .contact-form { padding-bottom: 20px; } .contact-form .row { padding-bottom: 20px; } input[type='text'].form-control, input[type='password'].form-control, input[type='email'].form-control { width: 100%; padding:0 16px; height: 38px; line-height: normal; border:1px solid #ccc; font-size: 12px; color:#7d7d7d; font-family: montserrat_bold; text-transform: uppercase; } textarea.form-control { width: 100%; float:left; padding:10px 16px; height: 83px; border:1px solid #ccc; font-size: 12px; line-height: 16px; color:#7d7d7d; font-family: montserrat_bold; text-transform: uppercase; } .contact-form span.wpcf7-not-valid-tip { display:none !important } .contact-form input.wpcf7-not-valid { border:solid 1px #FF0000; } .contact-form div.wpcf7-response-output { margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Subscribe Offers Content */ .subscribe-offers-content h1 { margin-bottom: 15px; } .subscribe-offers-content p { font-family: 'open_sans_regular'; } .subscription-table { margin-bottom: 30px; } .subscription-table .each-col { width: 33.333333%; float:left; } .subscription-table .title-row { height: 72px; text-align: center; color:#fff; font-size: 16px; line-height: 19px; text-transform: uppercase; padding:20px 0 0 0; background-color: #444444; } .subscription-table .box-border { border:1px solid #dedede; border-top:0; padding: 0 20px 34px 20px; text-align: center; } .subscription-table .box-border.no-border-left { border-left: 0; } .subscription-table .each-row { padding: 20px 0; font-size: 12px; color:#444; line-height: 20px; text-align: center; border-bottom: 1px solid #dedede; font-family: montserrat_bold; } .subscription-table .each-row .title2 { color:#444444; padding-bottom: 4px; font-family: montserrat_bold; } .subscription-table .each-row b { font-family: montserrat_bold; } .subscription-table .btn-light-green { margin:34px auto 0 auto; border-bottom: 2px solid #05a459; font-size: 11px; letter-spacing: 1px; font-family: montserrat_regular; } .subscription-table .each-col.gift-subs { background-color: #f9f9f9; } .subscription-table .each-col.gift-subs .title-row { padding-top: 28px; background-color: #29b667; } .subscription-table .each-col.gift-subs .each-row { border-bottom: 0; padding-bottom: 0; } .subscription-table:after { content:""; clear:both; display:table; } .subscription-table .subscription-table-column { float:left; width:25%; border: 1px solid #dedede; } .subscription-table .each-col .each-row p { color: #444444; padding-bottom: 4px; font-family: montserrat_bold; font-size:12px; margin:0; } .subscription-table .each-col .leaky-paywall-payment-button { display: block; margin: 0; text-align:center; } .subscription-table .each-col .leaky-paywall-payment-button a { background-color: #10b765; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #05a459; font-size: 11px; letter-spacing: 1px; font-family: montserrat_regular; padding: 0; text-align: center; min-width: 150px; margin: 0 auto 12px; display: inline-block; border-radius: 0; } .subscription-table .each-col .leaky-paywall-stripe-button .stripe-button-el { background: #10b765; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #05a459; font-size: 11px; letter-spacing: 1px; font-family: montserrat_regular; padding: 0; text-align: center; min-width: 150px; margin: 0 auto 12px; display: inline-block; border-radius: 0; } .subscription-table .each-col .leaky-paywall-stripe-button .stripe-button-el span { height: auto; line-height: normal; display: inline-block !important; background:transparent !important; text-transform: uppercase; border-bottom: 2px solid #05a459; font-size: 11px; letter-spacing: 1px; font-family: montserrat_regular; box-shadow: initial; text-shadow: initial; font-weight: 400; } .subscription-table .each-col .lp-coupon-div { text-align:center; } .subscription-table .each-col .lp-coupon-div .have-a-coupon-link { background: #10b765; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid #05a459; font-size: 11px; letter-spacing: 1px; font-family: montserrat_regular; padding: 0; text-align: center; min-width: 150px; margin: 0 auto 12px; display: inline-block; border-radius: 0; } .subscription-options-title { display:none; } .subscription-table .leaky_paywall_subscription_current_level { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; padding: 12px 0 13px; font-family: montserrat_regular; text-transform: uppercase; color: #fff; font-size: 11px; } .subscribe-offers-content .magazines-list { display: block; padding:30px 0; border-top: 2px solid #db4a4a; } .subscribe-offers-content .magazines-list .each-mag { text-align: center; width: 240px; margin:20px 50px 10px 50px; padding: 18px 14px; display: inline-block; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .subscribe-offers-content .magazines-list .each-mag .mag-image { overflow: hidden; height: 333px; margin-bottom: 16px } .subscribe-offers-content .magazines-list .each-mag .name { text-align: center; padding-bottom: 10px; font-size: 14px; color:#333333; text-align: center; text-transform: uppercase; } .subscribe-offers-content .magazines-list .each-mag .price { text-align: center; padding-bottom: 14px; font-size: 24px; color:#db4a4a; text-align: center; text-transform: uppercase; font-family: montserrat_bold; } .signin-digital-subscriber { display: block; padding:30px 0 0 0; border-top: 2px solid #db4a4a; } .signin-digital-subscriber.border-bottom { border-bottom: 2px solid #db4a4a; padding-bottom: 36px; margin-bottom: 30px; } .signin-digital-subscriber p { margin-bottom: 20px; font-family: montserrat_regular; } .signin-digital-subscriber .row { margin-bottom: 0; } .signin-digital-subscriber .form-control { height: 48px; font-size: 13px; font-family: montserrat_regular; text-transform: none; } .signin-digital-subscriber .btn-light-green { font-size: 13px; font-family: montserrat_regular; } /**********************************/ /* Footer */ /**********************************/ .footer-wrap { padding: 64px 0 100px 0; position: relative; background-color: #000; background-image: url(images/footer-bg-bottom.png); background-repeat: repeat-x; background-position: bottom center; } .footer-wrap .bg-top { width:100%; height: 17px; position: absolute; left:0; top: -17px; background-image: url(images/footer-bg-top.png); background-repeat: repeat-x; background-position: bottom center; } .foot-go-top-btn { display: none; width: 58px; height: 66px; z-index: 10; position: absolute; right: 20px; bottom: 114px; background-image: url(images/go-top-button.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; } .footer-wrap .foot-logo { width: 182px; margin-bottom: 10px;display:block; } .footer-wrap .foot-logo img { max-width: 100%; } .footer-wrap .foot-small-desc { font-size: 16px; line-height: 24px; margin-bottom: 12px; color:#7d7d7d; } .footer-wrap h3 { margin:58px 0 30px 0; font-size: 14px; line-height: 18px; color:#ffffff; text-transform: uppercase; font-family: montserrat_bold; } ul.foot-social { float:left; padding:0; margin:0; list-style: none; } ul.foot-social li { float:left; margin-right: 10px; } ul.foot-social li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color:#666666; font-size: 16px; border:1px solid #666666; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } ul.foot-social li a:hover { color:#fff; border-color:#fff; } .footer-wrap .contact-info-row { padding:0 0 0 22px; font-size: 14px; color:#666666; line-height: 30px; position: relative; } .footer-wrap .contact-info-row .icon { position: absolute; left:0; top:0px; } .footer-wrap .contact-info-row .telnum { color:#666666; text-decoration: none; } .footer-wrap .contact-info-row .email { color:#cc3333; text-decoration: none; } .footer-wrap .contact-info-row .email:hover { text-decoration: underline; } ul.foot-quicklinks { padding: 0; margin:0; list-style: none; border-top:1px solid #1a1a1a; } ul.foot-quicklinks li { display: block; border-bottom: 1px solid #1a1a1a; } ul.foot-quicklinks li a { display: block; padding: 10px 0; text-decoration: none; font-size: 12px; color:#7d7d7d; text-transform: uppercase; font-family: montserrat_bold; } ul.foot-quicklinks li a:hover { color:#ccc; } .foot-newsletter { margin-top:-24px; } .foot-newsletter .desc { margin-bottom: 10px; font-size: 16px; line-height: 24px; color:#ffffff; color:#7d7d7d; font-family: 'roboto_light'; } .foot-newsletter .mailpoet_text { margin-bottom: 16px; color:#7d7d7d; font-size: 12px; width: 100%; height: 38px; line-height: normal; padding:0 14px; border:1px solid #666666; background: none; font-family: montserrat_bold; } .foot-newsletter .mailpoet_text:focus { border-color:#fff; color:#fff; } .foot-newsletter .mailpoet_submit { display: inline-block; background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; margin-top: 0; margin-bottom:20px; } .footer-bottom { overflow: hidden; padding: 20px 0; background:#fff; } .footer-bottom .copyright { float: left; font-size: 14px; color:#333333; line-height: 18px; font-family: 'roboto_light'; } .footer-bottom ul.foot-btm-links { float:right; padding: 0; margin:0; list-style: none; } .footer-bottom ul.foot-btm-links li { float: left; margin-left: 36px; } .footer-bottom ul.foot-btm-links li a { font-size: 14px; color:#db4a4a; font-family: 'roboto_light'; text-decoration: none; } .footer-bottom ul.foot-btm-links li a:hover { text-decoration: underline; } .widget-search { margin: 0 0 30px; border-bottom: 1px solid #e6e6e6; padding: 0 0 30px; } .search-form:after { content:""; clear:both; display:table; } .search-form input[type=text] { margin-bottom: 16px; color: #7d7d7d; font-size: 12px; text-transform: uppercase; width: 100%; height: 38px; line-height: normal; padding: 0 14px; border: 1px solid #666666; background: none; font-family: montserrat_bold; } .update-auth { background:yellow; text-align:center; display:block; color:#000; } .update-auth.loading { background:cyan; } .update-auth.success { background:orange; } .subscribe-modal { width:100%; max-width:650px; background:#000; } .subscribe-modal .mc-form { background:#666; } .subscribe-modal .inner { padding:20px; } .subscribe-modal .modal-logo { float:left; display: inline-block; margin: 0 20px 0 0; } .subscribe-modal .modal-logo img { width:160px; } .subscribe-modal .mc-form { background:#222 } .subscribe-modal h4 { margin:0 0 10px 0; font-size:20px; color: #ffffff; text-transform: uppercase; font-family: montserrat_bold; } .subscribe-modal .mailpoet_text_label, .subscribe-modal p { margin:0 0 10px 0; font-size:16px; color: #ffffff; font-family: 'roboto_light'; line-height: normal; display:block; } .subscribe-modal .mailpoet_text { color:#7d7d7d; font-size: 12px; width: calc( 100% - 130px ); height: 38px; line-height: normal; padding:0 14px; border:1px solid #666666; background: none; font-family: montserrat_bold; min-width:250px; } .subscribe-modal .mailpoet_text:focus { border-color:#fff; color:#fff; } .subscribe-modal .mailpoet_submit { display: inline-block; background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; margin-top: 0; } .clear { clear:both; display:table; width:100%; } .cover-loader { position:fixed; width:100%; height:100%; left:0; top:0; background-color: rgba(0, 0, 0, 0.8); color:#fff; z-index:34243; } .cover-loader .valign { position: absolute; /*height: calc( 100vh - 80px );*/ top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .cover-loader .label { display:block; text-transform:uppercase; font-size:20px; margin:0 0 14px; text-align: center; } .cover-loader .img { display:block; width:100%; max-width:725px; margin:0 auto; height: calc( 100vh - 80px ); } .cover-loader .img img { display: block; width: auto; max-height: 100%; margin: 0 auto; max-width: 100%; border:solid 1px #da4a4a; } .subscription-wrap { padding:0 0 50px; position:relative; } .exclusive-video-wrap { padding: 50px 0; position:relative; } .subscription-wrap:before { content:""; position:absolute; width:100%; height:156px; z-index:1; background:#000 url(images/home-banner-scratch-bg.jpg) repeat-x 0 100%; } .subscription-wrap .wrap-inner { width:100%; max-width:1140px; position:relative; z-index:2; } .subscription-wrap .news-content { width:calc( 100% - 355px ); float:left; } .subscription-wrap .news-content .image-sub-slider { border:solid 1px #da4a4a; display:block; } .subscription-wrap .news-content .image-sub-slider #large-carousel { margin:0; } .subscription-wrap .news-content .imagebox img { border:solid 1px #da4a4a; display:block; } .subscription-wrap .news-content .image-sub-caption { background: #da4a4a; padding: 13px 11px 9px; } .subscription-wrap .news-content .image-sub-caption:after { content:""; clear:both; display:table; } .subscription-wrap .news-content .image-sub-caption h3 { float: left; font-size: 24px; font-style: italic; color: #000; display: inline-block; font-family: montserrat_bold; margin:0; } .subscription-wrap .news-content .image-sub-caption .author { float:right; font-size:16px; color:#fff; display:inline-block; font-family: montserrat_bold; font-weight: 700; text-transform: uppercase; } .subscription-wrap .news-content .main-title { font-size: 45px; line-height: normal; text-transform: uppercase; font-family: montserrat_bold; margin: 20px 0 6px; } .subscription-wrap .news-content .intro-text { font-size: 22px; line-height: normal; margin: 0 0 28px; color:#000; font-family: 'open_sans_bold'; text-transform: uppercase; } .subscription-wrap .news-content .full-post .content-text { font-size: 16px; line-height: 24px; color: #343434; font-family: 'open_sans_regular'; } .subscription-wrap .news-content .full-post .content-text img { border:0; } .subscription-wrap .news-content .full-post .first { width: 70px; height: 70px; color: #000; background: #da4a4a; display: inline-block; font-size: 60px; line-height: 66px; text-align: center; margin: 0 10px 0 0; float: left; } .full-post .text-wrap blockquote, .subscription-wrap .news-content blockquote { padding:0 0 0 96px; position:relative; margin:45px 0; } .full-post .text-wrap blockquote:before, .subscription-wrap .news-content blockquote:before { content:""; display:block; position:absolute; width:4px; height:100%; left:62px; top:0; background:#da4a4a; } .full-post .text-wrap blockquote p, .subscription-wrap .news-content blockquote p { font-size: 30px; color: #da4a4a; font-family: montserrat_bold; line-height: normal; margin: 0; } .subscription-wrap .news-content .content-text img { border:solid 1px #da4a4a; max-width:100%; height:auto; } .subscription-wrap .news-content .vs-names { background: #000; padding: 14px 20px 12px; color: #fc0001; font-size: 22px; text-transform: uppercase; font-family: montserrat_bold; text-align: center; margin:4px 0 18px; } .subscription-wrap .news-content .three-columns { width:calc( 100% + 60px ); margin:0 -30px 60px; } .subscription-wrap .news-content .three-columns:after { content:""; clear:both; display:table; } .subscription-wrap .news-content .three-columns .col { width:33.33%; padding:0 30px; float:left; border-right:solid 1px #ffbe04; } .subscription-wrap .news-content .three-columns .col:last-of-type { border:0; } .subscription-wrap .news-content .three-columns .col h4 { font-size: 30px; font-family: montserrat_bold; color: #000; margin: 0 0 16px; line-height:normal; } .subscription-wrap .news-content .star-hr { text-align:center; padding:10px 0 25px; } .subscription-wrap .news-content .star-hr img { display:inline; border:0 !important; } .subscription-wrap .news-content .note-box { background: #000000; color: #fff; } .subscription-wrap .news-content .note-box p { color: #fff; font-size: 18px; padding: 15px; line-height: normal; } .subscription-wrap .news-content .note-box p:last-child { margin:0; } .subscription-wrap .news-content .list-fighters { margin:0 0 46px; } .subscription-wrap .news-content .list-fighters .item { font-size: 22px; margin: 0 0 25px; } .subscription-wrap .news-content .list-fighters .item .name { font-family: 'roboto_black'; color: #db4a4a; text-transform: uppercase; font-size: 24px; } .subscription-wrap .news-content .table-favorites { margin:0 0 40px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.8); box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.8); } .subscription-wrap .news-content .table-favorites .heading { text-align: center; padding: 10px 0 2px; background: #ebebeb; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .subscription-wrap .news-content .table-favorites .heading h2 { font-family: 'roboto_black'; color: #000000; text-transform: uppercase; font-size: 24px; margin: 0 0 4px; } .subscription-wrap .news-content .table-favorites .heading img { vertical-align: top; display: inline-block; margin-top: 1px; } .subscription-wrap .news-content .table-favorites .heading p { font-size: 14px; margin: 0 0 4px; line-height: normal; } .subscription-wrap .news-content .table-favorites .heading p span { display: block; } .subscription-wrap .news-content .table-favorites .heading .names { font-size: 12px; display: inline-block; padding: 0 20px; } .subscription-wrap .news-content .table-favorites .td-items { font-size: 9px; line-height: 14px; text-align: center; } .subscription-wrap .news-content .table-favorites .item-even { background:#ebebeb; } .subscription-wrap .news-content .table-favorites .td-items.th { background:#e2e2e2 url(images/bg-tbl-head-tr.jpg); color:#959595; text-align:center; font-family: 'open_sans_bold'; text-transform: uppercase; font-size:14px; height:45px; line-height:45px; overflow: hidden; } .subscription-wrap .news-content .table-favorites .td-items:after { content:""; clear:both; display:table; } .subscription-wrap .news-content .table-favorites .td-items .td { float:left; width:13.5%; position:relative; display:table; } .subscription-wrap .news-content .table-favorites .td-items .td:after { content: ""; display: block; width: 1px; height: 100%; background: #d7d7d7; top: 0; left: 0; position: absolute; } .subscription-wrap .news-content .table-favorites .td-items.th .td:after { display:none; } .subscription-wrap .news-content .table-favorites .td-items .td img { display:block; max-width:100%; } .subscription-wrap .news-content .table-favorites .td-items .td-2 { width:14%; } .subscription-wrap .news-content .table-favorites .td-items .td-4 { width:14%; } .subscription-wrap .news-content .table-favorites .td-items .td-5 { width:14.5%; } .subscription-wrap .news-content .table-favorites .td-items .td-6 { width:15%; } .subscription-wrap .news-content .table-favorites .td-items .td-7 { width:15.5%; } .subscription-wrap .news-content .table-favorites .td-items .td span { display: table-cell; padding: 0 8px; vertical-align: middle; } .subscription-wrap .news-content .table-favorites .td-cols { background:#fff; font-size: 9px; line-height: 14px; text-align: left; display:none; position:relative; } .subscription-wrap .news-content .table-favorites .cols-even { background:#ebebeb; } .subscription-wrap .news-content .table-favorites .td-cols:before { content:""; display:block; width:100px; height:100%; top:0; left:0; background: #e2e2e2 url(images/bg-tbl-head-tr.jpg); position:absolute; z-index:1; } .subscription-wrap .news-content .table-favorites .td-cols .clear { clear:both; width:100%; } .subscription-wrap .news-content .table-favorites .td-cols .td-label { width:100px; float:left; color: #959595; font-family: 'open_sans_bold'; text-transform: uppercase; font-size: 14px; padding: 10px; position:relative; z-index:2; } .subscription-wrap .news-content .table-favorites .td-cols .td-val { width:calc( 100% - 110px ); float:right; position:relative; z-index:2; } .subscription-wrap .news-content .table-favorites .td-cols .td-val img { margin:10px auto; display: block; } .subscription-wrap .news-content .table-favorites .td-cols .td-val span { padding:10px 0 10px 10px; display: block; } .subscription-wrap .news-content .list-best-worst { margin:0 0 30px; } .subscription-wrap .news-content .list-best-worst .heading { padding: 4px 20px; background: #000; font-family: 'roboto_black'; color: #ff0202; text-transform: uppercase; font-size: 26px; text-align: center; margin:0 0 8px; line-height:normal; } .subscription-wrap .news-content .list-best-worst .heading span { display: block; text-transform: none; font-size: 22px; } .subscription-wrap .news-content .list-best-worst .columns { margin:0 -14px; } .subscription-wrap .news-content .list-best-worst .columns:after { content:""; display:table; clear:both; } .subscription-wrap .news-content .list-best-worst .column { width:33.33%; float:left; position:relative; } .subscription-wrap .news-content .list-best-worst .column:after { width:1px; content:""; display:block; height:calc( 100% - 176px ); right:0; bottom:20px; background:#ffbe04; position: absolute; } .subscription-wrap .news-content .list-best-worst .column:nth-child(3):after { display:none; } .subscription-wrap .news-content .list-best-worst .column .photo { display:block; margin:0 14px 24px; } .subscription-wrap .news-content .list-best-worst .column .photo img { display:block; max-width:100%; } .subscription-wrap .news-content .list-best-worst .column .text { padding:0 35px; } .subscription-wrap .news-content .list-best-worst .column:nth-child(1) .text { padding-left:14px; } .subscription-wrap .news-content .list-best-worst .column:nth-child(3) .text { padding-right:14px; } .subscription-wrap .news-content .list-best-worst .column .text h3 { margin: 0 0 12px 0; color: #000; font-size: 28px; line-height: normal; text-transform: uppercase; font-family: montserrat_bold; } .subscription-wrap .news-content .table-tot { position:relative; margin:0 0 36px; } .subscription-wrap .news-content .table-tot .heading { background: #000; line-height: normal; text-transform: uppercase; font-family: montserrat_bold; color: #fe0002 !important; padding: 8px 10px 6px; text-align: center; font-size: 24px; margin:0 0 2px; } .subscription-wrap .news-content .table-tot .tr { position:relative; } .subscription-wrap .news-content .table-tot .tr:after { content:""; clear:both; display:table; } .subscription-wrap .news-content .table-tot .td-items { width:33.33%; float:left; text-align:center; } .subscription-wrap .news-content .table-tot .td-items:nth-child(3) { float:right; } .subscription-wrap .news-content .table-tot .td-items.label { position:absolute; left:33.33%; top:0; } .subscription-wrap .news-content .table-tot .td-items .td { background: #ccc; border: solid 3px #ccc; border-width: 2px 0; margin: 0 0 2px; font-size: 24px; text-transform: uppercase; padding: 10px 0 } .subscription-wrap .news-content .table-tot .td-items.label .td { background:#fff; font-family: montserrat_bold; } .subscription-wrap .news-content .list-three .columns { margin:0 -44px 30px; } .subscription-wrap .news-content .list-three .columns:after { content:""; display:table; clear:both; } .subscription-wrap .news-content .list-three .column { width:33.33%; float:left; position:relative; padding:0 44px; } .subscription-wrap .news-content .list-three .column:after { width:1px; content:""; display:block; height:calc( 100% - 176px ); right:0; bottom:20px; background:#ffbe04; position: absolute; } .subscription-wrap .news-content .list-three .column:nth-child(3):after { display:none; } .subscription-wrap .news-content .list-three .column .photo { display:block; margin:0 0 5px; } .subscription-wrap .news-content .list-three .column .photo img { display:block; max-width:100%; } .subscription-wrap .news-content .list-three .column h5.title-1 { text-transform: uppercase; font-family: montserrat_bold; font-size: 26px; color:#fb0000; line-height:normal; } .subscription-wrap .news-content .list-three .column h5.title-2 { margin:0 0 18px; } .subscription-wrap .news-content .list-three .column h4.name { text-transform: uppercase; font-family: montserrat_bold; font-size: 22px; line-height:normal; color:#000; } .subscription-wrap .news-content .list-three .column h3 { margin: 0 0 12px 0; color: #000; font-size: 28px; line-height: normal; text-transform: uppercase; font-family: montserrat_bold; margin:0 0 5px; } .page-template-current-issue .subscription-wrap .wrap-inner { max-width: 1120px; } .page-template-current-issue .subscription-wrap .news-content .image-sub-slider { border:0; } .subscription-wrap .current-issue-carousel .slide-item { position:relative; display:block; } .subscription-wrap .current-issue-carousel .slide-item .image { position:relative; display:block; border:solid 1px #da4a4a; } .subscription-wrap .current-issue-carousel .slide-item a.img-link { position:relative; display:block; width:100%; } .subscription-wrap .current-issue-carousel .slide-item img { position:relative; display:block; width:100%; height:auto; z-index:1; } .subscription-wrap .current-issue-carousel .slide-item .red-caption { position:absolute; display:block; width:100%; padding:13px 20px; left:0; bottom:0; background-color: rgba(218, 74, 74, 0.8); font-size: 16px; color: #fff; font-family: montserrat_bold; font-weight: 700; text-transform: uppercase; text-align:center; z-index: 2; line-height: 24px; } .subscription-wrap .current-issue-carousel .slide-item .red-caption a { color:#fff; font-style:italic; } .subscription-wrap .current-issue-carousel .slide-item .split-bar { position:relative; display:block; background:#424242; } .subscription-wrap .current-issue-carousel .slide-item .split-bar:before { content:""; width:2px; background:#838383; top:0; left:50%; position:absolute; height:100%; } .subscription-wrap .current-issue-carousel .slide-item .split-bar:after { content:""; clear:both; display:table; } .subscription-wrap .current-issue-carousel .slide-item .split-bar span { display:block; width:50%; float:left; text-align:center; color:#fff; padding:10px 0; } .subscription-wrap #large-slider .owl-nav > div { display:block; width:38px; height:0; padding:38px 0 0; overflow:hidden; cursor:pointer; position:absolute; bottom:0; background:url(images/ci-slide-arrows.png) no-repeat; left:0; overflow:hidden; } .subscription-wrap #large-slider .owl-nav > div.owl-next { left:auto; right:0; background-position:0 -38px; } .subscription-wrap .features-list { padding:10px 0 0; } .subscription-wrap .features-list h2.main-title { font-size:35px; text-align:center; margin:0 0 10px; } .subscription-wrap .features-list .ci-thumb-holder { display:block; } .subscription-wrap .features-list .ci-thumb-holder img { display:block; width:100%; height:auto; } .subscription-wrap .features-list .ci-text { text-align:center; min-height:122px; } .subscription-wrap .features-list .ci-text .title { display: block; background: #b3b3b3; color: #000; padding: 8px 10px; font-family: montserrat_bold; margin: 0 0 5px; } .subscription-wrap .features-list .ci-text .intro { display:block; text-align:center; text-transform: uppercase; margin:0 0 12px; } .subscription-wrap .features-list .ci-text .author { display:block; font-weight: 700; margin:0 0 12px; } .subscription-wrap .right-sidebar { width:312px; float:right; } .exclusive-video-wrap .right-sidebar { margin: 0 15px 0 0; } .exclusive-video-wrap .right-sidebar .widget-subs, .subscription-wrap .right-sidebar .widget-subs { margin:0 0 34px; text-align:center; } .exclusive-video-wrap .right-sidebar .widget-subs img, .subscription-wrap .right-sidebar .widget-subs img { max-width:100%; height:auto; display:block; border:solid 1px #da4a4a; } .exclusive-video-wrap .right-sidebar .widget-subs .widget-title, .subscription-wrap .right-sidebar .widget-subs .widget-title { margin: 0 0 14px; font-family: 'roboto_black'; font-size: 26px; color: #000; } .exclusive-video-wrap .right-sidebar .widget-mag .caption, .subscription-wrap .right-sidebar .widget-mag .caption { font-size: 21px; text-align: center; text-transform: uppercase; font-family: montserrat_bold; padding: 15px 0 9px; } .exclusive-video-wrap .right-sidebar .widget-subs .item, .subscription-wrap .right-sidebar .widget-subs .item { margin:0 0 12px; } .exclusive-video-wrap .right-sidebar .subs-departments .item, .subscription-wrap .right-sidebar .subs-departments .item { margin:0 0 28px; } .exclusive-video-wrap .right-sidebar .widget-subs .item h4, .subscription-wrap .right-sidebar .widget-subs .item h4 { font-size: 24px; margin: 0 0 4px; line-height: normal; font-family: 'open_sans_regular'; } .exclusive-video-wrap .right-sidebar .widget-subs .item h5, .subscription-wrap .right-sidebar .widget-subs .item h5 { font-size: 24px; margin: 0; line-height: 30px; font-family: 'open_sans_bold'; text-transform: uppercase; } .page-template-subscription-option .sub-content-wrap h1 { margin:0 0 12px; } .subscription-table.column-4 { /*max-width: 1022px;*/ margin: 0 auto 60px; } .subscription-table.column-4 .each-col { width: 20%; width: 25%; float:left; } .subscription-table.column-4 .each-col#option-3 { display:none !important; } .subscription-table.column-4 .box-border { padding:0 20px 24px 20px; } .subscription-table.column-4 .box-border.alter-border { border-left: 0; position:relative; } .subscription-table.column-4 .box-border.alter-border:after { content:""; width:1px; height:100%; background:#dedede; position:absolute; left:-1px; top:0; } .subscription-table.column-4 .last-row { border-bottom:0; } .subscription-table.column-4 .btn-light-green { padding:0; text-align:center; min-width:150px; margin:0 auto 12px; } .subscription-table #option-gift .title-row { background:#00CD68 } .subscription-table #option-gift .each-row { line-height:26px; margin-bottom: 20px; } .page-template-subscription-option .signin-digital-subscriber { max-width:768px; margin:0 auto; } .page-template-subscription-option .signin-digital-subscriber { max-width:768px; margin:0 auto; } .page-template-subscription-login .content-wrap h1, .page-template-subscription-login .sub-content-wrap h1 { margin:0 0 24px 0; } .page-template-subscription-login .signin-digital-subscriber { max-width:768px; } .custom-login-form .text-field { margin:0; } .custom-login-form .text-field label { display:none; } .custom-login-form .text-field input { width: 100%; padding: 0 16px; height: 38px; line-height: normal; border: 1px solid #ccc; font-size: 12px; color: #7d7d7d; font-family: montserrat_bold; } .custom-login-form .login-remember { display:none; } .custom-login-form .button { background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; background-color: #10b765; font-size: 13px; font-family: montserrat_regular; } .ppvs-banner img { width:100%; display:block; height:auto; } .ppvs-inner { background:url(images/bg-commentator.jpg) no-repeat; background-size:cover; padding:17px 0 0; margin: 0 0 30px; } .ppvs-inner .main-title { font-size: 50px; line-height: 64px; font-style: italic; font-family: 'gobold_thinitalic'; color: #fff; text-align: center; font-weight:700; margin:0 0 20px; } .ppvs-inner .ls-ppv-video { width:100%; max-width:810px; margin:0 auto 42px; background:#fff; } .ppvs-inner .ls-ppv-video img { height:auto; max-width:100%; display:block; } .ppvs-inner .countdown { width:100%; max-width:810px; margin:0 auto 42px; background:#fff; padding:140px 0 150px; } .ppvs-inner .countdown .label { display: block; text-align: center; text-transform: uppercase; font-size: 12px; margin:0 0 5px; } .ppvs-inner .countdown .time { width:390px; margin:0 auto; } .ppvs-inner .countdown .time:after { content:""; display:table; clear:both; } .ppvs-inner .countdown .time .each { float:left; display: block; text-align: center; text-transform: uppercase; font-size: 12px; width:25%; } .ppvs-inner .countdown .time .each span { display:block; border:solid 3px #666666; height:94px; line-height:84px; text-align:center; font-size:40px; color:#000; margin:0 0 5px; font-family: 'roboto_black'; border-right:0; } .ppvs-inner .countdown .time .each:nth-child(4) span { border-right:solid 3px #666666;; } .ppvs-inner .custom-scroller { width:720px; margin:0 auto 44px; background-color: rgba(0, 0, 0, 0.5); color:#fff; font-size:12px; padding:45px 0 45px 48px; } .ppvs-inner .custom-scroller .scroller { height:328px; } .ppvs-inner .custom-scroller .mCSB_inside > .mCSB_container { margin-right:60px; } .ppvs-inner .custom-scroller h4 { color: #fff; font-weight:400; font-family: 'Myriad Pro', 'open_sans_regular'; margin:0 0 18px; font-size:15px; } .ppvs-inner .custom-scroller p { color: #fff; font-size: 15px; line-height: 20px; font-family: 'Myriad Pro', 'open_sans_regular'; margin:0 0 10px; } .ppvs-inner .custom-scroller .mCSB_scrollTools { opacity:1; } .ppvs-inner .custom-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ffffff; opacity:1; } .ppvs-inner .custom-scroller .mCSB_scrollTools .mCSB_draggerRail { background-color: #ffffff; opacity:1; } .ppvs-inner .commentators { width:100%; max-width:1030px; margin:0 auto; } .ppvs-inner .commentators h2 { font-size: 39px; line-height: normal; font-family: 'gobold_thinitalic'; font-weight: 700; color: #fff; text-align: center; text-shadow: 3px 3px 5px #000000; margin: 0 0 20px; font-style: normal; } .ppvs-inner .commentators .item { width: 50%; float: left; color: #fff; font-size: 14px; text-align: center; margin: 0 0 76px; } .ppvs-inner .commentators .item .img { width:192px; margin:0 auto 20px; -webkit-border-radius: 192px; border-radius: 192px; } .ppvs-inner .commentators .item .img img { display:block; max-width:100%; height:auto; } .ppvs-inner .commentators .item p { max-width: 370px; color: #fff; font-size: 16px; margin: 0 auto 20px; text-align: center; font-style: italic; font-family: montserrat_regular; line-height: 32px; text-shadow: 3px 3px 5px #000000; } .ppvs-inner .list-tweets { background:#666; min-height:76px; /*display:table;*/ position:relative; width:100%; overflow:hidden; } .ppvs-inner .list-tweets:before { content:""; position:absolute; z-index:4; width:78px; height:78px; left:0; top:0; background:#28A9E2 url(images/comm-tweet.jpg) no-repeat; } .ppvs-inner .list-tweets ul li, .ppvs-inner .list-tweets ul { list-style:none; padding:0; margin:0; z-index:1; position:relative; } /*.ppvs-inner .tweet .inner ul { display:table; position:relative; padding:0 20px 0 114px; } */ .ppvs-inner .list-tweets ul:after { content:""; clear:both; display:table; } .ppvs-inner .list-tweets ul li { width:100%; float:left; display:block; } .ppvs-inner .list-tweets .inner { padding:0 20px 0 114px; color:#fff; display:table; height:76px; } .ppvs-inner .list-tweets .inner .valign { display:table-cell; vertical-align:middle; } .ppvs-wrap .news-content { float:none; margin:0 auto; } .ppvs-wrap .news-content .main-title { font-size: 36px; line-height: normal; text-transform: uppercase; font-family: 'roboto_black'; padding: 24px 0 20px; text-align: center; border-top: solid 2px #cd3335; } .subscription-wrap h1.alter-title { margin: 80px 0 70px; color: #fff; } .list-issues { width:100%; max-width:706px; } .list-issues:after { content:""; clear:both; display:table; } .list-issues .item { width:310px; float:left; text-align:center; margin: 0 0 30px; } /*.list-issues .issuem_issue_draft { display:none !important; }*/ .list-issues .item-even { float:right; } .list-issues .item .img { margin:0 0 10px; } .list-issues .item .img img { display:block; height:auto; width:100%; border:solid 1px #dd5555; } .list-issues .item .title { display: block; font-size: 21px; text-align: center; text-transform: uppercase; font-family: montserrat_bold; padding: 0; line-height: normal; } .list-issues .item a { display:block; /* font-size: 21px; */ margin: 0; /* line-height: normal; */ /* font-family: montserrat_regular,Arial, Helvetica, sans-serif; */ text-transform: uppercase; /* min-height:26px; */ } .list-issues .item .blank-pdf { display:block; min-height:26px; } .list-issues .item a img { display:block; max-width:100%; height:auto; } /* Espanol List Issues */ .list-issues-es { width:100%; /* max-width:706px; */ } .list-issues-es:after { content:""; clear:both; display:table; } .list-issues-es .item { width:310px; float:left; text-align:center; margin: 0 0 30px; } /*.list-issues .issuem_issue_draft { display:none !important; }*/ .list-issues-es .item-even { float:right; } .list-issues-es .item .img { margin:0 0 10px; } .list-issues-es .item .img img { display:block; height:auto; width:100%; border:solid 1px #dd5555; } .list-issues-es .item .title { display: block; font-size: 21px; text-align: center; text-transform: uppercase; font-family: montserrat_bold; padding: 0; line-height: normal; } .list-issues-es .item a { display:block; font-size: 21px; margin: 0; line-height: normal; font-family: montserrat_regular,Arial, Helvetica, sans-serif; text-transform: uppercase; min-height:26px; } .list-issues-es .item .blank-pdf { display:block; min-height:26px; } .list-issues-es .item a img { display:block; max-width:100%; height:auto; } .ppvs-inner .no-ppvs { padding: 206px 0; } .ppvs-wrap .no-ppvs p { text-align: center; font-size: 41px; line-height: normal; color: #fff; font-family: 'open_sans_regular' } .btn-apps { padding-bottom: 36px; margin-bottom: 30px; text-align:center; max-width: 770px; } .btn-apps a { display:inline-block; margin:0 34px; } .list-ppvs { max-width: 1160px; margin: 0 auto; } .list-ppvs:after { content:""; clear:both; display:table; } .list-ppvs .item { width:48%; float:left; max-width:546px; margin:0 0 28px; } .list-ppvs .item a { display:block; } .list-ppvs .item a img { display:block; width:100%; max-width:100%; height:auto; } .list-ppvs .item-even { float:right; } .profile .default-content h2 { color: #333333; font-size: 24px; line-height: 28px; text-transform: uppercase; font-family: montserrat_bold; margin: 0 0 12px } .profile .default-content table { width:100%; margin:0 0 30px; } .profile .default-content table th { text-align: center; color: #fff; font-size: 16px; line-height: 19px; text-transform: uppercase; padding: 10px 0; background-color: #444444; } .profile .default-content table td { padding: 10px 0; font-size: 12px; color: #444; line-height: 20px; text-align: center; font-family: montserrat_bold; } .gift-subscription-redemption .default-content form label, .gift-subscription .default-content form label, .profile .default-content form label { font-size: 14px; font-family: montserrat_regular; margin: 0 0 5px; display: block; font-weight: 400; } .gift-subscription-redemption .default-content form input[type=password], .gift-subscription-redemption .default-content form input[type=text], .gift-subscription .default-content form input[type=password], .gift-subscription .default-content form input[type=text], .profile .default-content form input[type=password], .profile .default-content form input[type=text] { outline: none; border-radius: 0; -webkit-appearance: none; width: 100%; padding: 0 16px; height: 38px; line-height: normal; border: 1px solid #ccc; font-size: 12px; color: #7d7d7d; font-family: montserrat_bold; max-width:302px; } .gift-subscription .default-content form select { outline: none; border-radius: 0; width: 100%; padding: 0 16px; height: 38px; line-height: normal; border: 1px solid #ccc; font-size: 12px; color: #7d7d7d; font-family: montserrat_bold; max-width:402px; } .profile .default-content form input#leaky-paywall-cc-exp-month, .profile .default-content form input#leaky-paywall-cc-exp-year { max-width:100px; } .gift-subscription-redemption .default-content form .button, .gift-subscription .default-content form .button, .profile .default-content form .button { background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; background-color: #10b765; font-size: 13px; font-family: montserrat_regular; } .profile .default-content .issuem-leaky-paywall-subscriber-info { padding:50px 0 0; } .issuem_active_issue p { margin:0; padding:0; } .issuem_active_issue .widget-title { display:none; } .issuem_active_issue .issuem_widget_issue_name { font-size: 21px; text-align: center; text-transform: uppercase; font-family: montserrat_bold; padding: 15px 0 9px; } .issuem_active_issue .issuem_widget_issue_name a { display:block; color:#000; text-decoration:none; } .issuem_article_list h5 { font-size: 24px; margin: 0; line-height: 30px; font-family: 'open_sans_bold'; text-transform: uppercase; } .issuem_article_list p { margin:0; padding:0; } .issuem_article_list a { font-size: 24px; margin: 0 0 4px; line-height: normal; font-family: 'open_sans_regular'; color: #343434; text-transform: uppercase; color: #db4a4a; display:block; color: #db4a4a; } .issuem_article_list .issuem_widget_teaser { font-family: montserrat_regular,Arial, Helvetica, sans-serif; color: #000; font-size: 14px; line-height: 18px; margin:0 0 12px; } img.fluid-image { max-width:100%; height:auto; } .subscription-ringside-table { margin:0 0 42px; } .subscription-ringside-table:after { content:""; clear:both; display:table; } .subscription-ringside-table .each-col { width:100%; max-width:586px; float:left; } .subscription-ringside-table #option-gift { width:100%; max-width:252px; float:left; } .subscription-ringside-table #option-0 { border:solid 1px #e3e3e3; margin:0 15px 20px 0; } .subscription-ringside-table #option-0:after { content:""; clear:both; display:table; } .subscription-ringside-table .leaky_paywall_subscription_allowed_content { display:none; } .subscription-ringside-table #option-0 .option-heading-0 { background:#ff3333; color:#fff; font-size:15px; text-align:center; padding:14px 0; } .subscription-ringside-table #option-0 .option-heading-0 span { font-size:20px; display:block; } .subscription-ringside-table #option-0 .option-heading-0 h4 { margin:0; color:#fff; } .subscription-ringside-table #option-0 .option-0 { width:100%; max-width: 284px; float: left; font-size: 12px; text-align: center; margin: 22px 15px 38px 0; border-right: solid 1px #e3e3e3; line-height:23px; } .subscription-ringside-table #option-0 .option-0 .title2 { font-size:17px; margin:0 0 14px; } .subscription-ringside-table #option-0 .leaky_paywall_subscription_payment_options { width: 278px; float: left; text-align: center; padding-top: 30px; } .subscription-ringside-table #option-0 .leaky_paywall_subscription_payment_options .btn-gray { border:0 !important; width:188px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #666666; font-size: 13px; font-family: montserrat_regular; display: inline-block; } .subscription-ringside-table #option-0 .leaky_paywall_subscription_payment_options .leaky-paywall-payment-button { display: inline-block; margin: 0 0 13px; } .subscription-ringside-table #option-0 .leaky_paywall_subscription_payment_options button { border:0 !important; width:188px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; background-color: #10b765; font-size: 13px; font-family: montserrat_regular; } .page-template-subscription-option .signin-digital-subscriber.left-align { margin:0; } .subscription-ringside-table #option-gift { border:solid 1px #e3e3e3; text-align:center; min-height:348px; } .subscription-ringside-table #option-gift .title-row { background:#00cc66; color:#fff; font-size:15px; text-align:center; padding:14px 0; text-transform:uppercase; font-weight:400; } .subscription-ringside-table #option-gift .title-row { background:#00cc66; color:#fff; font-size:15px; text-align:center; padding:14px 0; } .subscription-ringside-table #option-gift .each-row { color: #444444; font-size: 12px; text-align: center; line-height: 30px; margin: 30px 23px 28px; border-bottom: solid 1px #e3e3e3; padding-bottom: 24px; } .subscription-ringside-table #option-gift .btn-light-green { font-size: 12px; font-weight:400; display:inline-block; margin:0 0 20px; } .loginform .text-field { margin:0; } .loginform .text-field label { display:none; } .loginform .text-field input { width: 100%; padding: 0 16px; height: 38px; line-height: normal; border: 1px solid #ccc; font-size: 12px; color: #7d7d7d; font-family: montserrat_bold; } .loginform .login-remember { display:none; } .loginform .button { background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; background-color: #10b765; font-size: 13px; font-family: montserrat_regular; }/* .subscription-ringside-table #option-0 .leaky_paywall_subscription_payment_options { margin: 22px 0; text-align: center; padding-top: 0; width: auto; float: none; clear: both; }*/ .custom-login-form .text-field input { width: 100%; padding: 0 16px; height: 38px; line-height: normal; border: 1px solid #ccc; font-size: 12px; color: #7d7d7d; font-family: montserrat_bold; } .custom-login-form .login-remember { display:none; } .custom-login-form .button { background-color: #db4a4a; font-size: 14px; font-weight: 100; padding: 0 20px; text-align: center; height: 40px; line-height: 40px; color: #fff; text-decoration: none; text-transform: uppercase; font-family: montserrat_bold; background-color: #10b765; font-size: 13px; font-family: montserrat_regular; } @media only screen and (max-width: 650px) { .subscription-ringside-table #option-0 .option-0 { max-width:none; margin-right:0; } .subscription-ringside-table #option-gift { max-width:none; } } .page-template-event-landing .sub-header h1 { display:none; } .event-landing-v2 { padding-top: 0; background:url(images/bg-header-event-landing.jpg) repeat-x 0 0; } .event-landing-v2 .banner img { width:100%; height:auto; display:block; } .event-landing-v2 .tweet-feed { background:#666666; height:75px; } .event-landing-v2 .tweet-feed:after { content:""; clear:both; display:table; } .event-landing-v2 .tweet-feed .tweets { padding:14px 0 0 95px; width:calc( 100% - 270px ); float:left; position:relative; min-height:75px; } .event-landing-v2 .tweet-feed .tweets ul li, .event-landing-v2 .tweet-feed .tweets ul { list-style:none; padding:0; margin:0; } .event-landing-v2 .tweet-feed .tweets ul li { font-size:17px; color:#fff; width:100%; display:block; float:left; } .event-landing-v2 .tweet-feed .tweets ul li a { color:#ff7288; } .event-landing-v2 .tweet-feed .tweets:after { width:78px; height:75px; background:#29a9e1 url(images/event-land-twitter.jpg) no-repeat; content:""; position:absolute; left:0; top:0; } .event-landing-v2 .tweet-feed .countdown { width:260px; float:right; margin-top: 8px; } .event-landing-v2 .tweet-feed .countdown .time:after { content:""; clear:both; display:table; } .event-landing-v2 .tweet-feed .countdown .time { text-align:center; } .event-landing-v2 .tweet-feed .countdown .time .each { float:none; text-transform:uppercase; font-size:38px; text-transform:uppercase; color:#fff; font-family: open_sans_bold; margin:0 14px 0 0; display:inline-block; } .event-landing-v2 .tweet-feed .countdown .time .each:last-of-type { margin:0; } .event-landing-v2 .tweet-feed .countdown .time .each span { font-size:9px; display:block; padding:12px 0 0; } .event-landing-v2 .navs { background:#cccccc; padding:13px 8px; } .event-landing-v2 .navs ul li, .event-landing-v2 .navs ul { list-style:none; padding:0; margin:0; } .event-landing-v2 .navs ul { width:100%; text-align:center; } .event-landing-v2 .navs ul:after { content:""; clear:both; display:table; } .event-landing-v2 .navs ul li { display:inline-block; /*float:left;*/ width:calc( 16.6% - 11px ); margin:0 8px 0 0; } .event-landing-v2 .navs ul li:last-child { margin:00; } .event-landing-v2 .navs ul li a { display:block; color:#fff; text-transform:uppercase; text-align:center; background:#666666; height:50px; line-height:50px; width:100%; text-decoration:none; -webkit-border-radius: 5px; border-radius: 5px; } .event-landing-v2 .full-wrap { background:#000 url(images/event-land-bg.jpg) no-repeat 50% 0; background-size:100% auto; padding:22px 42px; margin:0 0 40px; } .event-landing-v2 .full-wrap .board { font-size:31px; font-weight:700; line-height:normal; margin:0 0 19px; } .event-landing-v2 .full-wrap .board .head { color: #ff0000; background: #000; font-size: 33px; text-align: center; font-family: montserrat_bold, Arial; text-transform: uppercase; padding: 10px 0; } .event-landing-v2 .full-wrap .board .board-list:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .board .board-list { position:relative; } .event-landing-v2 .full-wrap .board .board-list > div { font-size:30px; width:350px; float:left; text-align:center; font-family: montserrat_regular, Arial; } .event-landing-v2 .full-wrap .board .board-list > div.stat-val-2 { float:right; } .event-landing-v2 .full-wrap .board .board-list > div div { display:block; background:#cccccc; margin:0 0 3px; padding:10px 0; position:relative; } .event-landing-v2 .full-wrap .board .board-list > div div.name { padding:10px 0 11px; font-family: Montserrat; font-weight:900; } .event-landing-v2 .full-wrap .board .board-list .stat-labels { width:386px; position:absolute; left: 50%; font-family: montserrat_bold; text-transform: uppercase; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .event-landing-v2 .full-wrap .board .board-list .stat-labels div { padding-bottom:9px; } .event-landing-v2 .full-wrap .board .board-list .stat-labels div span { position:relative; z-index:2; } .event-landing-v2 .full-wrap .board .board-list .stat-labels div:after { background:#fff; content:""; width:100%; height:calc( 100% - 6px ); position:absolute; left:0; top:3px; z-index:1; display:block; } .event-landing-v2 .full-wrap .blocks { margin:0 0 26px; } .event-landing-v2 .full-wrap .blocks:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .blocks .block { width:calc( 50% - 20px ); float:left; background:#fff; -webkit-border-radius: 10px; border-radius: 10px; } .event-landing-v2 .full-wrap .blocks .block:last-of-type { float:right; } .event-landing-v2 .full-wrap .blocks .block p { font-size:15px; line-height:22px; } .event-landing-v2 .full-wrap .blocks .block .inner { padding:24px 28px; } .event-landing-v2 .full-wrap .blocks .block .heading { font-size: 32px; text-transform: uppercase; font-family: montserrat_regular; margin: 0 0 10px; line-height: normal; font-weight: 700; } .event-landing-v2 .full-wrap .blocks .block .heading-yellow { background:#f3bd45; font-size:16px; text-align:center; text-transform:uppercase; padding:10px 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .event-landing-v2 .full-wrap .blocks .block .heading-yellow h4 { font-size:19px; text-align:center; text-transform:uppercase; margin:0 0 5px; } .event-landing-v2 .full-wrap .blocks .block .heading-mid { font-size:18px; text-align:center; text-transform:uppercase; color:#000000; max-width:360px; margin:0 auto 10px; line-height:24px; } .event-landing-v2 .full-wrap .blocks .list-news-videos:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item { padding:0 0 0 82px; position:relative; margin:0 0 25px; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item .img { position:absolute; display:block; width:60px; left:0; top:0; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item .img img { display:block; width:100%; height:auto; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item h4 { font-size:16px; text-transform:uppercase; margin:0 0 6px; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item h4 a { color:#000; text-decoration:none; } .event-landing-v2 .full-wrap .blocks .list-news-videos .item span { color:#79808a; font-size:14px; font-family: open_sans_regular; } .event-landing-v2 .full-wrap .blocks .tbl-predict { position:relative; margin:0 0 23px; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr { position:relative; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .td { width:25%; float:left; font-size:13px; display:table; height:50px; border-bottom:solid 1px #f3f3f3; text-align:center; color:#616161; position:relative; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .td:after { width:1px; height:100%; position:absolute; right:0; top:0; background:#f3f3f3; content:""; display:block; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .td:last-of-type:after { display:none; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .th-1, .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .td-1 { text-align:left; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .th { text-transform:uppercase; font-weight:700; } .event-landing-v2 .full-wrap .blocks .tbl-predict .tr .td span { display:table-cell; vertical-align:middle; padding:0 20px; } .event-landing-v2 .full-wrap .blocks .subscribe-form { width:282px; margin:0 auto; } .event-landing-v2 .full-wrap .blocks .subscribe-form .wysija-paragraph { margin:0; } .event-landing-v2 .full-wrap .blocks .subscribe-form .wysija-paragraph label { display:none; } .event-landing-v2 .full-wrap .blocks .subscribe-form input { border:0; outline:0 !important; padding:0; margin:0; font-size:18px; text-align:center; height:50px; color:#000; display: block; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; } .event-landing-v2 .full-wrap .blocks .subscribe-form input[type=text] { border:solid 1px #e2e2e2; margin:0 0 10px; } .event-landing-v2 .full-wrap .blocks .subscribe-form input[type=submit] { background:#db4a4a; color:#fff; font-family: roboto_light; } .event-landing-v2 .full-wrap .blocks .single-poll { } .event-landing-v2 .full-wrap .blocks .single-poll:after { content:""; clear:both; display:table; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_poll_title { font-size:18px; text-align:center; text-transform:uppercase; color:#000000; max-width:360px; margin:0 auto 10px; line-height:24px; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_notice { display:none; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_option_list li, .event-landing-v2 .full-wrap .blocks .single-poll .wpp_option_list { list-style:none; padding:0; margin:0; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_option_list { text-align: center; padding:18px 0; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_option_list li { display:inline-block; margin:0 8px; font-family: montserrat_regular; font-weight:bold; font-size:14px; text-transform:uppercase; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_option_list li label { display:block; text-align:center; } .event-landing-v2 .full-wrap .blocks .single-poll .button { display:inline-block; width:48%; float:left; text-align:center; color:#fff; height:50px; line-height:50px; font-family: roboto_light; background:#db4a4a; margin: 0; padding: 0; font-size: 18px; -webkit-border-radius: 5px; border-radius: 5px; } .event-landing-v2 .full-wrap .blocks .single-poll .wpp_result { float:right; } .event-landing-v2 .full-wrap .blocks .scroller-news { height:254px; } .event-landing-v2 .full-wrap .blocks .scroller-promo { height:254px; margin:8px 0; } .event-landing-v2 .full-wrap .blocks .scroller-experts { height:273px; } .event-landing-v2 #disqus_thread { width:100%; max-width:770px; margin:0 auto; } .page-template-subscription-option .subscription-ringside-table { max-width: 854px; margin-left: auto; margin-right: auto; } .page-template-subscription-option .signin-digital-subscriber { max-width: 854px; margin-left: auto !important; margin-right: auto !important; } .logo-carousel-wrap { position:relative; width:100%; max-width:1020px; margin: 0 auto 30px; } .logo-carousel-wrap .logo-carousel { max-width:854px; width:100%; margin:0 auto; } .logo-carousel-wrap .logo-carousel .owl-item .item { border:solid 1px #b2b2b2; } .logo-carousel-wrap .logo-carousel .owl-item .item img { display:block; margin:0 auto; max-width:100%; height:auto; } .logo-carousel-wrap .owl-dots { padding:20px 0 0; display:none; } .logo-carousel-wrap .logo-carousel-nav { width:100%; height:50px; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .logo-carousel-wrap .logo-carousel-nav:after { content:""; display:table; clear:both; } .logo-carousel-wrap .logo-carousel-nav span { display:block; width:50px; height:0; overflow:hidden; padding:50px 0 0; background:#666666 url(images/owl-side-arrows.png) no-repeat 50%; float:left; cursor:pointer; } .logo-carousel-wrap .logo-carousel-nav span.owl-next { background-image:url(images/owl-side-arrows-next.png); float:right; } /*-------------------------------------------------------------- ## CENTENNIAL --------------------------------------------------------------*/ .centennial-title { font-size: 18px; } .bg-white { background-color: white; } .foreword { padding: 20px; } .centennial-para { float:right; } .round-thumb { margin-top:10px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } #top_bar .button-ppv { color: yellow!important; } /*-------------------------------------------------------------- ## MM Player for Ads --------------------------------------------------------------*/ #minutemedia { z-index: 1000!important; } #hero-video .big-item-left { display: block; width: 50%; float: left; position: relative; opacity: 1; background-color:black; border:solid white 1px; padding-top:15px; padding-bottom:18px; } #hero-video .big-item-right { display: block; width: 50%; float: right; position: relative; opacity: 1; border:solid white 1px; } /*-------------------------------------------------------------- ## --------------------------------------------------------------*/ @media only screen and (max-width : 768px) { #hero .featured img { height:183px!important; } #hero .featured h2 { font-size:10px!important; line-height: 18px!important; } } @media only screen and (max-width : 568px) { #hero-video .big-item-left, #hero-video .big-item-right { width:100%!important; } } #MM_DISPLAY_MANAGER_AD_DYNAMIC-2-6, #MM_DISPLAY_MANAGER_AD_DYNAMIC-2-3 { margin-top:0px!important; margin-bottom:0px!important; }