/*
Theme Name: SKT Magazine
Theme URI: http://www.sktthemes.net/shop/skt-magazine/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Magazine is a responsive free news and magazine WordPress theme which can be used for newspaper, publishing, personal and corporate blogs, and editorial style websites. Non profit, military, technology, fashion, food, recipes, sports, schools, how to, tips, reviews, SEO blogging, Affiliate marketing, tour and travel, automated, comedy, gaming, music, photography, politics and journal style writing. Multilingual and compatible with any multilingual plugin and translation ready and compatible with WooCommerce for Ecommerce and shop and Nextgen gallery compatibility for portfolio and gallery. Compatible with all SEO plugins and contact form 7. Check demo at: http://sktthemesdemo.net/magazine/

Version: 1.8
License: GNU General Public License
License URI: license.txt
Text Domain: skt-magazine
Tags:grid-layout,blog,news,three-columns,left-sidebar,right-sidebar,custom-colors,custom-background,custom-header,custom-menu,editor-style,featured-images,sticky-post,theme-options,threaded-comments,translation-ready

SKT Magazine WordPress Theme, Copyright (C) 2016, SKT Themes(sktthemes.net), 2016.
SKT Magazine is distributed under the terms of the GNU GPL

*/
body{ margin:0; padding:0;line-height:20px; font-size:13px; background-color:#eaeaea; color:#5c5c5c; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#046dd6;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family:'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; word-wrap:break-word;}
h1{ font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:13px; line-height:1.5;}
.clear{ clear:both;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px;}
.left{ float:left;}
.right{ float:right;}
.space50{ clear:both; height:50px;}
.space100{ clear:both; height:100px;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a, .page-numbers{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#046dd6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
.container{ width:1300px; margin:0 auto; position:relative;}
/*header menu css*/

#menubar{ background-color:#131313;}
.toggle{display: block;}
.toggle a{ color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #046dd6; padding:10px 10px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}
.sitenav{ padding:0; }
.sitenav ul { margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:15px; }
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center;}
.sitenav ul li a{ padding:22px 20px; display:block; color:#fff; border-right:1px solid #222222; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #222;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-right:none !important;  }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ background-color:#046dd6; color:#fff; }

.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#131313;  box-shadow:0 2px 2px #333; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}

/*dropdown arrow*/
.sitenav .menu li > a.parent {  padding-right: 2em; position: relative;}
.sitenav .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;
}
.sitenav .menu li ul li a.parent { padding-right: 0;}
.sitenav .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}

/* = header top bar  css
-------------------------------------------------------------- */
.site-topbar {background:#e4e5e6 none repeat scroll 0 0; font-size:14px; height:50px; padding:0;}
.site-topbar-wrap {position:relative;}
.site-topbar-wrap::before {background:#111 none repeat scroll 0 0; bottom:0; content:""; left:-99999px; position:absolute; top:0; width:99999px; height:50px;}
.headline{height:50px; line-height:50px; margin:0; width:11%; float:left;}
.headline span { background:url(images/icon-news.png) no-repeat left 17px #111; color:#fff; display:inline-block; padding:0 20px; position:relative; text-transform:uppercase;}
.headline span::before { border-left:25px solid #111; border-top:50px solid transparent; bottom:0; content:""; position:absolute; right:-25px; top:0;}
.site-header {background:#fff none repeat scroll 0 0; padding:20px 0; text-align:center;}


.topright{ width:88%; float:right;}
.newsticker{ width:48%; float:left; padding:14px 0;}
.fullticker{ width:100%;}

/* = header top menu  css
-------------------------------------------------------------- */
.togglediv{display: block;}
.togglediv a{color:#ffffff; background:url(images/mobile_toggle.png) no-repeat right center; font-size:0;}
.shortingmenu{ width:38%; float:right; text-align:right;}
.shortingmenu ul{  font:400 14px/49px 'Roboto', sans-serif; margin:0; padding:0;}
.shortingmenu ul li{ display:inline-block; position:relative;}
.shortingmenu ul li a{ display:block; padding: 0 15px; color:#111111; border-right:1px solid #f1f2f3;}
.shortingmenu ul li a:hover{color:#046dd6;}


.shortingmenu ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #e7e6e6;}
.shortingmenu ul li ul li a{display:block; padding-top:5px; padding-bottom:5px; position:relative; top:1px; text-align:left; line-height:24px; border:none !important;  }
.shortingmenu ul li a:hover, .shortingmenu ul li.current_page_item a{ background-color:#046dd6; color:#fff; }

.shortingmenu ul li ul{display:none; z-index:9999999; position:relative;}
.shortingmenu ul li:hover > ul{display:block; width:200px; position:absolute; right:0; text-align:left; background-color:#fff;  box-shadow:0 2px 2px #333; overflow:visible; }
.shortingmenu ul li:hover ul li ul{display:none; position:relative;}
.shortingmenu ul li:hover ul li:hover > ul{display:block; position:absolute; right:200px; top:1px;}

/*dropdown arrow*/
.shortingmenu .menu li > a.parent {padding-right: 2em; position: relative;}
.shortingmenu .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #494949 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;	
}
.shortingmenu .menu li ul li a.parent { padding-right: 0;}
.shortingmenu .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}


/* = header top sign in  css
-------------------------------------------------------------- */
.header{width:100%; background-color:#fff; }

.logo{float:left; padding:40px 0; width:25.5%;text-align:left; }
.logo h1{font-weight:900; margin:0; line-height:50px; font-size:40px; }
.logo h1 span{ color:#046dd6; font-weight:300;}
.logo p{ color:#333; }
.logo a{ color:#111111;}

.header_right{font:400 14px/18px 'Roboto',san-serif; float:right; text-align:right; width:70%; color:#111; padding:30px 0 25px;}
/* Three Section Cat CSS
-------------------------------------------*/
#threeCatWrap{ padding:40px 0 20px;}

.cat-3-col{ width:23.8%; float:left; margin:0 8px 0 0; border:1px solid transparent;}
.catwrapslider{width:51%; position:relative; margin:0 auto; text-align:center;}
.catwrapslider h3{ position:absolute; bottom:0px; padding:1.5% !important; width:auto;}
.catwrapslider .owl-controls{ position: absolute; top:55%; right:auto; left:auto; width:100%;}
.catwrapslider .owl-prev, .catwrapslider .owl-next { position: absolute; bottom:15px; width:22px; height:22px; font-size:0; right:0;}
.catwrapslider .owl-prev{ background:url(rotator/images/arrow_prev.png) no-repeat left top; left:10px;}
.catwrapslider .owl-next{ background:url(rotator/images/arrow_next.png) no-repeat left top; right:10px;}
.catwrapright{ margin-right:0; float:right; vertical-align:top;}
.cat-3-col h3{font:600 14px/16px 'Roboto', sans-serif ; text-transform:uppercase; color:#fff; margin:0; background-color:rgba(0,0,0,0.6); padding:3% 0;}
.cat-3-col h3 span{ padding:0 0 0 8px; display:block;}
.catleft-1{ position:relative; margin-bottom:4px; height:187px; overflow:hidden; background-color:#000; }
.catleft-1 img{ width:100%; height:100%;}
.catleft-1 img:hover, .owl-carousel .owl-item img:hover{ opacity:0.7; }
.catleft-1 h3{ position:absolute; bottom:0px; width:100%;}
.catwrapslider{ height:auto;}
.owl-carousel .owl-item img{ max-height:378px!important; }

.catbx{ position:absolute; top:0; left:0; background-color:#046dd6; color:#fff; font-weight:bold; text-transform:uppercase; padding:7px 15px; font-size:12px;}
.catbx a{ color:#fff;}
.catbx1{ background-color:#5a4182;}
.catbx2{ background-color:#fda32f;}
.catbx3{ background-color:#80bc00;}

.catbx li{list-style:none;}


a.ReadMore{ background-color:#046dd6; color:#fff ; padding:5px 15px; font:normal 18px/22px 'Roboto'; text-transform:uppercase; -moz- border-radius:5px; -webkit- border-radius:5px; border-radius:5px;}
a.ReadMore:hover{ background-color:#865628; color:#fff; }
.last_column{clear:right; margin-right:0 !important; }
.MoreLink{ background-color:#262626; color:#fff ;display: inline-block; padding:6px 15px;}

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ background-color:#000 !important; color:#fff; width:35px; height:35px; line-height:35px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;  margin:0 3px 0 0; padding:0;}
.social-icons br{ display:none;}
.social-icons a:hover{ background-color:#046dd6 ; color:#fff;}
.social-icons .fb{ background:url(images/icon-fb.png) no-repeat center center; }
.social-icons .tw{ background:url(images/icon-tw.png) no-repeat center center; }
.social-icons .gp{ background:url(images/icon-gp.png) no-repeat center center;}
.social-icons .in{ background:url(images/icon-in.png) no-repeat center center;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:640px; float:left; padding:0 30px;}
h1.entry-title{ font-size:18px !important; border-bottom:1px solid #e8e6e6; padding:0 0 15px 25px; margin:0 -25px 15px -25px; font-weight:bold;}
.contentbox{ background-color:#fff; padding:25px;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

/*multicategory section css*/
#multicatWrap{ margin-top:25px;}
.catThumb{ background-color:#dedede;}
.lists_cats{  background-color:#fff; border:1px solid #dddcdc; width:46.4%; float:left; margin: 0 40px 40px 0; min-height:370px;}
.lists_cats h5{ font-size:18px; color:#464545; border-bottom:1px solid #e8e6e6; padding-bottom:10px; margin-bottom:5px; font-weight:600;}
.lists_cats h5 a{color:#464545;}
.lists_cats p{ margin-bottom:10px;}
.lists_cats .catThumb{ height:170px; overflow:hidden;}
.lists_cats img{ width: 100%; margin:0 auto; display:block;}
.lists_cats .read-more a{ font-size:12px;}
.contentCAT{ padding:20px; position:relative;}
.last_column{ margin-right:0 !important;}
.datebx{ text-transform:uppercase; font-weight:bold; font-family:12px; color:#5a5b5b; display:block; margin-bottom:15px;}
.commentbx{ color:#333;}
.commentbx a{ color:#fff;}
.postmeta{ font-size:12px; color:#828181; margin:0; position:relative; word-wrap:break-word;}
.postmeta a{color:#828181;}
.postmeta span{ margin-right:3px;}
.post-date, .post-comment, .post-categories{ display:inline; } 
.post-thumb{float:left; margin:5px 25px 5px 0;}

.lists_cats .post-date{ background:url(images/icon-date.png) no-repeat left 2px; padding:0 10px 0 15px;}
.lists_cats .post-comment{ background:url(images/icon-comment.png) no-repeat left 2px; padding:0 0 0 18px;}
.lists_cats:nth-child(2n+2) { margin-right:0;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:300px; float:right; }
aside.widget{margin-bottom:30px;  padding:20px; background-color:#fff;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:0 0 15px 0; color:#363636; border-bottom:1px solid #edecec; font-size:18px; font-weight:bold;}
#sidebar ul li{list-style:none; word-wrap:break-word; background:url(images/sidebar-arrow.png) no-repeat 0 14px; border-bottom:1px dashed #d0cfcf; line-height:36px;}
#sidebar ul li a{padding:10px 0 10px 20px; color:#3b3b3b;}
#sidebar ul li a:hover{ color:#046dd6;}
#sidebar ul li:last-child a{ border:none;}
#sidebar.left{ float:left;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#131313; color:#8e8d8d; position:relative; padding:45px 0 0; border-top:9px solid #282828;}
.cols-4{width:23%; float:left; margin:0 30px 0 0; }
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:400; font-size:22px; color:#fff; margin-bottom:25px; text-transform:uppercase; text-align:center; }
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0; border-bottom:1px dotted #282828; word-wrap:break-word;}
.cols-4 ul li a { color:#fff; font:normal 12px/30px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; opacity:0.5;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { color:#fff; opacity:1; }
.cols-4 ul li:last-child{ border:none;}
ul.footer-cats {-moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em;}

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:15px;}
.phone-no{ margin:10px 0 20px; line-height:22px;}
.phone-no a{color:#8e8d8d;}
.phone-no a:hover{color:#fff;}
.phone-no strong { display:inline-block;}
.cols-4 .phone-no p{ margin-bottom:0;}
.widget-column-2 a{font:400 20px/24px 'Roboto',san-serif;}

.footer-col-4{ padding:20px; border-style:double; border-color:#202020; margin-bottom:20px;}
.footer-col-4 select{width:100%; display:block;}
.footer-col-4 table{width:100%;}

.footer-col-4 .comment-author-link, .comment-author-link a{color:#FFF;}

/*footer recent post*/
div.recent-post { display:block; list-style:none; line-height:18px; padding:0 0 20px 0px; background:none; margin-bottom:20px; border-bottom:#282828 1px dotted; min-height:70px;}
div.recent-post  img { float:left; margin:0 15px 0 0; border:#202020 solid 3px;}
div.recent-post span {font-size:11px;}
div.recent-post a {text-decoration:none; background:transparent;}
div.recent-post  a:hover { text-decoration:none; color:#fff;}
div.recent-post:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
div.recent-post p{ display:inline; line-height:22px; margin:0;}

.copyright-wrapper {  background-color:#000000; color:#8e8d8d; position:relative; padding:15px 0;}
.copyright-wrapper a {color:#fff;}
.copyright-wrapper a:hover {color:#046dd6;}
.copyright-txt { float:left;}
.copyright-txt span{color:#046dd6;}
.design-by { float:right;}
.recent-post{ min-height:70px; margin:0 0 20px 0;}
.recent-post img{ float:left; width:60px; margin:3px 10px 5px 0;}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#046dd6;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#046dd6;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#046dd6; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:400 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}
.post_tags a{word-wrap:break-word; padding:10px 5px 5px 0;}

/* Widget Sidebar */
#sidebar table{width:100%; text-align:center;}
#calendar_wrap caption{font-weight:700; padding-bottom:10px; text-transform:uppercase;}
#prev{text-align:left;}
#next{text-align:right;}
#sidebar select{ width:100%; height:25px;}
#sidebar select option{width:240px;}
.comment-author-link, .comment-author-link a{font-weight:700 !important; color:#000;}
#sidebar .widget-title a{color:#fff;}
#sidebar input[type="text"], #sidebar input[type="search"]{width:78%; height:25px; margin-bottom:10px; padding-left:6px;}
.infomessage{display:block;}
body.wp-custom-logo .logo h1{display:none;}
.tagline{clear:both; display:block;}
#sidebar h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
#recentcomments li{background-image:none !important;}
#recentcomments li a{padding-left:0px !important;}
.header_right table{width:100%; text-align:center;}

.entry-content ul li, .entry-content ol li, .contentCAT li{margin-left:15px;}
.header_right aside.widget{margin-bottom:30px;  padding:20px; background-color:#fff;}
.header_right aside.widget ul{ list-style:disc; }
.header_right h3.widget-title{ padding:0 0 15px 0; color:#363636; border-bottom:1px solid #edecec; font-size:18px; font-weight:bold;}
.header_right ul li{list-style:none; word-wrap:break-word; background:url(images/sidebar-arrow.png) no-repeat 0 14px; border-bottom:1px dashed #d0cfcf; line-height:36px;}
.header_right ul li a{padding:10px 0 10px 20px; color:#3b3b3b;}
.header_right ul li a:hover{ color:#046dd6;}
.header_right ul li:last-child a{ border:none;}
.header_right.left{ float:left;}
.header_right input[type="text"], .header_right input[type="search"]{width:78%; height:23px; margin-bottom:10px; padding-left:6px;}
.header_right select{ width:100%; height:25px;}
.header_right select option{width:240px;}

.tparea{width:100%; float:right; text-align:left;}
.contentbox .post-thumb img{width:100%;}
.infomessage img{height:100%; display:block;}
.infomessage1{ padding: 40px 0 20px 0;}