/* Theme Name: TopMag Pro Theme URI: http://fasterthemes.com/wordpress-themes/topmag Author: FasterThemes Author URI: http://fasterthemes.com/ Description: TopMag Pro is a premium style Magazine WordPress theme.It Includes ample of options and is highly customizable. It's based on Twitter Bootstrap framework and hence it is fully responsive on desktop and mobile screens. Home page posts can be easily managed through theme options in admin panel. Owl Slider is used on the home page which is touch friendly. Version: 20.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: red, right-sidebar, one-column, two-columns, four-columns, fixed-layout, fluid-layout, responsive-layout, theme-options, custom-background, custom-header, custom-menu, custom-colors, editor-style, featured-images, full-width-template, post-formats, sticky-post Text Domain: topmag This theme, like WordPress, is licensed under the FasterThemes. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8";/* CSS Document */ /* @import url(//fonts.googleapis.com/css?family=Scada); */ /* cyrillic */ @font-face { font-family: 'Scada'; font-style: normal; font-weight: 400; src: local('Scada'), local('Scada-Regular'), url(fonts/4V2xlVZXPBAtjb_L2VYlOg.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'Scada'; font-style: normal; font-weight: 400; src: local('Scada'), local('Scada-Regular'), url(fonts/eHF4KKeSCcrmp9P5oMFqsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Scada'; font-style: normal; font-weight: 400; src: local('Scada'), local('Scada-Regular'), url(fonts/E0waVAszb-SujpxhAtSawg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } body{font-family: 'Scada-Regular', sans-serif;;background-color:#ececec} .ticker-wrapper.has-js{display:block;background-color:#fff}.ticker{width:100%;height:21px;display:block;overflow:hidden;background-color:#fff}.ticker-content{margin:0;position:absolute;background-color:#fff;overflow:hidden;white-space:nowrap;line-height:1.2em;padding-top:2px}.ticker-content:focus{none}.ticker-content a{text-decoration:none}.ticker-content a:hover{text-decoration:underline;color:#0D3059}.ticker-swipe{position:absolute;top:0;background-color:#fff;display:block;width:100%;padding-top:20px}.ticker-swipe span{margin-left:1px;background-color:#fff;height:12px;width:7px;display:block}.ticker-controls{padding:8px 0 0 0;list-style-type:none;float:left}.ticker-controls li{padding:0;margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block}.js-hidden{display:none}.no-js-news{padding:10px 0 0 45px}.left .ticker-controls,.left .ticker-content,.left .ticker-title,.left .ticker{float:left}.left .ticker-controls{padding-left:6px}.right .ticker-controls,.right .ticker-content,.right .ticker-title,.right .ticker{float:right}.right .ticker-controls{padding-right:6px} header .menu{background-color:#79a1a9}.topmag-menu li a{border-right:1px solid #696969}.top-header .search-box,.top-header .search-field{border:1px solid #79a1a9}#slider1_container{background-color:#79a1a9}.jssort11{background-color:#79a1a9}.jssort11 .p{background-color:#79a1a9}.breaking-news .news-title,.breaking-news .ticker-wrapper{border:1px solid #79a1a9}.comment-reply-title,.recent-posts-title{border-left:6px solid #59777e;color:#FFFFFF}.breaking-news .news-title{color:#59777e}.post-comment span i{color:#79a1a9}.WhiteRounded > a{color:#79a1a9}.main-sidebar i{color:#79a1a9}.news-list h1{border-left:6px solid #59777e;color:#FFFFFF}.slider-post-tag a{color:#59777e}.caption-wrap a{color:#FFFFFF}.home-category-post a{color:#59777e}.topmag_previous_pagination a,.topmag_next_pagination a{color:#59777e}.main-sidebar h1{background-color:#79a1a9}.main-sidebar a{color:#59777e}.singleblog-contan a{color:#59777e}.single-tags span{background-color:#79a1a9} .single-recent-post{color:#59777e}.single-recent-post:hover{color:#59777e}.singleblog-contan a:hover{color:#59777e}.post-tags a:hover{color:#FFFFFF}.main-sidebar .tagcloud a:hover{border:1px solid #79a1a9;color:#79a1a9}.blogpost h1{color:#59777e}.blogpost h2{color:#59777e}.blogpost-readmore p a{color:#59777e}.caption-wrap-topimg{color:#59777e}.logged-in-as a{color:#59777e}.leave-form .comment-button,.form-submit #submit{background-color:#79a1a9}.singleblog-contan input[type="submit"]{background-color:#79a1a9}.comment-content a{color:#59777e}.top-header h6{color:#79a1a9}.nav > li > a:hover,.nav > li > a:focus{background-color:rgba(0,0,0,0)!important;border-bottom:2px solid #79a1a9}.topmag-menu ul li a:hover,.topmag-menu ul li a:focus,.topmag-menu ul li a:active{color:#79a1a9!important}.slider-post-tag a{color:rgb(255,255,255)}.slider-post-tag span{background-color:#79a1a9}.slider-post-content{border-top:2px solid #79a1a9}.caption-wrap-topimg{color:rgb(255,255,255)}.caption-wrap-topimg{background:none repeat scroll 0 0 #79a1a9}.caption-date{color:rgb(255,255,255)}.slider-text-color{color:#79a1a9}.comment-reply-title,.recent-posts-title{background-color:#79a1a9}.caption-wrap{background:none repeat scroll 0 0 #79a1a9}.news-list h1{background-color:#79a1a9}.copyright a{color:#79a1a9}.footer-post a:hover{color:#79a1a9}.slider-entry-meta a:hover{color:#79a1a9}.jssort11 .p:hover .i{border:1px solid #79a1a9}.jssort11 .pav:hover .i{border:1px dashed #79a1a9}.copyright a:hover{color:#79a1a9}.footer-post .tagcloud a:hover{border:1px solid #79a1a9;color:#79a1a9} .container-magzemine{width:1200px;background-color:#ffffff} .no-padding{padding-left:0;padding-right:0} .no-padding-left{padding-left:0} .no-padding-right{padding-right:0} /*** Top Header ***/ .top-header{background-color:#1f1f1f} .top-header ul{list-style:none;padding-left:10px;margin-bottom: 0;} .menu-top-header-menu-container > ul#menu-top-header-menu{background-color: transparent; width: 100%;} .top-header ul li{padding:10px;display:inline-block;} .top-header ul li a{color:#ffffff;font-size:13px} .top-header h6{color:#fff;font-size:12px;text-align:right;margin:0;padding:13px;float: left;} .top-header .search-form{float: right; margin: 3px 15px 5px 0; max-width: 200px;} .top-header .search-form label{width: 100%;} .top-header .search-box,.top-header .search-field{background-color:rgba(0,0,0,0);background-image:url("./images/search.png");background-position:97% 50%;background-repeat:no-repeat;color:rgb(255,255,255);padding:5px;width: 100%;} .top-header .screen-reader-text,.top-header .search-submit{display:none} .top-header .search-form label{margin-bottom:0} .topmag_site_name{font-size:37px;margin:15px 0 0} .topmag_tagline{font-size:14px;margin-bottom:23px} /******/ /** Header logo and text **/ .header-logo img{margin: 7% 0 0 20%; display: inline-block;} .header-text{margin:14px 0 8px} .header-text .header-col-1{width:30%;float:left} .header-text .header-col-1 h1{color:#79a1a9;font-size:24px;margin:32px 0} .header-text .header-col-2{width:50%;float:left} .header-text .header-col-2 p{margin:15px;text-align:center} .header-text .header-col-3{width:20%;float:left} .header-text .header-col-3 h1{margin:30px 0;text-align:right} .header-text .header-col-3 h1 a{border:1px solid #737272;color:#79a1a9;font-size:18px;padding:5px 15px} .custom-header-img {float: right;padding-right: 5%; } .main-header {background-size: 100% 100%; } /** End Header logo and text **/ /**** MENU ****/ nav.navbar.navbar-default{border: none;} header .menu{background-color:#59777e;border-bottom:2px solid #1f1f1f!important} .navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{background-color:transparent} .nav .open > a,.nav .open > a:hover,.nav .open > a:focus{border-color:#79a1a9;border-bottom:2px solid #FF0} header .menu li a{color:#fffffe!important;font-size:13px;text-transform:none} .topmag-menu li a{color:#fffffe!important;font-size:14px!important;border-right:1px solid #79a1a9;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;text-transform:uppercase!important;padding:17px 20px 13px!important;} header .top-header-menu-left .menu li a{text-transform:none} .top-header-menu-left .sub-menu{display:none} .home-icon{background-color: #1f1f1f;color: #fff; display: inline-block; font-size: 34px; line-height: 32px; padding: 10px 10px 5px;} .home-icon > img{margin:8px 0 0} .home-icon:hover,.home-icon:focus{background-color:#1F1F1F;color:#fff;} .footer-tertiary-menu ul{background-color:transparent;border-bottom:none} .footer-tertiary-menu ul li{display:inline} .footer-tertiary-menu ul li a{border-right:1px solid #FFF;padding:0 5px} .footer-tertiary-menu ul li:last-child a{border:none} .footer-tertiary-menu .sub-menu{display:none} .copyright a{color:#c1c1c1;} .copyright a:hover{color:#79a1a9} .header-logo a{color:#59777e} .header-logo a:hover{color:#59777e} /**END MENU**/ .social-icon{padding-right:15px;} .social-icon li a{padding:15px 2px 12px;border-right:none!important} .social-icon li a:hover{border-bottom:none!important} .breaking-news{margin-bottom:15px;overflow:hidden} .breaking-news .news-title{color:#59777e;font-size:15px;font-weight:bold} .breaking-news .news-text{color:#1f1f1f;font-size:15px} .breaking-news-hidden{display:none} .breaking-news .news-title,.breaking-news .ticker-wrapper{border:1px solid #79a1a9;padding:10px 7px;overflow:hidden} .breaking-news a{color:#59777e} .navbar-header{z-index:9999;display:inline-table} /************** Recent Posts ************/ .home-recent-post-slider{color:#59777e} .home-recent-post-slider:hover{color:#59777e;text-decoration:underline} .next1,.prev1{cursor:pointer} .blog-post img{width:100%;} .comment-reply-title,.recent-posts-title{background-color:#79a1a9;display:inline;float:left;font-size:16px;margin:9px 0 15px;padding:3px 50px 3px 15px;text-transform:capitalize;border-left:6px solid #59777e} .prev,.next{float:right;font-size:30px;margin:10px 1px} .recent-posts p{font-size:16px; padding: 10px 0 0;} .recent-posts .line-hr{border:1px solid #ddd;width:96%} .post-comment{float:left;color: #333} .post-comment span{padding-right:10px} .post-comment span i{padding-right:5px;} .postblog{margin:10px 0;display:inline-block;} .postblog img{float:right} .ImageWrapper{box-shadow:0 1px 2px 0 rgba(0,0,0,0.25);display:block;overflow:hidden;position:relative;width:100%} .WhiteRounded{background-color:#bcbcbb;border:medium none;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,0.5),0 0 2px rgba(0,0,0,0.1) inset;display:inline-block!important;float:none!important;font-size:20px;font-weight:normal;height:40px;line-height:40px;margin:0 2px;text-align:center;width:40px} .WhiteRounded > a{color:#59777e;display:block;font-weight:normal;margin-top:0} .ImageWrapper .StyleH{margin:-20px 0 0;opacity:0;position:absolute;text-align:center;top:50%;transition:all 0.3s ease 0s;visibility:hidden;width:100%} .ImageWrapper:hover .StyleH{opacity:1;visibility:visible} .ImageWrapper .ImageOverlayC:after{background:none repeat scroll 0 0 rgba(0,0,0,0.5);content:"";display:block;height:100%;opacity:0;position:absolute;right:-100%;top:0;transition:all 0.3s ease 0s;width:100%} .ImageWrapper:hover .ImageOverlayC:after{opacity:1;right:-50%} .ImageWrapper .ImageOverlayC:before{background:none repeat scroll 0 0 rgba(0,0,0,0.5);content:"";display:block;height:100%;left:-100%;opacity:0;position:absolute;top:0;transition:all 0.3s ease 0s;width:100%} .ImageWrapper:hover .ImageOverlayC:before{left:-50%;opacity:1} .caption-wrap{background:none repeat scroll 0 0 #79a1a9;bottom:0;color:#59777e;display:block;padding:3px 10px;position:absolute} .caption-wrap a{color:#59777e} #slider-post-thumbnail a{pointer-events:none} .blogpost-col1 a{pointer-events:nonesli} /******** End Recent Posts *****/ .technology-sports-news{margin-bottom:30px} .news-list h1{background-color:#79a1a9;float:left;font-size:16px;margin:10px 3px 20px 0;padding:6px 3px 6px 11px;width:100%;border-left:6px solid #59777e} .news-list .news-list-col1{max-width:40%;float:left;margin-right:10px} .news-list .news-list-col2{width:58%;float:right;} .news-list h2{font-size:18px;color:#59777e;margin:0 0 5px} .news-list p{line-height:25px;margin-bottom:12px;text-align:justify} .news-post-comment{margin-bottom:8px} .news-post-comment > span >i{color:#696969} .news-post-comment > span{padding-right:10px;background:none;width:auto;padding:0 9px 0 1px;font-size:12px} /********************************/ /************** popular-comment-post TABS**********************/ .popular-comment-post ul{background:#1f1f1f} .popular-comment-post ul li a{font-size:14px;color:#FFF;padding:9px} .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background-color:#59777e;border:none;color:#FFF} .popular-comment-post ul li a:hover,.popular-comment-post ul li a:active .popular-comment-post ul li a:focus{background:#59777e;border:none} .popular-post .popular-col-1{width:auto;float:left;margin-right:10px;margin-top:5px} .popular-post .popular-col-2{width:60%;float:left} .popular-post p,.popular-post .popular-post-left i{color:#59777e;margin:0;padding-right:5px} .popular-post-left{margin:5px 0} .popular-post .popular-post-left span{color:#000;margin-right:10px} .popular-post{border-bottom:1px solid #8b8b8b;display:table;margin:10px 0;padding-bottom:15px} /************** END popular-comment-post TABS**********************/ /************ Latest Videos **************/ .latest-videos{margin-bottom:30px} .latest-videos h1{background-color:#79a1a9;color:#59777e;font-size:16px;margin:0 3px 10px 0;padding:6px 3px 6px 11px;width:100%;border-left:6px solid #59777e} .latest-videos .latest-video-col1{width:auto;float:left;margin-right:10px} .latest-videos .latest-video-col2{width:37%;float:left} .latest-videos .latest-video-col2 .video-col-1{padding-bottom:14px} .latest-video-col1 i{font-size:40px;color:#c6c3c2} .latest-video-col2 i{font-size:25px;color:#c6c3c2} .video-col-1 img{height:107px} /************End Latest Videos **************/ /*********** F O O T E R ***********/ .footer-post{background-color:#1f1f1f;padding-bottom:20px} .main-sidebar .footer-single-post,.footer-post .footer-single-post{border-bottom:1px solid #ddd;display:table;margin:5px 0 0 0;padding-bottom:10px} .footer-post .footer-single-post{border-bottom:1px solid #555;} .main-sidebar .footer-col1,.footer-post .footer-col1{float:left;margin-right:10px;margin-top:5px;width:auto} .main-sidebar .footer-col2,.footer-post .footer-col2{width:60%;float:left} /*.footer-post h1{color:#FFFFFF;font-size:18px;margin-bottom:5px;margin-top:30px;background-color:#1F1F1F}*/ .footer-post h1 { background-color: #1f1f1f; border-bottom: 1px solid #555; color: #ffffff; font-size: 18px; margin-bottom: 15px; margin-top: 30px; padding-bottom: 10px; } .main-sidebar h1{color:#FFFFFF;font-size:18px;margin-bottom:10px;margin-top:10px;background-color:#59777e;padding:9px;clear: both;} .footer-post p{color:#dad4d4;font-size:14px} .main-sidebar i{color:#59777e} .footer-post-comment{margin:5px 0} .footer-post-comment span{color:#cccccc;font-size:12px;padding-right:4px;display:inline-table} .main-sidebar .footer-post-comment span{font-size:13px;display:inline-table} .main-sidebar .footer-post-comment span{color:#59777e} .footer-post-comment i{margin-right:2px} .single-comment img{width:75px;height:75px;margin-bottom:7px} .footer-social-icon{clear:both;display:block;padding:0px} .footer-social-icon li{padding:0} .copyright{background-color:#282828;float:left;width:100%} .copyright p{color:#CCCCCC;margin:0;padding:20px 0} .copyright ul{margin:0;padding:20px 0} .copyright ul li{color:#cccccc} .copyright ul li a{color:#cccccc;font-size:13px} /******* Blog post***********/ .blogpost-list{margin-bottom:30px} .blogpost h1{color:#59777e;font-size:18px;margin-bottom:25px} .blogpost .blogpost-col1{width:43%;float:left;margin-right:10px;} .blogpost .blogpost-col2{width:51%;float:right} .blogpost h2{font-size:18px;color:#59777e;margin:0 0 5px} .blogpost p{line-height:25px;margin-bottom:12px;text-align:justify} .blogpost-comment{margin-bottom:8px} .blogpost-comment a{color:#59777e} .blogpost-comment > span >i{color:#696969} .blogpost-comment > span{padding-right:10px;background:none;width:auto;padding:0 9px 0 1px;font-size:12px} .blogpost-readmore p{color:#59777e;font-size:14px;float:left;margin-top:-8px;text-align:justify;width:85%} .blogpost-readmore p a{color:#59777e} .blogpost-video i{font-size:30px;color:#c6c7c8} .blogpost-border{border-bottom:1px solid #c5c5c5;margin-bottom:10px;padding-bottom: 10px;} .blogpost-featured-video{margin-bottom:15px;display:table} .blogpost-video > img{height:auto;width:100%} /*-- IMG DATE and TIME TOP */ .caption-wrap-topimg{background:none repeat scroll 0 0 #79a1a9;bottom:0;display:table;font-size:12px;padding:1px 0 0;position:absolute;text-align:center;top:18px;width:2%} .caption-date{background-color:#000000;margin:-14px 0 0;text-transform:uppercase} .caption-time{margin:0 2px} /*******************single-blog****************/ .singleblog{margin-top:-20px} .singleblog-img{margin-bottom:20px} .singleblog-img img{margin-top:5px} .single-blog h1{font-size:18px;color:1f1f1f;margin-bottom:3px} .singleblog-contan p{line-height:25px;margin-bottom:15px;color:#181818;font-size:14px;text-align:justify} .singleblog-contan input[type="submit"]{color:#fff;border:none;background-color:#59777e;padding:5px 10px} .post-slider-video{padding-bottom: 15px; padding-top: 15px;} .post-slider-video span a{color:#59777e;font-size:16px} .singlepost{border:1px solid #cbcbcb;background-color:#fafafa;padding:10px 5px 5px;margin-bottom: 20px;} .singlepost .singleblog-col1{width:20%;float:left} .singlepost .singleblog-col2{width:79%;float:left} .singlepost .singleblog-col1 img{padding:5px;border:1px solid #cbcbcb} .singlepost .singleblog-col2 h1{color:#181818;font-size:14px;font-weight:bold;margin:3px 0;margin-bottom:15px} .singlepost .singleblog-col2 p{color:#181818;font-size:14px;line-height:21px;margin-bottom:15px;text-align:justify} .singlepost .single-post-social{margin-bottom: 5px;} .articles-post { margin-bottom: 20px;} .articles-post p{padding-right:15px} .post-comments{background-color:#FAFAFA;border:1px solid #CBCBCB;float:right;width:100%;margin-bottom:15px;padding-bottom:15px} .comment-form{clear:both;display:table;width:100%} .post-comments h6{margin-bottom:18px} .post-comments img{background: none repeat scroll 0 0 #fafafa; border: 1px solid #cbcbcb; float: left; margin: 10px 10px 0 -27px; padding: 3px;} .post-comments p{margin:10px 0 0} .post-comments .reply-comment a{background-color:rgb(0,0,0);border:1px solid rgb(0,0,0);bottom:0;color:rgb(255,255,255);padding:0 15px;position:absolute;right:0;display:table} .post-comments h1{color:#181818;font-size:14px;margin-bottom:5px;margin-top:11px} .leave-form p{color:#181818;font-size:13px;margin:0 0 20px} .leave-form .control-label{text-align:left;font-weight:normal;font-size:14px;color:#181818} .leave-form .comment-button,.form-submit #submit{background-color:#59777e;border:medium none;border-radius:0;color:#FFFFFF;padding:5px 20px} .form-submit{padding-left:15%} .comment-form-comment label,.comment-form-url label,.comment-form-email label,.comment-form-author label{float:left;width:15%} .comment-form-comment #comment,.comment-form-url #url,.comment-form-email #email,.comment-form-author #author{background-color:rgb(255,255,255);background-image:none;border:1px solid rgb(204,204,204);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:rgb(85,85,85);display:block;font-size:14px;line-height:1.42857;padding:6px 12px;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;width:50%} .comment-form-comment #comment{height:100px;width:85%} .comment-form-comment #comment:focus,.comment-form-url #url:focus,.comment-form-email #email:focus,.comment-form-author #author:focus{border-color:rgb(102,175,233);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);outline:0 none} .post-comments .avatar{border-radius:50%} .comment-reply-title{padding:6px 50px 6px 15px} .comment-reply-title a{color:#59777e;text-decoration:underline} .comment-reply-title a:hover{text-decoration:none} .comment-content{margin-left:20px} .comment-content a{color:#59777e} .logged-in-as a{color:#59777e;text-decoration:underline} .logged-in-as a:hover{text-decoration:none} .socialicon-like{background-color:rgb(237,237,237);border-bottom:2px solid #ddd;margin:0!important} .topmag_previous_pagination a,.topmag_next_pagination a{color:#59777e} .topmag_previous_pagination{float:left} .topmag_next_pagination{float:right} .topmag-custom-widget{display:table;margin-bottom:20px} .post-tags{margin:5px 0!important} .single-post-image{height:auto;margin-bottom:5px;width:325px} .post-page-title{margin-top:5px} .single-tags span{background-color:#59777e;border:medium none;display:inline-table;margin:2px 2px;padding:5px 10px} .single-tags span a{color:rgb(255,255,255)} .single-post-social li{padding:0} .recent-articles-img{height:150px;margin-bottom:10px;padding-right: 15px;} .form-allowed-tags{display:none} .home_category_title{text-transform:capitalize!important} .home-category-post{border-bottom:1px solid #ddd;height:auto;margin-bottom:10px;padding-bottom:10px;float:left;width:100%} .home-category-post a{color:#59777e} .sticky .entry-date{display:none} .bypostauthor > article .fn:before{margin:0 -2px 0 2px} .singleblog-contan h1{font-size:3em} .singleblog-contan h2,.singleblog-contan h3,.singleblog-contan h4,.singleblog-contan h5,.singleblog-contan h6{color:rgb(34,34,34);font-weight:bold;line-height:1em;margin:1.2em 0 0.3em} blockquote{background:none repeat scroll 0 0 rgb(245,245,245);border-left:10px solid rgb(204,204,204);margin:1.5em 0;padding:0.8em 1.5em} blockquote,q{quotes:none} .singleblog-contan table{border:1px solid rgb(221,221,221);border-collapse:collapse;border-spacing:0;margin:1em 0;text-align:left;width:100%} .singleblog-contan tr th,.singleblog-contan thead th{background:none repeat scroll 0 0 rgb(229,229,229);font-weight:bold;padding:0.2em 1em} .singleblog-contan tr td{border-top:1px solid rgb(221,221,221);padding:0.2em 1em} dl{margin:1em 0} dt{font-weight:bold} dd{margin-bottom:1.5em} .singleblog-contan img{height:auto;max-width:100%} .aligncenter{display:block;margin:1em auto} .alignleft{display:inline;float:left;margin:1em 2em 1em 0} .alignright{display:inline;float:right;margin:1em 0 1em 2em} .wp-caption{height:auto;max-width:100%;text-align:center;background-color:#ddd} .gallery{margin-bottom:20px} .gallery-item{float:left;margin:0 4px 4px 0;overflow:hidden;position:relative} .gallery-columns-1 .gallery-item{max-width:100%} .gallery-columns-2 .gallery-item{max-width:48%;max-width:-webkit-calc(50% - 4px);max-width:calc(50% - 4px)} .gallery-columns-3 .gallery-item{max-width:32%;max-width:-webkit-calc(33.3% - 4px);max-width:calc(33.3% - 4px)} .gallery-columns-4 .gallery-item{max-width:23%;max-width:-webkit-calc(25% - 4px);max-width:calc(25% - 4px)} .gallery-columns-5 .gallery-item{max-width:19%;max-width:-webkit-calc(20% - 4px);max-width:calc(20% - 4px)} .gallery-columns-6 .gallery-item{max-width:15%;max-width:-webkit-calc(16.7% - 4px);max-width:calc(16.7% - 4px)} .gallery-columns-7 .gallery-item{max-width:13%;max-width:-webkit-calc(14.28% - 4px);max-width:calc(14.28% - 4px)} .gallery-columns-8 .gallery-item{max-width:11%;max-width:-webkit-calc(12.5% - 4px);max-width:calc(12.5% - 4px)} .gallery-columns-9 .gallery-item{max-width:9%;max-width:-webkit-calc(11.1% - 4px);max-width:calc(11.1% - 4px)} .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n){margin-right:0} .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1){clear:left} .gallery-caption{background-color:rgba(0,0,0,0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:12px;line-height:1.5;margin:0;max-height:50%;opacity:0;padding:6px 8px;position:absolute;bottom:0;left:0;text-align:left;width:100%} .gallery-caption:before{content:"";height:100%;min-height:49px;position:absolute;top:0;left:0;width:100%} .gallery-item:hover .gallery-caption{opacity:1} .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none} .gallery-item img{padding-bottom:0!important;max-width:100%!important;height:auto;margin-bottom:0} .gallery-item .gallery-icon{margin-left:0!important} embed,iframe,object,video{max-width:100%} .single-recent-post{color:#59777e} .single-recent-post:hover{color:#59777e} .singleblog-contan a{color:#59777e} .singleblog-contan a:hover{color:#c1c1c1} /***********slider***************/ #slider1_container{position:relative;top:0;left:0;width:1170px;height:300px;background-color:#59777e;overflow:hidden;margin-bottom:15px;margin-top:5px} .slider-loader{position:absolute;top:0;left:0} .slider-loader-content{filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;background-color:#000000;top:0;left:0;width:100%;height:100%} .slider-loader-wrapper{position:absolute;display:block;background:url(./images/loading.gif) no-repeat center center;top:0;left:0;width:100%;height:100%} .jssort11{height:300px;left:800px;position:absolute;top:0;width:370px;background-color:#59777e} .jssort11 .i{border:1px solid rgb(255,255,255);height:66px;left:10px;position:absolute;top:3px;width:120px} .jssort11 .p:hover .i{border:1px solid #79a1a9} .jssort11 .pav:hover .i{border:1px dashed #79a1a9;height:66px;left:10px;position:absolute;top:3px;width:120px} * html .jssort11 .i{WIDTH /**/:62px;HEIGHT /**/:32px} .jssort11 .pav .i{border:1px dashed rgb(255,255,255)} .jssort11 .t,.jssort11 .pav:hover .t{position:absolute;top:3px;left:140px;width:220px!important;text-align:left;color:#fff;font-size:14px;font-weight:normal} .jssort11 .u,.jssort11 .pav:hover .u{position:absolute;top:20px;left:110px;width:135px;text-align:left;color:#fff;font-size:10px;font-weight:700} .jssort11 .c,.jssort11 .pav:hover .c{position:absolute;top:38px;left:3px;width:197px;height:31px;line-height:31px;color:#fff;font-size:11px;font-weight:400;overflow:hidden} .jssort11 .pav .c,.jssort11 .phv .c,.jssort11 .p:hover .c{color:#79a1a9} .jssort11 .t,.jssort11 .c{transition:color 2s;-moz-transition:color 2s;-webkit-transition:color 2s;-o-transition:color 2s} .jssort11 .p:hover .t,.jssort11 .phv .t,.jssort11 .pav:hover .t,.jssort11 .p:hover .c,.jssort11 .phv .c,.jssort11 .pav:hover .c{transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none} .jssort11 .p{background-color:#59777e;position:absolute;width:200px;height:69px;top:0;left:0} .jssort11 .thumbnailtemplate{width:100% ;height:100%;border:none;position:absolute;top:0;left:0} .slider-image-content{cursor:move;position:absolute;left:0;top:0;width:800px;height:300px;overflow:hidden} .slider-post-content{width:100%;background-color:rgba(0,0,0,0.6);position:absolute;bottom:0;color:#FFF;padding:0 10px 10px 10px;border-top:2px solid #79a1a9;font-size:10px} .slider-post-title{font-size:18px;margin:5px 0} .slider-post-content a{color:#FFF} .slider-post-content > span{padding-right:10px;font-size:12px; } .slider-post-tag{left:-10px;position:relative;top:0} .slider-post-tag span{background-color:#79a1a9;display:inline-table;margin:-1px 2px 2px 0;padding:2px 7px;font-size:15px} .slider-post-tag a{color:#59777e} .jssort11 > div{left:0!important} .jssort11 div{width:100%;} .slider-entry-meta{color:rgb(255,255,255);display:table;font-size:12px;width:220px} .slider-entry-meta span{padding-left:10px} .slider-text-color{color:#79a1a9;padding-left:3px!important} #slider1_container .caption-date,#slider1_container .caption-time{display:table} #slider1_container .caption-wrap-topimg{top:13px;left:10px;font-size:10px} #slider1_container div{cursor:pointer; width:800px;} .slider-entry-meta a:hover{color:#79a1a9;text-decoration:underline} .owl-wrapper-outer p{margin:4px 0} .owl-wrapper-outer .postblog{margin:4px 0 10px 0} /********** Menu ****************/ .topmag-menu,.topmag-menu ul{margin:0;padding:0;list-style:none} .topmag-menu:before,.topmag-menu:after{content:"";display:table} .topmag-menu:after{clear:both} .topmag-menu{zoom:1} .topmag-menu li{float:left!important;position:relative} .topmag-menu a{float:left;text-decoration:none} .topmag-menu a:hover,.topmag-menu a:focus{color:rgb(253,67,38)} .topmag-menu li:hover > a{color:rgb(253,67,38);text-decoration:none} *html .topmag-menu li a:hover{/* IE6 only */ color:#fafafa} .topmag-menu ul{opacity:0;visibility:hidden;position:absolute;top:50px;left:0;z-index:99;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:rgba(31,31,31,0.95)} .topmag-menu li:hover > ul{opacity:1;visibility:visible;margin:0} .topmag-menu ul ul{top:0;margin:0 0 0 0;_margin:0;/*IE6 only*/ -moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);box-shadow:-1px 0 0 rgba(255,255,255,.3);left:100%;width:100%} .topmag-menu ul li a{color:#000!important;text-decoration:none} .topmag-menu ul li a:hover,.topmag-menu ul li a:focus,.topmag-menu ul li a:active{color:#79a1a9!important} .topmag-menu ul li{float:none;display:block;border:0;_line-height:0;/*IE6 only*/} .topmag-menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} .topmag-menu ul a{padding:10px;width:250px;_height:10px;/*IE6 only*/ display:block;float:none;text-transform:none;text-align:left} .topmag-menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0} .topmag-menu ul li:first-child a:hover:after{border-bottom-color:#fff} .topmag-menu ul ul li:first-child a:hover:after{border-right-color:rgb(253,67,38);border-bottom-color:transparent} .topmag-menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px} .topmag-menu li ul li{border-bottom:1px solid #555555} #menu-trigger{display:none} .nav > li > a:hover,.nav > li > a:focus{background-color:transparent!important;border-bottom:2px solid #79a1a9} .social-icon > li > a:hover,.social-icon > li > a:focus{border-bottom:none} .navbar-collapse ul ul li a{margin:0;padding-bottom:8px!important;padding-top:8px!important;color:rgb(221,221,221)!important;border-bottom:none} .topmag-menu ul li a:hover,.topmag-menu ul li a:focus,.topmag-menu ul li a:active{border-bottom:none} .topmag-post-widget{width:100px;height:75px} .footer-post .recent-post-title-link{color:#FFF} .footer-post .recent-post-title-link:hover{color:#FFF;text-decoration:underline} /********** Sidebar **************/ .main-sidebar .recent-post-title-link{color:#1F1F1F} .main-sidebar .recent-post-title-link:hover{color:#1F1F1F;text-decoration:underline} .main-sidebar{color:rgb(31,31,31)} .footer-post select,.footer-post input,.footer-post textarea{color:rgb(31,31,31)} .footer-post{color:rgb(255,255,255)} .footer-post a{color:#cccccc} .footer-post a:hover{color:rgb(239, 203, 1)} .main-sidebar a{color:#59777e} .footer-post ul,.main-sidebar ul{list-style:none outside none;padding:0px} .textwidget img{height:auto;max-width:100%} .footer-post select,.main-sidebar select{width:100%;padding:5px} .widget ul{line-height:1.5em} #wp-calendar{color:rgb(68,68,68);line-height:1.6em;margin:0;width:100%} .footer-post #wp-calendar{color:rgb(255,255,255)} #wp-calendar th{font-weight:bold} #wp-calendar th,#wp-calendar td,#wp-calendar caption{text-align:center} .widget-title a{color:#FFF} strong{font-weight:bold} .wp-caption p.wp-caption-text{background-color:rgb(238,238,238);font-size:0.9em;margin:0;padding:10px;text-align:center} .footer-post .wp-caption-text{color:rgb(31,31,31)} .tagcloud{margin-top: 20px;text-align:left} .footer-post .tagcloud a{border:1px solid #cccccc;color:#cccccc;font-size:100%!important} .main-sidebar .tagcloud a{border:1px solid rgb(68,68,68);color:rgb(68,68,68);font-size:100%!important} .tagcloud a{border-radius:8px;display:inline-block;margin-bottom:10px;margin-right:6px;padding:5px 8px 6px 8px;text-decoration:none;transition:all 0.17s ease-in-out 0s} .ticker-content a:hover{color:rgb(68,68,68)} .main-sidebar .tagcloud a:hover{border:1px solid rgb(78,0,0);color:#59777e} .footer-post .tagcloud a:hover{border:1px solid #79a1a9;color:#79a1a9} .main-sidebar .screen-reader-text, .footer-post .screen-reader-text { display: none; } .main-sidebar .search-submit, .footer-post .search-submit { padding: 0 28px; } .main-sidebar aside, .footer-post aside{ margin-bottom: 30px; } .main-sidebar ul li, .footer-post ul li{ padding: 5px 0; } .footer-post .footer-social-icon .list-inline { margin: 0; padding: 0; } .fa-user:before { padding-right: 2px; } .list-inline { margin-left: 0px !important; } #home-banner .recent-posts { width: 25% !important; } .attachment-blog-post-image.size-blog-post-image { width: 100%; height: auto; } /*************************/ .top-header-menu-left{float:left;} .top-header-menu-right {float: right;} .main-navigation {clear: both;} .ticker-wrapper { display: block; } .home-category-post img {width: 100%;} .main-sidebar ul li img { float: left; margin-right: 15px; } .cat-post-title {font-size: 15px !important;} .cat-post-date, .cat-post-comment-num { font-size: 12px !important; line-height: 18px !important; } /*************************/ /********* Media CSS Start *********/ @media (max-width:1024px){ .singlepost .singleblog-col1,.singlepost .singleblog-col2{float:none;width:auto;}.singleblog-col1 img{float:left; margin-right:15px;}} @media (max-width:991px){ .footer-post{float: left; width: 100%;}.main-sidebar.no-padding-right{padding-left: 0px;} .header-logo{text-align:center;} .header-text{margin: 15px 0 20px;} #home-banner .recent-posts{width: 50% !important; } } @media (max-width:767px){ .container, .container-fluid { padding: 0px; } #home-banner .recent-posts{width: 100% !important;}.container-magzemine{width:100%}.container{width:100%}.header-logo img{margin:18px auto 0}.navbar-collapse{max-height:360px}.social-icon{margin:0 auto;padding-right:0;width:100%;display: inline-block;}.social-icon li a{float:left}.news-list .news-list-col2{width:100%}.recent-posts{margin-bottom:15px;padding: 0;}.latest-videos .latest-video-col1{width:100%}.latest-videos .latest-video-col2{float:left;margin:8px 0;width:100%}.blog-post img{height:100%;width:100%}.news-list .news-list-col1{width:100%}.news-list-col1 img{width:100%;height: auto;}.video-col-1 img{height:100%}.breaking-news .news-title,.breaking-news .ticker-wrapper{overflow:hidden;width:100%}.blogpost .blogpost-col1{width:100%;position:relative}.blogpost .blogpost-col2{width:100%}.blogpost-border{border-bottom:none;margin-bottom:15px;padding:0}.blogpost{padding:0}.caption-wrap-topimg{top:12px}.blogpost-col1 img,.articles-post img{width:100%;height: auto;padding-right:0;}.single-blog{padding:0}.leave-form .control-label{width:25%}.leave-form .col-xs-6,.leave-form .col-xs-10{width:70%}.leave-form .comment-submit-button{text-align:center}.news-list .news-list-col1{max-width:100%}/***** dropdown menu ******/#menu-trigger{cursor:pointer;display:block;height:40px}.topmag-menu:after{content:'';position:absolute;left:25px}.topmag-menu a:hover,.topmag-menu a:focus{color:rgb(253,67,38)!important;}.nav > li > a:hover, .nav > li > a:hover{border-bottom:none !important;} header #navbarCollapse{border-radius: 0;background:rgba(0, 0, 0, 0.9) none repeat scroll 0 0 !important; position: absolute;z-index: 9999;}.topmag-menu li:hover > a{color:rgb(253,67,38);text-decoration:none}.topmag-menu{margin-top:10px;}.topmag-menu ul{position:static;visibility:visible;opacity:1;margin:0;background:none;border:none;padding:4px 3px 2px 4px}.topmag-menu ul ul{margin:0 0 0 20px!important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.topmag-menu li{position:static;display:block;float:none;border:0;margin:5px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;width:93%;text-align:left;}.topmag-menu ul li{margin-left:20px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.topmag-menu a{display:block;float:none;padding:0 15px!important;color:rgb(24,24,24)}.topmag-menu a:hover,.topmag-menu a:focus{color:#fafafa}.topmag-menu ul a{padding:0;width:auto}.topmag-menu ul a:hover{background:none}.topmag-menu ul li:first-child a:after,.topmag-menu ul ul li:first-child a:after{border:0}.topmag-menu li{float:left!important}.topmag-menu ul li a{text-align:left}.navbar-collapse ul ul li a{color:rgb(255,255,255)!important}.nav > li > a:hover,.nav > li > a:focus{border:none}.topmag-menu li > a:hover{color:rgb(255,255,255)!important}.topmag-menu li a{border-right:none}.topmag-menu li ul li{border-bottom:none}.topmag-menu ul li{background:none}.topmag-menu li > a{color:rgb(24,24,24);padding:4px 0 !important;border-bottom:none}.topmag-menu li> a:hover{color:rgb(253,67,38);border-bottom:none}.navbar-collapse ul ul li a{padding-bottom:2px!important;padding-top:2px!important}.topmag_site_name{text-align:center}.topmag_tagline{text-align:center}.single-post-image{max-height:100%;max-width:100%}.topmag-menu li a{border-right:none!important}.navbar-header{display:block;z-index:9999}.news-list h2,.blogpost h2{margin-top:15px;}.home-icon{background-color: transparent;color:#1f1f1f;font-size: 30px;padding-top:12px;}.home-icon:hover,.home-icon:focus{background-color: transparent;color:#1f1f1f;}.singleblog-img img{margin-top:0px;}.home-category-post{margin-bottom: 20px;}.custom-header-img{padding-right: 40%;}} @media (max-width:600px){ .copyright p { text-align:center; } .home .main-sidebar.no-padding-right{padding-left: 15px;padding-right: 15px;} .top-header .col-md-6.pull-right.no-padding{text-align: center;width: 100%;} .top-header h6{padding-bottom: 10px; padding-top: 5px; text-align: center;float: none;} .top-header .search-form{float: none; margin: 3px auto 10px; width: auto;} .top-header-menu-left{float: left; text-align: center; width: 100%;} .top-header-menu-right{float: none;} .top-header-menu-left .menu {background: transparent !important; position: inherit;} } @media (max-width:320px){.main-sidebar .footer-col2, .footer-post .footer-col2{ margin-top: 10px;} .custom-header-img {padding-right: 25%} } @media(min-width:321px) and (max-width:480px){.top-header ul li{padding:5px}.top-header h6{text-align:center}.pull-right{margin:0 auto 8px;width:84%;text-align:right}.header-logo img{margin:18px auto 0;}.technology-sports-news,.latest-videos{padding-left:0;padding-right:0}.footer-post .footer-col1{float:left;margin-right:9px;width:30%}.video-col-1{float:left;margin:0 4px;width:45%}.popular-post{width:100%}.news-list .no-padding-left{padding-left:15px;padding-right:0}.popular-comment-post{padding:0 15px}.latest-videos .no-padding-left{padding:0 6px}.copyright ul{padding:10px 0 11px;margin:0 auto}.blogpost-readmore p{width:75%}.post-comments{margin-right:0;width:93%} .custom-header-img {padding-right: 33%}} @media(min-width:400px) and (max-width:480px){.pull-right{margin:0 auto 8px;width:67%}} @media(min-width:481px) and (max-width:600px){.top-header .search-box{margin-bottom:10px}.technology-sports-news,.latest-videos{padding-left:0;padding-right:0}.footer-post .footer-col1{float:left;margin-right:9px;width:30%}.video-col-1{margin:5px;width:44%;float:left}.popular-post{width:100%}.latest-video-col1 img{width:100%}.news-list .no-padding-left{padding-left:15px;padding-right:0}.popular-comment-post{padding:0 15px}.latest-videos .no-padding-left{padding:0 6px}.copyright p{float:left}.copyright ul{padding:10px 0 11px}.post-comments{width:90%} .custom-header-img {padding-right: 37%}} @media(min-width:601px) and (max-width:766px){ .top-header .search-box{margin-bottom:10px} .footer-post .footer-col1{ float:left;margin-right:9px;width:30% } .video-col-1{margin:5px;width:44%;float:left} .latest-video-col1 img{width:100%} .copyright p{float:left} .technology-sports-news .news-list{padding-left:0;padding-right:0} .recent-posts .line-hr{width:100%} .latest-videos .no-padding-left{padding:0 6px} .news-list .no-padding-left{padding-left:15px} .post-comments{width:90%} .custom-header-img {padding-right: 40%} } @media(min-width:768px) and (max-width:1023px){.container-magzemine{width:100%}.container{width:100%}.header-logo img{margin:18px auto 0}.top-header .search-box{margin-bottom:10px}.recent-posts{float:left;width:100%;margin-bottom:20px}.blog-post img{width:100%}.news-list .news-list-col1{width:38%}.latest-videos .latest-video-col1{width:60%}.latest-videos .latest-video-col2 .video-col-1{padding-bottom:30px}.copyright p{float:left}.latest-video-col1 img{width:100%}.video-col-1 img{height:auto}.technology-sports-news .popular-comment-post{padding-left:0}.blogpost-border{display:table}.blogpost-featured-video{display:inline}.articles-post .articles-postimg{float:left;width:25%}.custom-header-img {padding-right: 40%}} @media(min-width:1024px) and (max-width:1200px){.container-magzemine{width:100%}.container{width:100%}.copyright{background-color:#282828;display:inline-block;width:100%}.latest-video-col1 img{width:100%}.blog-post img{width:100%}.news-list .news-list-col1{width:38%}.latest-videos .latest-video-col1{width:60%}.latest-videos .latest-video-col2 .video-col-1{padding-bottom:30px}.copyright p{float:left}.video-col-1 img{height:auto}.top-header .search-box{width:85%}}