/* ===================================================================== Site Name: Speedol Author: Karatok Theme Stylesheet: Main Stylesheet ================================================================== */ /* -------------------------------- Primary style -------------------------------- */ html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { /* you need to set this to assign to the main element a min height of 100% */ height: 100%; } #cd-lateral-nav .Ksocial li a {padding: 0 10px;} #cd-lateral-nav .Ksocial li {float: left;} /*==============================================================*/ 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%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden],template{display:none} html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} a{background:transparent} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em;margin:.67em 0} abbr[title]{border-bottom:1px dotted} b,strong,.strong{font-weight:700} dfn,em,.em,cite,var,dfn,address{font-style:italic} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} p{-webkit-hyphens:auto;-epub-hyphens:auto;-moz-hyphens:auto;hyphens:auto} pre{margin:0} code,kbd,pre,samp{font-family:monospace,serif;font-size:1em} code { position: relative; border: none; background-color: #eee; padding: 2px 6px;} pre{white-space:pre-wrap; background:#333; color:#f8f8f8; font-size:.8em; padding:1.5em; margin:1em 0 1.5em; -webkit-border-radius:3px; border-radius:3px} q{quotes:"\201C" "\201D" "\2018" "\2019"} q:before,q:after{content:'';content:none} small,.small{font-size:75%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0} menu{padding:0 0 0 40px} ol,ul{padding:0;list-style-type:none} nav ul,nav ol{list-style:none;list-style-image:none} img{border: 0;max-width: 100%;height: auto;width: auto \9;vertical-align: middle;} svg:not(:root){overflow:hidden} figure{margin:0} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input{line-height:normal} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .image-replacement,.ir{text-indent:100%;white-space:nowrap;overflow:hidden} .clearfix,.cf,.comment-respond{zoom:1} .clearfix:before,.clearfix:after,.cf:before,.comment-respond:before,.cf:after,.comment-respond:after{content:"";display:table} .clearfix:after,.cf:after,.comment-respond:after{clear:both} span.amp{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif!important;font-style:italic} p{-ms-word-break:break-all;-ms-word-wrap:break-all;word-break:break-word;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-hyphenate-before:2;-webkit-hyphenate-after:3;hyphenate-lines:3;-webkit-font-feature-settings:liga,dlig;-moz-font-feature-settings:"liga=1,dlig=1";-ms-font-feature-settings:liga,dlig;-o-font-feature-settings:liga,dlig;font-feature-settings:liga,dlig} .alert-help,.alert-info,.alert-error,.alert-success{margin:10px;padding:5px 18px;border:1px solid} .alert-help{border-color:#e8dc59;background:#ebe16f} .alert-info{border-color:#bfe4f4;background:#d5edf8} .alert-error{border-color:#f8cdce;background:#fbe3e4} .alert-success{border-color:#deeaae;background:#e6efc2} .csstransitions img.lazy { opacity: 0; } .csstransitions img.lazy-on { opacity: 1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .k-btn, .comment-reply-link, #submit { display: inline-block; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: white; font-size: 0.9em; font-size: 34px; line-height: 34px; font-weight: normal; padding: 0 24px; border: 0; cursor: pointer; -webkit-transition: background-color 0.14s ease-in-out; transition: background-color 0.14s ease-in-out; } .k-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus { color: white; text-decoration: none; } .k-btn:active, .comment-reply-link:active, #submit:active { top: 1px; } .blue-btn, .comment-reply-link, #submit {border: 1px solid;} /********************* INPUTS *********************/ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; height: 40px; padding: 0 12px; margin-bottom: 14px; font-size: 1em; color: #333; vertical-align: middle; box-shadow: none; outline: 0; border: 0; width: 100%; max-width: 400px; font-family: inherit; background: 0 0; border: 1px solid #dedede; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { background-color: rgba(0, 0, 0, 0.02); } input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #e74c3c; } input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #3498db; border-color: #3498db; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: transparent; } input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #e74c3c; opacity: 0.6; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) } input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #3498db; } input[type="password"] {letter-spacing: 0.3em; } textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; padding: 10px; } select { -webkit-appearance: none; /* 1 */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnElEQVQ4T2NkoBAwUqifYXAZIA30zlMivSQDVPcEpBbmBRB9GIjbgXgrAUP8gfKFQOyAbACILQjV3AKkt+EwBKS5FIh9gPgDugEgvhAQbwFibIZgaMZmALIhzUDOdqhLsGrGZQCyIU1ADjsQlwGxN8zZyN7Dlw5A3gEF6D+on99jCxdCCYkXqOk/EH/BEaiDLCXiciVecUJhQNBQAOhCGRF3sTWyAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; } /* ===================================================================== BODY BEGIN ===================================================================== */ body { font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; } .wrap { width: 96%; margin: 0 auto; } a { color: #2980B9; text-decoration:none } a:hover, a:focus { text-decoration:none; outline: none} a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /* ===================================================================== HEADING ===================================================================== */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { text-rendering: optimizelegibility; font-weight: 300; } h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin-bottom: 1rem} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; } h1, .h1 { font-size: 2rem; line-height: 2.5rem; } h2, .h2 { font-size: 1.8rem; line-height: 2.5rem;} h3, .h3 { font-size: 1.6rem; line-height: 2.1rem;} h4, .h4 { font-size: 1.5rem; line-height: 1.8rem;} h5, .h5 { font-size: 1.3rem;} h6, .h6 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px;} .owl-nav > div, .owl-nav > div:after, .list.widget.all-in .nourut:before, .widget.all-in li.most-comment .entry-thumb img, .big.widget.all-in li .nourut, .Ktop.trendpost .entry-thumb:before, .Ktop.trendtag li:hover span, [class*="format-"] .entry-thumb:after, .grid.widget.all-in li .nourut, .trending-widget ul li:hover span, .pagination a, .pagination span, .pagination a:before, .pagination span:before, .page-post>div .read-more span, .page-post>div .read-more:before, .social-head li a:before, .widget-counter li i:after, .small .post .entry-attributes .nourut, .page-links>a:before, .Ktop.gridstyle .post .entry-thumb:before, .Ktop.kcarousel [class*="format-"] .entry-thumb:before, .breakingnews p i, .Ktop.kcarousel [class*="format-"] .entry-thumb:before, .Ktop ul li .nourut, .trending-widget .nourut, .list.widget.all-in .nourut, .Ktop.trendpost .entry-thumb .nourut, .author-box img, .anumposts > span, .page-links>a, .page-links>span:not(:first-child), .archive .page-head a.rss, #post-not-found header>div, .widget-counter li i, .twitter-widget h3 i, #back-top a, #back-top a:before, .foobox, .foobox:before, .comment .vcard .avatar,.foo-social li a:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .radius-3, .sliderhome .read-more, .Ktop li .thecat a, .Ktop.gridstyle .post .thecat a, .shareIt a, .image-nav a, .kcategories li .count, .k-btn, .comment-reply-link, #submit { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} .hastrans, .owl-nav > div:after, .big.widget.all-in li .nourut, .Ktop.trendpost .entry-thumb:before, .owl-nav > .div, .read-more:before, .slide-info .thecat a, [class*="format-"] .entry-thumb:after, [class*="format-"] .entry-thumb:before, .gridstyle ul li .entry-thumb:before, .widget-tabs ul li:before, .widget-counter li i:after, .pagination a, .pagination span, .pagination a:before, .pagination span:before, .page-post>div .read-more span, .page-post>div .read-more span:before, .Ksoc, .social-head li a:before, .imagebox nav .nav-links a, .page-links>a:before, .grider .entry-thumb:before, #back-top *,.entry-content .gallery img, .grider img, .foo-social li a,.foo-social li a:before { -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; } .grid.widget.all-in li, .comment-respond, .page-post .post .entry-attributes, .page-post .post, .page-post .page, ul.relatedgrid li, ul.relatedlist li, .feat-tabs article, .Ktop.trendpost article, .Ktop li, .small .post, .ads-widget .devide, .widget-feedburner div p, .list.widget.all-in li, .widget-tabs .item > div, .widget, .page-post.liststyle > li, .entry-content .wp-video, .entry-content .video-container, .big.widget.all-in li .entry-attributes, .big.widget.all-in li:not(:last-child) { margin-bottom: 20px} [class*="format-"] .entry-thumb:after, .colorize.widget-kcategories, .colorize .kcategories li a, .kcategories li .count, .widget-feedburner, .big.widget.all-in li.most-comment a:hover, .grid.widget.all-in li.most-comment a, .grid.widget.all-in li.rated-widget .attributes span span, .big.widget.all-in li:hover .nourut, .grid.widget.all-in li:hover .nourut, .Ktop .k-slider .item > div .entry-meta span a:hover, .big.widget.all-in li h4, .widget-slider h4, .page-post>div .read-more span, .page-post>div .read-more span:before, .page-post.gridstyle .post .entry-attributes span, .k-slider .item .post .entry-attributes > span, .widget-slider .entry-attributes span, ul.social-author li a, .shareIt i, .owl-nav > div, .pagination a, .pagination span, .gridstyle ul li .entry-thumb:before, .Ktop .k-slider .item > div .entry-meta .thecat a, .Ktop.trendtag li span, .trending-widget ul li span, .Ktop.trendpost .entry-thumb .nourut, .Ktop.gridstyle .post-grid>.post .attr-grid, .Ktop .k-slider .entry-box, .Ktop .k-slider .item > div h3 a, .Ktop.gridstyle .post-grid>.post a, .Ktop ul li .nourut, .trending-widget .nourut, .list.widget.all-in .nourut, .sliderhome .read-more:hover, .slide-info span.timeago, .slide-info p, .slide-info h3 a, .breakingnews a, input[type="submit"], .widget-slider h4 a, .page-links>a:hover, .page-links>a, .page-links>span:not(:first-child), .grider h3 a, .gridinfo span, #post-not-found header>div, .widget-slider .commentbox a,#back-top i, .page-post.gridstyle .commentbox a, .shareIt > *, .big.widget.all-in li .entry-attributes>span,.big.widget.all-in li .commentbox a, .image-nav a:hover { color: white} .breakingnews p i, .entry-content table, .Ktop.withthumb ul li div > span ~ h3 a:before, .Ktop.trendpost, .Ktop.trendtag { border: 1px solid #dedede;} ul.naviImg, h4.relatedposts, .comment-respond {border-top: 1px solid #dedede} .Ktop.gridstyle .post-grid>.post .attr-grid p, .authorposts .author-details .small, .widget_categories > label, .toggle .kcategories li ul.children, .authorposts .author-box .author-details .fw-b, .small .Ktop .post span:before, .small .Ktop .post span.thecat:before, .invis, .hierarchy.widget-kcategories ul li i { display: none;} .has-excerpt, .slide-info .thecat a, .slide-info p, .formicon [class*="format-"] .entry-thumb:after, .shareIt i, .tags, ul.naviImg li p, .image-nav a, .widget-feedburner input.feedburner-email, .kcategories li i, .twitter-widget h3 small, .twitter-widget li, #commentform p>label { font-size: 14px;} .gridinfo span, .slide-info span.timeago, .thecat a, .top-nav ul li a, .kcategories li .count, .page-post>div .read-more span, .page-post>div .read-more span:before, .anumposts > span, .metaleft .timeago, .Ktop ul li .nourut, .trending-widget .nourut, .list.widget.all-in .nourut, .widget.all-in li .attributes, .widget.all-in li .little-cat a, .widget.all-in li.most-comment p, .widget-tabs .item > div > span, .trending-widget > div span { font-size: 12px} .relative, #container, #inner-content, .breakingnews, .Ksearch form, form.feedburner-input, .header .Knavi nav.row, .header, .grider, .entry-thumb, .Ktop li, .Ktop.gridstyle .post,.small .post, .Ktop .k-slider .item > div, .owl-nav > div, .pagination a, .pagination span, .gridstyle ul li .entry-thumb:before, .feat-tabs ul li, .small .post .entry-attributes, .singlePost .sfx .video-container, .page-links>a, .page-links>span:not(:first-child), .page-post.gridstyle .post .entry-header, .page-post.fullstyle .entry-content, .page-post>div .read-more, .page-post>div .read-more span, .authorlist ul, .commentlist, .widget-counter li i, .widget.all-in li, .big.widget.all-in li .entry-attributes, .widget-feedburner input.feedburner-subscribe, .kcategories li, .widget_categories ul li ul li, .footerbox, #back-top a, .social-head li a, .social-head li i { position: relative} .big.widget.all-in li h4, .big.widget.all-in li .nourut, .grid.widget.all-in li .nourut, .fixed-widget.fixed.absolute, .owl-controls, .small .hasthumb .post .nourut { position: absolute} .nav li i, .Knavi li.menu-item-has-children a:before, .nav li.mega-menu > a:before, input[type="submit"], #container:before, .slide-info, .list.widget.all-in .nourut:before, .foobox:before { position: absolute; top: 0; right: 0;} .Ktop.gridstyle .post-child .overlay, .owl-nav > div:after, .pagination a:before, .pagination span:before, .page-post>div .read-more:before, a.hidee:before, .page-links>a:before, .foo-social li a:before, .widget-counter li i:after, .singlePost .sfx .video-container iframe, .entry-content blockquote:before, #back-top a:before { position: absolute; top: 0; left: 0;} #container:before, .Ktop.gridstyle .post-child .overlay, .owl-nav > div:after, .pagination a:before, .pagination span:before, .page-post>div .read-more:before, a.hidee:before, .page-links>a:before, .foo-social li a:before, .widget-counter li i:after { content: ''; width: 100%; height: 100%;} .Ktop.gridstyle .post, .Ktop.trendpost .entry-thumb, .breakingnews, #container, #sliderhomegrid, .sliderhome, .sliderarticle, .singlePost .SingleFeature, .grider, .widget-slider .entry-thumb { overflow:hidden} .Ktop.trendpost .entry-thumb .nourut, .singlePost .sfx .video-container iframe { width: 100%; height: 100%;} .sliderhome .read-more, .Ktop.gridstyle .post .thecat a, .singlePost .innerbody, .page-post.fullstyle .entry-content, .image-nav a, .list.widget.all-in .nourut:before, .tagcloud a { border: 1px solid;} .page-post.gridstyle .post .entry-attributes, .widget-slider > div, .grider .gridinfo { position: absolute;left: 0;right: 0;bottom: 0;} .thecat a:hover, .foobox>p a:hover, .breakinglist .timeattr a:last-child:hover, .entry-content>p>a:hover, .comment time a:hover, .quote-cite a:hover, .page-post .authorbox a:hover { text-decoration: underline} .formicon [class*="format-"] .entry-thumb:after, .social-head li a:before, .Ktop.gridstyle .post:hover .entry-thumb:after, .Ktop.gridstyle .post:hover .entry-thumb:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);} .Ktop [class*="format-"] .entry-thumb:hover:after, .page-post .post .entry-thumb:hover:after, .social-head li a:hover:before, .Ktop.gridstyle .post .entry-thumb:after, .Ktop.kcarousel [class*="format-"] .entry-thumb:after, .Ktop .k-slider .entry-thumb:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .big.widget.all-in li .nourut, .grid.widget.all-in li .nourut, .anumposts > span, ul.social-author li a { width: 30px; height: 30px;} .formicon [class*="format-"] .entry-thumb:after, .Ktop.kcarousel [class*="format-"] .entry-thumb:before, .social-head li a:before { width: 30px; height: 30px;} .Ktop.withthumb .entry-thumb, .widget-tabs .entry-thumb, .list.widget.all-in .entry-thumb, .trending-widget .entry-thumb, .bycategory-widget .entry-thumb, .feat-tabs .entry-thumb, ul.relatedlist .entry-thumb, .naviImg .entry-thumb { width: 110px} /* ===================================================================== HEADER ===================================================================== */ .row {clear:both;width:100%;margin-bottom: 30px} .m0 {margin: 0} .mt0 {margin-top: 0!important} .mt20 {margin-top: 20px!important} .mb0 {margin-bottom: 0} .mb20 {margin-bottom: 20px} .mr10 {margin-right: 10px} .mr20 {margin-right: 20px} .ml10 {margin-left: 10px} .fl {float: left} .tc {text-align:center} .tl {text-align:left} .tr {text-align:right} .fw-b {font-weight:bold} .tt {text-transform:uppercase} .t_14 {font-size: 14px} .full-width section#main, .SingleFeatureSelfaudio img, .big>div:not(.kfeat-ads) img, .small img, .relatedgrid img, .widget:not(.ads-widget) img:not(.avatar), .grider img, .page-post img {width: 100%} .Ktop.gridstyle .thecat a:hover {text-decoration:none} .header {border-bottom: 1px solid #383838; } .header .Kmiddle-head {padding: 20px 0} .header.centerit-all .logo, .header.centerit-all .Ksearch {text-align: center} .header.centerit-all .Kmiddle-head .header-ads {max-width: 728px;height: auto;margin: 0 auto} .header[class*="it-"] .logo {max-width: 250px;line-height: 36px;} .header[class*="it-"] .Ksearch, .header.centerit .Ksearch {max-width: 450px;position: relative;width: 100%;margin: 20px 100px} @media (max-width:930px) {.header[class*="it-"] .Ksearch {margin: 20px 50px;margin-right: 0;} } .header.it-left .logo, .header.it-left .Ksearch {float: left} .header.it-right .logo, .header.it-left .Kmiddle-head .header-ads {float: right} .header .Knavi nav.row, .Ktop ul li:last-child, .widget.all-in ul li:last-child {margin-bottom: 0} /* ------------------------------ NAVIGATION ------------------------------ */ /* Top Nav */ .top-nav ul li a, .top-nav ul li i {line-height: 36px;color: initial} .top-nav ul li a { padding: 0 10px; text-transform: capitalize; font-weight: normal;} .top-nav ul li:hover > ul li a { padding: 0 0 0 10px; height: 36px} /* Main Nav */ .nav li > a { display:block; text-decoration:none; padding: 10px; text-transform: uppercase; font-weight: 700; font-size: 14px} .nav > li:first-child a {padding-left: 0} .nav li a:before {font-family: fontawesome} .nav li.menu-item-has-children > a, .Knavi li.mega-menu > a {padding-right: 30px} .nav li i, .Knavi li.menu-item-has-children a:before, .nav li.mega-menu > a:before { padding: 0 10px; line-height: 40px} .nav ul.sub-menu li i:before, .Knavi li li.menu-item-has-children > a:before {content: "\f105"} .nav li.mega-menu > a:before, .Knavi li.menu-item-has-children > a:before {content: "\f107"} .nav li.mega-menu .sf-mega a:before {content: none} /* Social Head */ .social-head li, .foo-social li {float: left} .social-head li a, .foo-social li a { float: left; line-height: 36px; width: 30px; text-align: center} .social-head li a:before { content: ''; position: absolute; left: 0; top: 3px;} .logo {margin: 0.75em 0; } .logo, .logo h1 {margin:0;font-size: 24px} .logo a {line-height: 1; font-weight: bold} /* Search */ .Ksearch input[type="submit"] {padding: 0 30px;background:#383838;font-weight: bold;} .Ksearch input[type="text"] {padding-right: 120px} input[type="submit"] { border: 0; line-height: 40px; padding: 0 20px; background: none;} .Ksearch input { margin:0; max-width:100%; border-color: #333; border-radius: 0} /* Search di menu */ #inner-header nav .fa-search { width: 36px; height: 36px; float: right; line-height: 36px; text-align: center; font-size: 20px; margin-top: -38px;} /* ===================================================================== BREAKING NEWS ===================================================================== */ .breakingnews {line-height: 50px;height: 50px} .breakingnews p i { line-height: 26px; font-size: 16px; width: 26px; height: 26px; text-align: center; margin: 12px 10px 12px 0;} #container:before { background: white; left: 0; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); max-width: 1080px; margin: 0 auto} .slide-info { width: 40%; height: 100%; background: rgba(0, 0, 0, 0.5); padding: 20px;} .slide-info h3 a { line-height: 34px; display: block} .thecat a { margin-right: 5px; text-transform: uppercase} .slide-info p, ul.naviImg li p, .nav li > a {line-height: 20px} .slide-info span.timeago { display: block; line-height: 2; margin-bottom: 5px; border-bottom: 1px solid;} .sliderhome .read-more { width: 100px; text-align: center; padding: 5px 10px; display: block; margin: 20px auto 0; color: inherit;} /* GRID SLIDER */ #sliderhomegrid .owl-controls, .imagesliderWidget .owl-controls {top:20px;right:20px} .grider { display:block; float: left;} .grider .gridinfo {z-index:2} .grider .entry-thumb:before {opacity:0} .grider:hover .entry-thumb:before {opacity:8} .grider:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-backface-visibility: hidden} .grider h3 { font-size: 1.1rem; margin-bottom: 0; line-height: 1.25; font-weight: bold; text-shadow: 1px 1px 3px rgba(0,0,0,.2);} .grider.gridslide-1 h3, .grider.gridslide-2 h3 {font-size:1.4rem;text-shadow:none} /* ====================== HOME BIG ====================== */ .Ktop > h3, .widgettitle, .foobrand-t, .home .page-post h3 { font-size: 1.2rem; font-weight: bold; text-transform: uppercase;} .likebox i {color: rgba(0, 0, 0, 0.3);cursor:pointer} .likebox i.liked, .likebox i:hover {color: #e74c3c!important} .gridstyle li:first-child .likebox i, .Ktop .k-slider .item > div .likebox i {color: rgba(255, 255, 255, 0.3)} .formicon [class*="format-"] .entry-thumb:after { font-family: fontawesome; position: absolute; z-index: 9; text-align: center; line-height: 30px;} .Ktop.kcarousel [class*="format-"] .entry-thumb:before { content: ''; left: 50%; position: absolute; bottom: -15px; margin-left: -15px; z-index: 1;} .Ktop.kcarousel .format-standard .entry-thumb:before, .Ktop.withthumb ul li div > span.thecat:before, .Ktop.nothumb ul li div > span.thecat:before, .gridstyle .entry-attributes > span.thecat:before, .Ktop.trendpost .entry-attributes > span.thecat:before, .Ktop .k-slider .entry-attributes > span.thecat:before, .Ktop.trendpost article .entry-attributes > span.thecat:before, .Ktop.gridstyle .post .attr-box .thecat ~ span:nth-child(2):before, .Ktop .format-standard .entry-thumb:before, .Ktop.gridstyle .post-child .entry-attributes span:nth-child(2):before { content: none!important} .formicon .format-aside .entry-thumb:after {content: "\f15b"} .formicon .format-gallery .entry-thumb:after {content: "\f03e"} .formicon .format-link .entry-thumb:after {content: "\f0c1"} .formicon .format-image .entry-thumb:after {content: "\f083"} .formicon .format-quote .entry-thumb:after {content: "\f10e"} .formicon .format-status .entry-thumb:after {content: "\f27a"} .formicon .format-audio .entry-thumb:after {content: "\f001"} .formicon .format-video .entry-thumb:after {content: "\f04b"} .formicon .format-chat .entry-thumb:after {content: "\f086"} .Ktop.gridstyle .post .entry-thumb:after, .page-post .post .entry-thumb:after { left: 50%; top: 50%; margin-left: -15px; margin-top: -15px;} .Ktop.kcarousel [class*="format-"] .entry-thumb:after { left: 50%; margin-left: -15px; bottom: -15px;} .Ktop li, .small .post {display: inline-block;width: 100%;} .Ktop ul li div > span:not(:first-child):before, .metaright > span:not(:nth-child(1)):not(:nth-child(2)):before, .Ktop .k-slider .entry-attributes > span:before, .entry-attributes.allshow > span:not(:first-child):before { content: '\f111'; font-family: fontawesome; line-height: 18px; margin-right: 10px; font-size: 5px; color: #A0A0A0; display: block; float: left;} /* Section aktif with thumb */ .global-title, .small .post .entry-attributes h3, .big .trendpost article h3, .home .page-post .post .entry-header h2, .Ktop .carousel-box h3, .feat-tabs article h3, .Ktop.nothumb ul li span ~ h3, .Ktop.gridstyle .post-child h3 { margin: 10px 0; font-weight: bold; font-size: 16px; line-height: 20px;} .Ktop.withthumb ul li.img_s div > span ~ h3 a:before {margin-bottom: 5px;margin-top: -5px;} .Ktop.withthumb ul li.img_s .nourut { position: absolute; left: 28px; top: 52px;} .Ktop ul li .nourut, .trending-widget .nourut, .list.widget.all-in .nourut { width: 24px; height: 24px; text-align: center; line-height: 24px; font-weight: 700;} .Ktop.withthumb ul li div > span ~ h3 {padding-top: 10px;line-height: 1.2;} .Ktop.withthumb ul li div > span ~ h3 a:before { content: ''; width: 30%; display: block; margin: 0 auto 10px;} .Ktop ul li div > span, .Ktop.withthumb ul li > span, .Ktop.trendpost .entry-attributes > span, .Ktop .k-slider .entry-attributes > span, .Ktop.kcarousel .entry-attributes > span, .postsby-cat-widget .attributes > span, .entry-attributes > span, .metaright span { display: inline-block; margin-right: 10px; font-size: 11px;} .Ktop ul li div > span:not(.nourut), .postsby-cat-widget .attributes > span, .entry-attributes > span, .metaright span {color: #777;} .Ktop ul li div > span:first-child, .home .page-post.liststyle>div .read-more, .post-child>.post:first-child, .breadcrumbs a:first-child {margin-left: 0!important} .Ktop ul li div > .nourut {float: left;} .Ktop.withthumb ul li .thecat, .Ktop.withthumb ul li .commentbox, .Ktop.withthumb ul li time, .Ktop.withthumb ul li .timeago {width: auto} .Ktop.nothumb ul li { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;} /*---------------- * Grid Style * -----------------------------*/ .Ktop.gridstyle .post-grid>div {width: 100% !important} .Ktop.gridstyle .post {float: left;margin-bottom: 20px} .Ktop.gridstyle .post-child .overlay { background: #333; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .Ktop.gridstyle .post-child>div:hover .overlay { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .Ktop.gridstyle .post-grid>.post .attr-grid, .Ktop .k-slider .entry-box { position: absolute; bottom: 0; width: 100%; padding: 20px; z-index: 2;} /* Right section aktif */ .big.mtf .post-child>.post { width: 48%; margin-left: 4%} .big.df .post-child>.post { width: 32.0%; margin-left: 2%} .grid.widget.all-in li h4, .relatedgrid h3 { -webkit-line-clamp: 3; word-wrap: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .Ktop.gridstyle .post .thecat a {padding:1px 4px} .Ktop.gridstyle .post .thecat a:hover { border-color: transparent; color: white!important;} .Ktop .k-slider .entry-attributes a, .Ktop.gridstyle .post-grid>.post p, .Ktop.gridstyle .post-grid>.post span, .breakingnews {color: #dedede;} .Ktop.gridstyle .post-grid>.post h3:hover {text-shadow: 1px 1px #383838} .Ktop.gridstyle .post-grid>.post h3 { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee;} .Ktop.gridstyle .post-grid>.post h3, .logo>p {line-height: 1.1em;} .Ktop.gridstyle .post-child .entry-attributes {padding: 10px 0 0;} .Ktop.gridstyle .post-child .entry-attributes .thecat { position: relative; display: block; height: 35px; margin-top: -35px; padding-left: 10px; padding-bottom: 10px;} .Ktop.gridstyle .post-grid>.post span:not(.overlay) {margin-right: 10px} .Ktop.gridstyle .post-grid>.post:before, .big.widget.all-in li .entry-thumb:before, .page-post.gridstyle .post .entry-thumb:before, .widget-slider .entry-thumb:before, .grider .entry-thumb:before, .Ktop.gridstyle .post-grid>.post .overlay, .k-sliderpost .overlay { content: ''; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; z-index: 1} .big.widget.all-in li:hover .entry-thumb:before {z-index: 0} .Ktop.gridstyle .post .entry-thumb:before { content: ''; position: absolute!important; left: 50%; top: 50%; margin-left: -14px!important; margin-top: -14px!important;} .Ktop.gridstyle .post .entry-thumb:before, .list.widget.all-in .nourut:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);} .big.widget.all-in li.recent-widget p.small, .widget.all-in li.rated-widget p.small { position: absolute; bottom: 10px; right: 10px; margin-left: -30px;} /* Recent */ .Ktop.withthumb .top-recent li .entry-meta span {margin-left: 10px} /* Trending */ .Ktop.trendpost, .Ktop.trendtag, .big.widget.all-in li .entry-attributes {padding: 10px 20px} .Ktop.trendpost article {display: inline-block;width: inherit} .Ktop.trendpost article:before {left: 30px;top: 30px} .big.df .trendpost .entry-attributes h3 {line-height: 22px} .Ktop.trendpost .entry-attributes span.thecat a, .Ktop.kcarousel .entry-attributes > span.thecat a, .Ktop.gridstyle .post-child .attr-grid {padding: 0} .Ktop.trendpost .entry-thumb .nourut { position: absolute; font-size: 2em; left: 23px; top: 8px; text-align: left; font-weight: 700;} .Ktop.trendpost .entry-thumb:before { content: ''; position: absolute; width: 25px; height: 25px; left: 45px; margin-left: -25px; top: 45px; margin-top: -25px; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2);} .Ktop.trendpost article:hover .entry-thumb:before { -webkit-transform: scale(6); -moz-transform: scale(6); -ms-transform: scale(6); -o-transform: scale(6); transform: scale(6) } .Ktop.trendpost .entry-thumb:after {top: 20px;left: 20px;} .Ktop.trendtag li, .trending-widget ul li {margin-bottom: 5px!important;font-size: 1.5rem;} .Ktop.trendtag li a, .trending-widget ul li a {display: block} .Ktop.trendtag li span, .trending-widget ul li span { float: left; width: 36px; text-align: center; display: inline-block; box-shadow: inset 0 0 0 1px transparent;} .Ktop.trendtag li:hover span, .trending-widget ul li:hover span { background: none} .full-width .Ktop.trendtag li { width: 49%; float: left; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .full-width .Ktop.trendtag li:nth-child(even) {margin-left: 2%} /* K-SLIDER */ .Ktop .k-slider .entry-thumb:after { bottom: -15px; left: 50%; margin-left: -15px;} .Ktop .k-slider .item > div h3 { border-bottom: 1px solid #dedede; padding-bottom: 10px; font-weight: bold; margin: 0;} .Ktop .k-slider .item > div:hover .entry-thumb:after, .Ktop.kcarousel [class*="format-"]:hover .entry-thumb:after, .Ktop.kcarousel [class*="format-"]:hover .entry-thumb:before { -webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); transform: translateY(-80%);} .Ktop .k-slider .item > div .entry-meta .thecat a { padding: 2px 6px; box-shadow: inset 0 0 0 1px transparent} /* Carousel */ .sliderhome .owl-controls {bottom: 15%;right: 20%;margin-right: -26px} .Ktop .owl-controls {top: -46px;right: 0} .owl-nav > div, .pagination a, .pagination span, .gridstyle ul li .entry-thumb:before { display: inline-block; width: 28px; height: 28px; font-size: 0; text-align: center; margin-left: -6px; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)} .owl-nav > div:after, .pagination a:before, .pagination span:before, .page-post>div .read-more:before, a.hidee:before, .page-links>a:before, .foo-social li a:before, .widget-counter li i:after { box-shadow: inset 0 0 0 1px transparent;} .owl-nav > div:hover:after, .pagination a:hover:before, .pagination span:hover:before, #back-top a:before, .Knavi .mainsearch form input.search:hover, .Ktop.kcarousel [class*="format-"] .entry-thumb:before, .page-post>div .read-more:hover:before, a.hidee:hover:before,.page-links>a:hover:before,.foo-social li a:hover:before, .widget-counter li a:hover i:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .owl-nav > div:hover { z-index: 1;} .owl-nav > div:before { font-family: fontawesome; font-weight: bold; line-height: 28px; font-size: 16px; display: block;} .owl-nav > .owl-next:before {content: "\f105"} .owl-nav > .owl-prev:before {content: "\f104";margin-right:2px} /* TABS */ .feat-tabs ul, .widget-tabs ul { border-bottom: 1px solid #dedede; margin: 0 0 20px;} .feat-tabs ul li { display: inline-block; padding: 14px 15px; font-size: 1.1rem; text-transform: uppercase; font-weight: bold; } .feat-tabs ul li:before {border-bottom:5px solid} .feat-tabs ul li:before, .widget-tabs ul li:before { content: ''; border-bottom: 2px solid; position: absolute; right: 0; width: 100%; bottom: -1px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)} .feat-tabs ul li.selected:before, .widget-tabs ul li.selected:before { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s } /* ====================== HOME SMALL ====================== */ .home .big.lc ~ .small {float: left;margin-left: 0;padding-right:10px} .home .big.fc ~ .small {padding-left: 10px} .small .post .nourut { width: 40px; height: 40px; box-shadow: inset 0 0 0 50px #383838; margin: 0; line-height: 40px; text-align: center; font-weight: 700; font-size: 2em; opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)} .small .nothumb .post { padding-bottom: 10px; border-bottom: 1px solid #dedede;} .small .post .entry-thumb:after {right: 10px;bottom:10px} .has-excerpt, .page-post .post .entry-content p { line-height: 18px; margin-bottom: 0; opacity: 0.9} /* No Thumb */ .small .Ktop.nothumb.numb .post .entry-attributes .nourut { top: 0; left: -3px; -webkit-transform: scale(0.8); transform: scale(0.8);} .small .Ktop.nothumb.numb .post h3 {padding-left: 40px} .small .Ktop.nothumb.numb .post .entry-attributes span:not(.nourut), ul.social-author li {display: inline-block} /* ===================================================================== POSTS & CONTENT ===================================================================== */ .breadcrumbs a, .breadcrumbs span {margin: 0 4px;font-size: 13px} .singlePost .sfx:hover ~ .innerbody, .Ktop.withthumb li h3 {margin-top: 0} .singlePost .innerbody {padding: 20px} .singlePost .sfx .video-container { padding-bottom: 56.25%; padding-top: 25px; height: 0;} .mejs-container:focus {outline: none} .SingleFeatureSelfaudio .mejs-container { position: absolute; top: 50%; margin-top: -25px} .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: rgba(0, 0, 0, 0.5) !important;height: 50px!important;} .mejs-container .mejs-controls .mejs-time {padding-top: 20px!important} .mejs-controls div.mejs-time-rail {padding-top: 15px!important} .mejs-volume-button, .mejs-controls a.mejs-horizontal-volume-slider, .mejs-playpause-button, .mejs-fullscreen-button {margin-top: 10px!important} .SingleFeatureVself .wp-video, .SingleFeatureVself .mejs-container.mejs-video, .entry-content .wp-video {width: 100% !important} .metaleft { min-width: 100px; padding-right: 20px; line-height: 2; border-right: 1px solid #dedede} .metaleft>span, .metaright .thecat {display:block;text-transform: uppercase;} .metaleft .timeago, .byline {color: #777;} .metaright .thecat a {font-size: 0.8rem;font-weight:bold;letter-spacing:2px} .Ksoc.rss, .Ksoc.arss, .Ksoc.crss a:hover i, .foo-social li.krss a {background: #f26522} .Ksoc.twitter, .Ksoc.atwitter, .Ksoc.ctwitter a:hover i, .foo-social li.ktwitter a {background: #00aced} .Ksoc.facebook, .Ksoc.afacebook, .Ksoc.cfacebook a:hover i, .foo-social li.kfacebook a {background: #3b5998} .Ksoc.googleplus, .Ksoc.agoogleplus, .Ksoc.cgoogleplus a:hover i, .foo-social li.kgoogle-plus a {background: #dd4b39} .Ksoc.pinterest, .Ksoc.apinterest, .Ksoc.cpinterest a:hover i, .foo-social li.kpinterest a {background: #cb2027} .Ksoc.stumbleupon, .Ksoc.astumbleupon, .Ksoc.cstumbleupon a:hover i, .foo-social li.kstumbleupon a {background: #EB4823} .Ksoc.linkedin, .Ksoc.alinkedin, .Ksoc.clinkedin a:hover i, .foo-social li.klinkedin a {background: #007bb6} .Ksoc.delicious, .Ksoc.adelicious, .Ksoc.cdelicious a:hover i, .foo-social li.kdelicious a {background: #0b79e5} .Ksoc.youtube, .Ksoc.ayoutube, .Ksoc.cyoutube a:hover i, .foo-social li.kyoutube a {background: #bb0000} .Ksoc.vimeo, .Ksoc.avimeo, .Ksoc.cvimeo a:hover i, .foo-social li.kvimeo a {background: #1ab7ea} .Ksoc.dribbble, .Ksoc.adribbble, .Ksoc.cdribbble a:hover i, .foo-social li.kdribbble a {background: #ea4c89} .Ksoc.soundcloud, .Ksoc.asoundcloud, .Ksoc.csoundcloud a:hover i, .foo-social li.ksoundcloud a {background: #ff3a00} .Ksoc.behance, .Ksoc.abehance, .Ksoc.cbehance a:hover i, .foo-social li.kbehance a {background: #1769ff} .Ksoc.instagram, .Ksoc.ainstagram, .Ksoc.cinstagram a:hover i, .foo-social li.kinstagram a {background: #3f729b} .Ksoc.flickr, .Ksoc.aflickr, .Ksoc.cflickr a:hover i, .foo-social li.kflickr a {background: #ff0084} .foo-social li.krss a:hover:before, .widget-counter li.crss a:hover i:after {box-shadow: inset 0 0 0 1px #f26522} .foo-social li.ktwitter a:hover:before, .widget-counter li.ctwitter a:hover i:after {box-shadow: inset 0 0 0 1px #00aced} .foo-social li.kfacebook a:hover:before, .widget-counter li.cfacebook a:hover i:after {box-shadow: inset 0 0 0 1px #3b5998} .foo-social li.kgoogle-plus a:hover:before, .widget-counter li.cgoogleplus a:hover i:after {box-shadow: inset 0 0 0 1px #dd4b39} .foo-social li.kpinterest a:hover:before, .widget-counter li.cpinterest a:hover i:after {box-shadow: inset 0 0 0 1px #cb2027} .foo-social li.kstumbleupon a:hover:before, .widget-counter li.cstumbleupon a:hover i:after {box-shadow: inset 0 0 0 1px #EB4823} .foo-social li.klinkedin a:hover:before, .widget-counter li.clinkedin a:hover i:after {box-shadow: inset 0 0 0 1px #007bb6} .foo-social li.kdelicious a:hover:before, .widget-counter li.cdelicious a:hover i:after {box-shadow: inset 0 0 0 1px #0b79e5} .foo-social li.kyoutube a:hover:before, .widget-counter li.cyoutube a:hover i:after {box-shadow: inset 0 0 0 1px #bb0000} .foo-social li.kvimeo a:hover:before, .widget-counter li.cvimeo a:hover i:after {box-shadow: inset 0 0 0 1px #1ab7ea} .foo-social li.kdribbble a:hover:before, .widget-counter li.cdribbble a:hover i:after {box-shadow: inset 0 0 0 1px #ea4c89} .foo-social li.ksoundcloud a:hover:before, .widget-counter li.csoundcloud a:hover i:after {box-shadow: inset 0 0 0 1px #ff3a00} .foo-social li.kbehance a:hover:before, .widget-counter li.cbehance a:hover i:after {box-shadow: inset 0 0 0 1px #1769ff} .foo-social li.kinstagram a:hover:before, .widget-counter li.cinstagram a:hover i:after {box-shadow: inset 0 0 0 1px #3f729b} .foo-social li.kflickr a:hover:before, .widget-counter li.cflickr a:hover i:after {box-shadow: inset 0 0 0 1px #ff0084} .shareIt {width:100%;float: left} .shareIt a { float: left; text-align:center; margin-right: 5px; width:40px; line-height: 27px} .shareIt a:hover {opacity: .8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);color:white} .shareIt i, .pagination li, .wp-prev-next .prev-link, .widget .entry-attributes > span {float:left} .shareIt i { width: 23px; height: 30px; line-height: 30px; padding: 0 0 0 15px;} .entry-content p {margin:10px 0 20px;line-height: 26px} .entry-content table, .widget table {width:100%;margin-bottom:20px;border: 1px solid #dedede} .entry-content table caption, .widget table caption {margin:0 0 7px;font-size:.75em;color:#999;text-transform:uppercase;letter-spacing:1px} .entry-content tr, .widget table tr {border-bottom:1px solid #dedede} .entry-content tr:nth-child(even), .widget table tr:nth-child(even) {background-color:#f8f8f8} .entry-content td, .widget table td {padding:7px;border-right:1px solid #dedede} .entry-content td:last-child, .entry-content th:last-child, .widget td:last-child, .widget th:last-child {border-right:0} .entry-content th, .widget table th {background-color:#f8f8f8;border-bottom:1px solid #dedede;border-right:1px solid #dedede} .entry-content > ol { list-style-type: decimal; margin-left: 2rem;} .entry-content > ul:not(.list) { list-style-type: disc; margin-left: 2rem;} .entry-content > ol, .entry-content > ul { line-height: 24px; margin-bottom: 20px;} .entry-content blockquote { z-index: 2; position: relative; margin: 0 0 3rem 1rem; padding: 0 0 0 5rem; color: #999;} .entry-content blockquote:before { content: '\f10d'; font-family: fontawesome; font-size: 2rem; z-index: -1; opacity: 0.5; width: 70px; height: 70px; text-align: center; line-height: 2;} .entry-content dd {margin-left:0;font-size:.6em;color:#787878;margin:0.5em 0 1em} .entry-content .size-auto,.entry-content .size-full,.entry-content .size-large,.entry-content .size-medium,.entry-content .size-thumbnail { max-width:100%; height:auto;} .entry-content .gallery { margin: 0 0 20px; padding: 15px 15px; border: 1px solid #dedede;} .entry-content .gallery dt:hover img {opacity: 0.9;} .entry-content .gallery-item {float: left;margin: 0.5em 0 0.5em 2%;} .gallery-columns-2 dl {width: 49%;} .gallery-columns-3 dl {width: 32%;} .gallery-columns-4 dl {width: 23.5%;} .gallery-columns-5 dl {width: 19.5%;} .gallery-columns-2 dl:nth-of-type(2n+1), .gallery-columns-3 dl:nth-of-type(3n+1), .gallery-columns-4 dl:nth-of-type(4n+1), .gallery-columns-5 dl:nth-of-type(5n+1) {margin-left:0} .wp-caption {max-width:100%} .wp-caption img {max-width:100%;margin-bottom:1px;width:100%} .wp-caption p.wp-caption-text { font-size: .7em; line-height: 1.5; margin: 5px 0 20px;} .tags { color: #777; font-weight: bold;} .singlePost article .article-footer hr {margin:10px 0 20px 0} /* Author */ .author-box img {margin-bottom: 10px} ul.social-author li a { display: block; line-height: 30px} .author-box { padding: 20px; border: 1px solid #dedede} .author-box .author-details .fw-b {text-transform: uppercase} .author-box .author-details p {font-size:13px} .author-box .author-details ul li {text-align:center} .author-box .author-details>div {margin-bottom:10px} .anumposts { margin-top: -20px; display:block;} .anumposts > span { color: white; display: inline-block; text-align: center; line-height: 2.5; margin-left: 25px;} /* Next Previou Post */ ul.naviImg, h4.relatedposts { padding: 20px; margin: 20px -20px;} ul.naviImg li p span {font-weight: 700;text-transform: uppercase;letter-spacing: 2px;} /* Related Post */ h4.relatedposts { text-transform: uppercase; font-weight: bold; letter-spacing: 2px;} #related li .timeago { cursor: default; color: #777;} ul.relatedlist li {min-height: 64px} ul.relatedlist li:nth-of-type(2n+1) {margin-left:0} ul.relatedlist li .entry-thumb {float: left;margin-right: 20px} ul.relatedlist li h3 {margin: 0 0 10px 0} ul.relatedgrid li .timeago, .small .post p, .feat-tabs article p, .kcarousel .has-excerpt {margin-top: 10px!important} #related li h3 {height: 54px;overflow:hidden} .page-links>a, .page-links>span:not(:first-child) { width: 28px; height: 28px; display: inline-block; text-align: center; line-height: 2.3; margin: 0 0 10px 7px; font-size: 13px;} .page-links>span:not(:first-child) {background: #777} /* ===================================================================== PAGE ARCHIEVE ===================================================================== */ .archive .page-head, .thepage .page-head {margin: 10px 0 20px} .page-head h1 {float: left;margin:0;font-weight:bold} .archive .page-head a.rss { margin-left: 20px; line-height: 30px; padding: 5px; background: #dedede; color: orange; height: 40px; width: 40px; display: inline-block; text-align: center; margin-top: -5px; float: right;} .page-post .post .entry-header h2 {font-size: 18px;font-weight: 700;line-height: 24px} /* LIST */ .page-post.liststyle .post .entry-header {min-height: 125px;margin-bottom: 10px} .page-post.liststyle .post .entry-thumb {float: left;margin-right: 20px;overflow: hidden} @media only screen and (min-width:400px) {.page-post.liststyle .post .entry-thumb {height: 125px}} .page-post.liststyle>div { padding-bottom: 10px; border-bottom: 1px solid #dedede;} /* GRID */ .page-post.gridstyle .post .entry-thumb, .small .post h3 {margin-bottom: 10px!important} .page-post.gridstyle .post .entry-attributes {z-index:1;padding: 10px;margin:0} .page-post.gridstyle .post .entry-attributes .likebox i {color:#dedede} /* FULL */ .page-post.fullstyle .post .entry-thumb img {width: 100%} .page-post.fullstyle .entry-content { padding: 20px; margin: -60px 20px 0} .page-post>div .read-more span, .page-post>div .read-more span:before { line-height: 36px; z-index: 2;} .page-post>div .read-more { float: right; margin: 14px 5px 14px 10px; text-align: center; } .page-post>div .read-more, .page-post>div .read-more span { width: 36px; height: 36px;} .page-post>div .read-more span { display: block; text-align: center; overflow: hidden; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90)} .page-post>div .read-more span:before { content: 'more'; position: absolute; top: -2em; left: 0; right: 0;} .page-post>div .read-more span:hover:before {top: 0;} .page-post>div .read-more:hover span {line-height: 9em;} .page-post:not(.gridstyle)>div.read-more {margin: 0} .page-post.liststyle>div .read-more {margin-right: 20px;float: left} /* ===================================================================== PAGE ATTACHMENT ===================================================================== */ .image-nav a { display: inline-block; padding: 5px 10px; width: 100px; text-align: center;} /* ===================================================================== PAGE NAVI ===================================================================== */ .pagination,.wp-prev-next {margin:1.5em 0} .pagination {text-align:center;clear:both} .pagination ul {display:inline-block;white-space:nowrap;padding:0} .pagination li {padding:0;margin:0;display:inline;} .pagination a, .pagination span {line-height: 40px;width: 40px;height: 40px;font-size: 16px;font-weight: 700} .pagination a:hover {color: #fff} .pagination a:hover {opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);z-index:9} .wp-prev-next .next-link {float:right} /* ===================================================================== PAGE AUTHOR ===================================================================== */ .authorlist .author-details {min-height: 190px} #post-not-found header>div { font-size: 5rem; font-weight: bold; text-align: center; width: 200px; height: 200px; line-height: 2.5; margin: 3rem auto;} #post-not-found h1 { text-transform: uppercase; letter-spacing: 2px; margin-top: 4rem;} .Ksearch.alive {max-width:400px!important} /* ===================================================================== COMMENT STYLES ===================================================================== */ #comments-title { margin: 0; border-top: 1px solid #383838; text-transform: uppercase; font-size: 18px; font-weight: bold;} .commentlist {margin:0;list-style-type:none} .comment { clear:both; overflow:hidden; padding-left: 140px;} .comment article { border-bottom: 1px solid #dedede; padding-bottom: 20px;} .comment article header { width: 120px; float: left; margin: 0 20px 0 0; position: absolute; left: 0;} .comment:not(.depth-1) {padding-left: 10px} .comment .comment-author {padding: 10px 0;border: 0;text-align: center;} .comment cite.fn {font-size: 14px;font-weight:700;text-transform:uppercase} .comment time {display:block;font-size:10px;} .comment time a {color:#9fa6b4;text-decoration:none} .comment .vcard .avatar { border-style: double; border-width: 4px;} .comment.byuser .vcard img {border-color: #c3c3c3} .comment:last-child {margin-bottom:0} .comment .children {margin:0} .comment[class*=depth-] {margin-top:1.1em} .comment.depth-1 { margin-left:0; margin-top:0 } .comment_content p { margin:.7335em 0 1.5em; font-size: .8rem; line-height:1.5em } .comment-reply-link { font-size: 10px; line-height: 24px; height: 24px; text-transform: uppercase; font-weight: 700; width: 70px; padding: 0; text-align: center;} .comment-edit-link { font-style:italic; margin:0 7px; text-decoration:none; font-size:.9em } /* ===================================================================== COMMENT FORM ===================================================================== */ .comment-respond {position:relative;padding-top: 20px} #reply-title { margin:0; font-weight: bold; text-transform: uppercase; font-size: 16px} .logged-in-as {color:#9fa6b4;font-style:italic;margin:0} .logged-in-as a {color:#5c6b80} .comment-form-comment {margin:1.5em 0 .75em} .form-allowed-tags {padding: 20px;font-size: 12px} #submit {margin-top:10px;font-size:14px} #comment-form-title {margin:0 0 1.1em} #allowed_tags {margin:1.5em 10px .7335em 0} .nocomments {margin:0 20px 1.1em} #commentform p>label {color: #777;} /* ===================================================================== ADS ===================================================================== */ .Kmiddle-head .Ksearch.big-s ~ .header-ads {float:none;text-align:center} .bottom-ads, .singlenav-ads, .undermenuads-ads {clear:both;position:relative;margin:0 auto;text-align:center} bottom-ads {margin-top: 3rem} /* ===================================================================== SIDEBARS & ASIDES ===================================================================== */ .no-widgets { padding: 1.5em; text-align: center; border: 1px solid #dedede; margin-bottom: 1.5em; } /* Fixed Widget */ .fixed-widget-wrap {margin-bottom: 1.5em} .fixed-widget-wrap, .fixed-widget {max-width: 100%} .fixed-widget{position: relative;} .fixed-widget.fixed {width: inherit;position: fixed;top: 40px;z-index: 5;padding-bottom: 15px;} .fixed-widget-wrap:last-child .fixed-widget {padding-bottom: 0} .widget table td {text-align:center} .widget table td#today { background: #393939; color: white;} /* Widget Counter */ .widget-counter li { box-shadow: inset 0 0 0 1px #dedede; padding: 20px;} .widget-counter.list li {margin-bottom: 2px} .widget-counter.list li i {float: left;margin: 0 20px 0 0;} .widget-counter.list li p {padding: 10px} .widget-counter.grid li {width: 33.3333%;float: left;margin-bottom:0} .widget-counter li i { width: 70px; height: 70px; display: inline-block; line-height: 70px; font-size: 1.5em; text-shadow: 2px 2px rgb(0, 0, 0); margin-bottom: 10px; color: #dedede;} .widget-counter li:hover i {text-shadow: 2px 2px rgba(0, 0, 0, 0.5)} .widget-counter li p span { display: block; font-weight: 700; } /* Widget Slider */ .widget-slider > div { z-index: 1; padding: 0 20px 10px; } .widget-slider h4 {padding:0!important} /* Trending Widget */ .trending-widget > div .nourut, .list.widget.all-in .nourut { position: absolute; top: 50%; right: -10px; margin-top: -12px;} /*------------------------------------ * ALL IN /*------------------------------------*/ .pad_left {margin-left: 130px} .widget li h4, .widget-tabs div h4, .bycategory-widget h4, .trending-widget div h4, .widget-slider h4, #related ul li h3 { font-size: 14px;line-height: 18px;font-weight: bold;margin-bottom:5px;} /* LIST */ .list.widget.all-in .entry-thumb { float: left; margin-right: 20px} .list.widget.all-in .allshow {margin-left: 130px} .list.widget.all-in .nourut:before, .foobox:before{ content: ''; left: 0; bottom: 0;} /* BIG */ .big.widget.all-in li .entry-attributes { margin-top: -2.5rem; z-index: 3;} .big.widget.all-in li h4, .widget-slider h4 {bottom: 38px;line-height: 20px;max-height:none;font-size: 16px;padding: 0 20px;z-index:1} .big.widget.all-in li .nourut, .grid.widget.all-in li .nourut { bottom: 20px; right: 10px; text-align: center; line-height: 30px; background: transparent; font-weight: 700; z-index: 1} .big.widget.all-in li.most-comment, .grid.widget.all-in li.most-comment { text-align: center; margin: 0; padding: 10px 0; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);} .big.widget.all-in li.most-comment .entry-thumb:before, .small .post .entry-attributes .nourut:before {content: none} /* GRID */ .grid.widget.all-in li h4 {-webkit-line-clamp: 2;margin-top: 10px;height: 36px} .grid.widget.all-in li .nourut {top: 10px; right: 10px} .grid.widget.all-in li.most-comment {width: 100%;margin-left: 0!important} /* RANDOM */ /*------------------------------------ * FEED BURNER /*------------------------------------*/ .widget-feedburner { padding: 20px;} .widget-feedburner input.feedburner-email { border-radius: 0; border-width: 0 0 1px 0; width: 70%; color: white;} .widget-feedburner input.feedburner-email:focus {width:100%} .widget-feedburner input { font-size: 14px; line-height: 36px; height: 36px;} .widget-feedburner input.feedburner-subscribe { border-width: 1px; border-style:solid;} /*------------------------------------ * WIDGET K_CATATEGORIES /*------------------------------------*/ .widget-kcategories {padding-top:20px} .kcategories li {margin: 0!important;border-top: 1px solid rgba(255, 255, 255, 0.2)} .kcategories li a { display: block; line-height: 36px} .kcategories li i { position: absolute; top: 0; right: 40px; line-height: 36px; height: 36px; width: 40px; text-align: center; cursor: pointer; font-weight: 700;} .kcategories li .count { padding: 3px 5px; min-width: 24px; height: 24px; display: inline-block; text-align: center; position: absolute; top: 0; right: 10px; line-height: 18px; margin: 6px 0;} .kcategories li ul.children {margin: 0} .widget-kcategories h3, .kcategories li a{padding-left: 20px} .kcategories ul li a {padding-left: 40px} /* Dark */ .dark.widget-kcategories {color: #eee;} .dark .kcategories li {border-color: rgba(0, 0, 0, 0.3)} .dark .kcategories li a {color: #eee} .dark .kcategories a:hover {background: rgba(0, 0, 0, 0.3);} /* Light */ .light.widget-kcategories, .transparant.widget-kcategories {border: 1px solid rgba(0, 0, 0, 0.1);background: rgba(0, 0, 0, 0.05);} .light .kcategories li {border-top: 1px solid rgba(0, 0, 0, 0.1)} .light .kcategories li a:hover {background: rgba(0, 0, 0, 0.1)} /* Light */ .transparant.widget-kcategories {background: transparent} .transparant.widget-kcategories li {border-top: 1px solid rgba(0, 0, 0, 0.1)} /* Colorize */ .colorize .kcategories li .count {background: rgba(0, 0, 0, 0.2);} .colorize .kcategories li a:hover {background: rgba(0, 0, 0, 0.1)} .toggle.dark, .toggle.colorize {border: 0;} /*------------------------------------ * WIDGET TABS /*------------------------------------*/ .widget-tabs ul li { position: relative; display: inline-block; margin: 0;} .widget-tabs ul li a { padding: 5px 10px; display: block; font-weight: 700;} .widget-tabs .item .little-cat, .widget.all-in li.recent-widget .little-cat {float: left;margin-right: 10px} .widget-tabs .item > div > span {margin-right: 10px} .widget-tabs .item > div p.small, .widget.all-in li.recent-widget p.small {display: inline;font-style: italic} /*------------------------------------ * WIDGET FLICKR /*------------------------------------*/ .flickr-widget div > div { float: left; margin: 0 4px 10px 4px;} /*------------------------------------ * WIDGET ADS /*------------------------------------*/ .center.ads-widget div {text-align: center} .left.ads-widget div {text-align: left} .right.ads-widget div {text-align: right} /* 125 */ .ads-widget .devide { float: left} .ads-widget h3 { font-size: 10px; margin-bottom: 0; text-transform: capitalize; color: #aeaeae;} /*------------------------------------ * WIDGET TWITTER /*------------------------------------*/ .twitter-widget {background: rgba(0, 0, 0, 0.1)} .twitter-widget h3 { font-size: 1.5em; font-weight: 700; height: 60px; line-height: 1.3;} .twitter-widget h3 a { border-left: 1px solid #00aced; display: inline-block; line-height: 22px; padding: 8px 20px; color:white} .twitter-widget h3 i { float: left; margin: 10px 20px; color: #00aced; width: 40px; height: 40px; line-height: 40px; text-align: center; box-shadow: inset 0 0 0 1px #00aced;} .twitter-widget h3 small { display: block; font-weight: 300;} .twitter-widget li {padding: 10px;color: #888;border-bottom: 1px solid #dedede;} .twitter-widget li a:hover, .twitter-widget li abbr {color: #383838} .widget_categories ul li ul { margin-top: 0!important; margin-left: 10px; border-left: 1px solid #dedede;} .widget_categories ul li ul li {padding-left:10px} .widget_categories ul li ul li:before { content: ''; position: absolute; left: 0; top: 12px; width: 10px; height: 1px; background: #dedede;} .tagcloud a { padding: 1px 5px; font-size: 0.8rem!important; margin-bottom: 4px; display: inline-block; } /* ===================================================================== FOOTER ===================================================================== */ .footerbox { clear: both; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #383838; } #back-top { position: absolute; left: 50%; right: 0; top: 2px; margin-left: -25px;} #back-top a { width: 32px; height: 32px; display: block; text-align: center; line-height: 32px; font-size: 20px;} #back-top a:before { content: ''; border: 1px solid #383838; width: 32px; height: 32px; display: block;} .fooattr { margin: 0 auto; margin-bottom: 50px; } .fooattr > div { margin-top: 18px; height: 1px; background: white; margin: 18px auto;} .fooattr > div:nth-child(1) {width: 200px;} .fooattr > div:nth-child(2) {width: 100px;} .fooattr > div:nth-child(3) {width: 10px;} .footer-brand .eline { display: block; border-top: 1px solid #dedede; margin: 2rem auto} .footer-brand .eline.etop {max-width: 90%} .footer-brand .eline.ebot {max-width: 30%} .foo-logo {margin-top: 3rem} .foo-social li a { width: 36px; height: 36px; color: white; position: relative; border-radius: 50%; opacity: 0.8} .foo-social li {margin: 0 10px 10px 0} .foo-social li a:hover {opacity: 1} .footer-links ul { margin: -22px auto 3rem; text-align: center; float: none;} .footer-links ul li { display: inline-block; margin: 0 10px 10px; font-size: 14px;} .foobox>p {position:relative} .foobox { width: 300px; height: 300px; margin: 20px auto -150px; padding-top: 1rem; color: white; border: 2px solid #383838;} .foobox:before { border: 1px solid #383838; -webkit-transform: scale(1.05); transform: scale(1.05);} /* ===================================================================== Responsive'e ===================================================================== */ @media (max-width: 567px) { .m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11 { position: relative; margin-left: 2%; float: left; } .m1 { width:6.5%; } .m2 { width:15.0%; } .m3 { width:23.5%; } .m4 { width:32.0%; } .m5 { width:40.5%; } .m6 { width:49.0%; } .m7 { width:57.5%; } .m8 { width:66.0%; } .m9 { width:74.5%; } .m10 { width:83.0%; } .m11 { width:91.5%; } .mf,.mtf { float: left; margin-left: 0; width: 100%; } } @media (min-width: 568px) and (max-width: 800px) { .tl1,.tl2,.tl3,.tl4,.tl5,.tl6,.tl7,.tl8,.tl9,.tl10,.tl11 { position: relative; margin-left: 2%; float: left; } .tl1 { width:6.5%; } .tl2 { width:15.0%; } .tl3 { width:23.5%; } .tl4 { width:32.0%; } .tl5 { width:40.5%; } .tl6 { width:49.0%; } .tl7 { width:57.5%; } .tl8 { width:66.0%; } .tl9 { width:74.5%; } .tl10 { width:83.0%; } .tl11 { width:91.5%; } .tlf,.mtf { float: left; margin-left: 0; width: 100%; } } /* Portrait tablet to landscape */ @media (min-width: 801px) and (max-width: 1029px) { .t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11 { position: relative; margin-left: 2%; float: left; } .t1 { width:6.5%; } .t2 { width:15.0%; } .t3 { width:23.5%; } .t4 { width:32.0%; } .t5 { width:40.5%; } .t6 { width:49.0%; } .t7 { width:57.5%; } .t8 { width:66.0%; } .t9 { width:74.5%; } .t10 { width:83.0%; } .t11 { width:91.5%; } .tf { position: relative; float: left; margin-left: 0; width: 100%; } } /* Landscape to small desktop */ @media (min-width: 1030px) { .d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11 { position: relative; margin-left: 2%; float: left; } .d1 { width:6.5%; } .d2 { width:15.0%; } .d3 { width:23.5%; } .d4 { width:32.0%; } .d5 { width:40.5%; } .d6 { width:49.0%; } .d7 { width:57.5%; } .d8 { width:66.0%; } .d9 { width:74.5%; } .d10 { width:83.0%; } .d11 { width:91.5%; } } @media (min-width: 320px) { .d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11, .t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8,.t9,.t10,.t11, .tl1,.tl2,.tl3,.tl4,.tl5,.tl6,.tl7,.tl8,.tl9,.tl10,.tl11, .m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11 { position: relative; margin-left: 2%; float: left; } /* fc = first col */ .fc { margin-left: 0; } /* lc = last col */ .lc { float: right; } .df { position: relative; float: left; margin-left:0; width:100%; } } @media only screen and (min-width: 320px) { .entry-content {} .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } @media only screen and (max-width: 400px) { .trendpost .entry-thumb, .page-post.liststyle .post .entry-thumb, .page-post.liststyle .post .entry-thumb img {width: 100%!important;} .trendpost .entry-thumb, .page-post.liststyle .post .entry-thumb {margin-bottom:20px} .Ktop.gridstyle .post-grid>.post h3 {font-size:1.2rem} } @media only screen and (max-width: 567px) { .full-width ul.relatedgrid li:nth-of-type(2n+1), ul.relatedlist li, [class*="sidebar-"] ul.relatedgrid li:nth-of-type(2n+1), .page-post.gridstyle .post {margin-left:0; margin-bottom: 20px} .gridslide-2, .gridslide-3, .gridslide-4, .gridslide-5 {height:130px} .grider:not(:first-child) .entry-thumb img {width: 270px;max-width:270px} .grider:not(:first-child) h3 {font-size: 0.9rem!important;line-height: 1} /* archive */ .page-post.gridstyle .post .entry-thumb img {width: 100%;text-align: center} .page-post.liststyle .post .entry-thumb, .trendpost .entry-thumb {width:150px} .grid.widget.all-in li {width:100%} .grid.widget.all-in li.rated-widget .entry-thumb, .author-box {text-align:center} .grider .gridinfo {margin: 0 10px 10px} .slide-info {width: 75%!important} .slide-info h3 {font-size: 1.25em;} .slide-info h3 a {line-height: 22px} .small .Ktop .post .entry-thumb {float:left;margin-right:20px} .small .Ktop .post h3 {margin-top:0} .grid.widget.all-in li {width: 50%;float: left;} .grid.widget.all-in li img, .gridslide-1 {width:100%} .gridslide-2, .gridslide-3, .gridslide-4, .gridslide-5 {width:50%;float:left;border-top: 1px solid white} .gridslide-2, .gridslide-4 {border-right: 1px solid white} .breakingnews .timeattr {padding-top: 12px;} .shareIt small {display:none} .breakingnews article {margin-right: 40px} .breakingnews article .timenews { font-size: 10px; width: 40px; height: 50px; word-wrap: break-word; line-height: 1; display: flex; align-items: center; justify-content: center;} } @media only screen and (max-width: 768px) { .sliderhome .owl-controls { bottom: 5%; left: 10%;}} @media only screen and (min-width: 568px) { .gridslide-1, .gridslide-2 {width:50%} .gridslide-3, .gridslide-4, .gridslide-5 {width: 33.33333333%;} .grider.gridslide-1, .grider.gridslide-3, .grider.gridslide-4 {border-right: 1px solid white} .grider.gridslide-3, .grider.gridslide-4, .grider.gridslide-5 {border-top: 1px solid white} .grider .gridinfo {margin: 20px} .big.df .post-child>.post { width: 32.0%; margin-left: 2%} .author-box .avatar:not(img) { width: 100px; height: 100px; position: relative; float: left; margin-right: 20px;} .author-box .author-details ul {margin-left:120px} .page-post.gridstyle .post {margin-bottom: 30px} .shareIt a.facebook, .shareIt a.twitter {width:100px} .ads-widget .devide, .full-width .entry-thumb img {width: 100%} [class*="sidebar-"] .page-post.gridstyle .post:nth-child(odd) {padding-right:5px;margin-left:0} [class*="sidebar-"] .page-post.gridstyle .post:nth-child(even) {padding-left:5px} } @media only screen and (min-width: 568px) and (max-width: 800px) { .full-width ul.relatedgrid li:nth-of-type(3n+1), [class*="sidebar-"] ul.relatedgrid li:nth-of-type(3n+1) {margin-left:0} .ads-widget .devide {width: 25%} .grid.widget.all-in li { width: 25%; float: left;} .big.widget.all-in li { width: 50%; float: left;} .breakingnews .timeattr {padding-top: 18px;} } @media only screen and (max-width: 800px) { .logo.logopic img {max-height: 46px;margin: 2px 0;} .logo.logopic a {line-height: 1} .sidebar-left section#main article {margin:0} .Ktop.gridstyle .post img {width: 100%} .Ktop-head, .Knavi, .logo>p, .breakingnews p.fl span, .lefthead .small, .header-ads {display: none;} header.header {border:0;position: fixed!important;} .header.centerit-all .Ksearch {float: left} .header .Kmiddle-head {padding:0} .header .Kmiddle-head > i { color: white; float: right; padding: 20px; height: 50px; cursor: pointer; line-height: 12px;} .logo {margin-left: 55px;max-width:170px!important} .logo a { font-size: 20px; line-height: 2.5; color:white} .logo a:hover{color:inherit} .Ksearch { max-width: 100%!important; margin-left: 0!important; margin: 0!important; padding: 20px; background-color: white; display:none } .slide-info {width:50%} .sliderhome .owl-controls {right:25%} .breakingnews {margin: 4.2rem auto 0;} .breakingnews .timeattr {line-height: 1.2;} .Ksearch.alive {display:block;margin:2rem auto!important} #post-not-found {text-align:center} .small .hasthumb .entry-thumb { width: 120px; margin-right: 20px; float: left;} .small .hasthumb .post .nourut { left: 10px; bottom: 0;} /* MENU MOBILE */ #cd-lateral-nav,.cd-main-content,header.header{-webkit-backface-visibility:hidden}.overflow-hidden{overflow:hidden}.cd-main-content{min-height:100%;position:relative;z-index:2;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s}.cd-main-content.lateral-menu-is-open{-webkit-transform:translateX(260px);-moz-transform:translateX(260px);-ms-transform:translateX(260px);-o-transform:translateX(260px);transform:translateX(260px)}header.header{position:absolute;top:0;left:0;height:50px;width:100%;background:#383838;z-index:999;-webkit-transform:translateZ(0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;transition-duration:.4s}header.is-fixed{position:fixed}#cd-top-nav{position:absolute;top:0;right:120px;height:100%;display:none}#cd-top-nav ul{height:100%;padding-top:18px}#cd-top-nav li{display:inline-block;margin-right:1em}#cd-top-nav a{display:inline-block;padding:.5em;color:#FFF;text-transform:uppercase;font-weight:600}#cd-top-nav a.current{background-color:#242e30}.no-touch #cd-top-nav a:hover{color:rgba(255,255,255,.7)}#cd-menu-trigger{position:absolute;left:0;top:0;height:100%}#cd-menu-trigger .cd-menu-icon{display:inline-block;position:absolute;top:50%;bottom:auto;width:18px;height:1px;background-color:#FFF}#cd-menu-trigger .cd-menu-icon::before,#cd-menu-trigger .cd-menu-icon:after{content:'';width:100%;height:100%;position:absolute;background-color:inherit;left:0}#cd-menu-trigger .cd-menu-icon::before{bottom:5px}#cd-menu-trigger .cd-menu-icon::after{top:5px}#cd-menu-trigger.is-clicked .cd-menu-icon{background-color:rgba(255,255,255,0)}#cd-menu-trigger.is-clicked .cd-menu-icon::after,#cd-menu-trigger.is-clicked .cd-menu-icon::before{background-color:#fff}#cd-menu-trigger.is-clicked .cd-menu-icon::before{bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#cd-menu-trigger.is-clicked .cd-menu-icon::after{top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#cd-menu-trigger{width:60px;padding-left:1.25em}#cd-menu-trigger .cd-menu-icon{right:auto;left:1.25em;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}#cd-lateral-nav{position:fixed;height:100%;left:0;top:0;visibility:hidden;z-index:1;width:260px;background-color:#383838;padding-top:30px;overflow-y:auto;-webkit-transform:translateZ(0);-webkit-transition:-webkit-transform .4s 0s,visibility 0s .4s;-moz-transition:-moz-transform .4s 0s,visibility 0s .4s;transition:transform .4s 0s,visibility 0s .4s;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);-ms-transform:translateX(-80px);-o-transform:translateX(-80px);transform:translateX(-80px)}#cd-lateral-nav .cd-navigation{margin:10px 0 16px}#cd-lateral-nav .sub-menu{padding:0 10px 0 15px;display:none;margin-top:0}#cd-lateral-nav a{display:block;line-height:2em;padding:0 16px 0 24px;color:#eee}#cd-lateral-nav .current-menu-item{color:#FFF}#cd-lateral-nav.lateral-menu-is-open{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition:-webkit-transform .4s 0s,visibility 0s 0s;-moz-transition:-moz-transform .4s 0s,visibility 0s 0s;transition:transform .4s 0s,visibility 0s 0s;-webkit-overflow-scrolling:touch}#cd-lateral-nav .menu-item-has-children>a{position:relative;font-weight:600}#cd-lateral-nav .menu-item-has-children>a::after{content:'\f105';font-family:fontawesome;display:block;height:28px;width:8px;position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:1em;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}#cd-lateral-nav .menu-item-has-children>a.submenu-open::after{-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}#cd-lateral-nav .socials{padding:0 32px}#cd-lateral-nav .socials:after{content:"";display:table;clear:both}#cd-lateral-nav .socials a{height:32px;width:32px;float:left;padding:0;background-image:url(../img/cd-socials.svg);background-repeat:no-repeat;background-size:128px 64px;background-color:#FFF;margin-right:.5em;border-radius:.25em}#cd-lateral-nav .Ksocial{margin:100px 0 50px} } @media only screen and (min-width: 801px) { .sidebar-left section#main:not(.singlePost), .sidebar-left section#main .innerbody {float: right} .sidebar-left aside.sidebar {float: left; margin-left: 0} .bigsearch ~ .Knavi .mainsearch, .hidee, #cd-lateral-nav, .header .Kmiddle-head > i {display:none} .bigsearch ~ .Knavi.fixed .mainsearch {display:block} .full-width .singlePost .innerbody {width: 100%} .sidebar-right section#main, .mega-menu-content>div:first-child, .full-width .page-post>div>.post:first-child {margin-left:0} .sidebar-left aside .sidebar {float: left} .singlePost .SingleFeature ~ .innerbody, .singlePost .sfx ~ .innerbody {margin-top: -8em} .singlePost .sidebar > div:first-child {margin-top: 20px} .slider1_full .slide-info {padding-top:5rem} .archive [class*="sidebar-"] aside.sidebar {margin-top: 2.8rem} .lefthead > * {display:inline-block;} .lefthead .small { line-height: 1.5; margin: 9px 20px 3px 0; border-bottom: 1px solid} .Knavi.fixed a.hidee {display:block} a.hidee { height: 32px; width: 32px; margin: 4px 10px 4px 0; text-align: center; line-height: 32px; position: relative; z-index: 1; background: #383838; border-radius: 50%; color: white;} a.hidee:before, .Knavi .mainsearch i, .Knavi .mainsearch form input.search { -webkit-border-radius: 50%; border-radius: 50%;} .header.centerit-all .logo, .header.centerit-all .Ksearch {margin: 20px auto!important;} .breakingnews .tt {letter-spacing: 2px} .Knavi.fixed {-webkit-backface-visibility: hidden;z-index:99;position:fixed;top:0;left:0;right:0;background: #fff;border-bottom: 1px solid #383838} .Knavi.fixed nav {margin: 0 auto;max-width: 1040px} .Knavi.fixed nav ul {margin: 0; border: 0} .Knavi > .cf {position: relative} .Knavi.fixed {padding: 0 2%} .Knavi.fixed > .cf {max-width: 1040px;margin: 0 auto} .Knavi:not(.fixed) > .cf {border-top: 1px solid #dedede} .Knavi .mainsearch form, .Knavi .mainsearch { position: absolute; top: 0; right: 0;} .Knavi .mainsearch {margin: 4px 0;} .Knavi .mainsearch i { line-height: 32px; width: 32px; text-align: center; cursor: pointer; color: white;} .Knavi .mainsearch form { line-height: 32px; height: 32px;} .Knavi .mainsearch form #s { border-width: 0 0 1px 0px; width: 100px; height: 32px; font-size: 14px; margin-right: 32px; border-radius: 0; -webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; -ms-transition: width .3s; transition: width .3s;} .Knavi .mainsearch form input.search { height: 32px; width: 32px; text-indent: -9999px; padding: 0; box-shadow: inset 0 0 0 1px transparent;} .Knavi .mainsearch form input.search:hover, a.hidee:hover:before { background: 0 0;} .Knavi .mainsearch form #s:focus { width: 200px; background: 0 0;} .Knavi.fixed nav ul li.menu-item-home {display:none} .nav li ul.sub-menu, .nav li ul.children { background: #222; margin-top: 0; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)} .nav li ul.sub-menu li, .nav ul > li a, a.hidee:before { -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s;} .nav li ul.sub-menu li:hover {background: #111} .nav ul li a { width: 180px; font-size: 12px; font-weight: 300; color: white} .nav ul li:not(:first-child) a {border-top: 1px solid #1A1A1A} .nav ul li i {color: white} .nav ul > li a { height: 0; padding: 0} .nav li:hover > ul li a { padding: 10px 20px 10px 10px; height: auto} .nav ul li a:hover {padding-left: 20px!important} .nav > li > ul.sub-menu {border-top: 1px solid #383838} .nav li ul.sub-menu li ul {top: 0;left: 100%} .nav li:hover > ul {top: auto;visibility: visible; opacity:1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} /*--------------- * SINGLE * --------------*/ .full-width .singlePost ul.relatedgrid li:nth-of-type(4n+1), [class*="sidebar-"] ul.relatedgrid li:nth-of-type(3n+1) {margin-left:0} .small .hasthumb .post .nourut { top: -55px; right: 5px;} .widget ul li ul {margin-top: 0.75em } /*--------------- * WIDGET * --------------*/ .grid.widget.all-in li {width: 48%;float: left} .grid.widget.all-in li:nth-child(even) {margin-left: 4%} .ads-widget .devide {width: 50%} /* SIDEBAR FOOTER */ .sidebar-footer>div { float: left; padding: 20px; } .footer-two>div:nth-of-type(2n+1), .footer-three>div:nth-of-type(3n+1), .footer-four>div:nth-of-type(4n+1), .footer-threeL>div:nth-of-type(3n+1), .footer-threeR>div:nth-of-type(3n+1), .footer-twoL>div:nth-of-type(2n+1), .footer-twoR>div:nth-of-type(2n+1) {clear:left} .footer-two>div {width: 49.89999999999999%;} .footer-three>div {width: 33.3333333333333%;} .footer-four>div {width: 24.999999999999996%;} .footer-threeL>div {width: 24.999999999999996%;} .footer-threeL>div:nth-of-type(3n) {width: 49.89999999999999%;} .footer-threeR>div {width: 24.999999999999996%;} .footer-threeR>div:nth-of-type(3n+1) {width: 49.89999999999999%;} .footer-twoL>div {width: 33.33333333333333%;} .footer-twoL>div:nth-of-type(2n) {width: 66.66666666666666%;} .footer-twoR>div {width: 33.33333333333333%;} .footer-twoR>div:nth-of-type(2n+1) {width: 66.66666666666666%;} #post-not-found header {margin-left:0} } @media (min-width: 801px) and (max-width: 980px) { .Ktop.trendpost {text-align:center} .Ktop.trendpost .entry-thumb {float: none;margin: 0 auto 10px} .Ktop.trendpost article .entry-thumb, .Ktop.trendpost article .entry-thumb img {width:100%;} .slide-info {width:60%} .sliderhome .owl-controls {right:30%} [class*="sidebar-"] .grider:not(:nth-child(1)):not(:nth-child(2)) h3 {font-size: 14px} } @media only screen and (max-width: 1029px) { .full-width .singlePost article {width:100%;margin:0} .feat-tabs ul li {font-size: 0.8rem} .sf-mega ul ~ .mega-menu-content .t6:not(:first-child) {width: 23.5%;} } @media only screen and (min-width: 1030px) { .wrap { width: 96%; padding: 0 20px } .full-width .singlePost .SingleFeature ~ .innerbody, .full-width .singlePost .sfx ~ .innerbody { width: 86%; margin-left: auto; margin-right: auto; float: none;} .slider1_full .gridslide-1, .slider1_full .gridslide-2 {height:280px} .small .entry-thumb, .big.mtf .post-child .entry-thumb, .trendpost .entry-thumb, .kcarousel .entry-thumb {height:125px;overflow: hidden} } @media only screen and (min-width: 1240px) { .wrap { width: 1080px; padding: 0 20px } } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }