/*----------------------------------------------------------------------------------- TABLE OF CONTENTS -------------------- 0. Default Font Imports 1. CSS Reset 2. Global Styles 2. General 3. Comments 4. Portfolio 5. Sidebar & Widgets 6. Navigation Menu 7. Controls Bar 8. Contact 9. Shortcodes -----------------------------------------------------------------------------------*/ /* FlexSlider CSS Import */ .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider *{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}.flexslider{padding:0;overflow:hidden}.flexslider .slides>li{display:none}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0;background:#fff;position:relative;width:100%}.flex-viewport{height:auto;max-height:2000px;margin:0;width:100%}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.flex-direction-nav{height:0}.flex-direction-nav a{width:40px;height:40px;margin:0;display:block;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;position:absolute;top:50%;margin-top:-20px;cursor:pointer;text-indent:-9999px;opacity:.7}.flex-direction-nav .flex-next{background-image:url(../images/sprites/arrow-right.png);background-position:center center;right:-40px;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.flex-direction-nav .flex-prev{background-image:url(../images/sprites/arrow-left.png);background-position:center center;left:-40px;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.slider-type-2 .flex-direction-nav{display:none!important}.flex-control-nav{position:absolute;top:8px;right:10px;width:auto;display:inline-block;text-align:center}.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:10px;height:10px;display:block;background:#666;background:rgba(0,0,0,.2);cursor:pointer;text-indent:-9999px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;box-shadow:inset 0 0 3px rgba(0,0,0,.1)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.4)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.4);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}.caption{font-size:14px}.slider-type-2 .entry-meta a{color:#888!important}.slider-type-2 .entry-meta a:hover{color:#333!important}.slider-type-2 .entry-meta{margin-bottom:0;margin-top:17px}.flex-caption{position:absolute;bottom:0;left:0;display:block;width:100%;background:#323232;background:rgba(35,40,43,.9);padding-top:12px;padding-bottom:12px}.slider-type-2 .flex-caption{position:static;background:0 0;border-bottom:solid 1px #f0f0f0;padding-bottom:5px}.caption-inner{padding:0 16px;color:#fff;color:rgba(255,255,255,.7);margin-top:3px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}.slider-type-2 .caption-inner{color:#666!important;padding:0}.slider-type-2 .hb-category-name{display:none!important}.flexslider a,.flexslider a:hover{color:#FFF}.slider-type-2 .flexslider a,.slider-type-2 .flexslider a:hover{color:#498ab8}.slider-title:hover,.slider-type-2 a:hover{border-bottom-color:#ddd;border-bottom-color:rgba(0,0,0,.1)}.slider-type-2 .caption{font-size:13px}.meta-info .delimiter:last-child{display:none!important}.flexslider .meta-info{font-size:12px;margin-bottom:12px;color:#999;margin-left:2px;line-height:1.1;display:block;clear:both;letter-spacing:0}.flexslider .meta-info a{color:#999}.flexslider .meta-info a:hover{border-bottom-color:rgba(255,255,255,.1)}.widget-item .flexslider .meta-info{margin-bottom:0}.caption-inner h3{font-family:"PT Sans";font-size:26px;line-height:30px;letter-spacing:-1px;display:block;clear:both;padding-top:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease;margin-bottom:3px}.caption-inner h3 a{color:#FFF;padding-bottom:0;line-height:1.1;border-bottom:solid 1px transparent;margin:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}.slider-title{display:inline-block}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}.flex-direction-nav .flex-next{opacity:1;right:0}}.ei-slider{position:relative;display:block;margin:0;height:250px}.ei-slider-loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:999;background:#000 url(images/black-loader.gif) no-repeat 50% 48%;color:#fff;text-align:center;line-height:520px}.ei-slider-large{height:100%;width:100%;position:relative;overflow:hidden}.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%}.ei-slider-large li img{width:100%;display:block;margin:0}.ei-title{position:absolute;left:30px;margin-right:0;bottom:15%;color:#fff;opacity:.8}.ei-title h2,.ei-title h3{text-align:left;font-family:"PT Sans",Helvetica,Arial,sans-serif}.ei-title h2{color:#fff;font-size:26px;background:#498AB8;float:left;padding:8px 12px;margin-bottom:3px;letter-spacing:-1px}.ei-title h3{clear:both;font-size:14px;color:#FFF;line-height:20px;width:435px;background:#363D40;padding:8px 12px}.ei-slider-thumbs{height:13px;margin:0 auto;position:relative;max-width:100%!important}.ei-title a{color:#FFF}.ei-slider-thumbs li{position:relative;float:left;height:100%}.ei-slider-thumbs li.ei-slider-element{top:0;left:0;position:absolute;height:100%;z-index:10;text-indent:-9000px;background:#498AB8}.ei-slider-thumbs li a{display:block;text-indent:-9000px;background:#363D40;width:100%;height:100%;cursor:pointer;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.3),0 1px 0 1px rgba(255,255,255,.5);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.3),0 1px 0 1px rgba(255,255,255,.5);box-shadow:0 1px 1px 0 rgba(0,0,0,.3),0 1px 0 1px rgba(255,255,255,.5);-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.ei-slider-thumbs li a:hover{background-color:#888}.ei-slider-thumbs li img{position:absolute;bottom:50px;opacity:0;z-index:999;width:100%;max-height:100px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;-ms-filter:"alpha(Opacity=0)";-webkit-box-reflect:below 0 -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,.3)))}.content .ei-slider-thumbs li img{max-height:65px}.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:"alpha(Opacity=100)"} /* 0. DEFAULT FONT IMPORTS ------------------------------------------------------- */ @font-face{ font-family:'FontAwesome'; src:url('./font/FontAwesome/fontawesome-webfont.eot?v=3.0.1'); src:url('./font/FontAwesome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('./font/FontAwesome/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('./font/FontAwesome/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight:normal; font-style:normal } /*---------------------------------------------------------------------------------*/ /* 1. CSS RESET ------------------------------------------------------------------ */ *,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,label,li,ol,p,pre,td,th,ul{margin:0;padding:0;outline:0;vertical-align:baseline;background:0 0}table{border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li,ol,ul{list-style:none}dl{margin-bottom:20px}dd,dt{line-height:20px}dt{font-weight:700}dd{margin-left:10px}.dl-horizontal{*zoom:1}.dl-horizontal:after,.dl-horizontal:before{display:table;content:"";line-height:0}.dl-horizontal:after{clear:both}.dl-horizontal dt{float:left;width:auto;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:90px}caption,th{text-align:left}q:after,q:before{content:''}*{outline:0}strong{font-weight:700}em{font-style:italic}a img{border:none}img{border-style:none;vertical-align:top;max-width:100%;height:auto}table tbody tr td,table tfoot tr td,table tfoot tr th,table thead tr th,table tr td{font-size:12px;line-height:18px;text-align:left}table tfoot tr td,table thead tr th{font-size:14px;font-weight:700;color:#222;padding:8px 10px 9px}table tfoot tr td:first-child,table thead tr th:first-child{border-left:none}table tfoot tr td:last-child,table thead tr th:last-child{border-right:none}table tbody tr td{color:#333;vertical-align:top}table{margin:0 0 1.5em;width:100%;border-collapse:collapse}table tbody tr td,table th{text-align:left;padding:.6666em 1em;border:1px solid #e7e7e7}th{background-color:#f4f4f4;font-weight:700;color:#323232}#secondary th{background:#666;color:#ccc}tfoot th{border-top:none}.hb-content ol,.hb-content ul,.page-content ol,.page-content ul{margin:0 0 20px;list-style-position:inside}.hb-content ul ul,.page-content ul ul{margin-bottom:0;margin-left:15px}.hb-content ol ol,.page-content ol ol{margin-bottom:0;margin-left:5px}.hb-content ol ol li,.page-content ol ol li{list-style-type:upper-alpha}.hb-content ol ol ol li,.page-content ol ol ol li{list-style:lower-alpha}.hb-content ol ol ol ol li,.page-content ol ol ol ol li{list-style:decimal-leading-zero}.hb-content ul ul li,.page-content ul ul li{list-style-type:disc}.hb-content ul,.hb-content ul li,.page-content ul,.page-content ul li{list-style:square;list-style-position:inside}.flex-direction-nav,.flex-direction-nav li,.news-in-pictures,.news-in-pictures li,.post-list,.post-list li,.post-list ul,.post-list ul li,.slides,.slides li{list-style:none!important;list-style-type:none!important}.dropcap{display:inline-block;float:left;font-size:3em;line-height:1;font-weight:700;margin-right:.166em;color:#333}blockquote{display:inline-block;color:#555;margin-bottom:30px;font-size:16px;font-style:italic;line-height:22px;padding:2px 20px 0;border-left:5px solid #f0f0f0}blockquote.right-pull{display:inline-block;margin:20px 0 20px 20px;float:right;max-width:35%}blockquote.left-pull{display:inline-block;margin:20px 20px 20px 0;float:left;max-width:35%}blockquote cite{color:#aaa;font-size:14px}blockquote p{margin-bottom:0!important;padding-bottom:5px}.highlight{background-color:#ffffbc}.line-through,del{text-decoration:line-through}abbr,acronym,dfn{border-bottom:1px dotted #666;cursor:help;font-style:italic}sub,sup{position:relative}sup{top:-.5em}sub{bottom:-.25em}.small,small{color:#777}.tooltip{text-decoration:underline;cursor:default;color:#498AB8;font-weight:700;position:relative;display:inline-block}pre{margin-bottom:20px;padding:15px;overflow:auto;font-family:Consolas,Courier New,Courier,monospace;color:#323232;background:#fafafa;border:1px solid #f0f0f0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-break:break-all;word-wrap:break-word}code,kbd,samp,var{font-family:Consolas,Courier New,Courier,monospace}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{zoom:1}.none{display:none}.last-column{margin-right:0;clear:right}.clear-margin{margin:0!important} /*---------------------------------------------------------------------------------*/ /* 2. GENERAL STYLES ------------------------------------------------------------- */ body { background-color: #f0f0f0; font:13px/20px 'PT Sans', Arial, Helvetica, sans-serif; color: #434343; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; border-top: 3px solid #498AB8; } body.hide-top-line { border-top:none; } ::selection { background: #498AB8; color: #ffffff; } ::-moz-selection { background: #498AB8; color: #ffffff; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 15px; margin-bottom: 10px; } .alignright { display: inline; float: right; margin-left: 15px; margin-bottom: 10px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } /* WP Classes */ .wp-caption { padding:7px; border:solid 1px #f4f4f4;} .wp-caption img { width:100%; display:block; } .wp-caption-text{ margin-bottom: 0px !important; text-align: center; color: #787878; font-style: italic; margin-top: 5px; } .sticky{} .gallery-caption{} .bypostauthor{} ins.search-ins { text-decoration: none; } #main-content-area ins.search-ins { background: #FFFF0D; text-decoration: none; } .hb-sidebar ins { background: transparent !important; text-decoration: none; } .breadcrumb-inside span strong { font-style:italic; } .ss li a, .ss li a:hover { padding:0 !important; border:none !important; } /* Default margins */ ol, ul, p, .author-box-content { margin-bottom:30px; } ol li { margin-left:20px; } ol li { list-style-type:decimal; } ul.archive-list li ul { margin-bottom:0px; margin-left:20px; } ul.archive-list li a { margin-left:8px; } /* Reset Margins */ #bottom-nav, #copyright, .tweets, .tweet_list { margin-bottom:0px; } .share-post .twitter-share-button { margin-bottom: 0px !important; } /* Form elements */ textarea, input { margin-bottom:10px; } .wpb_wrapper input[type=text], .wpb_wrapper input[type=email], .wpb_wrapper input[type=password], .wpb_wrapper textarea { width:100%; } input[type=text], input[type=email], input[type=password] { border: solid 1px #e3e2e1; outline: none; font-family: "PT Sans" ,"Helvetica Neue", Helvetica, Arial, sans-serif !important; padding: 0px 6px; color: #999; width: 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; line-height: normal; display: inline-block; height: 35px; font-size: 13px; background: #f9f9f9; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { color:#222; border-color:#555; border: solid 1px #d9d9d9; box-shadow:0 0 4px rgba(82,168,236,.5); -moz-box-shadow:0 0 4px rgba(82,168,236,.5); -webkit-box-shadow:0 0 4px rgba(82,168,236,.5); } textarea { font-family: "PT Sans" ,"Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #999; padding: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; line-height: normal !important; display: inline-block; border: solid 1px #e2e1e0; outline: none; width: 70%; height: 150px; overflow: hidden; background-image: url(../images/sprites/comment-star.png) !important; background-repeat: no-repeat !important; background-position: right bottom !important; font-size: 13px; background-color:#f9f9f9; } textarea:focus { background-position: 105% 105% !important; } input[type=text]:hover, input[type=email]:hover, textarea:hover { border: solid 1px #d9d9d9; } input, textarea, submit, button, .hb-accordion > section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Login Form */ #login-form form p { margin-bottom: 0px; position: relative; display: block;} #login-form form input { width:100%; } #login-form .icon-user{ position: absolute; top: 0px; right: 1px; height: 33px; margin-top: 1px; padding-left: 11px; padding-right: 11px; line-height: 35px; background: #f0f0f0; } #login-form .icon-key { position: absolute; top: 0px; right: 1px; height: 33px; margin-top: 1px; padding-left: 9px; padding-right: 10px; line-height: 35px; background: #f0f0f0; } .form-links { font-size: 11px; } .small-sidebar .form-links { display:none; } label.error { display: none !important } em.moderation { color:#aaa; font-style:normal; } input.error, textarea.error { -webkit-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(250, 0, 0, 0.1); box-shadow: 0 0 4px rgba(250, 0, 0, 0.1); border: solid 1px #F00 !important; } .fitVids { width:100%; display: block; overflow: hidden;} .fitVids iframe { width:100% !important; } .error404 #breaking-news { display:none; } .wpb_wrapper p, .hb-content p { margin-bottom:20px; } .wpb_wrapper p:last-child , .hb-content p:last-child{ margin-bottom:0px; } /* Large post list */ .large-post-list .post-thumb { width:33%; margin-right: 20px; float:left; } .large-post-list .post-excerpt { margin-top:10px; } .large-post-list h3 { margin-bottom: 5px;} .large-post-list li {display: block; margin-bottom: 15px; position: relative; border-bottom: solid 1px #f0f0f0; } .large-post-list .entry-content .entry-meta { margin-top: -10px !important; margin-bottom: 10px !important; } .large-post-list .entry-meta { border-bottom: none; } .entry-content .stars-wrapper { margin-top: -7px; margin-bottom: 15px; margin-left: 0px; } .large-post-list li .stars-wrapper { position: absolute; top:0px; left: 0px; z-index: 1; margin-top: 0px; margin-bottom: 0px; background: #000; background: rgba(0,0,0,0.5);} .large-post-list .image-overlay-inside { z-index: 9999; } .widget-item .post-list .stars-wrapper { float: right !important; } .slider-type-2 { margin-bottom: 20px; } .slider-type-2 .caption-inner h3 { font-size: 20px; line-height: 26px; letter-spacing: 0px; } .slider-type-2 .stars-wrapper { margin-top: 0px; margin-bottom: 10px; margin-left: 0px; float: none !important; clear: both;} /* Post List with left aligned small thumbnail */ .post-list { margin: 0 0 1.5em; padding: 0; list-style: none; } .post-list .entry-meta a, .entry-meta, #footer-inner .entry-meta a { color:#888; } .post-list .entry-meta a:hover { color:#333; } .ad-cell { margin-bottom: 15px; } .hb-sidebar .widget_search input[type=submit] { width:29%;} .hb-sidebar .widget_search input[type=text] { width:70%;} .hb-sidebar.small-sidebar .widget_search input[type=submit] { width:40%;} .hb-sidebar.small-sidebar .widget_search input[type=text] { width:58%;} .hb_recent_comments_widget .avatar { width:60px; height:60px; } .hb_recent_comments_widget .post-list .entry-meta { margin-top:5px !important; display:block; } .post-thumb a { border:none !important; } #footer-wrapper .avatar { background:transparent; border-color:rgba(255,255,255,0.1); } #footer-wrapper .post-list li { border-bottom-color:#555; } .hb-most-viewed-posts-widget .entry-meta .sep:last-child { display: inline-block; } .entry-meta .sep:last-child { display: none; } .news-in-pictures { margin-bottom: 20px; } .news-in-pictures li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:20%; padding-right:5px; padding-bottom:5px; float:left; } .hb-news-in-pictures-widget .news-in-pictures li { width:50%; } .hb-news-in-pictures-widget.thirds .news-in-pictures li { width: 33.333%; } .hb-news-in-pictures-widget .news-in-pictures li img { height:auto; } .news-in-pictures li a { display:block; border-bottom:none; } .news-in-pictures li a img { display:block; } .news-in-pictures li a:hover { opacity:0.7; } .post-list li, #sidebar .post-list li { position: relative; overflow: hidden; padding: 0.75em 0; border-bottom: 1px solid #e9e9e9; } .post-list li:first-child { padding-top: 0; } .post-list .post-thumb { float: left; width: 6.1666em; margin: 0; } .post-content { margin-left: 7em; } .post-content.no-image { margin-left: 0; } .post-list h3, .post-list h4 { font-size: 1.1666em; line-height: 1.2857; margin: 0; } .post-list h3 a, .post-list h4 a { color: #666; } .post-list h3 a:hover, .post-list h4 a:hover { color: #333; } .post-list .entry-meta { margin: 0; font-size: 12px; line-height: 18px; } .entry-content h3 { line-height:26px; margin-bottom:10px; } .post-thumb { margin-bottom:15px; display:block; } .post-thumb > a { display:block; } .post-thumb > a.hoveredThumb { background-color:#498Ab8; } .audio-embed iframe{ display:block !important; width:100%; height:auto; } small.vc_label { color: #fff; } .bar_grey small.vc_label { color: #363D40; } /* Contact form 7 */ img.ajax-loader { margin-left: 10px !important; margin-top: 0px; } .wpcf7 p { margin-bottom:12px; } span.wpcf7-not-valid-tip { padding: 3px 5px !important; left: 2px; color:#FD4326; top: -3px; background: #f9f9f9; border: none; max-width:90%;} .wpcf7-not-valid {border: solid 1px #ffc3c3 !important;} .wpcf7-captchac { position: relative; left: 15px; background: white; padding: 5px; vertical-align: middle; bottom: 2px; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { line-height:22px; background:#F9E5E6; color:#FD4326; border: solid 1px #ffc3c3; margin-left:0 !important; margin-right:0 !important; margin-top: 0px; padding: 10px 20px !important; } .wpcf7-mail-sent-ok { background:#E3EBC6 !important; border:1px solid #CDDB9B !important; color:#7F9533 !important; } .hb-sidebar div.wpcf7 img.ajax-loader { margin-top:0px; margin-left: 10px; } .hb-sidebar .wpcf7 input[type=text], .hb-sidebar .wpcf7 textarea, .hb-sidebar .wpcf7 input[type=email], .hb-sidebar .wpcf7 input[type=password] { width:100%; } /* Other form elements */ #search-404 { text-align:center; } #search-404 #search { background-image:url(../images/sprites/comment-star.png); background-position:bottom right; background-repeat:no-repeat; margin:0 auto; margin-top:20px; } #search-404 #search:focus { background-position: 105% 105%; } /* Containers */ .container { position: relative; margin-left: auto; margin-right: auto; width: 1010px; padding-left:30px; padding-right:30px; } #main-wrapper { display:block; width:100%; background:#fff; } #system-message { position:relative; top:0; width:100%; height:31px; line-height:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; background-color:#498AB8; text-align:center;} #system-message a.icon-remove { position:absolute; right:0px; line-height:26px; opacity:0.4; display:block; cursor:pointer; float:right; color:#FFF; background-color:transparent;} #system-message .icon-remove:hover { opacity:1; background-color:transparent; } #system-message a { color:#fff; display:inline-block; position:relative; top:-1px; height:18px; line-height:18px; padding:3px 8px; margin-left:8px; background-color:rgba(255,255,255,0.1); border:none; margin-bottom:0px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #system-message a:hover { background-color:rgba(255,255,255,0.2); } #main-wrapper.boxed-layout { width:1070px; margin-left: auto; margin-right: auto; margin-bottom:60px; margin-top:40px; -webkit-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.25); box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.25); background:transparent; } #main-wrapper.no-shadow { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border: solid 1px rgba(0,0,0,0.05); } #header-wrapper { display:block; background-color:#282D30; height:40px; width:100%; color:#ccc; } .boxed-layout #header-wrapper { background-color:rgba(35,40,43,0.9); } #content-wrapper { display:block; background:#fff; width:100%; border-top:solid 5px #e7e7e7; border-bottom:solid 5px #e7e7e7; position:relative; } #main-wrapper.with-twitter-lineNO .twitter-line { display:none; } #main-wrapper.with-twitter-line #content-wrapper { border-bottom:none; padding-bottom:70px; } .twitter-line { display:block; width:100%; background: #498AB8; color:#fff; margin: 0; padding: 10px 0; position:absolute; bottom:0px; border-bottom:solid 5px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); } .twitter-line #twitter-post { background: url(../images/sprites/twitter-icon.png) no-repeat 20px -49px; list-style: none; margin-top:5px; } .twitter-line .loading { margin-bottom:0px; margin-left:30px; } .tweet-time-icon { display:none; } .twitter-line ul { margin-left:30px; margin-right:30px; } .twitter-line a { color:#fff; font-weight:bold; } .twitter-line a:hover { color:#FFF; border-bottom-color:#f0f0f0; border-bottom-color:rgba(255,255,255,0.2); } .twitter-line .tweet_time_link { display:none; } .twitter-shortcode { margin-bottom: 30px; } #footer-wrapper { display:block; background-color:#363D40; width:100%; border-bottom:5px solid rgba(0,0,0,0.02); position:relative; background-image:url(../images/sprites/map.png); background-repeat:no-repeat; background-position:center center; } #footer-wrapper.hide-image-bg { background-image: none !important; } #footer-inner { padding-top:50px; padding-bottom:10px; color:#999; } .with-twitter-line #footer-inner { padding-top:40px; } #footer-inner .widget-item { margin-bottom:0px; } #footer-inner a { color:#bbb; } #footer-inner a:hover { color:#fff; } .widget-title { display:block; border-bottom:solid 1px #555; margin-bottom:30px; } .page-title-box { display:block; border-bottom:solid 1px #f0f0f0; margin-bottom:30px; position:relative;} .t-box { margin-bottom:15px; } /* Author */ .author-box-content h3.author-title { display: block; border-bottom: solid 1px #f0f0f0; margin-left: 130px; padding-bottom: 0px; line-height: 30px; margin-bottom: 10px;} .author-title a { color: #434343; border: none; } .author-title a:hover { color: #498AB8; } .author-box-content { margin-bottom: 41px; } .author-img-link {display: inline-block; border:none; padding: 0; float: left; margin-right: 20px; margin-top: 10px; position:relative; width: 112px; height: 112px;} .user-posts { font-size: 14px; line-height: 1; margin-left: 10px; color: #bbb; position:relative; top:-2px; } .avatar { float: left; width:96px; height: 96px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; padding: 5px; background: #fff; border: 3px solid #f0f0f0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .avatar:hover, #footer-wrapper .avatar:hover{ border-color: #498AB8; } .hb-login-avatar .avatar { padding: 1px; width:64px; height:64px; background:#fff; margin:0px; border:none; margin-right:15px; margin-top: 20px; margin-left: -10px; display: block; float: none; } .hb-login-avatar { display: block; float: left; margin-top: 0px; height:103px; border-right: solid 1px #f0f0f0; margin-right: 20px; } .hb-promo-box p { margin-top:15px; } /* Return to top */ #scrollTop { background-color:#498ab8; color:#FFF; display:none; font-size:25px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; bottom: 20px; height: 40px; position: fixed; z-index:9999; right: 20px; width: 40px; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } #scrollTop:hover { color:#FFF; color:rgba(255, 255, 255, 1); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #scrollTop span { position:absolute; top:8px; left:11px; } /* Breadcrumbs */ .with-breadcrumbsNO .breadcrumb-wrapper { display:none; } .breadcrumb-wrapper { margin-top: -15px; color: #aaa; font-style: italic; margin-bottom: 10px; margin-right:15px; } .breadcrumb-wrapper a span:before { font-size:14px !important; font-weight:normal; } .breadcrumb-wrapper a, .breadcrumb-wrapper span { font-size:12px; } .breadcrumb-wrapper .icon-home { } .breadcrumb-wrapper span.sep-icon { font-size:12px; color:#aaa; margin-right: 3px; margin-left: 3px; } .breadcrumb-wrapper a { color: #777; } .breadcrumb-wrapper a:hover { color: #498AB8; } /* Timeline styles */ .timeline-wrap { margin-bottom: 30px; } .timeline-wrap .page-title { font-weight: bold; } .timeline-wrap .page-title-box { padding-bottom: 0px; margin-bottom: 0px; } .timeline-month { padding-left: 0px; padding-top: 15px; margin-left: 20px; border-left: solid 1px #498AB8; margin-bottom: 0px;} .timeline-month > li { position: relative; } .timeline-month .icon-circle { position: absolute; left: -9px; top:26px; color: #498AB8; cursor: pointer; } .timeline-month > li > ul { margin-left: 30px; padding-left: 10px; border-left: solid 1px #f0f0f0; margin-bottom: 0px; } .timeline-month > li > ul > li { padding-top: 10px; } .timeline-month > li > ul > li:last-child { padding-bottom: 8px; } .timeline-month h3 { padding-left: 20px; line-height: 32px; font-size: 16px; display: block; border-bottom: solid 1px #f0f0f0; padding-right: 20px; } .timeline-month:last-child { padding-bottom: 20px; } .timeline-date { display: inline-block; padding-right:15px; color: #ccc; } .page-title { min-width: 10px; } .page-title-box h1, .page-title-box h2 { color:#363D40; display:inline-block; margin-bottom:-1px; padding-right:15px; border-bottom:solid 1px #498AB8; padding-bottom:4px; font:16px/28px 'PT Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0px; padding-top:8px; } .main-page-title h1 { font-size:26px; font-weight:bold; letter-spacing:0px; border-bottom:solid 3px #498AB8; padding-right:15px; margin-bottom:-2px; } .page-title-box h3 {color:#777; display:inline-block; margin-bottom:-1px; padding-right:15px; border-bottom:solid 1px #bbb; padding-top:4px; padding-bottom:4px; font:16px/26px 'PT Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; } h3.sub-title { color:#aaa; margin-top:-24px; padding-bottom:30px; font-size:18px; line-height: 28px;} #footer-inner .widget-item h4.widget-title-inner { color:#ccc; display:inline-block; margin-bottom:-1px; padding-right:15px; border-bottom:solid 1px #ccc; padding-bottom:4px; font:18px/24px 'PT Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; } .page-title-box .cat-rss { font-size: 20px; position:relative; bottom:-12px; color: #ccc; border: none; display: inline-block;} .sidebar-title-box { margin-top:6px; } .page-title-box .cat-rss:hover { color: #ff6600; } #content-down-arrow { border-top: 20px solid #fff; top:-9px; left:40px; } .with-twitter-line #content-down-arrow { display:none; } #main-wrapper.with-twitter-line #content-down-arrow { border-top: 20px solid #fff; } #copyright-line { display:block; background:#282D30; line-height:40px; width:100%; color:#999; } #copyright a { color:#e5e5e5; border-bottom:solid 1px transparent; } #copyright a:hover { color:#FFF; border-bottom-color:#555; } .boxed-layout #copyright-line { background:rgba(35,40,43,0.9); } .hidden { display: none; } .page-not-found-box { margin-bottom:60px; } .page-not-found-box h1 { font-size: 130px; line-height: 130px; opacity: 0.8; color: #498AB8; font-weight:bold; display:block; font-family:'PT Sans', Arial, sans-serif; letter-spacing:-2px; } .page-not-found-box h3 { color:#aaa; font-size:26px; display:block; margin-bottom:50px; line-height:32px; } .page-not-found-box h4 { font-size:22px; line-height:24px; color:#999; } /* CONTENT AREA */ #logo-wrapper { margin-top:30px; margin-bottom:40px; } .logo-image { border: none; } .logo-image, .logo-text { display:inline-block; } .logo-image a:hover { border:none !important; } .logo-image img { display:block; margin:0; padding:0; max-width: 100%; height: auto;} .logo-text a { color: #363D40; border:none; font-size: 36px; font-weight: bold; letter-spacing: 0px; border-bottom: solid 3px #f0f0f0; margin-bottom:5px; font-family:'PT Sans', 'Helvetica Neue', Arial, sans-serif; } h4#tagline { color:#777; font:15px/20px 'PT Sans', Arial, Helvetica, sans-serif; padding-top:10px;} /* Arrow down */ .arrow-down { position:absolute; right:60px; bottom:-15px; width: 0; height: 0; border-left:20px solid transparent; border-right: 20px solid transparent; border-left: 20px solid rgba(255,255,255,0); border-right: 20px solid rgba(255,255,255,0); border-top: 20px solid #498AB8; z-index:999; } .arrow-up { position:absolute; top:-5px; right:10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid rgba(255,255,255,0); border-right: 10px solid rgba(255,255,255,0); border-bottom: 10px solid #498AB8; } #main-content-area { margin-top:30px; margin-bottom:20px; } .with-breadcrumbs #main-content-area { margin-top:10px; } .with-breadcrumbs #breaking-news { margin-bottom:30px; } /* Links */ a { color: #498AB8; text-decoration: none; line-height: inherit; border-bottom:solid 1px transparent; -webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;} a:hover {color:#000; border-bottom-color:#ddd; border-bottom-color:rgba(0,0,0,0.1);} #footer-wrapper a:hover { border-bottom-color:rgba(255,255,255,0.2); } a:focus { } p a, p a:visited { line-height: inherit; } #header-wrapper a { color:#999; } h1.logo-text { font-family: 'PT Sans', serif; font-size: 32px; line-height: 40px; font-weight: bold; letter-spacing:-1px; } h1 { font-family: 'PT Sans', serif; font-size: 24px; line-height: 40px; font-weight: bold; letter-spacing:-1px; } h2 { font-family: 'PT Sans', sans-serif; font-size: 22px; line-height: 40px; font-weight: normal; } h3 { font-family: 'PT Sans', sans-serif; font-size: 20px; line-height: 40px; font-weight: normal; } h4 { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 22px; font-weight:normal; } h5 { font-family: 'PT Sans', arial, sans-serif; font-size:16px; font-weight: normal; font-weight: 600; } h6 { font-family: 'PT Sans', arial, sans-serif; font-size:14px; font-weight: normal; font-weight: 600; text-transform:uppercase; } h4, h5, h6 { margin-bottom:10px; } h1.post-title { font-size:18px; line-height:26px; padding-bottom:2px; border-bottom:solid 1px transparent; } h1.post-title a { color:#444; padding:0; margin:0; } h1.post-title a:hover {color:#498AB8; border-bottom:solid 1px #498AB8; } .post-image { margin-bottom:10px; display:block; } .post-image img { display:block; } /* #hb-wpml */ #hb-wpml { float:right; display:inline-block; height:40px; line-height:40px; border-left:solid 1px #444; border-left-color: rgba(255,255,255,0.05); } #hb-wpml li a { padding: 0px 12px 0px 12px; display:block;} #hb-wpml li a:hover { background:rgba(255,255,255,0.1); color:#FFF; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); } #hb-wpml li { float:left; display:inline-block; } #hb-wpml li a.current-lang { cursor: default !important; color:#bbb !important; background:#fafafa; background:rgba(250,250,250,0.97) !important;; } #hb-wpml li a span.lang-img { position:relative; top:12px; margin-right:12px; } /* Top Navigation */ #top-nav-wrapper { float:left; display:inline-block; width:auto; height:40px; line-height:40px; margin-left:-10px; position: relative; z-index: 99998; } #top-nav-wrapper > ul > li { border-right: solid 1px rgba(255,255,255,0.05); } #top-nav-wrapper > ul > li, #hb-wpml > li { float:left; display:inline-block; height:40px;} #top-nav-wrapper > ul > li > a, #hb-wpml > li > a { padding: 0 12px 0 12px; display:block; border:none !important; } .boxed-layout #top-nav-wrapper > ul > li.current-menu-item, .boxed-layout #top-nav-wrapper > ul > li.current-menu-ancestor { border-top:solid 1px #498AB8; } #top-nav-wrapper > ul > li > a:hover, #top-nav-wrapper > ul > li.sfHover > a, #hb-wpml > li.sfHover > a, #hb-wpml > li > a:hover, #top-nav-wrapper > ul > li.current-menu-item > a, #top-nav-wrapper > ul > li.current-menu-ancestor > a { background:#444; background:rgba(255,255,255,0.1); color:#FFF; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1); } #top-nav-wrapper > ul > li > a:active, #hb-wpml > li > a:active { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); } #top-nav-wrapper > ul > li > ul, #hb-wpml > li > ul { position:absolute; visibility:hidden; z-index:999; margin-left:-1px; background:#fff; background:rgba(255,255,255,0.98); border-left:solid 1px #ebebeb; border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; margin-top:0px; } #top-nav-wrapper > ul > li > ul > li, #hb-wpml li > ul > li { display:block; border-bottom:solid 1px #f0f0f0; line-height:36px; position:relative; } #top-nav-wrapper > ul > li > ul > li > a, #hb-wpml li > ul > li > a { padding:0px 26px 0px 12px; display:block; color:#666; border:none !important; } #top-nav-wrapper ul li ul li a:hover, #top-nav-wrapper ul li ul li.sfHover > a, #hb-wpml li > ul > li > a:hover, #top-nav-wrapper ul ul li.current-menu-ancestor > a, #top-nav-wrapper ul ul li.current-menu-item > a { color:#000; background:#f4f4f4; box-shadow:none; } #top-nav-wrapper > ul > li > ul li, #hb-wpml li > ul li { position:relative; } #top-nav-wrapper ul ul li ul { position:absolute; visibility:hidden; z-index:999; margin-left:0px; background:#fff; background:rgba(255,255,255,0.98); border: solid 1px #ebebeb; margin-top:-1px; } #top-nav-wrapper > ul > li > ul ul { position:absolute; z-index:999; background:#fdfdfd; background:rgba(255,255,255,0.98); top:0; } #main-nav .sf-sub-indicator { width:9px; height:9px; margin-left:8px; opacity:0.5; background-color:transparent; background-image:url(../images/sprites/plus-menu.png); background-repeat:no-repeat; background-position:center center; display:inline-block; } #top-nav-wrapper .sf-sub-indicator, #main-nav ul .sf-sub-indicator, #hb-wpml .sf-sub-indicator { display:inline-block; background-color:transparent; margin-left:7px; width:5px; height:5px; opacity:0.5; background-image:url(../images/sprites/plus-icon.png); background-repeat:no-repeat; background-position:0 0; } #top-nav-wrapper > ul > li > ul ul li { display:block; border-bottom:solid 1px #f0f0f0; line-height:36px; } #top-nav-wrapper > ul > li > ul li:last-child { border:none; } #top-nav-wrapper > ul > li > ul ul li a { padding:0px 12px; display:block; color:#666; border:none !important; } #top-nav-wrapper ul ul { -webkit-box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); -moz-box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); } /* MAIN NAVIGATION */ #main-navigation-wrapper { display:block; margin-bottom:30px;z-index:9999;} #main-nav, #responsive-nav { display:block; background:#363D40; border-top:solid 5px #666; border-top-color:rgba(255,255,255,0.15); padding-right:40px; min-height: 40px; margin-bottom:0 !important;box-shadow: inset 0 -20px 0 rgba(0,0,0,0.09);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .hb-stretched-layout #main-navigation-wrapper.stuck { left: 50%; margin-left: -505px; padding-left: 0px; } #main-nav > li { float:left; display:inline-block; position:relative; border-top: solid 5px transparent; margin-top: -5px; } #main-nav > li > a { display:block; letter-spacing: 1px; padding:10px 20px; font-size:13px; font-weight:bold; text-transform: uppercase; border-right:solid 1px rgba(255,255,255,0.07); color:#FFF; color:rgba(255,255,255,0.7); position:relative; z-index:99997; box-shadow: inset 0px -19px 0px rgba(0,0,0,0); } #main-nav > li > a:hover, #main-nav > li.sfHover > a { border-color:transparent; background-color:#444; background-color:rgba(255,255,255,0.1); box-shadow: inset 0px -19px 0px rgba(0,0,0,0.07); color:#FFF;} #main-nav > li.current-menu-ancestor > a, #main-nav > li.current-item > a {background-color: #498AB8; box-shadow: inset 0px -20px 0px rgba(0,0,0,0.05); } #main-nav > li.current-menu-item > a { border-right: none; } #main-nav > li ul { position:absolute; visibility: hidden; z-index:9999999; padding-top:0px; margin-top:0px; border-left:solid 1px #ebebeb; border-right: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; -webkit-box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); -moz-box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); box-shadow: 0px 3px 5px rgba(40, 50, 50, 0.1); } #main-nav > li ul li { position:relative; background:#fdfdfd; background:rgba(255,255,255,0.98); } #main-nav > li ul ul { top:0px; margin-top:0; padding-top:0; } #main-nav > li ul li a { display:block; padding:7px 10px 7px 20px; font-size:13px; color:#666; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; font-weight: bold; text-transform: capitalize; border:none !important; } #main-nav > li ul li { border-bottom: solid 1px #ebebeb; } #main-nav > li ul li:last-child { border-bottom: none !important; } #main-nav > li ul li:last-child a { border-bottom:none; } #main-nav > li.current-menu-item > a { background:#498AB8; box-shadow: inset 0px -19px 0px rgba(0,0,0,0.05); color: #FFF; } .current-focus-background-color { background-color:#498AB8; } .current-focus-background-color-a { background-color:rgba(73,138,184, 0.92); } #main-nav > li ul li a:hover, #main-nav > li ul li.sfHover > a, #main-nav > li ul li.current-menu-item > a, #main-nav > li ul li.current-menu-ancestor > a { color:#000; background:#f4f4f4; } #main-nav > li.current-menu-item, #main-nav > li.current-menu-ancestor { border-top-color: #498ab8; } #random-post { position:absolute; right:30px; top:0px; border-top:solid 5px transparent; display:block; width:40px; height:40px; text-align:center; background: #3f4548; background:rgba(255,255,255,0.1); font-size:18px; line-height:44px; color:#ccc; box-shadow: inset 0px 0px 10px rgba(0,0,0,0), inset 0 -19px 0px rgba(0,0,0,0); } #random-post:hover { background: #498AB8; color:#FFF; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1), inset 0 -19px 0px rgba(0,0,0,0.05); border-top-color: #498ab8; } #random-post:active {box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); } #random-post span { margin-left:0px; } .today-date { height:40px; line-height:40px; padding:0 20px; margin-left: 0px; background:#444; margin-right:0px; background:rgba(255,255,255,0.1); box-shadow: inset 0px 0px 10px rgba(0,0,0,0.01); color:#ccc !important; } .boxed-layout .today-date { margin-right:-30px; } .with-header-search .today-date { margin-right:0px; } #copyright-line p { color:#999 !important; line-height: 40px !important; } /* RESPONSIVE TOP NAVIGATION */ .responsive-top-nav-wrapper { width:auto; display:none; z-index: 9999; height:40px; } #responsive-top-nav { border-top: none; position: relative; padding-right: 60px; height:40px; z-index: 9999;} .responsive-top-nav-wrapper #top-resp-menu { display:none; position: absolute; top:40px; left:15px; width:auto; background-color:#fff; background-color: rgba(255,255,255,0.98); border: solid 1px #e7e7e7; } .responsive-top-nav-wrapper.responsive-active #top-resp-menu { display: block; z-index: 999999; } #top-resp-menu #top-menu-ul, #top-resp-menu ul { margin-bottom: 0px; } #top-resp-menu ul ul li a { padding-left: 30px; } #top-resp-menu li a{ display: block; width:100%; color: #888; text-transform: uppercase; font-weight: bold; font-size: 13px; padding:8px 70px 8px 15px; border-bottom: solid 1px #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #top-resp-menu li a:hover, #top-resp-menu li a.dropdown-activated { background: #f9f9f9; color: #000; } /* RESPONSIVE NAVIGATION */ .responsive-nav-wrapper { position: relative; display:block; display: none; z-index: 9999; } #responsive-nav{ border-top: none; position: relative; cursor:pointer; padding-right: 20px; z-index: 99999999999999;} #responsive-nav:hover, .responsive-nav-wrapper.responsive-active #responsive-nav { background:#498ab8; } #responsive-nav .nav-icon, #responsive-top-nav .nav-icon { margin-top:12px; display:block; border-bottom: 10px double #aaa; border-top:3px solid #aaa; height: 4px; width:25px; float:right; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; border-top-color:rgba(255,255,255,0.7); border-bottom-color:rgba(255,255,255,0.7); } #responsive-top-nav .nav-icon { margin-top:11px; cursor:pointer; } .text-nav { float:left; padding-left: 20px; line-height: 40px; text-transform: uppercase; font-size: 13px; color: #eee; color: rgba(255,255,255,0.7); font-weight: bold; letter-spacing: 1px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #responsive-nav:hover .text-nav, .responsive-nav-wrapper.responsive-active .text-nav { color:#FFF; } #responsive-nav:hover .nav-icon, .responsive-nav-wrapper.responsive-active #responsive-nav .nav-icon, #responsive-top-nav .nav-icon:hover, .responsive-top-nav-wrapper.responsive-active #responsive-top-nav .nav-icon { border-top-color:#FFF; border-bottom-color:#FFF; } .responsive-nav-wrapper #resp-menu { display:none; position: absolute; top:40px; width:100%; background-color:#363D40; } .responsive-nav-wrapper.responsive-active #resp-menu {display: block; z-index: 9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} #resp-menu ul, #top-resp-menu ul, #top-resp-menu ul li, #resp-menu li { width:100% !important; } #resp-menu li, #top-resp-menu li { display: block; float: none; } #resp-menu li a{ display: block; color: #FFF; color:rgba(255,255,255,0.7); text-transform: uppercase; font-weight: bold; font-size: 13px; padding:8px 20px 8px 15px; border-bottom: solid 1px #444; border-left: solid 5px #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #resp-menu > li:last-child a, #top-resp-menu > li:last-child a { border-bottom: none; } #resp-menu li a:hover { color:#FFF; background: rgba(255,255,255,0.03); } #resp-menu li a .sf-sub-indicator, #top-resp-menu li a .sf-sub-indicator { float:right; width:9px; height:9px; margin-top: 5px; opacity:0.5; background-color:transparent; background-image:url(../images/sprites/plus-menu.png); background-repeat:no-repeat; background-position:center center; display:inline-block; } #resp-menu li ul { margin-bottom: 0px; } #resp-menu li li a { padding-left: 40px;} #resp-menu li li li a { padding-left: 60px; } /* BOTTOM NAVIGATION */ #bottom-nav li { float:left; display:inline-block; margin-left:8px; } #bottom-nav li span { margin-right:8px; } #bottom-nav li:first-child span { display:none; } #bottom-nav li a { color:#999; border:none; } #bottom-nav li a:hover, #bottom-nav li.current-menu-item a { color:#FFF; } #bottom-nav .sub-menu, #bottom-nav ul ul { display:none; } /* Breaking News */ #breaking-news { margin-top:-15px; margin-bottom: 30px; } #breaking-title { padding:8px 12px 6px 12px; background:#F33; color:#FFF; font-weight:bold; text-transform:uppercase; display:inline-block; } #breaking-title:hover { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2); } #breaking-hider { width:0px; height:20px; padding:8px 6px; background:#f0f0f0; } #breaking-ticker { background:#f0f0f0; padding:0px; display:block; height:36px; overflow:hidden; } .newsticker_wrapper { color: #343434; height: 36px; line-height:36px; -webkit-text-size-adjust: none; } .newsticker .ticker-date { display:inline-block; margin-left:8px; font-size:11px; color:#777; font-style:italic; } .newsticker a { color: #363D40; font-weight:bold; } .newsticker li { list-style-type: none; list-style-image: none; } .newsticker_controls { position: absolute; right: 10px; top: 0; list-style-type: none; list-style-image: none; background-color: #f0f0f0; z-index: 30; margin: 0; padding-left: 10px; } .newsticker_controls li { float: left; height: 36px; background-repeat: no-repeat; cursor: pointer; background:transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; opacity:0.1; width:18px; } .newsticker_controls li:hover { opacity:0.8; } .newsticker_controls .previous, .newsticker_controls .next { margin-left:0px; } .newsticker_controls .pause, .newsticker_controls .resume { margin-left:0px; margin-top:1px;} .newsticker_controls .pause { background-image: url(../images/sprites/ticker-sprite.png); background-position:0px -108px; } .newsticker_controls .resume {background-image: url(../images/sprites/ticker-sprite.png); background-position:0px -72px;} .newsticker_controls .previous {background-image: url(../images/sprites/ticker-sprite.png); background-position:0px 0px;} .newsticker_controls .next {background-image: url(../images/sprites/ticker-sprite.png); background-position:0px -36px;} .newsticker_style_reveal .newsticker li { left: 15px !important; } /* Reveal */ .newsticker_style_reveal .newsticker li { left: 15px !important; } /* Scroll */ .newsticker_style_scroll .newsticker li { margin-right: 80px; padding: 0; } .newsticker_scroller { margin: 0 10px; } #header-search { height:40px; background:#498AB8; background:rgba(73,138,184, 0.7); width:40px; color:#FFF; font-size:16px; line-height:40px; margin-right:0px; display:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; cursor:pointer; position:relative; } .header-search-form { position:absolute; background: #498AB8; z-index:999; top:40px; width:220px; left:-204px; padding:5px 12px; line-height:22px; opacity:0; display:none; } .header-search-form .search-input, .header-search-form .search-input:hover, .header-search-form .search-input:focus { background-color:transparent; width:100%; color:#fff; color:rgba(255,255,255,0.9); border:none; padding:0; margin:0; line-height:22px; height: 28px;} .header-search-form ::-webkit-input-placeholder { /* WebKit browsers */ color: #f0f0f0; color: rgba(255,255,255,0.4); } .header-search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f0f0f0; color: rgba(255,255,255,0.4); } .header-search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f0f0f0; color: rgba(255,255,255,0.4); } .header-search-form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #f0f0f0; color: rgba(255,255,255,0.4); } .boxed-layout #header-search { margin-right:-30px; color:#DDD; color:rgba(255,255,255,0.6); } #header-search:hover { background:rgba(73,138,184, 1); color:#FFF; color:rgba(255,255,255,1); } #header-search.search-form-visible, #header-search.search-form-visible:hover { color:#FFF; background:rgba(73,138,184, 0.7); } #header-search:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); } .with-header-search #header-search { display:inline-block; } .search-input:focus { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important;} #header-search span { margin-left:12px;} /*.boxed-layout .today-date { border-top:solid 1px #498AB8; }*/ #main-wrapper.boxed_attached { margin-top: 0px !important; margin-bottom: 0px !important; } .boxed_attached #top-nav-wrapper > ul > li.current-menu-item, .boxed-layout #top-nav-wrapper > ul > li.current-menu-ancestor { border-top:none !important; } /* Banners */ .banner-holder { text-align:center; } .banner-holder a { display:inline-block; width:auto; margin:0 auto; border:none !important; padding:none !important; } /* Classes */ .floatleft { float:left; display:inline-block; width:auto; } .floatright { float:right; display:inline-block; width:auto; } .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .hb-category-name, .hb-category-comments { background-color:#3399ff; color:#fff; display:inline-block; margin-right:8px; position:relative; padding:0px 8px; line-height:18px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .caption-inner .hb-category-name { font-size: 14px; line-height: 22px; display: block; float: left; margin-top: 5px; padding:0px 12px; margin-bottom:5px; padding-top:2px; } .hb-sidebar .caption-inner h3 { font-size:16px; letter-spacing: 0px; line-height: 1; padding-bottom: 0px; display: inline-block;} .hb-sidebar .caption-inner h3 a { line-height: 1; } .hb-sidebar .flex-caption { background: rgba(35,40,43,0.7); } .hb-sidebar .caption-inner span, .hb-sidebar .caption-inner span a { font-size:12px; color:#999; } .hb-sidebar .caption-inner .delimiter { margin-left: 2px; margin-right: 2px; display: inline-block; } .flex-caption p { margin-bottom: 10px; } .hb-sidebar .author-box-content .ssm { text-align: right; } .category-square { width:13px; height:6px; margin-bottom: 1px; display: inline-block; margin-right: 3px; } .empty-color { width:0px; display: none; } .meta-cat-list { margin-right:6px; } article .meta-cat-list { margin-right:7px; } .meta-cat-list:last-child { margin-right:0px; } article .entry-content p { margin-bottom: 15px; } article.post p { margin-bottom: 20px; } .current-focus-color, .focus-color { color: #498AB8; } .hb-category-comments { background-color: #363D40; } .flexslider .hb-category-name { margin-right:3px; } .no-margin { margin-bottom:0px !important; } .margin-10 { margin-top: 10px !important; } .preload { display: block; width: 100%; height: 100%; background: transparent url(../images/sprites/loading.gif) 50% 50% no-repeat; } #footer-wrapper .preload { background: transparent url(../images/sprites/footer-loading.gif) 50% 50% no-repeat; } .author-box-content .preload { display:inline; width:auto; height:auto; } .new-marker-unit, .hot-marker-unit { margin-left:7px; width:auto; display:inline-block; font-size:9px; font-weight:bold; padding:1px 9px 0px 9px; background-color:#F0BB0E; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; color: #fff; line-height:14px; font-family:Arial, Helvetica, sans-serif;} .hot-marker-unit { background-color: #f25e4f; } .new-marker-unit:before, .hot-marker-unit:before { display:none !important; } .separator, hr { height: 1px; width: 100%; display: block; margin-top: 30px; margin-bottom: 30px; background-color: #f0f0f0; position: relative; border: none; } .spacer { display:block; height:30px; margin:0; padding:0; } .big-separator { height:5px; } .separator-icon { width: 70px; padding-left:5px; height: 38px; position: relative; top: -20px; margin: 0 auto; text-align: center; background-color: #fff; color: #dcdcdc; font-size: 40px; cursor: default; } /* Entries */ .page-content { color:#323232; } .post-articles { margin-top:30px; } h2.entry-title { line-height:26px; margin-bottom:15px; } .hb-link-pages { border-top: solid 1px #eee; padding-top: 10px; display: block; text-align: center; margin:0 auto; font-size:14px; font-weight: bold; letter-spacing: 5px; } .entry-content .entry-meta { font-size:12px; } .entry-content .entry-meta a { color:#888; } .entry-content .entry-meta a:hover { color:#333; } aside.entry-meta a, .sep, aside.entry-meta { color:#aaa; font-size:12px; } .single-meta-title aside.entry-meta a, .sep, .single-meta-title aside.entry-meta { font-size:13px; margin-top:-17px; margin-bottom:30px; color:#888; } .single-meta-title aside.entry-meta a:hover { color:#545454; } .sep { margin-left:2px; margin-right:2px; } .single-meta-title { min-height: 15px; } .entry-meta .sep:last-child { display:none !important; } .post-thumb-description { font-size:12px; color:#eee; color:rgba(255,255,255,0.8); position:absolute; bottom:0px; background:#363d40; background: rgba(35,40,43,0.7); display:block; width:100%; } .post-thumb-description p { padding:8px; margin:0 !important; line-height:1; text-align:right; margin-right:10px; } .post-thumb, .image-overlay-inside { -webkit-backface-visibility: hidden; } .post-thumb, .post-excerpt { margin-bottom:20px !important; } .post-list .post-thumb { margin-bottom: 0px !important; } .single-post-thumb img { display:block; width:100%; height:auto; position: relative; } .single-post-thumb { display:block; margin-bottom:30px; position:relative;} .entry-content { border-bottom:solid 1px #f0f0f0; padding-bottom:10px; } .large-post-list .entry-content { border-bottom: none; } .share-this-story span.icon-share { margin-right:5px; } .share-this-story { display:block; padding:8px 12px 4px 12px; background:#f4f4f4; margin-bottom:7px; font-size:14px; margin-top:40px; position:relative;} .share-this-story .arrow-up { border-bottom-color: #f4f4f4 !important; top:-10px; left:20px;} .share-post ul { margin-bottom:0px; } .share-post ul li { float:left; margin:0; list-style:none; width:95px; display:inline-block; } .post-tags { color:#aaa; margin-top:20px; text-align:center; } .post-tags strong { color:#777; margin-right:5px; } .post-tags a { color:#aaa; } .post-author { margin-bottom:50px; } .related-posts h4 { margin-top:10px; padding-bottom:0; margin-bottom:0; } .related-posts p { color:#aaa; margin-bottom:10px; } /* Post Navigation */ .post-navigation{clear:both;margin-top: 20px;overflow:hidden; padding-bottom:10px;} .post-navigation div{ color: #f0f0f0; font-size:16px; position:relative;} .post-navigation span { color:#ccc; } .post-previous{float: left;} .post-previous a { margin-left:10px; position:relative; bottom:2px; } .post-next a { margin-right:10px; position:relative; bottom:2px; } .post-next{ float: right;text-align: right;} .brnk { position:absolute; top:8px; left:42px; text-transform:uppercase; font-weight:bold; font-size:11px; } .post-next .brnk { right:42px; text-indent:-99999px; } /*---------------------------------------------------------------------------------*/ /* Review Box */ .review-box { display:block; background:#fafafa; border:solid 1px #ddd; border-radius:2px; position:relative; margin-bottom:20px;} .review-box.floatleft { width:50%; margin-right:20px; margin-bottom:15px; } .review-box.floatright { width:50%; margin-left:20px; margin-bottom:15px; } .review-box h3 { display:block; padding:4px 20px; background-color:#f0f0f0; } .review-box .reviews { padding:20px; } .reviews ul { margin-bottom:0px; } .reviews ul li { position:relative; padding:6px 0px; border-bottom:solid 1px #e7e7e7; list-style:none; padding-right:100px; } .reviews ul li:last-child { border:none; padding-bottom:none; } .overall-review { position:relative; display:block; padding:10px 20px; background-color:#f0f0f0; min-height: 95px; } .overall-review .omc-criteria-star-under { right:20px; top:10px; } .overall-review span.title-review { font-size:15px; margin-bottom:10px; display:block; margin-top:5px; } .overall-review .inner-overall-review { margin-right:140px; } .overall-review .inner-overall-review p { margin-bottom:10px; } .overall-review .inner-overall-review p:last-child { margin-bottom:0px; } .overall-rating { position:absolute; right:0px; top:0px; height:100%; width:140px; border-left:solid 1px #e7e7e7; } .overall-rating .overall-rate { display:block; font-size:28px; line-height:36px; text-align:center; margin-top:15px; font-weight:bold; } .overall-rating .overall-rate-title { text-align:center; font-size:15px; display:block; } .overall-rating .omc-criteria-star-under { top:80px; right:22px; } .stars-wrapper { width:99px; height:20px; margin-left: 5px; position: relative; display: block; float: none;} .stars-wrapper span.omc-criteria-star-under, .stars-wrapper span.omc-criteria-star-top{ top:1px; left:1px; right:auto; } .flexslider .stars-wrapper { margin-left: 0px; margin-top: -2px; margin-bottom: 6px; } .review-box.floatleft .overall-rating .overall-rating-inner, .review-box.floatright .overall-rating .overall-rating-inner { top:50%; position:relative; margin-top:-65px; } /*==== ratings & reviews ====*/ div.omc-review-criteria { position:relative; height:35px; border-bottom:1px solid #222;} span.omc-criteria-percentage {position:absolute; z-index:100; background:#f9ba00; display:block; height:100%;} span.omc-criteria-description {position:absolute; top:10px; left:10px; z-index:101; font-weight:700;} div#omc-review-header {height:33px; background:#111; padding-top:11px;} #omc-full-article div#omc-review-header h2 {margin-left:10px; color: #FFF; font-size:16px; font-weight: 700; margin-top:0px; text-shadow:none;white-space: nowrap; width: 90%; text-overflow: ellipsis; overflow: hidden;} span.omc-criteria-star-under {position:absolute; top:6px; right:0px; height:18px; width:97px; background:url(../images/sprites/star-sprites.png) scroll transparent no-repeat; background-position:0px -20px;} span.omc-criteria-star-top {position:absolute; top:0px; left:px; height:18px; background:url(../images/sprites/star-sprites.png) scroll transparent no-repeat; } div.omc-review-summary.omc-final-score-percent {background:#222; position:relative; overflow:hidden; min-height: 84px;} div.omc-review-summary.omc-final-score-stars {background:#222; position:relative; overflow:hidden; min-height: 109px;} div#omc-criteria-final-score {text-align:center; padding:7px 0px 0px 0px; width:118px; position:absolute; top:0px; right:0px; background:#111; height:500px;} #omc-full-article div#omc-criteria-final-score h3 {font-size:36px; color:#FFF; font-weight:700; margin:-3px 0px; text-shadow:none; } div#omc-criteria-final-score h3 span {font-size:18px;} #omc-full-article div#omc-criteria-final-score h4 {font-size:14px; color:#FFF; font-weight:700; margin-bottom:4px; margin-top:0px; text-shadow:none;} span#omc-final-score-stars-under {margin:auto; position:relative; z-index:100; width:97px; height:18px; display:block; background:url(../images/sprites/star-sprites.png) scroll transparent no-repeat; background-position:0px -20px; } span#omc-final-score-stars-top {position:absolute; top:0px; left:0px; height:18px; display:block; background:url(../images/sprites/star-sprites.png) scroll transparent no-repeat; } div#omc-short-summary { width:60%; float:left;} article#omc-full-article div#omc-short-summary p {color:#DDD; margin:11px 0px 10px 10px; font-size:1em; line-height:1.5em;} div#omc-short-summary p strong {color:#FFF; } /*---------------------------------------------------------------------------------*/ /* Social Sprites */ /* Social Bar ================================================== */ .socialbar { width: 100%; min-height: 40px; background-color: #FFFFFF; padding: 0; font-size: 0; z-index: 999; } .socialbar:after { clear: left; content: " "; } .socialbar_transparent { width: 100%; min-height: 40px; padding: 0; font-size: 0; z-index: 999; } .socialbar_transparent:after { clear: left; content: " "; } .borderless .ss li { border: none; } .borderless .ss li:first-child { border: none; } .borderless li { border: none; } .borderless li:first-child { border: none; } .ss li { text-indent:-99999px; } /* Social Sprites: Shapes ================================================== */ .sssquare { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .sscircle { overflow: visible !important; } .sscircle li { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #FFF; -webkit-box-shadow:0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px rgba(0, 0, 0, 0.3); box-shadow:0 2px rgba(0, 0, 0, 0.3); margin-right: 5px !important; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color all 0.2s linear; -ms-transition: background-color all 0.2s linear; transition: background-color all 0.2s linear; } .sscircle li:active, .sscircle li a:active { border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; } /* Social Sprites: General Listing ================================================== */ .ss { width: auto; margin: 0; padding: 0; text-align: center; overflow: hidden; } .ss li { float:left; margin: 0; padding: 0; background-image:url("../images/socialsprites.png"); background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #header-wrapper .ss li { border-right: 1px solid rgba(255, 255, 255, 0.05); } .no-animation li { margin-right:3px; margin-bottom: 3px; } .ss li:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } #header-wrapper .ss li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.05); } .ss li a { display: block; text-indent: -9999; height: 40px; width: 40px; } .ss li a:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); } /* Social Sprites: Icon Classes ================================================== */ .ss li.digg { background-position: 0 0; } .ss li.digg:hover, .ss.no-animation li.digg { background-position: 0 -40px; } .ss li.dribbble { background-position: 0 -80px; } .ss li.dribbble:hover, .ss.no-animation li.dribbble { background-position: 0 -120px; } .ss li.facebook { background-position: 0 -160px; } .ss li.facebook:hover, .ss.no-animation li.facebook { background-position: 0 -200px; } .ss li.flickr { background-position: 0 -240px; } .ss li.flickr:hover, .ss.no-animation li.flickr { background-position: 0 -280px; } .ss li.forrst { background-position: 0 -320px; } .ss li.forrst:hover, .ss.no-animation li.forrst { background-position: 0 -360px; } .ss li.googleplus { background-position: 0 -400px; } .ss li.googleplus:hover, .ss.no-animation li.googleplus { background-position: 0 -440px; } .ss li.html5 { background-position: 0 -480px; } .ss li.html5:hover, .ss.no-animation li.html5 { background-position: 0 -520px; } .ss li.icloud { background-position: 0 -560px; } .ss li.icloud:hover, .ss.no-animation li.icloud { background-position: 0 -600px; } .ss li.lastfm { background-position: 0 -640px; } .ss li.lastfm:hover, .ss.no-animation li.lastfm { background-position: 0 -680px; } .ss li.linkedin { background-position: 0 -720px; } .ss li.linkedin:hover, .ss.no-animation li.linkedin { background-position: 0 -760px; } .ss li.myspace { background-position: 0 -800px; } .ss li.myspace:hover, .ss.no-animation li.myspace { background-position: 0 -840px; } .ss li.paypal { background-position: 0 -880px; } .ss li.paypal:hover, .ss.no-animation li.paypal { background-position: 0 -920px; } .ss li.picasa { background-position: 0 -960px; } .ss li.picasa:hover, .ss.no-animation li.picasa { background-position: 0 -1000px; } .ss li.pinterest { background-position: 0 -1040px; } .ss li.pinterest:hover, .ss.no-animation li.pinterest { background-position: 0 -1080px; } .ss li.reddit { background-position: 0 -1120px; } .ss li.reddit:hover, .ss.no-animation li.reddit { background-position: 0 -1160px; } .ss li.rss { background-position: 0 -1200px; } .ss li.rss:hover, .ss.no-animation li.rss { background-position: 0 -1240px; } .ss li.skype { background-position: 0 -1280px; } .ss li.skype:hover, .ss.no-animation li.skype { background-position: 0 -1320px; } .ss li.stumbleupon { background-position: 0 -1360px; } .ss li.stumbleupon:hover, .ss.no-animation li.stumbleupon { background-position: 0 -1400px; } .ss li.tumblr { background-position: 0 -1440px; } .ss li.tumblr:hover, .ss.no-animation li.tumblr { background-position: 0 -1480px; } .ss li.twitter { background-position: 0 -1520px; } .ss li.twitter:hover, .ss.no-animation li.twitter { background-position: 0 -1560px; } .ss li.vimeo { background-position: 0 -1600px; } .ss li.vimeo:hover, .ss.no-animation li.vimeo { background-position: 0 -1640px; } .ss li.wordpress { background-position: 0 -1680px; } .ss li.wordpress:hover, .ss.no-animation li.wordpress { background-position: 0 -1720px; } .ss li.yahoo { background-position: 0 -1760px; } .ss li.yahoo:hover, .ss.no-animation li.yahoo { background-position: 0 -1800px; } .ss li.youtube { background-position: 0 -1840px; } .ss li.youtube:hover, .ss.no-animation li.youtube { background-position: 0 -1880px; } .ss li.github { background-position: 0 -1920px; } .ss li.github:hover, .ss.no-animation li.github { background-position: 0 -1960px; } .ss li.behance { background-position: 0 -2000px; } .ss li.behance:hover, .ss.no-animation li.behance { background-position: 0 -2040px; } .ss li.yelp { background-position: 0 -2080px; } .ss li.yelp:hover, .ss.no-animation li.yelp { background-position: 0 -2120px; } .ss li.mail { background-position: 0 -2160px; } .ss li.mail:hover, .ss.no-animation li.mail { background-position: 0 -2200px; } .ss li.instagram { background-position: 0 -2240px; } .ss li.instagram:hover, .ss.no-animation li.instagram { background-position: 0 -2280px; } .ss li.foursquare { background-position: 0 -2320px; } .ss li.foursquare:hover, .ss.no-animation li.foursquare { background-position: 0 -2360px; } .ss li.zerply { background-position: 0 -2400px; } .ss li.zerply:hover, .ss.no-animation li.zerply { background-position: 0 -2440px; } /* Social Sprites Mini ================================================== */ .socialbar_mini { height: 30px; overflow: hidden; padding: 0; z-index: 999; } #bottom-line .socials-bar { float:right; display:inline-block; width:auto; } #bottom-line .ssm li { float:right !important; } .borderless .ssm li { border: none; } .borderless .ssm li:first-child { border: none; } .ssm { width: auto; margin: 0; padding: 0; text-align: center; overflow: hidden; font-size: 0; } .ssm li { display: inline-block; margin: 0 0px; padding: 0; border-right: none; background-image:url("../images/socialsprites_mini.png"); background-repeat: no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; margin-right: 2px; margin-bottom: 1px; } .author-box-content .ssm { text-align: left; margin-top: 8px; } .ssm li:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .ssm li:first-child { border-left: none; } .ssm li a { display: block; text-indent: -9999; height: 30px; width: 30px; } .ssm.no-animation a { border-bottom: none !important; } .ssm li a:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); } .ssm li.digg { background-position: 0 0; } .ssm li.digg:hover, .no-animation li.digg { background-position: 0 -30px; } .ssm li.dribbble { background-position: 0 -60px; } .ssm li.dribbble:hover, .no-animation li.dribbble { background-position: 0 -90px; } .ssm li.facebook { background-position: 0 -120px; } .ssm li.facebook:hover, .no-animation li.facebook { background-position: 0 -150px; } .ssm li.flickr { background-position: 0 -180px; } .ssm li.flickr:hover, .no-animation li.flickr { background-position: 0 -210px; } .ssm li.forrst { background-position: 0 -240px; } .ssm li.forrst:hover, .no-animation li.forrst { background-position: 0 -270px; } .ssm li.googleplus { background-position: 0 -300px; } .ssm li.googleplus:hover, .no-animation li.googleplus { background-position: 0 -330px; } .ssm li.html5 { background-position: 0 -360px; } .ssm li.html5:hover, .no-animation li.html5 { background-position: 0 -390px; } .ssm li.icloud { background-position: 0 -420px; } .ssm li.icloud:hover, .no-animation li.icloud { background-position: 0 -450px; } .ssm li.lastfm { background-position: 0 -480px; } .ssm li.lastfm:hover, .no-animation li.lastfm { background-position: 0 -510px; } .ssm li.linkedin { background-position: 0 -540px; } .ssm li.linkedin:hover, .no-animation li.linkedin { background-position: 0 -570px; } .ssm li.myspace { background-position: 0 -600px; } .ssm li.myspace:hover, .no-animation li.myspace { background-position: 0 -630px; } .ssm li.paypal { background-position: 0 -660px; } .ssm li.paypal:hover, .no-animation li.paypal { background-position: 0 -690px; } .ssm li.picasa { background-position: 0 -720px; } .ssm li.picasa:hover, .no-animation li.picasa { background-position: 0 -750px; } .ssm li.pinterest { background-position: 0 -780px; } .ssm li.pinterest:hover, .no-animation li.pinterest { background-position: 0 -810px; } .ssm li.reddit { background-position: 0 -840px; } .ssm li.reddit:hover, .no-animation li.reddit { background-position: 0 -870px; } .ssm li.rss { background-position: 0 -900px; } .ssm li.rss:hover, .no-animation li.rss { background-position: 0 -930px; } .ssm li.skype { background-position: 0 -960px; } .ssm li.skype:hover, .no-animation li.skype { background-position: 0 -990px; } .ssm li.stumbleupon { background-position: 0 -1020px; } .ssm li.stumbleupon:hover, .no-animation li.stumbleupon { background-position: 0 -1050px; } .ssm li.tumblr { background-position: 0 -1080px; } .ssm li.tumblr:hover, .no-animation li.tumblr { background-position: 0 -1110px; } .ssm li.twitter { background-position: 0 -1140px; } .ssm li.twitter:hover, .no-animation li.twitter { background-position: 0 -1170px; } .ssm li.vimeo { background-position: 0 -1200px; } .ssm li.vimeo:hover, .no-animation li.vimeo { background-position: 0 -1230px; } .ssm li.wordpress { background-position: 0 -1260px; } .ssm li.wordpress:hover, .no-animation li.wordpress { background-position: 0 -1290px; } .ssm li.yahoo { background-position: 0 -1320px; } .ssm li.yahoo:hover, .no-animation li.yahoo { background-position: 0 -1350px; } .ssm li.youtube { background-position: 0 -1380px; } .ssm li.youtube:hover, .no-animation li.youtube { background-position: 0 -1410px; } .ssm li.github { background-position: 0 -1440px; } .ssm li.github:hover, .no-animation li.github { background-position: 0 -1470px; } .ssm li.behance { background-position: 0 -1500px; } .ssm li.behance:hover, .no-animation li.behance { background-position: 0 -1530px; } .ssm li.yelp { background-position: 0 -1560px; } .ssm li.yelp:hover, .no-animation li.yelp { background-position: 0 -1590px; } .ssm li.mail { background-position: 0 -1620px; } .ssm li.mail:hover, .no-animation li.mail { background-position: 0 -1650px; } .ssm li.instagram { background-position: 0 -1680px; } .ssm li.instagram:hover, .no-animation li.instagram { background-position: 0 -1710px; } .ssm li.foursquare { background-position: 0 -1740px; } .ssm li.foursquare:hover, .no-animation li.foursquare { background-position: 0 -1770px; } .ssm li.zerply { background-position: 0 -1800px; } .ssm li.zerply:hover, .no-animation li.zerply { background-position: 0 -1830px; } /* Tipsy Tooltips ----------------------------------------------------------------------------------------------------*/ .tipsy { font-size: 12px; line-height:14px; position: absolute; padding: 5px; z-index: 999999; opacity:1; font-weight:bold; } .tipsy-inner { background-color: #498AB8; color: #FFF; max-width: 200px; padding-bottom:5px; padding-top:5px; padding-left:12px; padding-right:12px; text-align: center; } .tipsy-inner { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; } .tipsy-arrow-n { border-bottom-color: #498AB8; } .tipsy-arrow-s { border-top-color: #498AB8 } .tipsy-arrow-e { border-left-color: #498AB8 } .tipsy-arrow-w { border-right-color: #498AB8 } .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; } .tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; } .tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; } .tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; } .tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; } .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; } .tipsy-e .tipsy-arrow { right: 0; border-right: none; } .tipsy-w .tipsy-arrow { left: 0; border-left: none; } .ad-wrapper, .ad-wrapper a { display: block; text-align:center; } .ad-wrapper a { border:none !important; } .before-main-content-ad { margin-top:30px; } .after-main-content-ad { margin-bottom: 20px; } /* Widgets */ .widget-item { margin-bottom:30px; } .widget-item ul:last-child, .widget-item p:last-child { margin-bottom:0px; } .social-count-widget .facebook-count-wrap, .social-count-widget .twitter-count-wrap, .youtube-count-wrap, .rss-count-wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; height:140px; display:block; float:left; } .facebook-count-wrap.half-width, .twitter-count-wrap.half-width, .youtube-count-wrap.half-width { width:50%; } .youtube-count-wrap.half-width { padding-top: 0px;} .twitter-count-wrap.half-width { padding-left: 5px;} .twitter-count-wrap.half-width.with-padding{padding-left:0px; padding-right: 10px;} .facebook-count-wrap.half-width{ padding-right:5px; } .youtube-count-wrap.half-width{padding-left: 5px;} .widget-item .author-box-content { margin-bottom: 0px; } .rsswidget img { margin-top: 4px; margin-right: 5px; } .social-count-widget a { border:none !important; } .social-count-widget .facebook-count, .social-count-widget .twitter-count, .social-count-widget .youtube-count, .social-count-widget .rss-count { display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:12px 15px; position:relative;} .social-count-widget .facebook-count { background-color:#3B5998; background-image: url(../images/sprites/facebook.png); } .social-count-widget .twitter-count { background-color:#00aced; background-image: url(../images/sprites/twitter.png); } .social-count-widget .youtube-count { background-color:#bb0000; background-image: url(../images/sprites/youtube.png); } .social-count-widget .rss-count { background-color:#f80; background-image: url(../images/sprites/rss.png); } .youtube-count-wrap, .rss-count-wrap { padding-top:10px; } .hb-custom-ad-image { display:block; text-align: center; width:100%; height:auto; border:none !important; } .hb-custom-ad-image img { text-align: center; margin: 0 auto; } .hb-250-ad, .hb-250-ad img { width:250px; height:250px; } .social-count-widget .count-number { font-size:24px; font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif; position:absolute; bottom:45px; right:10px; font-weight:400; color:#FFF; } .social-count-widget .txt { font-size:18px; font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif; position:absolute; bottom:20px; right:10px; font-weight:400; color:#FFF; color:rgba(255,255,255,0.5); } .widget_categories ul li, .widget_rss ul li, .widget_meta ul li, .widget_recent_entries ul li, .widget_pages ul li, .widget_archive ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_display_views ul li, .widget_display_forums ul li, .widget_display_replies ul li, .widget_display_topics ul li { padding-bottom: 4px; margin-bottom: 10px; border-bottom: solid 1px #f0f0f0; display:block; color: #666; } .hb-feedburner-wrapper { display:block; border:solid 1px #e9e9e9; background: #f7f7f7; padding: 20px 22px 10px 22px; } .hb-feedburner-wrapper input[type=email]{ margin-bottom: 8px; background: #fff; } .hb-feedburner-wrapper input { width:100%; } .hb-feedburner-wrapper p { margin-bottom:20px; } .widget_display_search #bbp_search { width:217px; } .widget_display_views li a { border:none !important; } .hb-sidebar #user_login, .hb-sidebar #user_pass { width:100%; } .bbp-login-form label { width:146px; } .bbp-login-form input { margin-bottom: 0px !important; } .bbp-remember-me { display: none; } .bbp-password { margin-bottom: 8px; } .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input { padding:8px; margin: 0; } .bbp-logged-in img.avatar { width:40px; height: 40px; padding: 0; border:none; } .bbp-logged-in h4 { margin-bottom:0px; } /* Calendar Widget */ .widget_calendar #calendar_wrap table#wp-calendar,.widget_calendar #calendar_wrap { width:100%; font-size:12px; } table#wp-calendar { background:none; } #wp-calendar > caption { display: none; } table#wp-calendar,table#wp-calendar tbody > tr > td { border:1px solid #e9e9e9; } #footer-wrapper table#wp-calendar,#footer-wrapper table#wp-calendar tbody > tr > td { border:1px solid #333; } table#wp-calendar,table#wp-calendar tbody > tr > td,table#wp-calendar thead>tr>th { text-align:center; padding:5px 5px 6px; } .sidebar table#wp-calendar,.sidebar table#wp-calendar tbody > tr > td,.sidebar table#wp-calendar thead>tr>th { text-align:center; padding:7px 5px 8px; } table#wp-calendar thead>tr>th { background:#498ab8; color:#fff; font-size: 12px; } table#wp-calendar tbody>tr>td { background: #f4f4f4; } #footer-wrapper table#wp-calendar tbody>tr>td { background:#505050; background: rgba(255,255,255,0.05); color:#999; } .tagcloud > a { background-color:#f4f4f4; background-color:rgba(0,0,0,0.05); color:#999; display:block; float:left; margin:2px; padding:2px 8px; border:none !important; } .tagcloud > a:hover { color:#000; } #footer-wrapper table#wp-calendar td#today { background:#498ab8; color:#fff; font-weight: bold; } .hb-tabs .tagcloud { margin: 10px 0px; } .facebook-box {border:solid 1px #e9e9e9; overflow: hidden;} #footer-wrapper .facebook-box { border:solid 1px rgba(255,255,255,0.05); } .google-box { overflow: hidden; } .google-box #___plus_0, .google-box #___plus_0 iframe { width:99.6% !important; border-right: solid 1px #d9d9d9; } .google-box #___plus_0 { height:117px !important; border-right: solid 1px #d9d9d9 !important; } .hb-promo-box { display:block; padding:20px 22px 10px 22px; background-color:#f7f7f7; border:1px solid #e9e9e9; } .logout-box { padding-top:0px !important; } .hb-promo-box.dark, .hb-feedburner-wrapper.dark { background-color:#363d40; color:#FFF !important; border:none; } #footer-wrapper .hb-promo-box.dark, #footer-wrapper .hb-feedburner-wrapper.dark {background-color: #000; background-color: rgba(0,0,0,0.2);} .hb-promo-box h1, .hb-promo-box h2, .hb-promo-box h3, .hb-promo-box h4, .hb-promo-box h5, .hb-promo-box h6 { font-weight:bold; line-height:1.1; margin-bottom:15px; } .hb-promo-box p { margin-bottom:10px; } .hb-promo-box .hb-button { margin-top:10px; } #footer-wrapper ul, #footer-wrapper ol { margin-bottom:0px; } #footer-wrapper .widget_categories ul li, #footer-wrapper .widget_rss ul li, #footer-wrapper .widget_meta ul li,#footer-wrapper .widget_recent_entries ul li,#footer-wrapper .widget_pages ul li, #footer-wrapper .widget_archive ul li,#footer-wrapper .widget_nav_menu ul li,#footer-wrapper .widget_recent_comments ul li { border-bottom-color:#444; } .widget_categories ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_nav_menu ul li a, .widget_recent_comments ul li a { color:#666; border-bottom:none; display:inline-block; margin-right:5px; } .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_recent_entries ul li a:hover, .widget_pages ul li a:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul li a:hover { color:#000; } .widget_categories ul li .count-nesto, .widget_meta ul li .count-nesto, .widget_recent_entries ul li .count-nesto, .widget_pages ul li .count-nesto, .widget_archive ul li .count-nesto, .widget_nav_menu ul li .count-nesto, .widget_recent_comments ul li .count-nesto { float:right; } /* HB-Stream Widget */ .hb-stream ul, #footer .hb-stream ul, .widget .hb-stream ul { list-style-type: none; padding: 0; margin: 0; } .hb-stream ul li, #footer .hb-stream ul li, .widget .hb-stream ul li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; float: left; padding: 0 6px 6px 0; } .hb-stream a, .sidebar-wrapper .hb-stream img, #main-sidebar .hb-stream a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #footer .hb-stream a, #footer .hb-stream img, .hb-stream a { width: 100%; height: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .hb-stream a { padding: 0; border:1px solid #dedede; background-image:url(../images/sprites/glare.png); background-position:top left; background-repeat:no-repeat; display: block; } #footer-wrapper .hb-stream a { border: 1px solid rgba(0,0,0,0.1); } .hb-sidebar .hb-stream a { background-image:url(../images/sprites/glare.png); border:1px solid #ddd; } .hb-stream li a img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; opacity: 0.7; filter: alpha(opacity=70); } .hb-stream li:hover a img { opacity: 1; filter: alpha(opacity=100); } /* Twitter */ .tweets li { margin-bottom: 10px; padding-bottom:10px; border-bottom:solid 1px #eee; border-bottom-color: rgba(0,0,0,0.05); } #footer-wrapper .widget-item .tweets li { border-bottom-color:rgba(255,255,255,0.05); } .tweets li:last-child { margin-bottom: 0px; padding-bottom: 0px; border: none; } .tweets .timestamp, .twitter-line .timestamp { margin-bottom: 0px; display: inline; margin-left: 2px; font-style: italic; color:#999; color: rgba(0,0,0,0.5); font-size: 12px; } .tweets .timestamp:before, .twitter-line .timestamp:before {content: "\2015";} .tweets .timestamp a, .twitter-line .timestamp a { color: #999; margin-left: 2px; color: rgba(0,0,0,0.5); } .widget-item .tweet_time { display: block; margin-top: 0px; } .twitter-line .timestamp, .twitter-line .timestamp a { color: #f4f4f4; color:rgba(255,255,255,0.5); } .widget-item .tweet_time a { color:#999 !important; } .widget-column .widget-item { margin-bottom: 40px !important; } .widget-column .widget-item:last-child { margin-bottom: 0px !important; } /* Top Page Carousel */ .carousel-wrapper { margin-bottom: 20px; } .carousel-data-wrapper { height:auto; } .carousel-data-wrapper,.carousel-thumb,.carousel-wrapper{position: relative;} .carousel-thumb{margin-bottom:0px; overflow:hidden; min-height: 165px;} .carousel-thumb img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; height:auto; display:block; } .carousel-thumb img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .caroufredsel_wrapper{margin-bottom:0px !important;} .carousel-post-meta{padding:1px 10px; line-height:18px; background: #498AB8; color:#FFF; position: absolute; top:0px; right:0px; opacity:0.85; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .carousel-post-title{margin-bottom:0px; padding:8px 0; font-size:16px; line-height:20px; width:100%; background:#363D40; margin-top:-7px; position:relative;} .carousel-post-title a { margin-left:16px; margin-right:16px; color:#FFF;display:inline-block; line-height:20px; border-bottom:solid 1px transparent;} .carousel-post-title a:hover { border-botom-color:#f0f0f0; border-bottom-color:rgba(255,255,255,0.2); } .carousel-post-title .categories-carousel { position:absolute; top:-19px; left:0px; } .carousel-post-title .hb-category-name { font-size:13px; opacity:0.65; padding-left:16px; padding-right:16px; margin-right:0px; clear:both; } .carousel-data-wrapper:hover .view-count, .carousel-data-wrapper:hover .hb-category-name { opacity:0.95; } .view-count span { display:inline-block; margin-right:5px; } .carousel-next{position: absolute;top:65px; right:17px;font-size: 25px;z-index:999; background:#222; background:rgba(0,0,0,0.7);text-align: center;width:30px;line-height:30px;;color:#fff; padding-left:2px; } .carousel-prev{position: absolute;top:65px;left:15px;font-size: 25px; z-index:999; background:#222; background:rgba(0,0,0,0.7);text-align: center;width:30px;line-height:30px;color:#fff; padding-right:2px;} .carousel-next i,.carousel-prev i{padding-top:4px;} .carousel-next:hover,.carousel-prev:hover{background:rgba(0,0,0,0.95); color:#fff; cursor:pointer; } .carousel-next.disabled,.carousel-prev.disabled{opacity:0.3; cursor:default;} /* Post Carousel */ .posts-carousel .caroufredsel_wrapper{margin:0px !important;} .posts-carousel .carousel-prev,.posts-carousel .carousel-next{background: none;color:#bbbbbb;width: auto;height: auto;} .posts-carousel .carousel-prev i,.posts-carousel .carousel-next i{font-size: 22px;} .posts-carousel .carousel-prev:hover,.posts-carousel .carousel-next:hover{background: none;color:#333333;} .posts-carousel .carousel-prev.disabled,.posts-carousel .carousel-next.disabled{color:#cccccc;cursor:default;} .posts-carousel .carousel-prev{top:-51px;right:20px;left:auto;} .posts-carousel .carousel-next{top:-51px;right:0px;left:auto;} .posts-carousel{padding:0px !important;} .posts-carousel .carousel-post-meta{width:82px;padding:4px 0px;font-size: 12px;} /* BLOG STYLES */ .hentry, .sticky { margin-bottom: 20px; } .entry-classic, .search .hentry { border-bottom: 1px solid #f0f0f0; } .gallery a, .gallery img { width:100%; height: auto; display: block; } .gallery a { border:none !important; } .gallery img { border: solid 3px #fff !important; } .gallery-caption { color: #787878; font-size: 12px; font-style: italic; line-height: 1.30;} /* Page Pagination */ .pagination-wrapper, .comments .blog-comment-pagination { float:right; width:auto; } .page-pagination a, .comments .blog-comment-pagination .page-numbers { font-size: 13px; font-weight: 600; line-height: 30px; height: 30px; text-align: center; margin-right: 5px; display: block; float: left; color: #777; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:10px; padding-right:10px; margin-right: 3px; border: solid 1px #f0f0f0; } span.page-numbers { margin-top: 20px; } .page-pagination a.current, .comments .blog-comment-pagination span.current { background-color: #498AB8; color:#FFF; } .page-pagination a.inactive:hover, .comments .blog-comment-pagination a.page-numbers:hover { border-color:#498ab8; color:#498ab8; } .comments .blog-comment-pagination a { margin-top:20px; } /* #Comments ================================================== */ .comment-num-title { margin-bottom:10px; } #comment-area a { text-decoration: none; } .comment-content { min-height:74px; } .comment-body, .comment-meta { margin-left:20px; word-wrap:break-word; } #comments-list ol { list-style: none; list-style-type: none; margin: 0 0 -10px; } .comment-meta { margin-top:3px; color:#777; } #comments-list li { margin-left:0px; list-style-type: none; } #comments-list ol li { margin-bottom: 0; list-style-type: none; } .comment .avatar { border-width:2px; height:auto; } .comment .avatar:hover { border-color:#f0f0f0; } .comment .comment-wrap { position: relative; height: auto; border-bottom: 1px solid #f0f0f0; padding: 20px 0; } .comment-wrap .comment-avatar { float: left; position: relative; } .bypostauthor > .comment-wrap .comment-avatar img, .comment-avatar { height: 60px; width: 60px; display: block; } #comments-list li ul { list-style: none; margin: 0 0 0 30px; font-size: 100%; } .comment-content { margin-left: 70px; } .comment-content .comment-body p { margin-bottom: 15px; } .comment-content .comment-body p:last-child { margin-bottom:0px; } .comment-meta { margin-bottom: 15px; } .comment-meta .comment-author { font-weight: bold; font-size:14px; color:#323232; } .comment-meta .comment-date { margin-left: 2px; } .comment-meta .edit-link, .comment-meta .quote-link { font-weight: normal; } .comment-meta .meta-sep { margin: 0 0 0 1px; color: #ccc; } .comment-meta .comment-reply { } #comment-area .edit-link a:hover, #comment-area .comment-reply a:hover { text-decoration: underline; } .comment-meta cite { font-style: normal; } .comment-meta a.comment-reply-link { font-weight: normal; margin-left: 2px; } .comment-meta .delete { color:#F60; } .author-span { display:none; } .bypostauthor .author-span { display:block; font-weight:bold; font-size:12px; padding:0px 8px 1px 8px; border-radius:2px; background-color:#f0f0f0;} /* Respond */ #respond { margin-top:40px; } .comment-notice { color:#777; } /* Comment Form */ .cptch_block { width: 200px; position: absolute; bottom: 9px; left: 200px; color:#777; } .cptch_block input[type=text] { text-align:center; } #commentform { margin-top:30px; } #commentform p { margin-bottom:0px; } #commentform label { margin-left: 10px } label small, .form-disclaimer { margin-left: 10px; color: #999; } .form-disclaimer { float: right; margin-top: 8px; padding: 0; } #commentform .form-disclaimer { margin-bottom: 0px } #commentform input[type="text"], #commentform input[type="email"] { width:60%; } #commentform textarea { width:100%; height:200px; } #commentform label small { margin:0; } #commentform label { color: #777; } /* Trackbacks */ #trackbacks-list span { font-size: 12px; } #trackbacks-list ol li { margin-bottom: 10px; } #trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; } #trackbacks-list .comment-content p { font-size: 14px; } .mid-sep { margin-left:2px; margin-right:2px; } .comment-reply a { font-weight:bold !important; } /* Header Image and Revolution Slider holder */ .with-carousel-slider #slider-section { margin-bottom: -30px !important; } #slider-section { position:relative; margin-top: 30px; z-index:999; height: auto; background-color:#f0f0f0; overflow:hidden; width: 100%; } .col-8 #slider-section { margin-top:0px; } #slider-section img.featured-image { display:block; clear:both; width:100%; height:auto; } /* Columns */ .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row *[class *= "col-"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fullwidth-layout { margin-bottom:0px !important; } #main-content-area .row *[class *= "col-"], #footer-wrapper .row *[class *= "col-"] { float: left; min-height: 1px; padding: 0 15px; position: relative; margin-bottom: 20px; -webkit-backface-visibility: hidden; } .row .col-1 { width: 8.33%; } .row .col-2 { width: 16.66%; } .row .col-3 { width: 25%; } .row .col-4 { width: 33.33%; } .row .col-5 { width: 41.66%; } .row .col-6 { width: 50%; } .row .col-7 { width: 58.33%; } .row .col-8 { width: 66.66% } .row .col-9 { width: 75%; } .row .col-10 { width: 83.33%; } .row .col-11 { width: 91.66%; } .row .col-12 { width: 100%; } /* With Big Sidebar */ .col-8.layout-one { width:68.3%; margin-bottom:0px !important; } .col-4.layout-one { width:31.7%; margin-bottom:0px !important; } .col-8.layout-two { width:76%; margin-bottom:0px !important; } .col-4.layout-two { width:24%; margin-bottom:0px !important; } .col-8.layout-three { width:52%; margin-bottom:0px !important;} .col-4.layout-three { width:24%; margin-bottom:0px !important;} .col-4.layout-four { width: 22.1%; margin-bottom:0px !important; } .col-4.layout-four.big-one { width: 31.7%; margin-bottom:0px !important; } .col-8.layout-four { width: 46.2%; margin-bottom:0px !important; } .left-sidebar { float:right !important; } .right-sidebar { float:left !important; } /* Responsive Facebook Comments */ .fb-comments { margin-bottom:30px; } #fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] { width: 100% !important; } .fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; } /* Tabs */ .hb-tabs ul { margin:0; } .hb-tabs p { margin: 12px 0 !important; } .hb-tabs .titles li { float:left; border:1px solid #E9E9E9; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:12px; margin-right:-1px; cursor:pointer; border-left:none; border-bottom:none; border-left:1px solid #E9E9E9; margin-bottom:0px; } .hb-tabs .titles li a { color:#ABABAB; display:block; padding:8px 16px 6px 16px; margin:-1px 0 0 -1px; border-top:1px solid transparent; border-bottom:none !important; } .hb-tabs .titles li a:hover { color:#363d40; } .hb-tabs .titles li:first-child { border-left:1px solid #E9E9E9; } .hb-tabs .titles li.opened { background:#f7f7f7; } .hb-tabs .titles li.opened a { color:#363d40; border-top:1px solid #498AB8; } .hb-tabs .contents { padding:0 15px; border:1px solid #E9E9E9; background:#f7f7f7; margin-top:-1px; min-height:50px; padding-bottom: 5px; } .hb-tabs .contents > div { display:none; overflow:hidden; } .hb-tabs .contents > div:first-child { display:block; } .hb-tabs ul.post-list { margin-top:20px; } .hb-tabs ul.post-list li:last-child { border-bottom:none; } /* Alert boxes */ .hb-alert-box { color:#FFF; min-height:40px; position:relative; padding:3px 0 0 53px; margin-bottom:10px; } .hb-alert-box i { display:block; position:absolute; top:0; left:0; width:41px; height:100%; background:url(../images/sprites/alert.png) no-repeat 0 0; text-indent:-9999px; } .hb-alert-box p { margin:9px 0 !important; } .hb-alert-box.error { background:#F9E5E6; border:1px solid #FAD2D3; color:#FD4326; } .hb-alert-box.error i { background-color:#FAD2D3; background-position:10px 10px; } .hb-alert-box.success { background:#E3EBC6; border:1px solid #CDDB9B; color:#7F9533; } .hb-alert-box.success i { background-color:#CDDB9B; background-position:-110px 10px; } .hb-alert-box.info { background:#D8ECF5; border:1px solid #AED7EA; color:#5593B1; } .hb-alert-box.info i { background-color:#AED7EA; background-position:-70px 10px; } .hb-alert-box.notice { background:#FCF7D9; border:1px solid #F7E292; color:#C49C03; } .hb-alert-box.notice i { background-color:#F7E292; background-position:-30px 10px; } .hb-alert-box a { color: #363D40; } /* Accordion */ .hb-accordion > section { padding-left:20px; position:relative; border-top:1px solid #E9E9E9; margin-top:10px; padding-top:12px; float:left; width:100%; } .hb-accordion > section:first-child { border-top:none; margin-top:0; padding-top:0; } .hb-accordion > section h4 { font-weight:bold; line-height:16px; cursor:pointer; margin-bottom:0; color:#7A7A7A; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .hb-accordion > section h4:hover { color:#000; } .hb-accordion > section > div { color:#777; display:none; } .hb-accordion > section div { color: #777; margin-bottom: 0px !important; } .hb-accordion > section div p:first-child { margin-top:8px; } .hb-accordion > section div p:last-child { margin-bottom:0; } .hb-accordion > section h4:before { content:"+"; font-size:20px; font-style:normal; font-weight:normal; speak:none; display:inline-block; position:absolute; top:auto; left:0; } .hb-accordion > section.opened h4:before { content:"-"; } .hb-tabs .wpb_content_element { margin-bottom: 0px !important; } .hb-accordion > section.opened h4 { color:#498Ab8; } /* Promo line */ .hb-hero, .hb-centered-title { padding-top:20px; padding-bottom:20px; border-top:1px solid #e9e9e9; border-bottom:1px solid #E9E9E9; position:relative; } .hb-hero h2 { font-size:20px; font-weight:bold; color:#3B3B3B; margin-bottom:3px; padding-top:8px; line-height:23px; margin-right: 150px; } .hb-hero h5 { font-size:17px; font-weight:normal; color:#777; margin-right: 150px; } .hb-hero .hb-button { position:absolute; right:0; top:27px; } .hb-centered-title h2, .hb-centered-title h5 { margin-right: 0px; } /* Icons */ i.i-medium { width:65px; height:65px; background:#498ab8; border-radius:33px; color:#FFF; float:left; margin-right:20px; text-align:center; font-size:34px; cursor:default; line-height:70px; } i.i-default { color:#999; margin-right:15px; text-align:pointer; font-size:32px; cursor:default; display:table-cell; vertical-align:middle; height:40px; } i.i-small { color:#363d40; text-align:center; font-size:18px; line-height:1; display:table-cell; vertical-align:middle; cursor:default; display:inline-block; } .page-title i.i-small { margin-right:10px; } /* Button */ .hb-button, input[type=submit], button { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset; transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; color: #FFFFFF!important; font-family: 'PT Sans'; letter-spacing: 1.5px; padding: 13px 18px; position: relative; text-transform: uppercase; margin-bottom: 10px; opacity: 0.75; background-color: #498ab8; font-weight:bold; display: inline-block; border:none !important; } input[type=submit], button { outline:none; border:none; font-weight:normal; letter-spacing:1px !important; } .hb-button.small { border-radius: 2px 2px 2px 2px; font-size: 12px; padding: 5px 12px; color: #FFFFFF!important; box-shadow: 0 -1px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 0 -1px rgba(0, 0, 0, 0.15) inset; } .hb-button.medium, input[type=submit], button{ border-radius: 3px 3px 3px 3px; padding: 10px 15px; font-size: 12px; letter-spacing: 1px; color: #FFFFFF!important; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; } .hb-button.large { font-size: 13px; padding: 15px 22px; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; -o-box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset; } .hb-button:hover, input[type=submit]:hover, button:hover { opacity: 1; cursor:pointer; } .post-thumb, .post-thumb > a { position:relative; } .image-overlay-inside { position:absolute; top:0px; width:100%; height:100%; background-color:#363d40; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .image-overlay-cross { position:absolute; top:0px; width:100%; height:100%; background-image:url(../images/sprites/cross.png); background-repeat:no-repeat; background-position:50% 50%; } .hide-overlay .image-overlay-inside { display:none !important; } .fitVids iframe { display:none; } .fluid-width-video-wrapper iframe { display:block; } .aligncenter { text-align:center; } /* Center aligned title */ .hb-centered-title h5 { color: #999; font-weight:400;} .hb-centered-title .hb-button { margin-top:10px; } .hb-pop-class { -webkit-animation: hb-pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: hb-pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: hb-pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: hb-pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); } .hb-pop-class-small { -webkit-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: hb-pop-small 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); } /* bbPress */ #bbpress-forums { margin-bottom: 0px; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { border:none !important; } #bbp_topic_title, #bbp_topic_edit_reason { width:100% !important; } #bbpress-forums fieldset.bbp-form legend { font-size: 14px; font-weight: bold; padding: 5px 10px; } .bbp-pagination-count { display:none; } .bbp-author-avatar { display:none; } .bbp-search-results .bbp-author-avatar { display:block; height:auto; } .bbp-search-results .bbp-reply-title, .bbp-search-results .bbp-forum-title { margin-left:10px; } .bbp-author-avatar img { height:auto; } .bbp-reply-author { border-right: solid 1px #eee; } .bbp-reply-author .bbp-author-avatar { display:block; border:none !important; } #bbpress-forums div.bbp-reply-author img.avatar { height:auto; } #bbp_stick_topic { width:30%; } .bbpress .breadcrumb-wrapper, .bbp-footer, #bbpress-forums ul.bbp-topic-revision-log img.avatar { display: none; } .bbp-meta { margin-left:10px; margin-right: 10px; } div.bbp-reply-header, #bbpress-forums li.bbp-body ul.topic { border-top: none; } div.bbp-submit-wrapper { margin-top: 0px; } .bbp-topic-permalink, .bbp-forum-info .bbp-forum-title { font-weight: bold; font-size:16px; } .bbp-topic-title, .bbp-t-info, li.bbp-forum-info, li.bbp-topic-title { margin-left:1% !important; } #subscription-toggle { color:#aaa; } .bbp-header { background: #363d40 !important; color:#ccc; color:rgba(255,255,255,0.9); box-shadow: inset 0 -18px 0 rgba(0,0,0,0.09);} .bbp-header div.bbp-reply-author { width:115px !important; border-right:solid 1px #333; border-right-color: rgba(255,255,255,0.1); } .subscription-toggle, .favorite-toggle { color:#999; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size:13px; } #bbpress-forums ul.odd, #bbpress-forums div.odd { background-color: #f9f9f9; } #bbpress-forums li.bbp-header { border-top:none; } .bbp-user-forum-role, .bbp-user-topic-count, .bbp-user-reply-count { display:block; background:#f4f4f4; padding:4px; margin-bottom:2px; padding-left:15px; padding-right:15px; } .bbp-header a:hover { color: #FFF; } .bbp-body .bbp-topic-freshness, .bbp-body .bbp-forum-freshness { padding-top:18px !important; } #bbpress-forums li.bbp-body ul.topic li.bbp-topic-voice-count, .bbp-body li.bbp-topic-reply-count, .bbp-body .bbp-forum-topic-count, .bbp-body .bbp-forum-reply-count { background-color: #f0f1f2; background-color: rgba(0,0,0,0.03); font-size: 24px; height: 41px; margin-top: 2px !important; line-height:33px; padding-top: 9px; width: 7%; margin-left: 11px !important; } .vc_text_separator { border-bottom: solid 3px #f4f4f4 !important; } .vc_text_separator div { color: #999; font-size:14px; } .separator_align_left div { margin-left:15px; } .separator_align_right div { margin-right:15px; } .bbp-body li.bbp-topic-reply-count { margin-left:20px !important; } .bbp-body .bbp-forum-reply-count { margin-left:25px !important; } span.bbp-header { background-color:#f9f9f9 !important; color:#333; padding-left:3px; padding-right:3px;} span.bbp-header > a { font-size:14px; font-weight:normal; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation { margin-top:167px !important; } .bbp-topic-freshness > a, .bbp-forum-freshness > a{ margin-left:34px; } .bbp-topic-freshness > p, .bbp-forum-freshness > p { display:none; } #bbpress-forums .bbp-search-form { display:none; } .bbp-reply-content p { margin-bottom:15px; } .bbp-reply-content p:last-child { margin-bottom:0px !important; } li.bbp-forum-freshness, li.bbp-topic-freshness { width:30%; } li.bbp-forum-info, li.bbp-topic-title { width:49%; } #bbpress-forums li.bbp-body ul.topic li.bbp-topic-voice-count, li.bbp-forum-voice-count, .bbp-body li.bbp-topic-reply-count, li.bbp-forum-reply-count { width:8%; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size:13px; } .bbp-reply-revision-log-item a img { display:none; } @-webkit-keyframes hb-pop { 0% { -webkit-transform: scale(0.8); opacity:0.1; } 100% { -webkit-transform: scale(1); opacity:1; } } @-moz-keyframes hb-pop { 0% { -moz-transform: scale(0.8); opacity:0.1; } 100% { -moz-transform: scale(1); opacity:1; } } @-o-keyframes hb-pop { 0% { -o-transform: scale(0.8); opacity:0.1; } 100% { -o-transform: scale(1); opacity:1; } } @keyframes hb-pop { 0% { transform: scale(0.8); opacity:0.1; } 100% { transform: scale(1); opacity:1; } } @-webkit-keyframes hb-pop-small { 0% { -webkit-transform: rotate(-175deg) scale(0.2) } 100% { -webkit-transform: rotate(0deg) scale(1) } } @-moz-keyframes hb-pop-small { 0% { -moz-transform: rotate(-175deg) scale(0.2) } 100% { -moz-transform: rotate(0deg) scale(1) } } @-o-keyframes hb-pop-small { 0% { -o-transform: rotate(-175deg) scale(0.2) } 100% { -o-transform: rotate(0deg) scale(1) } } @keyframes hb-pop-small { 0% { transform: rotate(-175deg) scale(0.2) } 100% { transform: rotate(0deg) scale(1) } } .hb-content img { max-width: 100% !important; } .admin-bar #main-navigation-wrapper.stuck { margin-top: 32px!important; } #schema_block {display: none !important;}