*/ 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,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* FRAMEWORK */ .navbar,.post-feeds,.feed-links{display:none;} .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;} a:visited{color:#333333;text-decoration:none;} a:hover{color:$(maincolor);text-decoration:none;} a img{border:none;border-width:0;outline:none;} abbr,acronym{} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;}small{font-size:86%;} kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;} mark{background-color:#ffce00;color:black;} p,blockquote,pre,table,figure,hr,form,ol,dl{margin:1.5em 0;} hr{height:1px;border:none;background-color:#666;} /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.3em;} h1{font-size:200%} h2{font-size:180%} h3{font-size:160%} h4{font-size:140%} h5{font-size:120%} h6{font-size:100%} /* list */ ol{list-style:decimal outside} ul{list-style:disc outside} dt{font-weight:bold} dd{margin:0 2em .5em 0} .post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s;} ol {counter-reset:li;list-style:none;font:13px 'Droid Arabic Kufi', 'lucida sans';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);} ol ol {margin: 0 2em 0 0;} .post ol li{position:relative;display:block;padding:.4em .8em .4em .4em; margin:.5em 2.5em .5em 0;background:#fff;color:#666;text-decoration:none; transition:all .3s ease-out;} .post ol li:before {content:counter(li);counter-increment:li;position:absolute;right:-2.5em; top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;} /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* code blockquote */ pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;} pre{white-space:pre;word-wrap:normal;overflow:auto;} .post-body blockquote{position:relative;line-height:2;margin:15px 0;font-size:13px;border-right:3px solid #c69f73;font-family:Electrolize,ge_ss_threeregular;font-weight:400;padding:0 18px;color:#999} /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:right;vertical-align:top;} .post-body table.tr-caption-container {border:1px solid #e5e5e5;} .post-body th{font-weight:bold;} .post-body table[border="1"] caption{border:none;font-style:italic;} .post-body table{} .post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;} .post-body th{background:#f0f0f0;} .post-body table.tr-caption-container td {border:none;padding:8px;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;} img {max-width:100%;height:auto;border:0;} table {max-width:100%;} .clear {clear:both;} .clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} body {background: #ffffff none repeat scroll top right;margin: 0 0 0 0;padding: 0 0 0 0;color: #333333;font: normal normal 13px Droid Arabic Kufi, sans-serif;text-align: right;} /* outer-wrapper */ #outer-wrapper {background:#ffffff;max-width:1190px;margin:0px auto 0;overflow:hidden;} /* NAVIGATION MENU */ div#top-nav {font: normal normal 12px Droid Arabic Kufi, sans-serif;margin: 0 auto;height: 43px;background: #222222;overflow: hidden;padding: 0 28px;} .top-menu1 {font:normal normal 12px Droid Arabic Kufi, sans-serif;margin:0 auto;height:43px;overflow:hidden;padding: 11px 0px 0;} .menubar {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} .menubar li {display:block;float:right;line-height:38px;margin:0 0 0 0;padding:0 0 0 0;border-left:1px solid #424242;} .menubar li a {background: #3A3A3A;color: #E0E0E0;display: block;padding: 0 12px;} .menubar li a:hover {background:$(maincolor);} ul.socialbar {height:38px;margin:0 0 0 0;padding:0 0;float:left;} ul.socialbar li {display:inline-block;list-style-type:none;float:left;margin:0 0;padding:0 0;border-left:none;} /* HEADER WRAPPER */ #header-wrapper {margin:0 auto;overflow:hidden;padding: 0 30px;min-height: 150px;background-color: #313131;} .header {float:right;width:25.7%;max-width:257px;margin: 40px 0 -5PX;} .header h1.title,.header p.title {font:normal bold 26px Droid Arabic Kufi, Arial, Helvetica, sans-serif;margin:0 0 0 0;text-transform:uppercase;color:#fff;} .header .description {color:#555555;} .header a {color:#fff;} .header a:hover {color:#999;} .header img {display:block;padding: 9px 0 39px;} .header-left {float: left;padding: 0;overflow: hidden;margin: 31px 0 0 0px;width: 70%;max-width: 728px;max-height: 90px;} .header-left img {display:block;} .separator a {margin-right: 0!important;} /*----navi-----*/ #nav {font: normal bold 12px Droid Arabic Kufi, sans-serif;text-transform: uppercase;height: 59px;line-height: 50px;padding: 0 28px;background: #F4F4F4;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;} #main-nav {margin: 0 auto;width: 100%;height: 60px;background: #313131;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);} #main-nav .menu-alert{float:right;padding:18px 10px 0 0 ;font-style:italic;color:#FFF;} #top-menu-mob , #main-menu-mob{ display:none; } #main-nav ul li {text-transform: uppercase;font-family: 'Droid Arabic Kufi', sans-serif;font-size:16px;position: relative;display: inline-block;float: right;height:60px;} #main-nav ul li:last-child a{border-left:0 none;} #main-nav ul li a {display: inline-block;height: 60px;line-height: 60px;padding: 0 16px;text-decoration: none;color: #fff;font-family: Droid Arabic Kufi,sans-serif;text-transform: uppercase;font-size: 15px;cursor: pointer;font-weight: 400;margin: 0;padding: 0 .9em;} #main-nav ul li a.active {background: $(maincolor);} #main-nav ul li a .sub-indicator{} #main-nav ul li a:hover {} #main-nav ul ul{display: none;padding: 0;position: absolute;top: 60px;width: 180px;z-index: 99999;float: right;background: #3a3a3a;} #main-nav ul ul li, #main-nav ul ul li:first-child {background: none !important;z-index: 99999;min-width: 180px;border: 0 none;font-size: 15px;height: auto;margin: 0;} #main-nav ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child, #main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;} #main-nav ul ul ul ,#main-nav ul li.current-menu-item ul ul, #main-nav ul li.current-menu-parent ul ul, #main-nav ul li.current-page-ancestor ul ul{left: auto;right: 100%; top: 0 !important; z-index: 99999; } #main-nav ul.sub-menu a , #main-nav ul ul li.current-menu-item a, #main-nav ul ul li.current-menu-parent a, #main-nav ul ul li.current-page-ancestor a{border: 0 none;background: none !important;height: auto !important;line-height: 1em;padding: 10px 10px;width: 160px;display: block !important;margin-left: 0 !important;z-index: 99999;color: #fff !important;} #main-nav ul li.current-menu-item ul a, #main-nav ul li.current-menu-parent ul a, #main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;} #main-nav ul li:hover > a, #main-nav ul :hover > a { background: $(maincolor) ;} #main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {background: $(maincolor) !important; padding-right:15px !important;padding-left:5px !important;} #main-nav ul li:hover > ul {display: block;} #main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor{margin-top:0;height:50px;border-right:0 none !important;} #main-nav ul li.current-menu-item ul.sub-menu a, #main-nav ul li.current-menu-item ul.sub-menu a:hover, #main-nav ul li.current-menu-parent ul.sub-menu a, #main-nav ul li.current-menu-parent ul.sub-menu a:hover, #main-nav ul li.current-page-ancestor ul.sub-menu a, #main-nav ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;} #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{background:$(maincolor);text-shadow:0 1px 1px #b43300;color:#FFF;height:50px;line-height:50px;border-right:0 none !important;} #main-nav ul.sub-menu li.current-menu-item,#main-nav ul.sub-menu li.current-menu-item a, #main-nav li.current-menu-item ul.sub-menu a,#main-nav ul.sub-menu li.current-menu-parent, #main-nav ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a, #main-nav ul.sub-menu li.current-page-ancestor,#main-nav ul.sub-menu li.current-page-ancestor a, #main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;} #main-nav ul li.menu-item-home ul li a, #main-nav ul ul li.menu-item-home a, #main-nav ul li.menu-item-home ul li a:hover{background-color:transparent !important;text-indent:0;background-image:none !important;height:auto !important;width:auto;} #main-menu-mob,#top-menu-mob{background: #222;width: 710px;padding: 5px;border: 1px solid #000;color:#DDD;height: 27px;margin:13px 10px 0 0;} #top-menu-mob{width: 350px;margin:2px 0 0 0;} #main-nav.fixed-nav{position:fixed;top:0;right:0;width:100% !important;z-index:999;opacity:0.9;-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);box-shadow: 0 5px 3px rgba(0, 0, 0, .1);} /** WIDGET ITEMS **/ .widget ul.side-newsfeed li {list-style-type:none;margin-bottom:17px;padding-bottom:13px;margin-right:0;} .widget ul.side-newsfeed li:last-child {margin-bottom:0;padding-bottom:0;} .widget ul.side-newsfeed li .side-item {overflow:hidden;position: relative;} .widget ul.side-newsfeed li .side-item .side-image {} .widget ul.side-newsfeed li .side-item .side-image img {width: 270px;height: 190px;object-fit: cover;} .widget ul.side-newsfeed li .side-item .side-item-text {overflow: hidden;position: absolute;bottom: 3px;color: #fff;padding: 10px 15px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dSB0HCO2bgouFfcH04VOx9SQqoIMHHpMf4bsRfOvIUX7NF_6Mw0DEuzn2n_-7OxDKI0M6wGhSmYpwu9yJej4GxjIrmlozx3g1RadmKV4YmhWDqWyHhiWLVaievvkTDpInzbJLSgJVLd_/s1600/gradient.png') repeat-x scroll 0% 0% transparent;} .widget ul.side-newsfeed li .side-item .side-item-text h4 a {margin-bottom: 1px;color: #fff;display: block;font-size: 23px;font: normal normal 17px Droid Arabic Kufi, sans-serif;font-weight: bold;} .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {font-size:10px;letter-spacing:1px;color:#fff;font-family:"Droid Arabic Kufi";} ul.side-newsfeed h4 {font-family: Droid Arabic Kufi;} /* CONTENT WRAPPER */ #content-wrapper {background-color:transparent;margin: 0 auto;padding: 25px 0px 0;word-wrap:break-word;margin-top: 1px;} .largebanner {background:#fff;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} .largebanner .widget {padding:15px 14px;overflow:hidden;} .largebanner img, .largebanner iframe{display:block;max-width:100%;border:none;overflow:hidden;} /* POST WRAPPER */ #post-wrapper {background:transparent;float:right;width:585px;max-width:585px;margin:0 0 10px;} .post-container {padding:15px 0 0 0px;} .breadcrumbs {font-size: 90%;height: 16px;margin-bottom: 10px;margin-top: 1px;overflow: hidden;padding: 5px;margin-right: -15px;border-bottom: 1px solid #ECECEC;} .breadcrumbs > span {padding: 10px 10px 10px 5px;} .breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;} .breadcrumbs a {color: #333333;} .post {background:#ffffff;margin:0 0 15px;padding: 8px 0;} .post-body {line-height:1.6em;font: 11px Droid Arabic Kufi,cursive;} h2.post-title, h1.post-title {font: 800 12px Droid Arabic Kufi,cursive blod;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#383838;} h2.post-title a:hover, h1.post-title a:hover {color:$(maincolor);} .img-thumbnail {background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsrLhWQ6SO5E1XPLwpccHqKhv2xWUieLjiy4Ve9Kw-9pX9YVi3xhL_nPJMwdxYhEdbSmiRlHijQNWKn2K7FqeYHvjCcqvireOiu4nc4qUXA9p6gfHXgmNSrTEOiErj0_pI2xcjL3C8xRwp/w200-c-h140/no-image.png) no-repeat center center;position:relative;float:right;width:250px;height:165px;margin:0 0 0 15px;} .img-thumbnail img {width:250px;height:165px;object-fit: cover;} span.rollover {} span.rollover:before {content:"";position: absolute;width:24px;height:24px;margin:-12px;top:50%;right:50%;} span.rollover:hover {opacity: .7;-o-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;} .post-info {background: transparent;margin: 0 0 2px;color: #666666;font-size: 11px;padding: 5px 0;} .post-info a {display:inline-block;color:#666666;} .author-info, .time-info, .comment-info, .label-info, .review-info {margin-left:12px;display:inline;} a.readmore {display: inline-block;margin: 18px 0 0;border: 1px solid #FDFDFD;padding: 0px 10px;line-height: 26px;color: #FFFFFF;font-size: 11px;font-weight: bold;text-transform: uppercase;background: $(maincolor);} a.readmore:hover {border:1px solid #fff;} .img-thumbnail:after {content: "";width: 6px;height: 4px;position: absolute;bottom: 0;right: 0;display: block;z-index: 2;background: $(maincolor);-webkit-transition: width 0.35s;transition: width 0.35s;} .img-thumbnail:hover:after {width: 100%;} /* Page Navigation */ .pagenavi {clear: both;margin: 0px 0 10px;text-align: center;font-size: 11px;font-weight: bold;text-transform: uppercase;background-color: #F5F5F5;padding: 10px;} .pagenavi span,.pagenavi a {padding:6px 10px;margin-left:3px;display:inline-block;border: 1px solid #d0d0d0;} .pagenavi .current, .pagenavi .pages, .pagenavi a:hover {border: 1px solid $(maincolor);} .pagenavi .pages {display:none;} /* SIDEBAR WRAPPER */ #sidebar-wrapper {background:transparent;float:left;width:33%;max-width:270px;margin:0 auto;padding-right: 30px;} .sidebar-container {padding:0px 0;} .sidebar h2, .panel h2 {font:normal bold 12px Droid Arabic Kufi, sans-serif;color:#333333;margin:0 0 10px 0;padding:5px 0;text-transform:uppercase;position:relative;border-bottom: 2px solid $(maincolor);} #sidebar1 h2 span,#sidebar h2 span{border-bottom: 2px solid $(maincolor);bottom: -2px;padding: 5px 10px;color: #FFFFFF;background: $(maincolor);} #sidebar-narrow h2 span{border-bottom: 2px solid $(maincolor);bottom: -2px;padding: 5px 10px;color: #FFFFFF;background: $(maincolor);} div#Footer-Ad {text-align: center;margin: 0 auto;padding: 30px 0 25px;background-color: #F5F5F5;} div#Footer-Ad h2 {display: none;} #bottombar h2 span {border-bottom: 2px solid $(maincolor);bottom: -2px;padding: 6px;color: #fff;} #sidebar1 h2 span:after,#related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after {content: '';position: absolute;width: 0px;height: 0px;bottom: -8px;right: 22px;border-right: 7px solid rgba(0, 0, 0, 0);border-left: 7px solid rgba(0, 0, 0, 0);border-top: 6px solid $(maincolor);} .sidebar h2:after, .panel h2:after {content: " ";width:90px;height: 0px;position: absolute;right: 0;bottom: -2px;} .sidebar .widget {margin:0 0 20px;} .sidebar ul, .sidebar ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} .sidebar li {margin:5px 0;padding:0 0 0 0;} /* Recent Post */ .recent-post-title {margin: 0 0 15px;padding: 0;position: relative;border-bottom: 2px solid $(maincolor);background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_a_yltnpOljUsp4RKYusYrbmHZe3JhKzC-DWmgMIY23VhaExtqShGafc1HRwAR6E3AjSEVrbiZvGrAQ6CUYBPbVutBBqIuGyGSSB5BEuyRKB1Hx4YENG76Nq4sYfwNGUYfyMjv5sfLZt/s1600/title_pat.png') repeat scroll 0% 0% transparent;} div.recent-post-title:after {content: '';position: absolute;width: 0px;height: 0px;bottom: -6px;right: 22px;border-right: 6px solid rgba(0, 0, 0, 0);border-left: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid $(maincolor);} .recent-post-title h2 {font: normal bold 14px Droid Arabic Kufi, sans-serif;height: 22px;line-height: 22px;margin: 0 0;padding: 0 10px;background: $(maincolor);color: #474747;display: inline-block;} .recent-post-title h2 a {color:#fff;} .stylebox {float:right;width:50%;margin:0 0;} .stylebox .widget {padding:0 0 15px 15px;} .stylebox .widget-content {background:#ffffff;} .stylebox ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} .stylebox1 {float:right;width:100%;margin:0 0;} .stylebox1 .widget {padding:0 0 15px 0px;} .stylebox1 .widget-content {background:#ffffff;} .stylebox1 ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} /* Recent Post */ ul.xpose_thumbs {margin:0 0 0 0;} ul.xpose_thumbs li {font-size:12px;min-height:68px;padding-bottom: 5px;} ul.xpose_thumbs .xpose_thumb {position:relative;background:#fbfbfb;margin:3px 0 10px 0;width:100%;height:50px;padding-bottom:46%;overflow:hidden;} ul.xpose_thumbs .xpose_thumb img {height:auto;width:100%;} ul.xpose_thumbs1 {margin:0 0 0 0;width:48%;float:right;} ul.xpose_thumbs1 li {font-size:12px;min-height:68px;} ul.xpose_thumbs1 .xpose_thumb {position:relative;background:#fbfbfb;margin:0px 0 10px 0;width:100%;overflow:hidden;} ul.xpose_thumbs1 .xpose_thumb img {height:320px;width:100%;} ul.xpose_thumbs2 {font-size:13px;} ul.xpose_thumbs2 li {padding:0 0;min-height:66px;font-size:11px;margin: 0 0 8px;padding: 0 0 8px;border-bottom:1px dotted #e5e5e5;} ul.xpose_thumbs2 .xpose_thumb2 {background:#fbfbfb;float:right;margin:3px 0 0 8px;height:70px;width:70px;} ul.xpose_thumbs2 .xpose_thumb2 img {height:70px;width:70px;} span.xpose_title {font:normal normal 16px Droid Arabic Kufi, Arial, sans-serif;display:block;margin:0 0 5px;line-height:1.4em;} span.xpose_title2 {font-size:17px;} span.rp_summary {display:block;margin:6px 0 0;color:#666666;} span.xpose_meta {background:transparent;display:block;font-size:11px;color:#aaa;} span.xpose_meta a {color:#aaa !important;display:inline-block;} span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {display:inline-block;margin-left:8px;} span.xpose_meta_date:before {content: "\f133";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} span.xpose_meta_comment:before {content: "\f086";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} span.xpose_meta_more:before {content: "\f0a9";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {color:$(maincolor);} ul.xpose_thumbs22 {font-size:13px;width:50%;float:left;} ul.xpose_thumbs22 li {padding:0 0;min-height:66px;font-size:11px;margin: 0 0 8px;padding: 0 0 8px;border-bottom:1px dotted #e5e5e5;} ul.xpose_thumbs22 .xpose_thumb2 {background:#fbfbfb;float:right;margin:3px 0 0 8px;height:70px;width:70px;} ul.xpose_thumbs22 .xpose_thumb2 img {height:70px;width:70px;} span.xpose_title {font:normal normal 16px Droid Arabic Kufi, Helvetica, Arial, sans-serif;display:block;margin:0 0 5px;line-height:1.4em;} span.xpose_title2 {font-size:17px;} span.rp_summary {display:block;margin:6px 0 0;color:#666666;} div#author-box {border: 1px solid #eee;padding: 20px;background: #f9f9f9;} span.xpose_meta {background:transparent;display:block;font-size:11px;color:#aaa;} span.xpose_meta a {color:#aaa !important;display:inline-block;} span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {display:inline-block;margin-left:8px;} span.xpose_meta_date:before {content: "\f133";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} span.xpose_meta_comment:before {content: "\f086";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} span.xpose_meta_more:before {content: "\f0a9";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:4px;} ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {color:$(maincolor);} /* BOTTOMBAR */ #bottombar {background:#313131;overflow:hidden;margin:0 auto;padding:15px 28px;color:#dddddd;border-top: 4px solid $(maincolor);} #bottombar .right {float:right;width:25%;} #bottombar .center {float:right;width:25%;} #bottombar .center1 {float:right;width:25%;} #bottombar .left {float:left;width:25%;} #bottombar .right .widget, #bottombar .center .widget ,#bottombar .center1 .widget{margin:0 0 15px 15px;} #bottombar .left .widget {margin:0 0 15px 0;} #bottombar h2 {font:normal bold 12px Droid Arabic Kufi, sans-serif;margin:0 0 10px 0;padding:6px 0;text-transform:uppercase;position:relative;border-bottom: 2px solid #696969;color:#eeeeee;} #bottombar ul, #bottombar ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;} #bottombar li {margin:12px 0!important;padding:0 0 0 0;} #bottombar ul li:before {color:#eeeeee !important;} #bottombar a {-webkit-transition: all 0.2s ease;transition: all 0.2s ease;color: #fff;} #bottombar a:hover {color:#ffffff;} /* FOOTER */ #footer-wrapper {background:#262626;margin:0 auto;padding:0px 20px;overflow:hidden;color:#eeeeee;font-size:12px;} .footer-right {float:right;margin:10px;margin-top: 32px;color: #949494;} .footer-left {float:left;margin:10px;color: #949494;} #footer-wrapper a {color:#b8b8b8;} #footer-wrapper a:hover {color:#ffffff;} /* Tab Menu */ .set, .panel {margin: 0 0;} .tabs .panel {padding:0 0;} .tabs-menu {border-bottom:3px solid #E73138;padding: 0 0;margin:0 0;} .tabs-menu li {font:normal bold 12px Droid Arabic Kufi, sans-serif;display: inline-block;*display: inline;zoom: 1;margin: 0 0 0 3px;padding:10px;background:#fff;border:1px solid #e5e5e5;border-bottom:none !important;color:#333333;cursor:pointer;position:relative;} .tabs-menu .active-tab {background:#E73138;border:1px solid #E73138;border-bottom:none !important;color:#fff;} .tabs-content {padding:10px 0;} .tabs-content .widget li {float:none !important;margin:5px 0;} .tabs-content .widget ul {overflow:visible;} /* Custom CSS for Blogger Popular Post Widget */ .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none;} .PopularPosts ul {margin:.5em 0;list-style:none;color:black;counter-reset:num;} .PopularPosts ul li img {display:block;margin:0 0 0 .5em;width:65px;height:65px;float:right;} .PopularPosts ul li {margin:0 0 .4em 10% !important;counter-increment:num;position:relative;} .PopularPosts ul li:before,.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:bold;color:#3a3a3a !important;text-decoration:none;font-size: 12px;} #sidebar-narrow .PopularPosts ul li img {display:block;margin:0 0 0 .5em;width:270px;height:auto;float:right;} #sidebar-narrow .PopularPosts .item-title {padding-bottom: 1em;display: block;background: rgba(0, 0, 0, 0.49);color: #ffffff;font-size: 12px;line-height: 25px;margin: 0;padding: 16px 19px 16px;bottom: 9px;width: 80%;position: absolute;} #sidebar-narrow .PopularPosts .item-title a{color:#fff!important} #bottombar .popular-posts li {} #bottombar .PopularPosts ul li a {-webkit-transition: all 0.2s ease;transition: all 0.2s ease;color: #fff!important;} /* Set color and level */ .PopularPosts ul li {margin-left:1% !important} .PopularPosts .item-thumbnail {margin:0 0 0 0;} .PopularPosts .item-snippet {font-size:11.5px;color: #5C5C5C;} #bottombar .PopularPosts .item-snippet {color: #5C5C5C;font-size: 12px;line-height: 32px;} .profile-img{display:inline;opacity:1;margin:0 0 3px 6px;} /* back to top */ #back-to-top {background:#353738;color:#ffffff;padding:8px 10px;font-size:14px;border: 1px solid #4b4b4b;} .back-to-top {position:fixed !important;position:absolute;bottom:20px;left:15px;z-index:999;} /* ==== Related Post Widget Start ==== */ #related-posts h2 > span{border-bottom: 2px solid $(maincolor);bottom: -2px;padding: 4px 10px;background: $(maincolor);} #related-posts{float:right;width:100%;margin-bottom:40px;} #related-posts h2{padding: 4px 0;font: normal normal 18px Droid Arabic Kufi;text-transform: uppercase;font: normal bold 12px Droid Arabic Kufi, sans-serif;text-align: right;color: #fff;margin-bottom: 5px;border-bottom: 2px solid $(maincolor);} #related-posts .related_img {padding:0px;width:285px;height:200px;} #related-posts .related_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;} /* share buttons */ .share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIHY0-JmdjEPf7-B0pk8KvbPDbBp0w0huex6Oeu1Vtq0QSvPf5XVh64XMaelcUAe0Ize9ssa7I4QUDp1T8FCxkLFJ1rSuGx-TIytM6joFoBK4YuOQYQZeLA6NJrgZN5diCnaTr5XKdfkge/s1600/share.png) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;} .share-buttons {margin:0 0;height:67px;float:right;} .share-buttons .share {float:right;margin-left:10px;display:inline-block;} /* error and search */ .status-msg-wrap {font-size:120%;font-weight:bold;width:100%;margin:20px auto;} .status-msg-body {padding:20px 2%;width:96%;} .status-msg-border {border:1px solid #e5e5e5;opacity:1;width:auto;} .status-msg-bg {background-color:#ffffff;} .status-msg-hidden {padding:20px 2%;} #ArchiveList ul li:before {content:"" !important;padding-left:0px !important;} /* facebook comments */ .fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style],.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width: 100% !important;} .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;} /*-------sidebar----------------*/ .sidebar-narrow{margin:0} #sidebar-narrow .widget{margin-bottom:30px;} #sidebar-narrow{float:left;width:270px;margin-right: 30px;} div#main {width: 585px;} div#mywrapper {float: right;width: 890px;} #sidebartab {margin-bottom: 15px;} .tab-widget-menu {height: 46px;margin: 0;padding: 0px 2px 0 0;font-size: 11px;font-weight: 800;} #sidebartab .widget {margin-bottom: 0;padding-bottom: 0;} #sidebartab .h2title, #sidebartab .h2titlesmall {display: none;} #sidebartab .widget-content {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;border: 0;} .tab-widget-menu ul, .tab-widget-menu li {list-style: none;padding: 0;margin: 0;} .tab-widget-menu li {background: #333;bottom: -2px;color: #FFF;cursor: pointer;float: right;height: 38px;line-height: 38px;margin: -2px 0px 0 0px;padding: 0;position: relative;text-align: center;width: 33.3%;z-index: 2;} .tab-widget-menu li.selected {background: $(maincolor);border-width: 1px 1px 3px;color: #FFF;margin-top: -2px;} #sidebartab h2 {display: none;} #sidebartab .widget-content img {padding: 2px;border: 1px solid lightGrey;width: 75px;height: 75px;} #sidebartab .popular-posts li {background: none repeat scroll 0 0 transparent;border-bottom: 1px solid #E9E9E9;overflow: hidden;padding: 10px 0;} .PopularPosts img:hover, #sidebartab .widget-content img:hover {} #sidebarlab .sidebar li a:hover {color: #fff;background: #222;} .PopularPosts a {font-weight:bold;} .tagcloud a {background: #e4e4e4;color: #888;display: block;float: right;font-size: 14px!important;line-height: 12px;margin: 0 0 2px 2px;padding: 12px 17px;} .tagcloud a:link {color: #888;} .tagcloud a:hover {background: $(maincolor);color: #fff;} .tagcloud1 .Label a{background: #3e3e3e;color: #888;display: block;float: right;font-size: 12px!important;line-height: 12px;margin: 0 0 2px 2px;padding: 12px 17px;} .tagcloud1 a:link {color: #888;} .tagcloud1 a:hover {background: $(maincolor);color: #fff;} .showpageArea a {clear:both;margin:-5px 0 10px;text-align:center;font-size:11px;font-weight:bold;text-transform:uppercase;} .showpageNum a {padding:6px 10px;margin-left:3px;display:inline-block;color:#333333;background-color:#ffffff;border: 1px solid #dddddd;} .showpageNum a:hover {border: 1px solid #aaaaaa;} .showpagePoint {padding:6px 10px;margin-left:3px;display:inline-block;color:#333333;background-color:#ffffff;border: 1px solid #aaaaaa;} .showpageOf {display:none;} .showpage a {padding:6px 10px;margin-left:3px;display:inline-block;color:#333333;background-color:#ffffff;border: 1px solid #dddddd;} .showpage a:hover {border: 1px solid #aaaaaa;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#666;} .button {text-align: center;width: 100%;margin: 10px 0;padding: 0;font-size: 14px;font-family: 'Droid Arabic Kufi', Geneva, Sans-serif;color: #fff;margin-right: 0em !important;} .item-img {width: 50%;float: right;} .button ul {margin: 0;padding: 0;} .button li {display: inline-block;margin: 10px 0;padding: 0;} #Attribution1 {height:0px; visibility:hidden;display:none} .author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:right;margin:0 0 5px 10px;border-radius:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5} #author-box h3 {padding-bottom: 5px;border-bottom: 1px solid #D7D7D7;font-size: 18px;font-family: Droid Arabic Kufi,arial,Georgia,serif;} .share-post {font-size: 13px;margin-top: 15px;} .share-post li {float: right;} .share-post a {display: block;margin-left: 10px;text-indent: -9999px;margin-right: 12px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtMPKIvdKOsU87XUThtbEExjcou4KtoOhERTaZqG4er2PbE9CH-Ml6xKZ3bMig0rMboCElnZQm_pkQABiHFjjQmqDay8h6VJQR93cfk5hDhd11YziHQJpeTAiDxekG6KhBmJYM5yiJGU/s1600/single-share.png) no-repeat;-webkit-transition: opacity .2s;-moz-transition: opacity .2s;-o-transition: opacity .2s;transition: opacity .2s; } .share-post a:hover {opacity: .7;} .share-post .facebook a {width: 7px;} .share-post .twitter a {width: 18px;background-position: -47px 0;} .share-post .google a {width: 14px;background-position: -105px 0;} .share-post .pinterest a {width: 11px;background-position: -159px 1px;} /*** Share Post Styling ***/ #share-post {width: 100%;overflow: hidden;margin-top: 20px;} #share-post a {display: block;height: 32px;line-height: 32px;color: #fff;float: right;padding-left: 10px;margin-left: 10px;margin-bottom: 25px;} #share-post .facebook {background-color: #436FC9;} #share-post .twitter {background-color: #40BEF4;} #share-post .google {background-color: #EC5F4A;} #share-post span {display: block;width: 32px;height: 32px;float: right;margin-left: 10px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtMPKIvdKOsU87XUThtbEExjcou4KtoOhERTaZqG4er2PbE9CH-Ml6xKZ3bMig0rMboCElnZQm_pkQABiHFjjQmqDay8h6VJQR93cfk5hDhd11YziHQJpeTAiDxekG6KhBmJYM5yiJGU/s1600/single-share.png) no-repeat;} #share-post .facebook span {background-color: #3967C6;} #share-post .twitter span {background-color: #26B5F2;background-position: -72px 0;} #share-post .google span {background-color: #E94D36;background-position: -144px 0;} /* Search Box */ #searchformfix {float:left;overflow:hidden;position:relative;margin-left: 0px;margin-top: 6px;} #searchform {margin:7px 0 0;padding:0;} #searchform fieldset {padding:0;border:none;margin:0;} #searchform input[type="text"]{background:#fff; border:none;float:right; padding:0px 15px 0px 10px;margin:0px; width:150px; height:34px;line-height:34px;transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858} #searchform input[type=text]:hover,#searchform input[type=text]:focus {width:200px;} #searchform input[type=submit] {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8qCEsRf4kDzMu05RbF1lYBhl1L7aXOaUT0mt1SkgvvTpUnm270p5A-fWyGgIB-04TZRFZE7e69wDnQzhL6CXRkkNuvmN8c4uJ_3L-gnWUssQsvfeJ9F0Vm3uf5JdFoBx4RsUHNBcYoc7A/s1600/icon-search.png) center 9px no-repeat;cursor:pointer;margin:0;padding:0;width:37px;height:34px;line-height:34px;background-color:$(maincolor);} input[type=submit] {padding:4px 17px;color:#fff;text-transform:uppercase;border:none;font-size:20px;background-color:$(maincolor);cursor:pointer;margin-top:10px;float:right;overflow:visible;transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;} #searchform input[type=submit]:hover {background-color:#333;} .selectnav {display:none;} /*---Flicker Image Gallery-----*/ .flickr_plugin {width: 100%;} .flickr_badge_image {float: right;height: 70px;margin: 8px 5px 0px 5px;width: 70px;} .flickr_badge_image a {display: block;} .flickr_badge_image a img {display: block;width: 100%;height: auto;-webkit-transition: opacity 100ms linear;-moz-transition: opacity 100ms linear;-ms-transition: opacity 100ms linear;-o-transition: opacity 100ms linear;transition: opacity 100ms linear;} .flickr_badge_image a img:hover {opacity: .5;} div#act {display: none;} #sidebar-narrow .list-label-widget-content li {display: block;padding: 5px 10px;position: relative;border: 1px solid #E4E4E4;float: right;margin: 3px;} #sidebar-narrow .list-label-widget-content li a {color: #555555;font-size: 13px;font-weight: normal;} #sidebar-narrow .list-label-widget-content li a:first-child {text-transform: capitalize;} #sidebar-narrow .list-label-widget-content li:hover {border-color: $(maincolor);} #sidebar-narrow .list-label-widget-content li span:last-child {color: #949494;font-size: 12px;font-weight: bold;position: absolute;left: 0;top: 0;} #sidebar-narrow .list-label-widget-content li:hover span:last-child {text-decoration: underline;} /***** Social link*****/ ul.socialbar li{float: right;margin-left: 0px;margin-bottom:0px;padding: 0px;display:block;width: auto;background:#222;} ul.socialbar li a {font-size: 19px;color: #FFFFFF;margin-top: 12px;margin-right: 16px;padding: 4px;line-height: 43px;} #nav.fixed-nav{position: fixed;top: 0;right: 0;width: 100% !important;z-index: 999;background: #fff;-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);box-shadow: 0 5px 3px rgba(0, 0, 0, .1);padding: 0;} div.conty {width: 1050px;margin: 0 auto;} #beakingnews {background:#222222;float: right;height: 42px;line-height: 42px;overflow: hidden;width: 60.2%;} #recentpostbreaking li a {color:#949494;font-family: Droid Arabic Kufi;font-weight: bold;} #recentpostbreaking li a:hover {color:$(maincolor);} #beakingnews .tulisbreaking {background:$(maincolor); color: #fff !important;} span.tulisbreaking:after{content: '';position: absolute;width: 0px;top: 15px;left: -12px;border-bottom: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid $(maincolor);border-top: 6px solid rgba(0, 0, 0, 0);border-left: 6px solid rgba(0, 0, 0, 0);} #beakingnews .tulisbreaking {color: #FFFFFF;display: block;float: right;font-family: Droid Arabic Kufi;font-weight: bold;padding: 0 10px;position: absolute;border-bottom: 1px solid $(maincolor);} #recentpostbreaking {float: right;margin-right: 74px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} .large-thumb .xpose_title a {color: #fff;font-size: 20px;} .large-thumb {position: absolute;bottom: 15px;z-index: 99;padding: 20px;color: #fff;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dSB0HCO2bgouFfcH04VOx9SQqoIMHHpMf4bsRfOvIUX7NF_6Mw0DEuzn2n_-7OxDKI0M6wGhSmYpwu9yJej4GxjIrmlozx3g1RadmKV4YmhWDqWyHhiWLVaievvkTDpInzbJLSgJVLd_/s1600/gradient.png') repeat-x scroll 0% 0% transparent;} span.rp_summary {display: none;} .large-thumb span.xpose_meta {background: transparent;display: block;font-size: 12px;color: #dadada;} .large-thumb span.xpose_meta a {color: #Dadada !important;display: inline-block;} .large-thumb .xpose_meta_comment {float: left;} ul.xpose_thumbs1 {position: relative;} ul.xpose_thumbs {position: relative;} span.more_meta .fa {margin-left: 5px;} span.s_category .fa {margin-left: 5px;} .featured_thumb h3 {font: normal normal 18px Droid Arabic Kufi, Helvetica, Arial, sans-serif;display: block;margin: 0 0 5px;line-height: 1.4em;} /* TIPSY */ .tipsy {padding: 5px;font-size: 10px;position: absolute;z-index: 100000;} .tipsy-inner {padding: 1px 10px 0;background-color: #303030;color: white;max-width: 300px;text-align: center;} .tipsy-inner {border-radius: 2px;} .tipsy-arrow {position: absolute;width: 9px;height: 5px;} .tipsy-n .tipsy-arrow {top: 0;right: 50%;margin-right: -4px;} .tipsy .tipsy-arrow:before {content: '';position: absolute;width: 0;height: 0;} .tipsy-n .tipsy-arrow:before {bottom: -1px;right: -2px;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #303030;} .tipsy-nw .tipsy-arrow {top: 0;right: 10px;} .tipsy-ne .tipsy-arrow {top: 0;left: 10px;} .tipsy-s .tipsy-arrow {bottom: 0;right: 50%;margin-right: -4px;} .tipsy-s .tipsy-arrow:before {bottom: -1px;right: -2px;border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 6px solid #303030;} .tipsy-sw .tipsy-arrow {bottom: 0;right: 10px;} .tipsy-se .tipsy-arrow {bottom: 0;left: 10px;} .tipsy-e .tipsy-arrow {top: 50%;margin-top: -4px;left: 0;width: 5px;height: 9px;} .tipsy-e .tipsy-arrow:before {bottom: -6px;left: 0;border-left: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #303030;} .tipsy-w .tipsy-arrow {top: 50%;margin-top: -4px;right: 0;width: 5px;height: 9px;} .tipsy-w .tipsy-arrow:before {bottom: 6px;right: -1px;border-bottom: 6px solid rgba(0, 0, 0, 0);border-left: 6px solid #303030;} .more_posts:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .more_posts .item_small {width: 100%;padding: 0 0 10px;margin: 0 0 18px;position: relative;} .more_posts .item_small:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .more_posts .item_small .featured_thumb {float: right;width: 100%;height: 190px;margin: 0 0 0 15px;} .more_posts .item_small .featured_thumb img {width: 270px;height: 190px;object-fit: cover;} .more_posts .item_small .item-details h3 {font-size: 13px;line-height: 20px;margin: 0 0 8px;} #sidebar-wrapper .item-details {overflow: hidden;position: absolute;bottom: 10px;color: #fff;padding: 10px 15px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dSB0HCO2bgouFfcH04VOx9SQqoIMHHpMf4bsRfOvIUX7NF_6Mw0DEuzn2n_-7OxDKI0M6wGhSmYpwu9yJej4GxjIrmlozx3g1RadmKV4YmhWDqWyHhiWLVaievvkTDpInzbJLSgJVLd_/s1600/gradient.png') repeat-x scroll 0% 0% transparent;width:240px} #sidebar-wrapper .item-details h3 a {margin-bottom: 1px;color: #fff;display: block;font-size: 23px;font: normal normal 13px Droid Arabic Kufi, sans-serif;font-weight: bold;} #sidebar-wrapper .item-details a {color: #fff;font-size:11px;} .more_posts .post_meta {font-size: 12px;line-height: 20px;} #bottombar .post_meta a {color: #969696;} .more_posts .post_meta i {font-size: 13px;} .more_posts .item_small:last-child {border-width: 0;} .post_meta .fa {margin-left: 5px;} .more_posts {margin-top: 14px;} #bottombar .popular-posts li:last-child {border-width: 0;} #bottombar .more_posts:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #bottombar .more_posts .item_small {width: 100%;padding: 0 0 0px;margin: 0 0 10px;} #bottombar .more_posts .item_small:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #bottombar .more_posts .item_small .featured_thumb {float: right;width: 65px;height: 65px;margin: 0 0 0 10px;} #bottombar .more_posts .item_small .featured_thumb img {width: 65px;height: 65px;} #bottombar .more_posts .item_small .item-details h3 {font-size: 12px;line-height: 20px;margin: 0 0 8px;} #bottombar .more_posts .post_meta {font-size: 12px;line-height: 20px;} #bottombar .post_meta a {color: #969696;} #bottombar .more_posts .post_meta i {font-size: 13px;} #bottombar .more_posts .item_small:last-child {border-width: 0;} .social.with_color a:hover {-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);} .social a {float: right;text-align: center;margin: 4px 4px 4px 0;width: 34px;height: 34px;font-size: 16px;color: #9E9E9E;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;} .social a i {background: #F7F7F7;border-radius: 2px;border: 1px solid #EBEBEB;padding: 8px 0;display: block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} .social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter {background: #00abdc;} .social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook {background: #325c94;} .social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble {background: #fa4086;} .social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss {background: #f1862f;} .social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github {background: #333;} .social a:hover .fa-instagram, .with_color a .fa-instagram {background: #964b00;} .social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin {background: #0073b2;} .social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest {background: #d9031f;} .social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus {background: #d9031f;} .social a:hover .fa-foursquare, .with_color a .fa-foursquare {background: #0cbadf;} .social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype {background: #00b9e5;} .social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud {background: #ff7700;} .social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube {background: #d9031f;} .social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr {background: #325c94;} .social a:hover .fa-star, .with_color a .fa-star {background: #F8AC24;} .social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr {background: #fa4086;} .social a:hover .fa-random, .with_color a .fa-random, .social a:hover .fa-envelope-o, .with_color a .fa-envelope-o, .social a:hover .fa-home, .with_color a .fa-home {background: #1D1E20;} .social a:hover i, .with_color i {color: #fff;} .with_color a i {border: none !important;} #sidebartab ul.helploggercomments{list-style: none;margin: 0;padding: 0;} #sidebartab .helploggercomments li {background: none !important;margin: 10px 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;} #sidebartab .helploggercomments li .avatarImage {padding: 3px;background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: right;margin: 0 0 0 6px;position: relative;overflow: hidden;} #sidebartab .avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} #sidebartab .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;} #sidebartab .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} #bottombar ul.helploggercomments{list-style: none;margin: 0;padding: 0;margin-top: 14px;} #bottombar .helploggercomments li {background: none !important;display: block;clear: both;overflow: hidden;list-style: none;word-break: break-all;padding: 0 0 0px;margin: 0 0 12px;} #bottombar .helploggercomments li .avatarImage {float: right;margin: 0 0 0 6px;position: relative;overflow: hidden;} #bottombar .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;} #bottombar .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} #bottombar .helploggercomments li:last-child {border-width: 0;} /* LABELED POSTS */ .def_wgr {min-width: 248px;width: 46%;box-sizing: border-box;float: right;position: relative;} .equal-posts img {width: 248px;height: 273px;} .gallery-posts .def_wgr:first-child {margin: 0 0 0 10px;} .gallery-posts .def_wgr:first-child img {width: 288px;height: 245px;} .gallery-posts .def_wgr img {width: 75px;height: 75px;} .block-posts .item_small:first-child img {width: 250px;height: 326px;} .block-posts .item_small .featured_thumb a.first_A, .block-posts .item_small:first-child .featured_thumb {width: 250px;height: 326px;overflow: hidden;} .block-posts .item_small:first-child .featured_thumb .thumb-icon {width: 250px;} .block-posts .item_small:first-child .featured_thumb {clear: both;margin: 0;} .block-posts .item_small img {width: 65px;height: 65px;} .block-posts .item_small .featured_thumb a, .block-posts .item_small .featured_thumb {display: block;width: 65px;height: 65px;overflow: hidden;} .block-posts .item_small .featured_thumb .thumb-icon {width: 65px;} .block-posts .item_small .featured_thumb {float: right;margin: 0 0 0 15px;} .gallery-posts .def_wgr:first-child {min-width: 240px;width: 288px;height: 245px;} .gallery-posts .def_wgr {min-width: 75px;width: 75px;margin: 0 10px 10px 0;overflow: hidden;} .gallery-posts .def_wgr:first-child h3, .gallery-posts .def_wgr:first-child .details, .block-posts .item_small:first-child .featured_thumb a h3, .block-posts .item_small .details h3, .block-posts .item_small:first-child .details .s_category {display: block;} .gallery-posts .def_wgr h3, .gallery-posts .def_wgr .details, .block-posts .item_small .featured_thumb a h3, .block-posts .item_small:first-child .details h3, .block-posts .item_small .details .s_category {display: none;} .gallery-posts .def_wgr:first-child a.first_A {height: 245px;} .gallery-posts .def_wgr a.first_A {display: block;height: 75px;} .block-posts .item_small {float: right;width: 49%;box-sizing: border-box;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px solid #F1F1F1;} .block-posts .item_small:first-child {width: 51%;margin-left: 15px;padding: 0;margin: 0;border-width: 0;} .block-posts .item_small:last-child {padding: 0;margin: 0;border-width: 0;} .block-posts .item_small:first-child .featured_thumb a h3 {font-size: 17px;position: absolute;bottom: 40px;right: 0;padding: 0 20px;margin: 0 0 10px !important;color: #FFF;z-index: 98;} .block-posts .item_small:first-child .details {color: #B4B4B4;position: absolute;bottom: 40px;right: 21px;width: 250px;z-index: 98;} .block-posts .item_small:first-child .post_meta {padding: 0 20px 0 20px;font-size: 11px;} .block-posts .item_small:first-child .post_meta a {color: #B4B4B4;} .block-posts .item_small:first-child .post_meta a:hover {color: #fff !important;} .block-posts .item_small:first-child .post_meta a:nth-child(2) {font-size: 13px;float: left;} .gallery-posts .def_wgr:first-child a.first_A:after {width: 100%;height: 151px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dSB0HCO2bgouFfcH04VOx9SQqoIMHHpMf4bsRfOvIUX7NF_6Mw0DEuzn2n_-7OxDKI0M6wGhSmYpwu9yJej4GxjIrmlozx3g1RadmKV4YmhWDqWyHhiWLVaievvkTDpInzbJLSgJVLd_/s1600/gradient.png') repeat-x scroll 0% 0% transparent;} .gallery-posts .def_wgr a.first_A:after {background: none repeat scroll 0% 0% transparent;height: 80px;width: 80px;} .gallery-posts .def_wgr:first-child .featured_thumb .thumb-icon i {top: -36px;right: 20px;font-size: 30px;} .gallery-posts .featured_thumb .thumb-icon i {top: 20px;right: 29px;font-size: 18px;} .gallery-posts .def_wgr:first-child .featured_thumb:hover .thumb-icon i {top: 20px;} .gallery-posts .featured_thumb:hover .thumb-icon i {top: 30px;} .block-posts .item_small a.first_A:after, .def_wgr a.first_A:after {content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 151px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0dSB0HCO2bgouFfcH04VOx9SQqoIMHHpMf4bsRfOvIUX7NF_6Mw0DEuzn2n_-7OxDKI0M6wGhSmYpwu9yJej4GxjIrmlozx3g1RadmKV4YmhWDqWyHhiWLVaievvkTDpInzbJLSgJVLd_/s1600/gradient.png') repeat-x scroll 0% 0% transparent;} .equal-posts .def_wgr:first-child, .equal-posts .def_wgr:nth-child(3), .equal-posts .def_wgr:nth-child(5), .equal-posts .def_wgr:nth-child(7), .equal-posts .def_wgr:nth-child(9), .equal-posts .def_wgr:nth-child(11), .equal-posts .def_wgr:nth-child(13), .equal-posts .def_wgr:nth-child(15), .equal-posts .def_wgr:nth-child(17) {margin: 0 0 0 20px;} .def_wgr h3 {position: absolute;bottom: 40px;right: 0;padding: 0 20px;margin: 0 0 10px !important;color: #FFF;z-index: 98;font-size: 17px;} .def_wgr .details {position: absolute;bottom: 20px;right: 0;width: 100%;color: #FFF;z-index: 98;} .def_wgr .s_category {padding: 0 20px 0 0;font-size: 11px;} .def_wgr .s_category a {margin: 0 0 0 12px;} .def_wgr .details a, .def_wgr .details {color: #B4B4B4;} .def_wgr .more_meta a {margin: 0 10px 0 20px;font-size: 13px;float: left;} .wgr .details a:hover, .def_wgr .details a:hover {color: #FFF;} .block-posts .item_small .details h3 {font-size: 14px;line-height: 20px;margin: 0 0 8px;} .block-posts .item_small .details .post_meta a {color: #C2C2C2;margin: 0 0 0 12px;transition: all 0.2s ease 0s;font-size: 12px;line-height: 20px;} .block-posts .item_small:first-child .details .post_meta a:nth-child(2) {display: block;} .block-posts .item_small .details .post_meta a:nth-child(2) {display: none;} .block-posts .item_small .featured_thumb .thumb-icon i {font-size: 18px;} .block-posts .item_small:first-child .featured_thumb .thumb-icon i {font-size: 30px;} #block_carousel {margin: 0 -5px;width: 102%;} #block_carousel .item {margin: 0 6px;} #block_carousel .featured_thumb img {height: 116px;width: 165px;} #block_carousel .featured_thumb a {display: block;height: 116px;} #block_carousel h3 {font-size: 15px !important;line-height: 20px;margin: 14px 0 2px;font-weight: 700;} #block_carousel a.date_c {display: block;font-size: 11px;color: #C2C2C2;transition: all 0.2s ease 0s;} #block_carousel a.date_c:hover, .block-posts .item_small .details .post_meta a:hover {color: #55B2F3;} #block_carousel .owl-controls, #block_carouselo .owl-controls {bottom: auto;top: -54px;left: -16px;background: none repeat scroll 0% 0% #FFF;display: block;z-index: 9;padding: 0 7px 0 0;} #block_carouselo .owl-controls {left: -20px;} #block_carousel .owl-controls .owl-page span, #block_carouselo .owl-controls .owl-page span {width: 8px;height: 8px;margin: 3px 4px;background: #7F8081;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #footer_carousel .owl-controls {top: -45px;left: -2px;background: none repeat scroll 0% 0% #1D1E20;display: block;z-index: 9;padding: 0 6px 0 0;bottom: auto;} #footer_carousel .owl-controls .owl-buttons div {margin: 0 !important;padding: 0 6px !important;background: none repeat scroll 0% 0% transparent !important;color: #CECECE !important;} #footer_carousel img {width: 269px !important;height: 295px !important;} #block_carouselo .item {margin: 0px 6px;} #block_carouselo .featured_thumb img {height: 140px;width: 198px;} #block_carouselo .featured_thumb .thumb-icon {height: 140px;width: 198px;} #block_carouselo h3 {font-size: 15px !important;line-height: 20px;margin: 14px 0px 2px;font-weight: 700;} #block_carouselo .featured_thumb a {display: block;height: 140px;width: 198px;} ul.menubar li:last-child {border: none;} .container,.main-menu {width: 1190px;margin: 0 auto;} .top-comment-widget-menu {float: right;margin: -15px 0 15px;padding: 0;width: 100%;height: 40px;background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjdvgtny4W8v9-PhjOv3VyYxgBbTAX9bBv5Ie9ZizOFtGPIc8YXjC92aw9qH4nOSLvaYOrZeqmJQRYI55Bf4jKXpm7rT1QMjpOonbcB24_H1zKvjQ3zgp-clfZrTUwptZR9CIeLreF-6o/s1600/menu-bg2.png) repeat;} .header h1.title:first-letter {color: $(maincolor);} .top-comment {float: right;font-size: 14px;list-style: none outside none;text-transform: uppercase;width: 43%;margin: 1px;padding: 10px 20px !important;font-weight: normal;color: #fff;cursor: pointer;} .top-comment.selected {cursor: pointer;padding: 12px 20px !important;margin: 0px -16px 0 0;color: #FFF;background:$(maincolor);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} /* Homepage Slider Styles */ .homepage .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: right;word-wrap: break-word; overflow: hidden;} .homepage .slide ul {list-style:none;margin:0;padding:0;} .homepage .slide .widget {margin:0} .homepage #slider{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqWLAYo7MJseD-A9ogVND4OnjPgZvrpQfhWHVywiTf8rqepaJV0EMKAX8DxmNx-J6pWnArzBSyRLuOa2JEx3_OhYvhyphenhyphenyyGUrPb_zWNDCIJKuWGclCb6T8Sg2sP3RrDRCKhcj-5lvRVGeA/s1600/slider-holder.png);margin-right:0px;position:relative;overflow:hidden;width: 648px;height: 375px;} .homepage .slider-main-outer{position:relative;height:100%;width:610px;z-index:3;overflow:hidden} .homepage ul.slider-main-wapper li h3{z-index: 10;position: absolute;bottom: 0;width: 66%;padding: 15px;margin: 10px 0px 0 0;background: rgba(28,28,28,0);background: -moz-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);background: -webkit-gradient(right top, right bottom, color-stop(0%, rgba(28,28,28,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(254,251,252,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(28,28,28,0)), color-stop(38%, rgba(0,0,0,0.45)), color-stop(85%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);background: -o-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);background: -ms-linear-gradient(top, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);background: linear-gradient(to bottom, rgba(28,28,28,0) 0%, rgba(255,255,255,0) 0%, rgba(254,251,252,0) 0%, rgba(255,255,255,0) 0%, rgba(28,28,28,0) 0%, rgba(0,0,0,0.45) 38%, rgba(0,0,0,1) 85%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#000000', GradientType=0 );} .homepage ul.slider-main-wapper li h3 p{color:#fff;font-size:12px;padding:5px 10px;margin:15px 0 5px;background:$(maincolor);width:155px} .homepage ul.slider-main-wapper li h3 a{color:#fff;font-size:25px;margin:0;text-shadow: 1px 1px 0 #000;} .homepage ul.slider-main-wapper li h3 .title{color:#eee;font:12px Droid Arabic Kufi;margin:0;padding-top:5px;display: none;} .homepage ul.slider-main-wapper li .imgauto{width:590px;height:375px;overflow:hidden;margin:0;padding:0;} .homepage ul.slider-main-wapper{height:375px;width:610px;position:absolute;overflow:hidden;margin:0;padding:0} .homepage ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:610px;float:right;margin:0;padding:0} .homepage .slider-opacity li{position:absolute;top:0;right:0;float:inherit} .homepage ul.slider-main-wapper li img{list-style:none;width:auto;height:375px;padding:0;} .homepage ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0} .homepage ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0} .homepage .slider-navigator-outer{background:#303030;position:absolute;left:10px;top:0px;z-index:10;height:450px;width:35%;overflow:hidden;color:#333;} .homepage .slider-navigator li h5{color:#ccc;font:bold 12px Droid Arabic Kufi;margin:0;font-family: 'Droid Arabic Kufi',sans-serif;line-height: 18px;font-weight: 300;color: #eee;text-decoration: none;margin: 0;position: relative;height: 34.4px;font-size: 13px;display: block;padding: 22px 15px 18px 7px;} .homepage .slider-navigator li .title{color:#eee;font:11px Droid Arabic Kufi;margin:0;padding-top:5px} .homepage .slider-navigator li div{height:74px;position:relative;margin:0;padding:0 0px;border-bottom:1px dashed #222} .homepage .slider-navigator li.active div,.slider-navigator li:hover div{color:#999;} .homepage .slider-navigator li img{border:#444 solid 2px;height:70px;width:90px;float:right;margin:5px 0 5px 10px} .homepage .slider-navigator li.active img{border:#ccc solid 2px} .homepage .slider-navigator li.active h5,.slider-navigator li h5:hover{color: $(maincolor);position: relative;background: #222;border-right: 4px solid $(maincolor);} .homepage ul.slider-navigator .title {display: none;} .homepage #my-slider{position: relative;min-width: 585px;width: 100%;margin-top: -12px;} .homepage #my-slider .widget h2,.tabs-wrap .widget h2{display:none} .homepage .my_slider{margin-bottom:2px;position:relative;margin-bottom:30px;overflow:hidden;} .my_slider_wrap{position:relative;height:430px;overflow:hidden;margin-bottom:3px;padding:0} .homepage .my_slider_item{max-width:585px;height:430px;overflow:hidden;width:100%} .homepage .my_slider .slides img{width:100%;height:430px;object-fit: cover;} .homepage .my_slider .slider_caption{margin-top:10px;margin-bottom:15px} .homepage .my_slider .slider_caption:after{content:"";height:3px;width:100%;overflow:hidden;display:block;right:0;position:absolute;bottom:-4px} .homepage .my_slider_wrap .my_slider_item{display:none;position:relative} .homepage .flex-direction-nav {*height: 0;} .homepage .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .homepage .my_slider .slider_caption h3{margin-bottom:0;font-size:20px} .my_slider .slider_caption h3 a{color: #fff;font-size: 16px;line-height: 1em;font-weight: 600;margin: 5px 0 0 0;font-family: "Droid Arabic Kufi", arial, Georgia, serif;} .homepage .my_slider p.caption{position: absolute;padding: 7px 0px;bottom: 55px;width: 90%;color: #fff;font-size: 14px;z-index: 99;font-family: 'Droid Arabic Kufi',Tahoma;font-weight: 400;line-height: 1.5;} .homepage .my_slider .post-meta{color: #EEE;text-transform: uppercase;font-size: 13px;font-family: 'Droid Arabic Kufi',Tahoma;} .homepage .my_slider .post-meta span {padding: 0 0px;display: inline-block;color: #FFF;border-radius: 2px;margin: 1px 2px;background: none;} .homepage .my_slider .flex-direction-nav a{position: absolute;top: 25px;cursor: pointer;right: 22px;z-index: 99;display: block;width: 34px;height: 34px;background-color: rgba(0,0,0,0.1);text-align: center;color: #fff;border-radius: 4px;line-height: 34px;} .homepage .my_slider .flex-direction-nav a:hover {background-color: rgba(0,0,0,0.2)!important;-webkit-transform: scale(1.2);transform: scale(1.2);transition: all ease-in-out 0.18s;} .homepage .post-readmore:hover {background: #2B2B2B;} .homepage .my_slider .flex-direction-nav .flex-next {background-position: 100% 0;z-index: 99;right: 59px;} .homepage .my_slider .flex-direction-nav .flex-prev {margin-right:0px;z-index:99} .homepage .my_slider .flex-direction-nav .flex-next:before {content: "\f053";font-family: FontAwesome;} .homepage .my_slider .flex-direction-nav .flex-prev:before {content: "\f054";font-family: FontAwesome;} .homepage .post-readmore {background-color: #e84c4c;border: 0;border-radius: 2px;color: #fff;font-size: 14px;font-weight: 400;min-height: 36px;line-height: 36px;display: inline-block;padding: 0px 24px 0px;vertical-align: middle;letter-spacing: normal;text-align: center;bottom: 28px;right: 20px;transition: all 0.2s linear 0s;} .homepage a.btn-link {color: #fff;} .homepage .post-caption-content {position: absolute;width: 100%;bottom: 0;z-index: 888;background-color: #000;background-color: rgba(0, 0, 0, 0.5);padding: 19px;} .homepage .my_slider .flex-control-nav.flex-control-paging a {display: inline-block;text-indent: -9999px;margin: 0 5px;width: 10px;height: 10px;background-color: #ececec;cursor: pointer;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .homepage .flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0,0,0,0.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .homepage .flex-control-nav.flex-control-paging{display:none} .homepage .layout-2c .flex-viewport{max-width:960px;margin:0 auto} .homepage .flex-viewport{max-width:1100px;margin:0 auto} .homepage .flexslider .slides{zoom:1;overflow:hidden} .homepage a.more-link{background:#222;color:#FFF;padding:3px 7px;display:block;float:right;margin-top:4px} .homepage a.more-link:hover{background:#444!important} .homepage li:first-child a.more-link, .ind-my li:first-child a.more-link {background: none repeat scroll 0 0 #333333;color: #FFFFFF;display: inline-block;margin: 20px 0;padding:auto 15px;} /* Item Page Styles */ .item-page h2.post-title a, .item-page h1.post-title a, .item-page h2.post-title, .item-page h1.post-title {color:#383838;font-size:14px;} .item-page #relpost_img_sum .news-text {display: none;} .item-page .top-comment.blogico:before {content: "\f0d5";font-family: fontawesome;margin-left: 15px;} .item-page .top-comment.faceico:before {content: "\f09a";font-family: fontawesome;margin-left: 15px;} /* Comment Styles for non-index pages */ .comments {clear:both;margin-top:10px;margin-bottom:0} .comments .comment-form {overflow:hidden;} .comments h3 {line-height:normal;text-transform:uppercase;color:#333;font-weight:bold;margin:0 0 20px 0;font-size:14px;padding:0 0 0 0;} h4#comment-post-message {display:none;margin:0 0 0 0;} .comments .comments-content{font-size:13px;margin-bottom:8px} .comments .comments-content .comment-thread ol{text-align:right;margin:13px 0;padding:0} .comments .avatar-image-container {background:#fff;border:1px solid #DDD;overflow:hidden;float:right;padding:6px;} .comments .comment-block{position:relative;background:#fff;padding:15px;margin-right:60px;border-right:3px solid #ddd;border-top:1px solid #DDD;border-left:1px solid #DDD;border-bottom:1px solid #DDD;} .comments .comment-block:before {content:"";width:0px;height:0px;position:absolute;left:98.6%;top:14px;border-width:10px;border-style:solid;border-color:transparent #DDD transparent transparent;display:block;} .comments .comments-content .comment-replies{margin:8px 0;margin-right:60px} .comments .comments-content .comment-thread:empty{display:none} .comments .comment-replybox-single {background:#f0f0f0;padding:0;margin:8px 0;margin-right:60px} .comments .comment-replybox-thread {background:#f0f0f0;margin:8px 0 0 0;padding:0;} .comments .comments-content .comment{margin-bottom:6px;padding:0} .comments .comments-content .comment:first-child {padding:0;margin:0} .comments .comments-content .comment:last-child {padding:0;margin:0} .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {margin:0px 30% 5px 0px} .comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0px 25% 5px 0px;} .comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0px 20% 5px 0px;} .comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0px 15% 5px 0px;} .comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0px 10% 5px 0px;} .comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0px 5% 5px 0px;} .comment .comment-thread.inline-thread .comment:nth-child(1) {margin:0px 0 5px 0px;} .comments .comments-content .comment-thread{margin:0;padding:0} .comments .comments-content .inline-thread{background:#fff;border:1px solid #DDD;padding:15px;margin:0} .comments .comments-content .icon.blog-author {display:inline;} .comments .comments-content .icon.blog-author:after {content: "الأدمن";background: $(maincolor);color: #fff;font-size: 11px;padding: 2px 5px;} .comment-header {text-transform:uppercase;font-size:12px;} .comments .comments-content .datetime {margin-right: 6px;} .comments .comments-content .datetime a {color:#888;} .comments .comment .comment-actions a {display:inline-block;color:#333;font-weight:bold;font-size:10px;line-height:15px;margin:4px 0 0 8px;} .comments .continue a {color:#333;display:inline-block;font-size:10px;} .comments .comment .comment-actions a:hover, .comments .continue a:hover{text-decoration:underline;} .pesan-komentar {} .pesan-komentar p {line-height:normal;margin:0 0;} .pesan-komentar:before {} .fotright{float:right} .fotleft{float:left;text-align:left;} .top-comment-widget-menu.clear {display: none;} .item-page .top-comment-widget-menu.clear {display: block;} @media only screen and (max-width:1024px){#selectnav1 {background: none repeat scroll 0 0 #333;border: 1px solid #232323;color: #FFF;width: 418px;margin: 8px 0px;float: right;}.selectnav {display:block;width:50%;margin:0;padding:7px;}} @media only screen and (max-width:768px){#selectnav1 {background: none repeat scroll 0 0 #333;border: 1px solid #232323;color: #FFF;width: 418px;margin: 8px 0px;float: right;}.selectnav {display:block;width:50%;margin:0;padding:7px;}} @media only screen and (max-width:768px){#selectnav1 {width: 405px;}} @media only screen and (max-width:480px){#selectnav1 {width:266px;}} @media only screen and (max-width:320px){#selectnav1 {width:280px;}} /* MEDIA QUERY */ @media only screen and (max-width:1066px){.container, #outer-wrapper {margin:0 auto;width: 1000px;}#post-wrapper {width: 700px;max-width: 700px;}div#mywrapper {float: right;width: 700px;}div#main {width: 700px;}#sidebar-wrapper {max-width: 259px;} .my_slider_item {max-width: 700px;}#main-nav {margin: 0 auto;width: 1023px;}#sidebar-narrow {display: none;}.main-menu {width: 940px;margin: 0 auto;}} @media only screen and (max-width:1024px){#menu-main {display: none;}.main-menu {width: 680px;margin: 0 auto;}#my-slider {margin-right: 15px;}div#main {width: auto;}#post-wrapper {width: 680px;max-width: 680px;}#sidebar-wrapper{width:100%;max-width:100%;}.main-menu {padding: 5px 20px;}#searchformfix {margin-top: 0px; }.container,#outer-wrapper {width: 730px;}#main-nav{width: 771px;}#slider {overflow: hidden;width: 100%;}#bottombar .center,#bottombar .center1,#bottombar .left, #bottombar .right{width:50%}} @media only screen and (max-width:768px){.top-comment-widget-menu {height: 56px;}.top-comment {width: 40%;}#beakingnews {width: 94.2%;}.container, #outer-wrapper {width: 440px;}#main-nav{width: 483px;}#menu-main {display: none;}#my-slider {margin-right: -6px;margin-top: 20px;}div.conty {width: 400px;margin: 0 auto;}#searchformfix {display: none;}.slider-navigator-outer {display: none;}.my_slider .slides img {width: 440px;height: 430px;object-fit: cover;}.post-caption-content {width: 440px;}div#mywrapper {width: 440px;}#post-wrapper, #sidebar-wrapper {float:none;width:100%;max-width:100%;clear: both;}.active {display: block;}.post-body img {max-width:90%;}.img-thumbnail {margin:0 0 0 10px;}.stylebox .widget {padding:0 0 10px 0;}#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-5 .widget {padding:0 0 10px 5px;}#stylebox-2 .widget, #stylebox-4 .widget, #stylebox-6 .widget, #stylebox-7 .widget{padding:0 5px 10px 0;}.sidebar-container, .post-container {padding:15px 0 0px;}} @media only screen and (max-width:640px){#menu-main {display: none;}.slider-navigator-outer {display: none;}#content-wrapper{padding:0 10px}#sidebar-narrow{display:none}div#mywrapper {width: 440px;}#sidebar-wrapper {border-right: none;padding-right: 0;clear: both;}.main-menu {padding: 6px 17px;width:440px;}#post-wrapper, #sidebar-wrapper, #bottombar .right, #bottombar .center,#bottombar .center1, #bottombar .left {float:none;width:100%;max-width:100%} .header{width:100%}.header-left {display:none}.sidebar-container, .post-container{padding:10px 0 0px;}.largebanner .widget, #bottombar {padding:10px;}.post, .breadcrumbs {margin:0 0 10px;padding:10px;}.pagenavi {margin: 6px 0 10px;}.stylebox .widget-content {padding:10px;}#bottombar .right .widget, #bottombar .center .widget, #bottombar .left .widget, .sidebar .widget {margin:0 0 10px 0;}} @media only screen and (max-width:480px){.container,#outer-wrapper {width: 300px;}.top-comment {width: 38%;}div.conty {width: 254px;margin: 0 auto;}#searchformfix {display: none;}#sidebar-wrapper {clear: both;}.my_slider .slides img {width: 300px;height: 330px;object-fit: cover;}.my_slider_item {height: 330px;}.post-caption-content {width: 258px;}ul.xpose_thumbs1,ul.xpose_thumbs22{width:100%}#menu-main {display: none;}#sidebar-narrow{display:none}div#mywrapper {width: 300px;}.header, .header-left, .stylebox,.stylebox1 {float:none;width:100%;max-width:100%}.header img {margin: 20px auto 0;}.largebanner .widget, #bottombar {padding:8px;}.post, .breadcrumbs {margin:0 0 8px;padding:8px;}.stylebox .widget-content,.stylebox1 .widget-content {padding:8px;}h2.post-title, h1.post-title {font-size:16px;}.img-thumbnail, .img-thumbnail img {width:100%;height:200px;}.img-thumbnail {margin:0 0 12px 8px;}#stylebox-1 .widget, #stylebox-3 .widget, #stylebox-2 .widget, #stylebox-4 .widget, #stylebox-5 .widget, #stylebox-6 .widget ,#stylebox-7 .widget{padding:0 0 8px 0;}.comments .comment-block, .comments .comments-content .inline-thread {padding:10px !important;}.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}.footer-right, .footer-left {float:none;text-align:center;}} @media screen and (max-width:320px){#outer-wrapper {padding:0 6px;}#menu-main {display: none;}#sidebar-narrow{display:none}div#mywrapper {float: none;width: auto;}.post, .breadcrumbs {padding:6px;}.stylebox .widget-content,.stylebox1 .widget-content {padding:6px;}.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}} ]]>