/* Theme Name: Trending News Description: Profesional responsive news theme. Author: StepFox Author URI: http://stepfox.net/ Theme URI: http://stepfox.net/TN/ Version: 1.1 Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*Css reset*/ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Hyperlinks---------------------------------------------------------- */ a, a:visited { color: #444444; text-decoration: none;} a:hover { } a:active, a:focus { outline: none; } /* Elements------------------------------------------------------------- */ img { max-width: 100%; height: auto;} img:hover {} ::selection{background:#000;color:#FFF;} ::-moz-selection{background:#000;color:#FFF;} #header {margin: 0 auto;width: 1000px;background: #FFF;} #wrapper {margin: 0 auto;width: 1000px;} #main { display: block; float:left; background:#FFF;width:100%;} body { overflow-y: scroll; color: #444; margin: 0 auto; padding: 0; position:relative;} .widget {min-width: 305px;} .home-widget {margin-bottom:26px;float: left;} .home-widget h3 {text-transform: uppercase;text-align: left;position: relative;font-size:15px;font-weight:400;margin-bottom: 24px;height: 35px;border-bottom:1px solid #000;border-top: 3px solid #000;overflow:hidden;} #secondary .widget-title{background:#FFF;color:#000;font-weight: 400;} .widget-title { float: left; padding: 9px 0 13px 0; position: relative;background:#FFF;color:#000;} .first-word{font-weight:800;} .post-arrow{float:left;color:#000;height:15px;letter-spacing:5px;font-weight:800;} #slider-container, .wide-slider-control, #primary, #secondary, #tv-mode, #footer, .cat-slider{} /* Widget Areas------------------------------------------------------------- */ #primary {float: left;width: 636px;margin-left:16px;margin-top:24px;margin-bottom:24px;} #secondary {float: left;width: 305px;margin-left:26px;margin-top:24px;margin-bottom:24px;} /* Header------------------------------------------------------------- */ /* Top Navigation-------------------------------------- */ #top-navigation { width: 100%; float:left; background:#FFF;} #top-menu{padding: 10px 0;float: left;;} #top-menu ul li {float: left; padding: 0 0 0 18px; position: relative; transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; } #top-menu ul li a { font-size: 13px;font-weight: 400;color: #9C9C9C; } #top-menu ul li a:hover { text-decoration: none; } #top-menu ul li .sub-menu { display: none; } #top-menu-today-date { font-size: 14px;font-weight: 600; color: #09F; padding: 8px 0px 8px 19px; float: left; } #top-menu-list-box { height: 30px; float: left; display: block; overflow: hidden; position: relative; width: 574px; } .top-menu-title-date {padding: 4px 18px 2px 0;float: right; } #top-menu-title-side { font-size:14px; font-weight:600; margin-top: 5px; border-right: 2px solid #444444; padding: 3px 20px 3px 0px; float: left; } /* Logo and header ad------------------------------------- */ #logo { border-top: 1px solid #ebebeb;margin: 0 auto;width: 1000px;float:left;background:#FFF;padding-top: 1px;} #site-logo { max-height: 75px; float: left; max-width: 370px;overflow:hidden;border-right:1px solid #FFF; } /* Ticker---------------------------------------------------------------------------------------------------------- */ #ticker {width: 488px;float: left;height:75px;overflow:hidden;position:relative;} .ticker-image {margin-right: 16px;float: left;width: 75px;height: 75px;} .ticker-image img:hover{opacity:.85;} .ticker-image img{transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} .ticker-date-posted {padding: 4px 0px 0px 0px;} .ticker-date-posted .date{font-weight:400;font-size:12px;font-style: italic;} .ticker {float: left;width: 444px;} .ticker li {position: relative;float: left;width: 490px;} .ticker li:first-child { padding-top: 0px; } .ticker-posts-text {width: 340px;float: left;} .ticker-posts-text h2 {font-weight:700;font-size:13px; } .ticker-cat{font-weight: 400;font-size: 11px;padding: 8px 0 3px;text-transform: uppercase;} .ticker-nav{width:24px;float: right;margin:0 10px;} .tick-prev, .tick-next{float:right;width:24px; height:22px;} .tick-prev{background: url(images/arrows.png) 1px -3px;margin: 5px 0 21px;} .tick-next{background: url(images/arrows.png) 1px 21px;} /* Social-------------------------------------------------------- */ #content-social {float: right;} #content-social ul {float: right;width: 120px;padding: 7px 10px 8px;height: 60px;} #content-social ul li { float: left; } .fb-social-icon, .twitter-social-icon, .pinterest-social-icon, .google-social-icon, .instagram-social-icon, .rss-social-icon { float: left; width: 26px; height: 26px;margin-right:4px;margin-bottom:4px; -moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s; } .fb-social-icon:hover, .twitter-social-icon:hover, .pinterest-social-icon:hover, .google-social-icon:hover, .youtube-social-icon:hover, .instagram-social-icon:hover, .rss-social-icon:hover{ } .fb-social-icon { background: url(images/social-buttons-header.png) 4px 0; } .twitter-social-icon { background: url(images/social-buttons-header.png) -34px 0; } .pinterest-social-icon { background: url(images/social-buttons-header.png) -111px 0; } .google-social-icon { background: url(images/social-buttons-header.png) -72px 0; } .youtube-social-icon { background: url(images/social-buttons-header.png) -136px 0; float: left; width: 56px; height: 26px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;margin-right:4px;margin-bottom:4px;} .instagram-social-icon { background: url(images/social-buttons-header.png) -190px 0; } .rss-social-icon { background: url(images/social-buttons-header.png) -228px 0; } /* Search------------------------------------------------------------------------------------------------------------------------- */ .search-box{position:absolute;right:0;} #searchform { float: right; position: relative;margin-right:10px; } #searchform input { cursor:pointer; text-transform: uppercase; background:url(images/search-icon.png) no-repeat 0 50%; float: left; font-size:15px;font-weight:700;line-height:15px; margin: 5px 0; padding: 0 0 0 10px; width: 20px; height: 26px;-moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s;border:0;color: transparent; } #searchform #s:focus { outline: none; } #searchform input:focus { width: 162px; color: #C4C4C4; background: #FFF;cursor:text;} .submit-button{height: 26px;padding: 0;width: 28px;margin: 5px 0;position: absolute;right: 0;border: none;display:none;cursor:pointer;color:#FFF;text-transform:uppercase;font-size:14px;} input#s:focus + .submit-button {display:block;} /* Main Menu------------------------------------------------------------------------------------------------------------------------- */ #navigation { float: left; display: block; position: relative; width: 100%;border-top: 1px solid #ebebeb; z-index:999; border-bottom: 1px solid #ebebeb; } #main-nav {margin: 0 auto;position: relative;width: 1000px;} #mob-menu { padding: 10px 0; text-align: center; display: none; text-transform: uppercase; font-size:15px;font-weight:700;line-height:15px;} #main-nav ul { } .menu-item { float: left;padding: 10px 18px;font-size:15px;font-weight:400;line-height:15px; text-decoration: none;} #main-nav .menu-item{text-transform: uppercase; } #main-nav ul li:hover .sub-menu-wrapper { display: block; } .sub-menu-wrapper{position: absolute;padding: 14px 26px 26px 26px;left: 0;z-index: 998;width: 1000px;border: 6px solid #000;min-height: 360px;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;background: #FFF;display:none;top: 35px;} .sub-menu-wrapper:before{ content: "";border-top: 1px solid #ebebeb;width: 1000px;position: absolute;left: -6px;top: -6px;} .sub-menu {border: none;margin: 0;float: left;width:988px;position: absolute;left: 0;top: 50px;z-index:999;background:#FFF;display:none;} .active .sub-menu{display:block;} .active #menu-links .sub-menu{display:none;} #menu-links .active .sub-menu{display:block;} .sub-menu-wrapper #menu-links li:first-child{padding-left:0;} .menu-item-object-category.menu-item-has-children:after{content: "+";float: right;margin-left: 6px;font-size: 18px;font-weight: 800;} .sub-meni .menu-item-object-category.menu-item-has-children:after, .sub-menu-wrapper .menu-item-object-category.menu-item-has-children:after{display:none;} .sub-menu-wrapper #menu-links #menu-links{display:none;} #main-nav ul li:hover .sub-meni{display:block;} #main-nav ul li .sub-meni li:hover .sub-meni{display:block;top:0;} #main-nav ul li:hover .sub-meni .sub-meni{display:none;} .sub-meni { float: left;z-index: 999;position: absolute;display: none;margin-left: -18px;top: 35px;width: 200px;padding-top:3px;} #menu-links .sub-meni {left: 218px; display:none;padding-top:0;} #main-nav .sub-meni #menu-links{border-bottom: none;} .sub-meni #menu-links li {position:relative;background:#FFF;} .sub-meni li {width:164px;} .sub-meni .sub-meni{} #main-nav #menu-links {width: 100%;float:left;border-bottom: 1px solid #ebebeb;} #menu-links .menu-link{color:#000;} #main-nav .menu-thumbs li {width: 100%;float:left; } .menu-thumbs{float: left;width:305px;padding-top:26px;margin: 0 0 0 20px;} #main-nav .menu-thumb li { height: 120px; padding: 12px; width: 200px; } .menu-thumb { position: relative; } #main-nav .menu-thumb a {padding:0;} #main-nav .menu-thumb li img { height: 120px; padding: 12px; width: 200px; } #main-nav .menu-text { padding: 5px; width: 230px; position: absolute; background: url(images/pattern-img.png); bottom: 0; } #main-nav .menu-text a { font-size:13px;font-weight:600;line-height:13px;padding:0; } #main-nav ul .tiny-featured-posts-image a{padding:0;} #main-nav ul .tiny-featured-posts-text a{padding:0;text-transform:none;} #main-nav .featured-posts-category-small .featured-posts-category-tiny li:first-child{padding-top:9px;} #main-nav .featured-posts-category-tiny li:first-child{padding-top:0;} #main-nav ul .tiny-date{text-transform:none;} #main-nav ul .category-sidebar-news{} #main-nav ul .featured-posts-category-small li{} #main-nav ul .small-featured-posts-image a{padding:0;} #main-nav ul .small-featured-posts-title a{padding:0;text-transform:none;} #main-nav ul .big-featured-posts-image a{padding:0;} #main-nav ul .big-featured-posts-title a{font-size: 16px;font-weight: 700;line-height: 18px;text-transform:none;} .magic-line { position: absolute; top : 46px; margin-left: -7px; height: 3px;padding:0 7px;display:none;} /* Footer------------------------------------------------------------- */ #footer { width: 1000px;margin: 0 auto;} #footer, #footer .widget-title, #footer .post-date, #footer a, #footer a:visited, #footer .big-featured-posts-content, #footer .medium-featured-posts-content, #footer .big-featured-posts-text { } #footer a:hover{text-decoration:underline;} #footer-widgets { float:left; width: 100%; } #footer-widgets h3 { text-align: center; padding: 30px 0px 0px 0px;font-size:15px;line-height:15px;margin-bottom: 10px;border:0; } #footer-widgets .home-widget{margin:0 10px 16px 16px;} #footer-widgets .widget-title { float:left;padding:0;background:none;box-shadow:none;} #footer-widgets .widget-title:after, #footer-widgets .widget-title:before {display:none;} #footer-widgets .small-featured-posts-image img:hover{opacity:1;} #footer-widgets .category-icon{font-weight:700;} #footer .post-arrow{display:none;} .copyright { height: 35px; font-size:12px;font-weight:400;line-height:12px;width:100%;float:left; } .bottom-nav { margin: 0 auto; width: 1062px; } .copyright-text { font-variant: small-caps; color: #FFF; padding: 9px 14px 14px 16px; float: left; } /* site icons------------------------------------------------------------- */ .play-icon { left: 54px;height: 34px;width: 34px;border-radius: 34px;position: absolute;background: #000;opacity: 0.7; top: 50px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;} .play-icon:after { content: "";display: block;position: absolute;top: 12px;left: 13px;margin: 0 auto;border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-left: 11px solid #FFF; } .category-icon { font-size:12px;font-weight:400;line-height:12px; } .cat-square { margin-top: 3px; margin-right: 5px; float: left; height: 9px; width: 9px; } .views-count { margin-left: 10px; padding-left: 20px; background: url(images/view-icon.png) no-repeat 0px 3px; float: right; } .comments-count { padding-left: 20px; background: url(images/comments-icon.png) no-repeat 0px 3px; float: right; } /* Slider---------------------------------------------------------------------- */ .carousel{position:relative;max-height:230px;overflow:hidden;float:left;} .wide-slider{overflow:hidden;} .wide-slider-box{float:left;padding:16px 16px 0;position:relative;} #slider-container {overflow: hidden;height: 499px;width: 802px;float:left;} .wide-slider-control{width:165px;float:left;} .wide-slider-control li{width:165px;height:99px;border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;background:#000;} .wide-slider-thumb{opacity:0.5;} .wide-slider-thumb:hover{opacity:1;} .flex-active .wide-slider-thumb{opacity:1;position:relative;} .flex-active .wide-slider-thumb:after{top: 0;z-index: 9;position: absolute;border: 4px solid #000;width: 165px;height: 99px;content: "";left: 0;box-sizing: border-box;-webkit-box-sizing: border-box;} .wide-slider li:after, #solo-slider-container .flexslider li:after{ pointer-events:none;bottom: 0;z-index: 2;position: absolute;float: left;left:0;width: inherit;height: 50%;content: "";background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.65) 60%, rgba(0,0,0,0.65) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.65) 60%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );} .cat-slider{max-height: 340px;overflow: hidden;} #solo-slider-container{height: 395px;width: 636px;float:left;position:relative;overflow:hidden;} #solo-slider-container .slide-title{font-size:24px;line-height:22px;max-width:455px;} #solo-slider-container .slide-date{font-size:14px;} .slides { overflow: hidden; } .slide-info { padding: 4px 0;position: absolute;opacity: 0;-moz-transition: all 0.5s ease-out 0.6s;-o-transition: all 0.5s ease-out 0.6s;-ms-transition: all 0.5s ease-out 0.6s;transition: all 0.5s ease-out 0.6s;-webkit-transition: all 0.5s ease-out 0.6s;left: -400px;} .slider-text-box .slide-date {text-transform: uppercase;font-size: 16px;top: -25px;position: absolute;padding: 4px 0;opacity: 0;-moz-transition: all 0.5s ease-out 0.2s;-o-transition: all 0.5s ease-out 0.2s;-ms-transition: all 0.5s ease-out 0.2s;transition: all 0.5s ease-out 0.2s;-webkit-transition: all 0.5s ease-out 0.2s;left: -400px;color: #FFFFFF;} .slide-excerpt { width:600px;line-height: 16px;font-size: 16px;font-weight: 300;font-style: italic;color: #FFF;float: left; } .slide-title { max-width: 600px;text-transform: uppercase;color: #fff;text-align: left;position: relative;font-size:34px;font-weight:800;line-height:30px;padding: 8px 0 12px;margin: 5px 0;opacity: 0;-moz-transition: all 0.5s ease-out 0.4s;-o-transition: all 0.5s ease-out 0.4s;-ms-transition: all 0.5s ease-out 0.4s;transition: all 0.5s ease-out 0.4s;-webkit-transition: all 0.5s ease-out 0.4s;left: -400px;border-bottom: 1px solid #FFF;border-top: 1px solid #FFF;} .slide-title h2{font-weight:800;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);} .slide-title h2 a {color: #FFF;} .slider-text-box { margin-left: 24px;position: absolute;bottom: 64px;z-index:3;visibility:hidden;} .flex-active-slide .slider-text-box{visibility:visible;} .flex-active-slide .slide-title{ opacity: 1; left: 0px; } .flex-active-slide .slider-text-box .slide-date{ opacity: 1; left: 0px; } .flex-active-slide .slide-info{ opacity: 1; left: 0px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none;} .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0px; background: #fff; position: relative; zoom: 1;opacity:0; } .flex-viewport { max-height: 2000px;} .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel ul li, .tv-carousel ul li {float: left;margin-right: 23px;} .flex-direction-nav { *height: 0;} .flex-direction-nav a { width: 17px; height: 20px; margin: -20px 0 0; display: block; background: #FFF url(images/nav-arrows.png) no-repeat 0 0; position: absolute; top: 53%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 100% 0; right: -40px; z-index: 9999; } .flex-direction-nav .flex-prev { left: -40px; z-index: 9999; } .flexslider:hover .flex-next, .post-page-gallery-thumbnails:hover .flex-next { opacity: 1; right: 0; } .flexslider:hover .flex-prev, .post-page-gallery-thumbnails:hover .flex-prev { opacity: 1; left: 0; } .carousel:hover .flex-next { opacity: 1; right: 0; } .carousel:hover .flex-prev { opacity: 1; left: 0; } .tv-carousel:hover .flex-next { opacity: 1; right: 0; } .tv-carousel:hover .flex-prev { opacity: 1; left: 0; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1.0; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-control-nav { width: 100%; text-align: center; margin-top: 16px; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1;} .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flexslider .slides>li, .wide-slider .slides>li { overflow: hidden; position: relative; } .post-page-gallery-thumbnails { float: left; width: 100%; position: relative; background: #000; max-height: 100px; overflow: hidden; } .post-page-gallery-thumbnails .slides li { float: left; border-right: 1px solid #FFF; position: relative; opacity: 0.5; } .post-page-gallery-thumbnails .slides li:hover { cursor: pointer; opacity: 1; } .post-page-gallery-thumbnails .slides li.flex-active-slide { opacity: 1; cursor: default; } .post-page-gallery-thumbnails .flex-direction-nav a { top: 59%; } .post-page-gallery-thumbnails .flex-active-slide:after { top: 0; z-index: 9; position: absolute; border: 4px solid #000; width: 100%; height: 100%; content: ""; left: 0; box-sizing: border-box; -webkit-box-sizing: border-box; opacity: 1; } .post-page-gallery-slider {max-height: 395px; width: 100%; height:auto; margin-bottom: 1px; overflow: hidden; position:relative; } .caption-gallery-slider { bottom: 0; width: 100%; color: #FFF; position: absolute; padding: 10px; background: #1a1a1a; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size:13px;color:#6c6c6c; font-style:italic;} /* Widgets---------------------------------------------------------------------- */ /* Featured Categories---------------------------------------------------------------------- */ .featured-posts-category-small, .featured-posts-category-big, .featured-posts-category-tiny, .tv-featured-posts, #square-wrapper {float: left;width: 305px;} .feat-cat-categories{float:right;right: 0;position: absolute;} .feat-cat-categories li{margin: 8px 0;border-right: 1px solid #000;padding: 0 8px;float: left;} .feat-cat-categories li:last-child{border-right:none;} .feat-cat-categories li a{font-weight: 400;font-size: 11px;} .featured-posts-category-big {padding-right: 26px;} .big-featured-posts-image {overflow: hidden;position: relative;} .big-featured-posts-title-box {padding:10px 0;} .big-featured-posts-title { height: auto; } .big-featured-posts-title h2 {font-size:16px;font-weight:700;line-height:18px; } .big-featured-posts-text {color: #9c9c9c;padding: 8px 0;} .big-featured-posts-text .cat-square{margin-top:2px;} .big-featured-posts-content{ color: #474747; font-size:13px;font-weight:400;line-height:16px;padding-bottom:10px;font-style:italic; } .small-featured-posts-image {margin-right: 16px;float: left;} .post-date {text-transform: none;font-size:12px;font-weight:400;line-height:12px;color: #9c9c9c;} .featured-posts-category-big .post-date{color:#444444;font-weight:600;} .featured-posts-category-small li {border-bottom: 1px solid #ebebeb;position: relative;padding-bottom: 16px;padding-top: 16px;float: left;} .featured-posts-category-small li:first-child { padding-top: 0px; } .featured-posts-category-small li:last-child { border-bottom:0px solid #ebebeb;padding-bottom:0; } .small-featured-posts-content{ color: #474747; font-size:13px; font-weight:400; font-style:italic;padding-top:5px; } .small-featured-posts-date-posted {padding: 5px 0px 0px 0px;font-size:12px;font-weight:400;line-height:15px;} .small-featured-posts-text {width: 214px;float: left;} .small-featured-posts-text h2 {font-size:13px;font-weight:700;line-height:16px;} .bypostauthor {margin-right: 8px;border-right: 1px solid #444444;padding-right:8px;float:left;} /* Big category---------------------------------------------------------------------- */ .big-category{margin-bottom:-26px;float:left;} .big-category .featured-posts-category-big{width:100%;padding:0;} #primary .big-category li:nth-child(even) {padding-left: 26px;} .big-category li{width:305px;float:left;padding-bottom:26px;} /* One column category---------------------------------------------------------------------- */ .one-column-category{width:305px;} .one-column-category .featured-posts-category-small li{padding-bottom:9px;} .tiny-featured-posts-image {margin-right: 16px;float: left;} .widget_sidebar_latest_news_tn .featured-posts-category-tiny{margin-bottom:-12px;} .featured-posts-category-tiny li {border-bottom: 1px solid #ebebeb;position: relative;padding-bottom: 9px;padding-top: 9px;float: left;} #footer .featured-posts-category-tiny li{border:0;} .featured-posts-category-tiny li:last-child{border-bottom:0px solid #ebebeb;} .tiny-featured-posts-content{ color: #CCC; font-size:13px; font-weight:400; font-style:italic;padding-top:8px; } .tiny-featured-posts-text {width: 249px;float: left;} .tiny-featured-posts-text h2 {font-weight: 700;font-size: 12px;line-height:15px;} .tiny-date{font-size:12px;font-style:italic;color:#CCC;font-weight:400;} .category-sidebar-news{width: 100%;float: left;font-size: 11px;text-transform: uppercase;} .one-column-category .category-sidebar-news{margin-bottom:3px;} .sidebar-title-line{width:100%;border-top:3px solid #000; margin-bottom:16px;float:left;} /* Mosaic----------------------------------------------------------------------------------------------------------------------------------- */ .mosaic-posts-image {position: relative;overflow:hidden;height: 185px;width: 305px;} .mosaic-text { width: 100%; position: absolute; bottom: 0;} #mosaic {width:305px;} #secondary .mosaic li{padding-right:0px;} .mosaic {float: left;margin-bottom:-26px;} .mosaic li {margin-bottom: 26px;float: left;} .mosaic li:last-child {} .mosaic li:nth-child(odd) {padding-right: 26px;} .mosaic-title {width: 100%; position: absolute; bottom: -50px;opacity:0; -moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;padding: 24px 0;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;text-shadow:1px 1px 1px #000;} .mosaic-title h2 {font-size:16px; font-weight:700;margin-bottom:8px;} .mosaic-title h2 a{color:#FFF;} .mosaic-posts-content{color:#FFF;font-size: 13px;font-weight: 400;line-height: 16px;padding-bottom: 10px;font-style: italic;} .mosaic .date{font-weight: 400;line-height: 12px;margin-bottom:8px;display:block;color:#FFF;font-size:13px;} .mosaic-posts-image:hover .mosaic-title {opacity:1;bottom:0;position: absolute;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;background: rgba(0, 0, 0, 0.48);height:100%;} /* Featured category square--------------------------------------------------------------------------------------------------------------- */ .multiple-cat-title{font-size:14px;font-weight:700;width:100%;float:left;padding:8px 0;} .category-square {width: 141px;float: left;padding-right: 23px;margin-bottom:23px;} .category-square:last-child { padding-right: 0px; } #secondary .category-square:nth-child(odd){padding-right:0px;} .featured-category-sqare-links li { border-bottom: 1px dotted #9c9c9c; padding: 5px 0; } .featured-category-sqare-links li h2 { font-size:12px; line-height:16px; font-weight:600; } .featured-square li { float: left; padding-bottom: 10px; } /* Review-widget ---------------------------------------------------------------------------------------------------------------------------- */ #square-wrapper{margin-bottom:-24px;} #primary #square-wrapper{width:100%;} #square-category{width:305px;} #square-wrapper #square-category li:nth-child(even){margin-right:0;} .square-category li{float:left;width:141px;margin-bottom:24px;} #primary .square-category li{margin-right:24px;} #secondary .square-category li:nth-child(odd), #primary #square-category li{margin-right:23px;} #primary .square-category li:nth-child(4), #primary .square-category li:nth-child(8) {margin-right:0;} .square-image{position:relative;height:141px;} .square-title{font-size:14px;font-weight:700;padding:8px 0;} .square-review-score{position:absolute;bottom:0;padding: 7px 9px;font-size:15px;font-weight:700;background:#000;color:#FFF;border-right: 1px solid #FFF;border-top: 1px solid #FFF;} .square-category li .date{font-size: 12px;font-weight: 400;font-style:italic;} /* Tv-widget---------------------------------------------------------- */ .tv-featured{background:#000;float:left;} .tv-featured-title {margin: 0 16px;padding: 11px 0 12px 0;font-size:15px;font-weight: 700;text-transform:uppercase;border-bottom:1px solid #FFF;} .tv-featured-title a{color: #FFF;} .tv-featured-posts li{padding: 16px 16px 0;float:left;} .tv-featured-posts li:last-child{padding: 16px 16px 16px;float:left;} .tv-featured-image{float:left;padding-right:16px;} .tv-featured-text{float:left;width:146px;} .tv-featured-post-title a, .tv-featured-post-title a:visited {font-size: 15px;font-weight: 700;line-height: 15px;color:#FFF;} .tv-featured-text .date{color:#FFF;font-size: 12px;font-weight: 400;float:left;} .tv-featured-post-title{float: left;padding: 16px 0;} .tv-featured-text .category-icon a{text-transform:uppercase;font-size:11px;} /* Carousel---------------------------------------------------------- */ .carousel-navigation, .tv-navigation {right: 0;margin: 7px 0;position: absolute;} .carousel-prev, .carousel-next, .tv-next, .tv-prev{float:left;width:24px; height:22px;} .carousel-prev, .tv-prev{background: url(images/arrows.png) 24px 20px;} .carousel-next, .tv-next{background: url(images/arrows.png) 24px -3px;} .carousel-category{text-transform:uppercase;float:left;margin:7px 0;width: 100%;font-size:11px;font-weight:400;} .carousel-title{font-size:14px;font-weight:700;width:142px;} .carousel-image{position:relative;} /* Tabs------------------------------------------------------------------------------------------------------ */ .tabs h4 { text-transform: uppercase; font-size:12px;line-height:16px;font-weight:800;} .tabber-container {width: 305px;} ul.tabs { padding-bottom: 25px; display: inline; float: left; width: 100%; } .tabber-content { width: 305px; } ul.tabs li {text-align: center;width: 101px;color: #000;display: inline;float: left;font-size:12px;font-weight:800; padding: 9px 0;border-bottom: 3px solid #000;} ul.tabs li:hover {} ul.tabs li.active { background: #000; } .tabs li.active h4 a{color:#FFF;} .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size:18px;font-weight:700; } .comment-date-time { font-size:12px;font-weight:400; color: #9c9c9c; } #tab3 li { padding: 10px 0; width: 100%; float: left; } /* Newest posts----------------------------------------------------------- */ .newest-posts-category, .newest-posts-archive, .newest-posts-tag, .newest-posts-search, .newest-posts-author { overflow: hidden; width: 100%; float:left;} .newest-posts-category li, .newest-posts-archive li, .newest-posts-tag li, .newest-posts-search li, .newest-posts-author li {position: relative;padding: 26px 0;float: left;width: 100%;border-bottom: 1px solid #ebebeb;} .newest-posts-category li:first-child, .newest-posts-archive li:first-child, .newest-posts-tag li:first-child, .newest-posts-search li:first-child, .newest-posts-author li:first-child {border-bottom: 1px solid #ebebeb;padding-top: 0;} .newest-posts-category li:last-child, .newest-posts-archive li:last-child, .newest-posts-tag li:last-child, .newest-posts-search li:last-child, .newest-posts-author li:last-child {border-bottom: 0px solid #ebebeb;} .newest-posts-category img, .newest-posts-archive img, .newest-posts-tag img, .newest-posts-search img, .newest-posts-author img {padding-right: 26px;float: left;} .newest-posts-text {float:left;width:468px;} .newest-posts-text h2 { font-size:14px;font-weight:700;line-height:18px; } .newest-posts-title { padding:8px 0;width: 100%;float: left;} .newest-posts-content {float: left;width: 100%;color: #474747;font-size:13px;font-weight:400;line-height:16px;} .newest-posts-date-posted { font-size:12px;font-weight:600;line-height:12px; color: #444444; padding: 8px 0 0;width: 100%;float: left; } .views-count, .comments-count{color:#CCC;font-style:italic;} .newest-posts-thumb { float: left;position:relative; } /* About us widget------------------------------------------------------------------------------------------------------------------------- */ .about-widget{width:305px;} .about-logo{float:left;width:60%;} .about-text{font-weight: 400;font-size: 12px;line-height: 17px;float:left;margin-top: 26px;width:93%;} /* about us social */ .about-social{float:left;width:100%;height:26px;} .about-social li{padding-right:13px;float:left;} .about-social .fb-social-icon { background: url(images/social-buttons-footer.png) 0 0; } .about-social .twitter-social-icon { background: url(images/social-buttons-footer.png) -39px 0; } .about-social .pinterest-social-icon { background: url(images/social-buttons-footer.png) -116px 0; } .about-social .google-social-icon { background: url(images/social-buttons-footer.png) -77px 0; } .about-social .youtube-social-icon { background: url(images/social-buttons-footer.png) -155px 0; float: left; width: 26px; height: 26px;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;margin-right:4px;margin-bottom:4px;} .about-social .instagram-social-icon { background: url(images/social-buttons-footer.png) -194px 0; } .about-social .rss-social-icon { background: url(images/social-buttons-footer.png) -233px 0; } /* Tag cloud------------------------------------------------------------------------------------------------------------------------- */ .tagcloud { width: 305px; } .tagcloud a {font-size: 13px !important; float: left;font-weight:400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase;border:1px solid #000; } #footer .tagcloud a{border-color:#FFF;} /* Category Page------------------------------------------------------------------------------------------------------------------------- */ .latest-category-post{float:left;position:relative;width:100%;margin-bottom: 24px;} .search-word, .tag-name, .archive-name{ float: left;width: 100%;border-bottom: 1px solid #000;border-top: 3px solid #000;;margin: 0 0 24px; } .category-name {position:relative;float:left;width:100%;} .search-word h1, .tag-name h1, .archive-name h1{ font-size:16px; font-weight:800; text-transform: uppercase;padding: 9px 0 10px 0; } .category-name h1 {font-size: 14px;text-transform: uppercase;padding: 4px 8px;z-index: 2;position: absolute;background: #f00;left: -10px;top: 16px;font-weight: 400;border: 1px solid #FFF;color: #FFF;font-style: italic;} .big-category.big-two-posts{float:left;border-bottom: 1px solid #ebebeb;margin-bottom:24px;} .pagination { padding-bottom: 26px;font-size: 15px;font-weight: 700;text-align: center;float: left;width: 100%; } .category-page-title{text-transform: uppercase;letter-spacing: -1px;font-size: 25px;line-height: 28px;font-weight: 700;margin:10px 0 4px;} .category-page-excerpt{font-size: 15px;line-height: 16px;font-weight: 400;font-style: italic;color: #757575;} /* Video Format Page------------------------------------------------------------------------------------------------------------------------- */ #tv-mode{} .tv-video-wrapper { padding: 0px 16px 26px; -webkit-animation: video-wrapper 2s; -moz-animation: video-wrapper 2s; -o-animation: video-wrapper 2s; animation: video-wrapper 2s; margin: 0 auto; position: relative; -webkit-transition: all 1.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 1.3s; float:left;width:100%;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} .tv-video-wrapper iframe { height: 597px; } .tv-carousel { width: 100%; float: left; margin: 0; overflow: hidden; position: relative; clear: both; } .tv-page-widget{padding:0 16px; width: 968px;} .share-tv { width: 100%; float: left; height: 30px; margin-top:16px;} .share-tv li{float:left;margin: 3px 0 0 33px;} .share-tv-title { padding: 10px 0; font-size:14px;font-weight:700; text-transform: uppercase; float: left; } .category-tv-icon { padding: 10px 0; float: right; font-weight:400;text-transform:uppercase;font-size:11px; } .tv-format-subtitle{margin-bottom:20px;} /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ .latest-news-category, .category-sidebar-news{padding:0;width:305px;} .latest-news-category li {padding: 10px 0;float: left;border-bottom: 1px solid #ebebeb;width:100%;} .latest-news-category li:first-child{padding-top:0;} .latest-news-category li:last-child{border-bottom:0px solid #ebebeb;padding-bottom:0;} .latest-news-category li h2 {font-size: 12px;} .latest-news-text{margin-top:8px;float:left;} /* Post page elements------------------------------------------------------------------------------------------------------------------------- */ #post-page-title { width: 1000px; padding: 20px 16px 6px 16px; float: left;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box; } #post-page-title h1 { text-transform: uppercase;letter-spacing: -1px; font-size: 35px;line-height: 34px;font-weight:700; } #post-page-subtitle{width: 1000px;padding: 0 16px;float: left;-moz-box-sizing: border-box; box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 16px;line-height: 20px;font-weight: 400;font-style: italic;color: #757575;} #media-wrapper {} .video-wrapper iframe { height: 305px; } .post-info { width: 636px; color: #9c9c9c; font-size:14px;line-height:14px;font-weight:400; float: left; font-style:italic; border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;padding: 12px 0;margin-top:16px;} .post-page-date {float: right; } .post-author { float: left; } .post-info a { color: #9c9c9c; } #post-content { width: 100%; float: left; font-size:13px;line-height:20px;font-weight:400; margin-top:16px; } .share-post{border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;float: left;width: 100%;margin: 0 0 20px;} .share-title{background: url(images/pattern.png);text-transform: uppercase;width:170px;padding:10px;text-align: center;font-size:15px; font-weight:700;float:left;} .share-post li{float:left;margin:3px 0 0 38px;} .fb-share-icon, .twitter-share-icon, .google-share-icon, .pinterest-share-icon, .stumble-share-icon, .reddit-share-icon{float: left;width: 30px;height: 30px;} .fb-share-icon {background: url(images/sharebuttons.png) -38px 0;} .twitter-share-icon{background: url(images/sharebuttons.png) -3px 0;} .google-share-icon{background: url(images/sharebuttons.png) -105px 0;} .pinterest-share-icon{background: url(images/sharebuttons.png) 101px 0;} .stumble-share-icon {background: url(images/sharebuttons.png) -72px 0;} .reddit-share-icon{background: url(images/sharebuttons.png) 67px 0;} .post-tags { float: left; padding: 0 0 25px; } .tags-title{padding-right: 15px;text-transform: uppercase;float: left;font-size:15px; font-weight:700;margin:5px 0;} .tag-img{background: url(images/tag.png) 5px 2px no-repeat;width: 25px;height: 20px;float: left;} .post-tags a {font-size: 13px; float: left;font-weight:400; margin: 0 6px 5px 0; padding: 5px; text-transform: uppercase;border:1px solid #000; } .nav-next-prev { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; float: left; width: 100%; margin: 0 0 20px; padding: 16px 0; } .nav-previous { width: 49%; float: left; } .nav-next { width: 49%; float: right; } .previous-article { padding: 2px 0; width: 338px; float: left; font-size:15px; font-weight:700; } .previous-title { padding-right: 15px; text-transform: uppercase; line-height: 15px; padding: 0px; float: left; } .next-article { padding: 2px 0; text-align: right; width: 338px; float: right; font-size:15px; font-weight:700; } .next-title { padding-left: 15px; text-align: right; text-transform: uppercase; line-height: 15px; } .next-title .bypostauthor, .previous-title .bypostauthor{float:none;border:none;padding:0;margin:0;} #author-info { width: 100%; border-bottom: 1px solid #ebebeb; float: left; margin: 0 0 25px; } #author-image { padding: 20px 20px 26px 0; float: left; } #author-desc { color: #9C9C9C; font-size:13px; line-height:15px; font-weight:400; padding-top: 20px; width: 480px; float: left; } #author-desc h2 { font-size:15px; font-weight:700; text-transform: uppercase; padding-bottom: 5px; } .author-social { margin-left: -10px; padding-top : 5px; float: left; padding-top: 5px; } .author-social li { float: left; } .author-social .fb-social-icon, .author-social .twitter-social-icon, .author-social .pinterest-social-icon, .author-social .google-social-icon, .author-social .instagram-social-icon, .author-social .rss-social-icon, .author-social .youtube-social-icon{background-image:url(images/social-buttons-header-black.png);} .category-slider { float: left; overflow: hidden; padding: 0px 8px 25px 8px; } #category-ad, #post-page-ad{float:left;margin: 24px 0 0 26px;x;width: 300px;height: 250px;} .popular-post-page { float: left; } .splitter { margin: 0 auto; margin-bottom: -10px; margin-top: -10px; float: left; height: 90px; border-left: 1px solid #ebebeb; } #post-content blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; background: #f1f1f1; } #post-content p { display: block; margin-bottom: 15px; } #post-content blockquote p { margin-top: 15px; } #post-content h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } #post-content h5 { font-size:16px; line-height:20px; font-weight:700;margin: 10px 0; width: 100%; } #post-content h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } #post-content ul { list-style: disc outside; margin: 10px 0; } #post-content ol { list-style: decimal outside; margin: 10px 0; } #post-content ul li, #post-content ol li { margin-left: 50px; padding: 5px 0px; } /* Post-page Review---------------------------------------------------------------- */ #review-wrapper{width: 100%;float: left;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 20px 0px 30px 0px;} .review-image{float:left;position:relative;height: 160px;margin: 26px 0px 26px 0px;} .total-score{position: absolute;bottom: 0;padding: 7px 9px;font-size: 15px;font-weight: 700;background: #000;color: #FFF;border-left: 1px solid #FFF;border-top: 1px solid #FFF;right:0;} .review-wrapper-title-good-bad{float: left;width: 380px;margin: 26px 0px 26px 26px;} .review-title{font-size: 24px;font-weight: 600;width: 100%;margin-bottom: 16px;float:left;} .review-good, .review-bad{float:left;width:50%;} .review-good ul, .review-bad ul{list-style: disc;margin: 16px 0;float:left;} .review-good ul li, .review-bad ul li{margin-left: 20px;padding: 5px 0px;width:100%;float:left;font-size:13px;} .good-title, .bad-title{font-size:18px;float:left;width: 100%;} .good-text{width: 160px;} .bad-text{width: 160px;} .review-title-scores{float:left;width:100%;margin-bottom: 16px;} .review-title-scores li{float:left;width:100%;margin-bottom:9px;} .review-item-title{float:left;text-transform:uppercase;font-size:12px;font-weight:600;} .review-item-score{float:right;font-size:12px;font-weight:600;} .score-line{width:100%;background:#ebebeb;height:12px;float:left;overflow: hidden;} .score-width{height:12px;background:#000;float:left;} /* page------------------------------------------------------------------- */ #post-area{ width: 100%; float: left; font-size:13px;line-height:20px;font-weight:400; padding:16px;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;} #post-area #post-area-page-title h1{ text-transform: uppercase;letter-spacing: -1px; font-size: 35px;line-height: 34px;font-weight:700; } #post-area blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; border-left: 4px solid #bbb; background: #f1f1f1; } #post-area p { display: block; margin-bottom: 15px; } #post-area blockquote p { margin-top: 15px; } #post-area h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } #post-area h5 { font-size:16px; line-height:20px; font-weight:700;margin: 10px 0; width: 100%; } #post-area h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } #post-area ul { list-style: disc outside; margin: 10px 0; } #post-area ol { list-style: decimal outside; margin: 10px 0; } #post-area ul li, #post-area ol li { margin-left: 50px; padding: 5px 0px; } /* Comments------------------------------------------------------------------------------------------------------------------------- */ #reply-title { float: left; width: 100%; padding: 16px 0 12px 0; font-size:16px; line-height:18px; font-weight:700; text-transform: uppercase; } #cancel-comment-reply-link { } .comment-count { color: #9C9C9C; font-size:14px; font-weight:700; font-size:14px; font-weight:700; } .comment-author, .comment-email, .comment-url { font-size:15px; line-height:26px; font-weight:400; float: left; width: 196px; } .comment-author, .comment-email { padding-right: 24px; } #author, #email, #url { border: 1px solid #ebebeb; font-size:15px; font-weight:400; height: 32px; width: 198px; } .required { } .comment-form-comment { float: left; padding: 20px 0;width:100%; } #comment { border: 1px solid #ebebeb; height: 180px; width:100%;} .form-submit { float: left; } #submit { cursor: pointer; border: none; text-transform: uppercase; font-size:15px; font-weight:700; background: #FFF; height: 32px; } .comments { list-style: none; float:left; width: 100%;; } .gravatar-comment { padding-right: 20px; float: left; } .comment-author-name { padding: 0 0 5px; font-size:18px; font-weight:700; } .comment-date-time { font-size:12px; font-weight:400; color: #9c9c9c; } .comments li { padding: 10px 0; width: 100%; float: left; } .comments li.bypostauthor{border:none;} .comment-content { font-size:13px; line-height:20px; font-weight:400; width: 85%; float: left; } .children { padding-left: 30px; } .logged-in-as { float: left; width: 692px; padding: 20px 0; font-size:15px; font-weight:700; text-transform: uppercase; } .comment-pagination { float: left; width: 100%; font-size:15px; font-weight:600; text-align: center; } .comments blockquote { margin: 15px 10px 15px 15px; padding: 1px 15px 1px 15px; border-left: 4px solid #bbb; background: #f1f1f1; } .comments p { display: block; margin-bottom: 15px;} .comments blockquote p { margin-top: 15px; } .comments h1 { font-size:30px; line-height:34px; font-weight:700; margin: 10px 0; width: 100%; } .comments h2 { font-size:28px; line-height:32px; font-weight:700; margin: 10px 0; width: 100%; } .comments h3 { font-size:24px; line-height:28px; font-weight:700; margin: 10px 0; width: 100%; } .comments h4 { font-size:20px; line-height:24px; font-weight:700; margin: 10px 0; width: 100%; } .comments h5 { font-size:16px; line-height:20px; font-weight:700; margin: 10px 0; width: 100%; } .comments h6 { font-size:12px; line-height:16px; font-weight:700; margin: 10px 0; width: 100%; } .comments ul { list-style: none; margin: 10px 0; } .comments ol { list-style: none; margin: 10px 0; } .comments ul li, .comments ol li { padding: 5px 0px; } /* Wp-css---------------------------------------------------------------- */ .alignright { max-width: 100%; float: right; } .alignleft { max-width: 100%; float: left; } .aligncenter { max-width: 100%; display: block; margin: 0 auto; } .alignnone { max-width: 100%; } code, pre { padding: 2px 4px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } pre { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -2px; } sup { top: -5px; } .wp-caption, .gallery-caption { margin-bottom: 10px; text-align: center; } .wp-caption-text { margin-bottom: 2px; } .sticky { } .sticky .newest-posts-thumb:after{top: 96px;position: absolute;padding: 5px;text-transform: uppercase;font-size:14px; font-weight:700;color: #FFF;background: url(images/pattern-img.png);content: "Sticky Post";display: block;clear: both;height: 15px;width: 85px;} .sticky h2 a { text-decoration: underline; } .bypostauthor { } img.alignright, .wp-caption.alignright { float: right; margin: 5px 0 20px 20px; } img.alignleft, .wp-caption.alignleft { float: left; margin: 5px 20px 20px 0; } table {margin-bottom: 30px;} td {border: 1px solid #999; padding: 10px 15px; background: #ddd;} tr:nth-child(odd) td {background: #eee;} th, tfoot td {padding: 10px 15px;background: #bbb!important;border: 1px solid #999;font-weight: normal;text-transform: uppercase;white-space: nowrap;text-align: left;} /*error page*/ #post-404 h1{font-size:24px; font-weight:700;text-align:center;} #post-404{font-size:15px; font-weight:700;text-align:center;} /*rss widget*/ .widget_rss {width:305px;font-size:15px; font-weight:700;} .widget_rss ul {} .widget_rss ul li {margin:10px 0;} .widget_rss ul li a {} .rssSummary{color:#9C9C9C;;font-size:12px;font-weight:700;padding-top: 10px;} /*categories widget*/ .widget_categories {width:305px;font-size:14px; font-weight:700;} .widget_categories ul {} .widget_categories ul li {margin:10px 0;} .widget_categories ul ul.children {padding:0;} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /*recent comments widget*/ .recentcomments {width:305px;font-size:12px; font-weight:700;} #recentcomments {} #recentcomments li {font-size:15px;font-weight:700;padding:5px 0;} #recentcomments li a {font-size:12px;font-weight:700;color:#9C9C9C;;} .widget_recent_comments {} /*recent posts widget*/ .widget_recent_entries{width:305px;font-size:15px; font-weight:700;} .widget_recent_entries ul {} .widget_recent_entries ul li {padding:5px 0;} .widget_recent_entries ul li a {} /*search*/ .widget_search #searchform input{width: 292px;border: 1px solid #000;} .widget_search #searchform{float:none;} .widget_search {width:305px;} .screen-reader-text {} /*calendar*/ .widget_calendar {width:305px;font-size:14px; font-weight:700;text-align:center;text-shadow: 1px 1px 1px #FFF;} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {padding: 7px 13px;} #wp-calendar caption {padding: 0 0 20px;} #wp-calendar a {} #wp-calendar #today {background:#FFF;} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /*nav menu widget*/ .widget_nav_menu {width:305px;} .widget_nav_menu ul {} .widget_nav_menu ul li {padding:5px 0;width:100%;font-size:14px; font-weight:700;} .widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after {display:none;} .widget_nav_menu ul li a {} .widget_nav_menu .sub-menu, .widget_nav_menu .sub-meni, .widget_nav_menu .active .sub-menu{display:none;} /*Pages widget*/ .widget_pages {width:305px;font-size:14px; font-weight:700;} .widget_pages ul {} .widget_pages ul li {margin:10px 0;width:100%;} .widget_pages ul li .children{padding:0;} .widget_pages ul li a {} /*Arcvhive widget*/ .widget_archive {width:305px;font-size:14px; font-weight:700;} .widget_archive ul {} .widget_archive ul li {padding:8px 0;} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /*Links widget*/ .widget_links {width:305px;font-size:14px; font-weight:700;} .widget_links ul {} .widget_links ul li {padding:5px 0;} .widget_links ul li a {} /*meta widget*/ .widget_meta {width:305px;font-size:14px; font-weight:700;} .widget_meta ul {} .widget_meta ul li {padding:5px 0;} .widget_meta ul li a {} /* ===============Animations=================== */ @-webkit-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @-moz-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @-o-keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} @keyframes video-wrapper { 0% {opacity:0;} 100% {opacity:1;}} /* ===============Responsive=================== */ @media screen and (max-width: 1062px) and (min-width: 709px) { #header{width:668px;} #top-menu-title-side{display:none;} #logo{width:668px;position:relative;} #site-logo{padding-right: 157px;border-right: 1px solid #FFF;} #content-social {position: absolute;right: 0;bottom: 0;} #ticker{display:none;} #main-nav{width:668px;} .menu-item{padding:10px;font-size:13px;} .menu-item-object-category.menu-item-has-children:after{display:none;} .sub-menu-wrapper:before, .sub-menu-wrapper{width:668px;} .sub-menu{width:656px;} .sub-menu-wrapper .menu-thumbs:last-child{display:none;} #secondary {width: 636px;margin-left: 16px;} #secondary .home-widget:nth-child(odd){margin-right:26px;} #wrapper{width:668px;} #slider-container {width:636px;height:396px;margin-bottom:16px;} .wide-slider-control {width: 636px;} .wide-slider-control li{width: 126px;height:auto;float:left;} .flex-active .wide-slider-thumb:after{width: 126px;height:78px;} .slide-title {font-size: 24px;line-height: 22px;max-width: 455px;} .slide-excerpt {width: 455px;font-size:14px;} .slider-text-box .slide-date{font-size:14px;} #footer{width:668px;} .tagcloud{width:100%;} #category-ad, #post-page-ad {float: none;margin: 0 auto;width: 300px;height:auto;} #secondary .category-square:nth-child(odd) {padding-right: 23px;} #secondary .category-square:last-child{padding-right: 0;} /*Post-Page */ #post-page-subtitle, #post-page-title{width:668px;} /*TV-Page */ .tv-page-widget{width:636px;} .tv-video-wrapper iframe {width: 636px;height: 358px;} } @media screen and (max-width: 708px) { #header{width:100%;} #top-navigation{display:none;} #logo{width:100%;position:relative;} #site-logo{width: 60%;border-right: 0px solid #FFF;padding: 0 20%;max-width: 60%;max-height: none;} #site-logo img{max-width:150%;width:100%;} #ticker{display:none;} #content-social{width:100%;} #content-social ul{float: none;width: 240px;margin: 0 auto;height:auto;} #mob-menu {cursor: pointer;width: 100%;height: 15px;margin: 0 auto;display: block;position: relative;} #main-nav{width:auto;} .menu-item-object-category.menu-item-has-children:after{display:none;} #main-nav ul{display:none;} #main-nav ul.active{display:block;position:absolute;text-align: center;width:100%;} .menu-item{font-weight:700;padding:12px 0;} #main-nav ul li{width:100%;padding:} #main-nav ul li:hover .sub-menu-wrapper, #main-nav ul li:hover .sub-meni{display:none;} .search-box{display:none;} #primary{width: 94%;margin: 3%;} #secondary {width: 94%;margin: 3%;} #primary .home-widget, #secondary .home-widget{margin:0 0 3%;width:100%;} #wrapper{width:100%;} .wide-slider-box {float: left;padding: 3% 3% 0;position: relative;width: 94%;} #slider-container {width: 100%;height: auto;} .wide-slider-control {width: 100%;padding-top:1%;margin-bottom:6%;} .wide-slider-control li{width: 19%;height:auto;float:left;border-left: 0 solid #FFF;border-bottom: 0 solid #FFF;margin-right:1%;} .flex-active .wide-slider-thumb:after{display:none;} .slide-title {max-width: 400px;font-size: 20px;line-height:20px;} .slide-excerpt {width: 400px;font-size: 14px;} .slider-text-box .slide-date{font-size:12px;} .play-icon{display:none;} /* Widgets */ #solo-slider-container {width: 100%;height: auto;} .carousel{padding-bottom: 6%;} .mosaic, .big-category, #mosaic{width:100%;margin-bottom: -3%;} .mosaic li, .big-category li{margin-bottom:3%;width:48.5%;} .mosaic li:nth-child(odd), .big-category li:nth-child(odd), #secondary .mosaic li:nth-child(odd){padding-right:3%;} .mosaic-posts-image, .big-featured-posts-image{width:100%;height:auto;} .mosaic-posts-image img, .big-featured-posts-image img{max-width:200%;width:100%;} #primary .big-category li:nth-child(even){padding:0;} .cat-slider{max-height:none;} .cat-slider .featured-posts-category-big{padding-right:3%;} .cat-slider .featured-posts-category-big, .cat-slider .featured-posts-category-small{width:48.5%;} .small-featured-posts-image{margin-right: 3%;width: 27%;} .small-featured-posts-text {width: 70%;} .one-column-category, .featured-posts-category-small, .featured-posts-category-tiny, .featured-posts-category-tiny li{width:100%;} .small-featured-posts-image {margin-right: 3%;width: 18%;} .small-featured-posts-text {width: 79%;} .tiny-featured-posts-image {margin-right: 3%;float: left;width: 5%;} .tiny-featured-posts-text {width: 92%;float: left;} #square-wrapper, #square-category{width:100%;margin-bottom:0;} .square-category li {float: left;width: 23%;margin-bottom: 6%;} #primary .square-category li, #secondary .square-category li:nth-child(odd), #secondary .square-category li, #square-wrapper #square-category li:nth-child(even), #primary #square-category li{margin-right:2%} .square-image {height: auto;} .newest-posts-thumb{width:22%;margin-right:3%;} .newest-posts-text {width: 75%;} .tabber-container {width: 100%;float: left;margin-bottom: 6%;} .tabber-content {width: 100%; } ul.tabs li{width:33%;} .category-square {width: 23%;float: left;padding-right: 2%;} #secondary .category-square:nth-child(odd) {padding-right: 2%;} .featured-square li{width:100%;} .tv-featured-posts{width:100%;} .tv-featured-posts li {width: 94%;padding: 3% 3% 0;} .tv-featured-posts li:last-child{padding:3% 3%;} .tv-featured-image {float: left;padding-right: 3%;width: 19%;} .tv-featured-text {float: left;width: 77%;} .tv-featured-posts li .category-icon {width: 100%;float: left;} .tv-featured-posts li .tv-featured-post-title{width:100%;padding:3% 0;} .tv-featured-text .date{width:100%;} .latest-news-category, .category-sidebar-news, .latest-news-category li{width:100%;} .tv-page-widget{width:auto;} .embed-wrapper iframe, .video-container iframe, .video-container object, .video-container embed, .video-container video, .video-wrapper iframe, .tv-video-wrapper iframe{ width: 100%; height: 100%;position:absolute;} .embed-wrapper, .video-container, .video-wrapper, .tv-page-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .about-widget{width:100%;} .widget_pages, .widget_archive, .widget_calendar, .widget_categories, .widget_nav_menu, .widget_links, .widget_meta, .widget_recent_entries, .widget_rss, .widget_search, .widget_recent_comments, .recentcomments {width: 100%;text-align:center;} #calendar_wrap {float: none;width: 60%;margin: 0 20%;} .tagcloud, #calendar_wrap table{width:100%;} #wp-calendar tr td, #calendar_wrap th{padding: 2%;} #footer{width:100%;} /*Post-Page */ #post-page-subtitle, #post-page-title, .post-info{width:100%;} .review-wrapper-title-good-bad{width:100%;margin:0;} .review-good ul, .review-bad ul{list-style:none;} .nav-next-prev { box-shadow: 2px 0px 10px #000; z-index: 999; background: url(images/pattern-img.png); width: 96%; position: fixed; bottom: 0; border: none; margin: 0; padding: 3% 2%; left:0; } .nav-previous { width: 49%; } .nav-next { height: 100%; width: 49%; border-left: 1% solid #000; } .previous-title, .previous-title a { color: #FFF; text-align: left; display: block; width: 100%; } .next-title, .next-title a { color: #FFF; text-align: right; display: block; width: 100%; padding: 0; } .splitter { height: 70px; margin: 0; opacity: 0.3; } .next-article{font-size: 13px;line-height: 14px;} .previous-article{font-size: 13px;line-height: 14px;} .previous-title, .previous-title a {font-size: 13px;line-height: 14px;} .next-title, .next-title a {font-size: 13px;line-height: 14px;} .next-title .post-date, .previous-title .post-date {display: none; } .share-post ul, .share-tv ul{width:100%;} .share-post li, .share-tv li {margin: 0 0% 0 6%;width: 10%;} .share-title, .share-tv-title{display:none;} #author-image {padding: 2%;width: 16%;} #author-desc{width:80%;padding-top: 2%;} #category-ad, #post-page-ad {float: none;margin: 0 auto;width: 300px;height:auto;} .share-tv .category-tv-icon{display:none;} } @media screen and (max-width: 480px) { /* widgets */ .cat-slider .featured-posts-category-big, .cat-slider .featured-posts-category-small{width:100%;} .cat-slider .featured-posts-category-big{margin-bottom:8%;} .widget_featured_posts_tn .widget-title, .tiny-featured-posts-image{display:none;} .tiny-featured-posts-text {width: 100%;} .square-title, .tv-featured-post-title a, .tv-featured-post-title a:visited, .widget_pages, .widget_archive, .widget_calendar, .widget_categories, .widget_nav_menu, .widget_links, .widget_meta, .widget_recent_entries, .widget_rss, .widget_search, .widget_recent_comments, .recentcomments, .multiple-cat-title, .square-title, .carousel-title, .small-featured-posts-text h2{font-size:12px;} .big-featured-posts-title h2{font-size:14px;} .feat-cat-categories {width: 100%;} .feat-cat-categories li {padding-left: 10%;float: left;width: 20%;} .slide-date, .slide-excerpt{display:none;} .slider-text-box{bottom:0;margin: 0 20px;} .slide-title{border:none;} .wide-slider li{position: relative;} .tv-featured{margin-bottom:6%;} .tv-featured-text .date{display:none;} .latest-news-category li, .latest-news-category li:last-child{padding:3% 0;} .mosaic, .big-category, #mosaic{width:100%;margin-bottom: -3%;} .mosaic li, .big-category li{margin-bottom:6%;width:100%;padding-bottom:0;} .mosaic li:nth-child(odd), .big-category li:nth-child(odd), #secondary .mosaic li:nth-child(odd){padding-right:0;} .mosaic-posts-image, .big-featured-posts-image{width:100%;height:auto;} .mosaic-posts-image img, .big-featured-posts-image img{max-width:200%;width:100%;} #primary .big-category li:nth-child(even){padding:0;} .widget_search #searchform input {width: 100%;} /*pages*/ #post-page-title h1, #post-area #post-area-page-title h1, .category-page-title{font-size:24px;line-height:26px;} #post-page-subtitle, .category-page-excerpt{font-size:14px;} }