/* Theme Name: Lynx - Retina Responsive Wordpress Theme Theme URI: http://themeforest.net/user/ZERGE/portfolio Description: Lynx is Responsive, Retina Ready, WordPress Theme Lynx for your Blog/Magazine, Woocommerce plugin integrated. Author: ZERGE Author URI: http://themeforest.net/user/ZERGE Version: 1.08 Tags: light, white, fluid-layout, custom-menu, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: color-theme-framework */ /* for HTML5 blocks */ header, footer, aside, nav, article, section { display: block; } a { outline: none !important } ::selection , ::-moz-selection { background-color: #333 !important; color: #FFF !important; } /* ------------------------------------------------------ Body ------------------------------------------------------ */ body, .body-class { color: #363636; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 24px; } .italic { font-style:italic; } .bold { font-weight: bold; } iframe { border: none; } .clear { clear: both; } .border-radius-3px { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* ------------------------------------------------------ Custom Background ------------------------------------------------------ */ #bg-stretch { position: fixed;top: 0;left: 0; height:inherit; width:inherit; max-width:inherit; min-width: 100%;min-height: 100%;z-index: -1;} .bg-width { width: 100%; } .bg-height { height: 100%; } /* ----------------------------------------------------- Header ----------------------------------------------------- */ .top-line { width: 100%; height: 4px; background-color: #202020; } #header { background-color: #FFF; border-bottom: 1px solid #ebeaea; padding-bottom: 45px; padding-top: 45px; } .right-navigation .sf-menu { float: right; text-align: left; } .center-navigation { line-height: 10px; } .center-navigation #menu { display: inline-block; } .center-navigation { text-align: center; } .center-navigation .sf-menu { text-align: left; } .center-navigation .sf-menu li .sub-menu { line-height: 24px; } .navigation > select { display: none; margin: 30px 0 0 0; padding: 10px; width: 100%; border: 1px solid #EBEAEA; background-color: #F7F8F9; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #777; } .entry-welcome { margin-top: 45px; } .no_t_padding { margin-top: 0; } .entry-welcome h2, .entry-welcome h1 { font-family: Arial,sans-serif; font-size: 22px; text-transform: capitalize; letter-spacing: -1px; margin-bottom: 10px; line-height: 1.1em; } .entry-welcome > p, .entry-welcome > span { font-family: Arial; color: #999; font-size: 16px; margin-bottom: 0; line-height: 24px; } /* ------------------------------------------------------ Logo ------------------------------------------------------ */ /*.logo_padding_class { padding-top: 45px; }*/ #logo img { max-width: 100%; } #logo.center-logo { text-align: center; margin-bottom: 45px; } #logo > h1 { margin-bottom: 0; line-height: 24px; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #logo > h1.text-logo { line-height: 28px; text-transform: uppercase; } #logo > h1 > a { color: #202020; } #logo > p { margin-bottom: 0; } .logo-slogan { color: #999; font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px } /* ------------------------------------------------------ Welcome Block & Newsticker ------------------------------------------------------ */ .pagetitle_center_class { text-align: center; } #ads-block { text-align: center; margin-bottom: 45px; /*margin-top: 30px;*/ display: block; } #ads-block img { max-width: 100%; } /* ----------------------------------------------------- Follow ----------------------------------------------------- */ ul.follow-block, ul.follow-block li { list-style-type: none; } ul.follow-block li { float: right; margin-left: 5px; } ul.follow-block { font-weight: bold; padding-left: 0; margin-bottom: 0; } .follow-block a { margin-left: 5px; line-height: 34px; color: #AAA !important; font-size: 14px; } .follow-block a:hover { color: #202020 !important; } .tooltip-inner { border-radius: 3px; font-size: 11px; letter-spacing: 1px; padding: 3px 5px !important; text-transform: capitalize; } .tooltip.bottom { margin-top: 10px } /* --------------------------------------------------------------------------------------------------------- News Ticker --------------------------------------------------------------------------------------------------------- */ #headline-block, #ct-woocommerce { position: relative; float: left; display: block; width: 100%; margin-bottom: 45px; background-color: #f7f8f9; z-index: 99; } .ticker-date { color: #aaa; text-transform: uppercase; font-size: 10px; margin: 0 5px; } .ticker-date:before { content: "["; font-size: 12px; margin-right: 3px; } .ticker-date:after { content: "]"; font-size: 12px; margin-left: 3px; } .ticker-title span { float: left; display: block; font-weight: bold; text-transform: uppercase; color: #C2374C; margin-right: 10px; } /* Ticker Styling */ .ticker-wrapper.has-js { width: 100%; display: block; font-size: 12px; } .ticker { width: 100%; display: block; position: relative; overflow: hidden; padding: 5px 0; } .ticker-content { margin: 0px; overflow: hidden; padding: 3px 0 0 0px; white-space: nowrap; line-height: 18px; } .ticker-content a { color: #777 !important; font-size: 11px; font-weight: bold; text-transform: uppercase; } .ticker-content a:hover { color: #202020 !important } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 7px 0px 0px 0px; margin:0; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-controls { padding-left: 6px; } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } /* --------------------------------------------------------------------------------------------------------- Woocommerce --------------------------------------------------------------------------------------------------------- */ #ct-woocommerce { padding-top: 15px; padding-bottom: 15px; } .ct-woo-widget { padding: 20px; background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul.products { padding-left: 0; } ul.products, ul.products li { list-style-type: none; } ul.products li { list-style-position: inside; } ul.products li { background-color: #FFF; padding: 20px; float: left; margin-right: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ct-shop-cart { float: right; line-height: 32px; text-transform: uppercase; letter-spacing: 1px; } .ct-shop-cart > a.cart-contents { font-size: 11px; font-weight: bold; color: #303030; border-right: 1px solid #ddd; padding-right: 10px; margin-right: 10px; } span.cart-total { font-weight: bold; font-size: 11px; color: #C2374C; } /* ------------------------------------------------------- Typography ------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { color: #202020; margin-top: 0; margin-bottom:15px; font-weight: bold; font-family: "Carrois Gothic", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } h1.page-title { display: none; } a, a:link, a:visited { color: #C2374C; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } a:hover { color: #202020; } a img { line-height:0; } ul.list.underline li { border-bottom: 1px dashed #DCE2E7; } ul.unordered { list-style: none; } ul.ordered { list-style: inside decimal; } ul.square { list-style: inside square; } ul.circle { list-style: inside circle; } ul.bullets { list-style: inside disc } /* ------------------------------------------------------ Margins ------------------------------------------------------ */ .margin-top-10 { margin-top:10px; } .margin-15 { margin-bottom: 15px; } .margin-r15 { margin-right:15px; } /* paddings */ .padding-20 { padding:20px; } /* top margins */ .margin-5t { margin-top: 5px; } .margin-8t { margin-top: 8px; } .margin-10t { margin-top: 10px; } .margin-15t { margin-top: 15px; } .margin-20t { margin-top: 20px; } .margin-25t { margin-top: 25px; } .margin-30t { margin-top: 30px; } .margin-35t { margin-top: 35px; } .margin-40t { margin-top: 40px; } .margin-45t { margin-top: 45px; } .margin-50t { margin-top: 50px; } .margin-55t { margin-top: 55px; } .margin-60t { margin-top: 60px; } /* bottom margins */ .margin-5b { margin-bottom: 5px; } .margin-8b { margin-bottom: 8px; } .margin-10b { margin-bottom: 10px; } .margin-15b { margin-bottom: 15px; } .margin-20b { margin-bottom: 20px; } .margin-25b { margin-bottom: 25px; } .margin-30b { margin-bottom: 30px; } .margin-35b { margin-bottom: 35px; } .margin-40b { margin-bottom: 40px; } .margin-45b { margin-bottom: 45px; } .margin-50b { margin-bottom: 50px; } .margin-55b { margin-bottom: 55px; } .margin-60b { margin-bottom: 60px; } .no-margin-b { margin-bottom: 0; } .no-margin-t { margin-top: 0; } /* ------------------------------------------------------ SIDEBAR ------------------------------------------------------ */ .sidebar { font-size: 11px; } .sidebar ul, .magazine-sidebar ul { margin: 0; padding: 0; } .sidebar ul li, .magazine-sidebar ul li { list-style-type: none; list-style-position: inside; } .sidebar .widget ul li .post-date { font-size: 11px; } .sidebar .widget, .magazine-sidebar .widget { margin-bottom: 15px; background-color: #FFF; border: 1px solid #ebeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; } .top-widgets-area { margin-top: 30px; } .top-widgets-area .sidebar .widget { margin-bottom: 15px; } .top-widgets-area .sidebar .widget:last-child { margin-bottom: 0; } h3.widget-title { font-size: 11px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1.5px; padding-bottom: 10px; border-bottom: 1px solid #EBEAEA; text-transform: uppercase; line-height: 10px; } .ct-twitter-widget .tweet-text { line-height: 20px; } .ct-twitter-widget .tweet-time { font-style: italic; font-size: 11px; } .ct-twitter-widget .twitter-logo { float: left; } .ct-twitter-widget .twitter-logo i { color: #00aced; } .ct-twitter-widget .twitter-logo i, .ct-twitter-widget .twitter-logo img { display: inline-block; text-align: center; line-height: 33px; margin-right: 15px; } .ct-twitter-widget .twitter-logo img { border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ct-twitter-widget .twitter-logo a:hover { text-decoration: none; } .ct-twitter-widget .tweet-content { line-height: 20px; } .ct-twitter-widget .tweet-time { display: block; } .ct-twitter-widget li { margin-bottom: 15px; } .ct-twitter-widget li:last-child { margin-bottom: 0; } /* ------------------------------------------------------ BLOG ------------------------------------------------------ */ .entry-content { line-height: 22px; } #blog-entry { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .theme-container, .theme-container-category { padding-top: 30px; padding-bottom: 30px; } .theme-container-category .category-magazine { background-color: #FFFFFF; border: 1px solid #EBEAEA; border-radius: 5px 5px 5px 5px; margin-bottom: 15px; padding: 20px; } .entry-header { margin: 15px 0; } .sidebar .entry-header { margin: 10px 0; } .sidebar .flex-small-slider .entry-header { margin: 15px 0; } h1.entry-title, h1.entry-title a, h3.entry-title, h3.entry-title a, h4.entry-title, h4.entry-title a, h5.entry-title, h5.entry-title a { font-size: 18px; font-weight: bold; color: #202020; margin-bottom: 0; line-height: 24px; text-transform: capitalize; } h5.entry-title, h5.entry-title a { font-size: 14px; } h1.entry-title a:hover, h4.entry-title a:hover, h3.entry-title a:hover, h5.entry-title a:hover { color: #C2374C; } .masonry-box { float: left; } .post-block { background: #FFF; padding: 20px; float: left; position: relative; display: block; overflow: hidden; width: 100%; border: 1px solid #ebeaea; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .masonry-box { width: 17%; margin-right: 15px; margin-bottom: 15px; } .post-block .entry-content p { margin: 0; } /* Video post format */ .format-video .entry-thumb, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; } .format-video .entry-thumb iframe, .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Audio post format */ .format-audio .entry-thumb iframe { min-height: 160px; width: 100%; } .no-top-padding .entry-content { padding-top: 0; } .ct-post-date, .post-date { font-style: italic; font-size: 12px; color: #999; } .post-date a { color: #363636; } .post-date a:hover { color: #999; } .rw-cat-block { font-size: 11px; line-height: 19px; text-transform: uppercase; width: 100%; background-color: #F7F8F9; } .rw-cat-block > .left-aside, .rw-cat-block > .right-aside { float: left; padding: 0 10px; color: #777; } .rw-cat-block > .left-aside { color: #FFF; font-style: normal; } .meta-stars { color: #FFF; } .rw-cat-block > .left-aside > i { margin-right: 3px; } .rw-cat-block > .left-aside > .meta-comments > i + a { color: #FFF; } .rw-cat-block > .left-aside > .meta-views, .rw-cat-block > .left-aside > .meta-likes, .rw-cat-block > .left-aside > .meta-review { margin-right: 5px; } .rw-cat-block > .left-aside > .meta-single-date { margin: 0 5px; } .rw-cat-block > .left-aside > .meta-stars { margin-right: 5px; } .right-aside a { color: #999; letter-spacing: 1px; } .right-aside a:hover { color: #202020 } .edit-link { font-size: 11px; color: #202020; text-transform: capitalize; } .edit-link > i { margin-right: 5px; } .entry-content-meta { position: relative; } .widgetContainer { border-radius: 0; border: none; } /* post formats */ .entry-post-link { background-color: #C2374C; color: #CCC; text-align: center; padding: 20px; } .entry-post-link > .edit-link, .quote-block > .edit-link { text-align: left; float: left; display: block; width: 100%; margin-bottom: 10px; } .entry-post-link > .edit-link [class^="fa-"], .entry-post-link > .edit-link [class*=" fa-"], .entry-post-link > .edit-link a, .quote-block, .quote-block > blockquote, .quote-block [class^="fa-"], .quote-block a, .quote-block i { color: #FFF !important; } .entry-post-link > h1.entry-title, .entry-post-link > h1.entry-title a { color: #FFF; margin-bottom: 15px; } a.original-link { color: rgba(255,255,255, .7) !important; line-height: 20px; display: inline-block; padding: 2px 10px; font-size: 12px; text-align: left; text-align: center; } a.original-link:hover { color: #FFF !important; } a.original-link:before { content: "["; margin-right: 3px; } a.original-link:after { content: "]"; margin-left: 3px; } .bg-post-format { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -transition: all 0.3s linear; } .quote-block, .quote-block > blockquote { border: none; padding: 0; text-align: center; color: #FFF; } .quote-block > blockquote p { font-size: 18px; font-weight: bold; line-height: 26px; padding: 10px 0; } .quote-block { padding: 20px; } .quote-block > blockquote:before, .quote-block > blockquote:after { content: '"'; font-size: 36px; font-weight: bold; display: block; width: 15px; height: 15px; float: left; } .quote-block > blockquote:before { text-align: left; } .quote-block > blockquote:after { text-align: right; float: right; } .quote-block h1.entry-title, .quote-block h1.entry-title a { font-size: 16px; color: #FFF; font-weight: normal; /*letter-spacing: 1px;*/ } .format-chat .entry-content p:nth-child(2n) { background: #F1F2F3; } .format-chat .entry-content p:nth-child(2n+1) { background: #303030; color: #FFF; } .format-chat .entry-content p { margin: 0; padding: 7px 10px; line-height: 20px; border-bottom: 1px solid #ebeaea; } .format-chat #respond p { background: none; border: none; padding: 0 } .format-chat #respond p.logged-in-as { margin-bottom: 15px } .entry-chat { margin-bottom: 15px } .entry-chat p strong { background-color: #F1F2F3; color: #FFF; padding: 10px; margin-right: 10px } .format-chat ul#comments li p { border: none; padding: 0; margin-bottom: 15px } /* ------------------------------------------------------ REVIEW ------------------------------------------------------ */ .review-block { display: block; background: #f7f8f9; min-width: 160px; border: 1px solid #DDD; border-bottom: none; } .overall_score { font-size: 19px; font-weight: bold; padding: 15px; text-align: center; } .overall_score > .score_name { line-height: 34px; display: block; text-align: center; text-transform: uppercase; font-size: 22px; color: #FFF; } .overall_score > .score_value { font-size: 42px; line-height: 54px; text-align: center; display: block; margin-bottom: 10px; color: #FFF; } .summary-review { display: block; color: #fff; font-size: 12px; line-height: 19px; text-align: center; font-weight: normal; } ul.score-list { padding-left: 0; } ul.score-list, ul.score-list li { list-style-type: none; } ul.score-list li { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #414243; line-height: 26px; padding: 5px 0; font-weight: bold; border-bottom: 1px solid #DDD; } ul.score-list li:first-child { border-top: 1px solid #DDD; } .criteria_name { float: left; margin-right: 15px; margin-top: 2px; } .rating-stars { float: right; margin-top: 2px; } ul.score-list, ul.score-list li { list-style-type: none; margin: 0; } /* ------------------------------------------------------ POST THUMBS ------------------------------------------------------ */ .post-block .entry-thumb, .entry-thumb { position: relative; display: block; line-height: 0; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .post-block .entry-thumb img, .entry-thumb img { display: block; margin: 0 auto; max-width: 100%; width: 100%; } .entry-thumb .overlay-image, .entry-thumb .overlay-added-image { position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; line-height: 28px; font-weight: bold; text-align: center; background-color: #333; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -transition: all 0.3s linear; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .entry-thumb .overlay-added-image { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } .zoom-img { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-decoration: none; } .entry-thumb .fa-plus, .entry-thumb .fa-play /*, .entry-thumb .icon-play*/ { position: absolute; width: 30px; height: 30px; display: block; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; color: #FFF; font-size: 18px; line-height: 30px; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -transition: all 0.3s linear; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .entry-thumb:hover .fa-plus, .entry-thumb:hover .fa-play /*.icon-plus, .entry-thumb:hover .icon-play */{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .entry-thumb:hover > .overlay-image { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .entry-thumb.ct-auto { height: auto; padding-bottom: 0; } /* ------------------------------------------------------ SHARE ICONS ------------------------------------------------------ */ .share-block { content: ""; position: absolute; left: 0; bottom: -40px; height: 40px; width: 100%; display: block; } .share-block:before { background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, #FFFFFF 100%) repeat scroll 0 0 transparent; content: ""; display: block; height: 70px; left: 0px; overflow: hidden; position: absolute; text-indent: -10001px; top: -55px; width: 100%; } .share-block-content { /*border-top: 1px solid #DCDCDC;*/ background: #FFF; height: 30px; padding: 5px 0; font-size: 12px; font-weight: bold; color: #aaa; display: block; width: 100%; position: absolute; left: 0; bottom: -40px; text-align: center; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .post-block:hover .share-block-content { bottom: 30px } .meta-stars > [class^="fa-"] { font-size: 10px; margin-right: 2px; } .entry-share-icons .ct-fb a { color: #3b5998; } .entry-share-icons .ct-twitter a { color: #00aced; } .entry-share-icons .ct-gplus a { color: #d64431; } .entry-share-icons .ct-pinterest a { color: #cc2127; } .entry-share-icons .ct-fb a:hover, .entry-share-icons .ct-twitter a:hover, .entry-share-icons .ct-gplus a:hover, .entry-share-icons .ct-pinterest a:hover { color: #202020; } .entry-share-icons i { margin-right: 5px; font-size: 14px; } .share-single { margin: 15px 0; background: #f7f8f9; border: 1px solid #ebeaea; padding: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* ------------------------------------------------------ SINGLE POST & PAGES ------------------------------------------------------ */ .title_left { text-align: left; } .mejs-container { margin-bottom: 15px; position: relative; } .single-post .entry-thumb { margin-bottom: 15px; } .page-content, .comments-block, .author-block, .review-block { background-color: #FFF; padding: 20px; border: 1px solid #EBEAEA; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/ } .page-content > .media-thumb { margin-bottom: 15px; } blockquote { border-left: 1px solid #DDDDDD; color: #666666; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; margin: 20px; padding-left: 15px; } blockquote p { font-size: 16px; line-height: 24px; } .single_meta_bottom { margin-bottom: 15px; } .nav-single { float: right; } .nav-next a span, .nav-previous a span { display: block; width: 36px; height: 36px; /*border: 1px solid #ebeaea;*/ text-align: center; line-height: 36px; float: left; /*color: #777;*/ color: #FFF; background: #C2374C; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; } .nav-next a span:hover, .nav-previous a span:hover { /*border: 1px solid #999;*/ background: #202020 } .nav-previous a span { margin-right: 5px; } .muted-small { text-transform: lowercase; text-align: center; display: block; background: #303030; color: #FFF; border: 1px solid #ebeaea; margin-top: 5px; font-weight: bold; font-size: 11px; line-height: 19px; } .original-link a { background: #f1f2f3; display: inline-block; padding: 0px 5px; margin: 15px 0 0 0; color: #777; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .original-link a:hover { background: #303030; color: #FFF; } .ct-posts-archives, .ct-monthly-archives, .ct-subject-archives, .category-name, .pages-name, .posts-name { margin-top: 15px; } .page-content iframe { width: 100%; } /* ------------------------------------------------------ ABOUT AUTHOR (single post) ------------------------------------------------------ */ #author-avatar { float: left; margin: 0 15px 15px 0; } #author-avatar img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .add-author-info { margin-bottom: 0; font-size: 20px; } .add-author-info a { margin-right: 5px; } .add-author-info a:hover { border: 0; } .add-author-info .icon-facebook-sign { color: #3b5998; } .add-author-info .icon-twitter-sign { color: #00aced; } .add-author-info .icon-google-plus-sign { color: #d64431; } /* ------------------------------------------------------ SINGLE TAGS ------------------------------------------------------ */ .tags{ margin: 30px 0 15px 0; padding: 0; list-style: none; } .tags li, .tags a{ float:left; height: 24px; line-height:24px; position: relative; font-size: 11px; } .tags li { margin-right: 10px; display: block; margin-bottom: 10px; } .tags a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-left: 10px; padding: 0 10px 0 12px; background: #C2374C !important; color: #fff !important; text-decoration:none; font-weight: bold; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .tags a:before { content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color: transparent #C2374C transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .tags a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#fff; } /* ------------------------------------------------------ BREADCRUMBS ------------------------------------------------------ */ ul.breadcrumb-list { list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 0; } ul.breadcrumb-list li, .breadcrumb-list-woo { float: left; margin-right: 5px; font-size: 14px; font-weight: bold; color: #999; } ul.breadcrumb-list li a, .breadcrumb-list-woo a { margin-right: 5px; } .breadcrumb { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-bottom: 0; padding-left: 0; padding-right: 0 } .breadcrumb a { color: #777 } .bread-home a { font-weight: bold; } .entry-breadcrumb { background-color: #F5F5F5; border-bottom: 1px solid #CFCFCF } /* ------------------------------------------------------ REVIEW ------------------------------------------------------ */ /* ------------------------------------------------------ INFINITE SCROLL ------------------------------------------------------ */ #infscr-loading { position: absolute; left: 40.5%; bottom: 10px; display: block; text-align: center; /* background: #000; background: rgba(0, 0, 0, 0.8);*/ } #infscr-loading > img { padding: 10px; margin-bottom: 5px; /*background: #FFF;*/ } #infscr-loading > div { padding: 5px 10px; background: #FFF; background: rgba(255, 255, 255, 0.9); color: #000; } /* ------------------------------------------------------ COMMENTS ------------------------------------------------------ */ #commentform label { min-width: 70px; } .pp_inline #commentform label { min-width: 10px; } .pp_inline #commentform label + span { margin-right: 10px; } .pp_inline .comment-form-comment textarea { line-height: 22px; } .required { color: #C2374C; } #reply-title, .comments-title, .author-title { font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #EBEAEA; padding-bottom: 10px; line-height: 10px; margin-bottom: 0; letter-spacing: 1.5px; } #commentform { margin-top: 20px; } .comment-awaiting-moderation { border: 1px solid #ebeaea; background-color: #FCF8E3; display: inline-block; padding: 0px 10px; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .logged-in-as, .comment-notes, #cancel-comment-reply-link { font-size: 11px; border: 1px solid #ebeaea; background-color: #FCF8E3; padding: 0 10px; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comment-notes { margin-bottom: 30px; } #cancel-comment-reply-link { text-transform: none; padding: 5px 10px; font-weight: bold; font-size: 11px; letter-spacing: 0; text-transform: uppercase; } #comment { width: 100%; border: 2px solid #EBEAEA; padding: 10px; color: #777; border-radius: 3px; } #comment:focus, #author:focus, #email:focus, #url:focus { border-color: #AAA; } #comments .form-allowed-tags { display: none; } .commentlist { margin: 0; padding: 20px 0px 20px 0; list-style-type: none; } .comment-reply-link { text-shadow: 1px 1px 1px rgba(0,0,0,0.5); float: right; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 22px; color: #FFF !important; padding: 1px 7px; background-color: #C2374C; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comment-reply-link:hover { background-color: #303030; } .commentlist .children { list-style-type: none; border-left: 1px solid #DDD; } .comment-avatar { float: left; margin-right: 15px; } .comment-avatar img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } a.comment-meta-time { color: #777 !important; text-transform: uppercase; font-size: 11px; } a.comment-meta-time:hover { color: #202020 !important; } .fn a { font-size: 11px; text-transform: uppercase; color: #202020; } .fn a:hover { color: #777; } .author-site { background-color: #C2374C; color: #FFFFFF !important; float: right; font-size: 10px; font-weight: bold; line-height: 22px; padding: 1px 7px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .author-name { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #202020; } .author-site:hover { background-color: #303030; } .comment-meta { margin-bottom: 10px; } .comment-meta .fn { display: block; font-weight: bold; line-height: 18px; } .reply { font-size: 11px; float: right; } article.comment { margin-bottom: 15px; border-bottom: 1px solid #ebeaea; } .comments-block .pagination { padding: 0 20px; background: #FBFBFB; border-top: 4px solid #a3a6a8; border-bottom: 4px solid #a3a6a8; margin-bottom: 20px; } #comments .edit-link { float: left; margin-bottom: 0; font-size: 11px; } #respond input[type=submit] { display: inline-block; padding: 8px 15px 6px; margin-bottom: 0; font-size: 11px; color: #333; text-align: center; vertical-align: middle; cursor: pointer; background-color: #fff; border: 2px solid #ebeaea; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; } #respond input[type="submit"]:hover, #respond input[type="submit"]:active, #respond input[type=submit]:focus { border: 2px solid #777; } pre { border: 1px solid #dddddd; clear: both; margin: 20px; overflow: auto; padding: 15px; white-space: pre; } /* ------------------------------------------------------ WordPress Core ------------------------------------------------------ */ .gallery-caption { } .bypostauthor { } .sticky { } .wp-caption { } .wp-caption-text { } /* From Twentytwelve */ .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } /* End From Twentytwelve */ strong, b { font-weight: bold; margin-bottom: 15px; } em { font-style: italic; } .blockright { float: right; text-align: right; } .blockleft { float: left; text-align: left } .alignnone { margin: 5px 15px 15px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 15px 15px; } .alignleft { float:left; margin: 5px 15px 15px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } .divider-1px { height: 1px; background-color: #e9eef4; margin: 10px 0; width: 100%; } .divider-10px { height: 10px; } .divider-15px { height: 15px; } .divider-20px { height: 20px; } .divider-1px-dashed { height: 1px; width: 100%; border-bottom: 1px dashed #e9eef4 } .image-border { border: 5px solid #e9eef4; width: auto; display: block; } .image-border img { width: 100%; padding: 0; margin: 0; line-height: 0; display: block } a img.alignright { float:right; margin: 5px 0 15px 15px; } a img.alignnone { margin: 5px 15px 15px 0; } a img.alignleft { float:left; margin: 5px 15px 15px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .highlight { padding: 0; color:#edeae2; background-color: #2a2a2a; } .highlight.pink { background:#bd1e7b; } .highlight.green { background:#668508; } .highlight.red { background:#ef2d2d; } .highlight.orange { background:#ff6600; } .highlight.blue { background:#308aef; } .highlight.yellow { background:#cb7a0b; } .highlight.custom { background:#921529; } span.dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; } span.dropcap.pink { color:#bd1e7b; } span.dropcap.green { color:#668508; } span.dropcap.red { color:#ef2d2d; } span.dropcap.orange { color:#ff6600; } span.dropcap.blue { color:#308aef; } span.dropcap.yellow { color:#cb7a0b; } span.dropcap.custom { color:#921529; } /* align paragraphs */ p.text-left { text-align: left } p.text-right { text-align: right } p.text-center { text-align: center } p.text-justify { text-align: justify } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .video-post-widget, .embed-youtube, .embed-vimeo, .video-frame { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; z-index:10; } .video-post-widget iframe, .embed-youtube iframe, .embed-vimeo iframe, .video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none !important } video { width: 100%; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* ------------------------------------------------------ Tag Cloud Widget and Tags ------------------------------------------------------ */ .widget .tagcloud a[class|=tag-link], .tagcloud a[class|=tag-link], #entry-post a[rel=tag] { font-size: 11px !important; background-color: #F1F2F3; padding: 3px 5px 3px; line-height: 14px; color: #777; margin-top: 5px; float: left; margin-right: 5px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -transition: background-color 0.2s linear; text-transform: lowercase; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget .tagcloud a[class|=tag-link]:hover, .tagcloud a[class|=tag-link]:hover, #entry-post a[rel=tag]:hover { color: #FFF; background-color: #202020; } /* ------------------------------------------------------ Footer ------------------------------------------------------ */ #footer { background-color: #FFF; padding-top: 45px; padding-bottom: 45px; width: 100%; display: block; font-size: 11px; } #footer .addinfo { text-align: right; } #footer ul, #footer ol { padding-left: 0px; } #footer ul { list-style-position: inside; list-style-type: none; } #footer .bg-copyright { border-top: 1px solid #ebeaea; padding-top: 30px; } #footer .widget { margin-bottom: 30px; } #footer [class^="ct-flickr-"] { margin-top: 22px; } #footer .post-date { font-size: 11px; } /* ------------------------------------------------------ Blog pagination ------------------------------------------------------ */ .pagination span { color: #777; } .pagination span, .pagination a { background-color: #FFF; border: 1px solid #ebeaea; padding: 5px 10px; font-weight: bold; margin-right: 5px; font-size: 11px; text-transform: uppercase; color: #777; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .pagination a:hover { background-color: #202020; border: 1px solid #202020; color: #FFF; } .pagination span.current { background-color: #C2374C; color: #FFF; border: 1px solid #C2374C; } .page-links { font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #303030; margin: 15px 0; } .page-links a { margin: 0 2px; } /* ------------------------------------------------------ Popular & Recent Posts Widget ------------------------------------------------------ */ /* ------------------------------------------------------ Flickr Widget ------------------------------------------------------ */ [class^="ct-flickr-"] li { list-style-type: none;float: left; margin-bottom: 10px; margin-right: 6px; } [class^="ct-flickr-"] { list-style-type: none; margin: -10px -6px 0 0; } [class^="ct-flickr-"] li img { display: block; width: 48px; height: 48px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } [class^="ct-flickr-"] { margin-right: -15px !important; } /* ------------------------------------------------------ Instagram Widget ------------------------------------------------------ */ [class^="ct-instagram-"] li { list-style-type: none;float: left; margin-bottom: 10px; margin-right: 6px; } [class^="ct-instagram-"] { list-style-type: none; margin: -10px -6px 0 0; } [class^="ct-instagram-"] li img { display: block; width: 48px; height: 48px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } [class^="ct-instagram-"] { margin-right: -15px !important; } /* ------------------------------------------------------ Related Posts Widget ------------------------------------------------------ */ .related-posts-single { list-style:none; margin: -9px -9px 0 0;} .related-posts-single img { width:104px; height: 104px; } .related-posts-single li { float:left; padding:0; margin-top: 9px; margin-right:9px; position: relative; } .ct-relatedposts-widget .review-box { padding: 0; font-size: 11px; } /* ------------------------------------------------------ Categories Widget ------------------------------------------------------ */ .ct_categories_widget li:before { content: "\f00c"; font-family: FontAwesome; padding-right:4px; font-size: 10px; } .ct_categories_widget ul { list-style-type: none; margin: 0; } /* ------------------------------------------------------ Search Widget ------------------------------------------------------ */ .screen-reader-text, .assistive-text { display: none; } #searchform input[type="text"] { margin-bottom: 0; font-size: 11px; padding: 8px 8px; float: left; width: 100%; border: 4px solid #F1F2F3; border-radius: 0; text-transform: lowercase; } #searchform #searchsubmit { font-size: 12px; padding: 4px 8px; border-radius: 0; color: #929292; font-weight: bold; border: 1px solid #ebeaea; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget_search form, .no-results form { margin-bottom: 0px; } .no-results #searchform input[type="text"] { width: 50%; margin-bottom: 10px; margin-top: 10px; } .no-results h1 { font-size: 24px; line-height: 42px; margin-bottom: 0 } /* ------------------------------------------------------ Calendar Widget ------------------------------------------------------ */ #wp-calendar thead tr th:first-child { border-left: 1px solid #eaecec; } #wp-calendar thead tr th { text-align: center; border-right: 1px solid #eaecec; } #wp-calendar { width: 100%; } #wp-calendar > caption { font-weight: bold; /*padding: 5px;*/ margin-bottom: 10px; } #wp-calendar > caption:after { clear: both } #wp-calendar td { text-align: center; color: #777; } #wp-calendar td#today, #wp-calendar td#today a { background-color: #C2374C; color: #FFF; font-weight: bold; } #wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td#prev a, #wp-calendar td#next a { text-transform: uppercase; background: none !important; color: #333 } /* ------------------------------------------------------ Twitter Widget ------------------------------------------------------ */ .tweet_list { list-style: none; overflow-y: hidden; margin:0; } .tweet_list .awesome, .tweet_list .epic { text-transform: uppercase; } .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; padding: 10px 0; } .tweet_list li:first-child { padding-top: 0; } .tweet_list li:last-child { padding-bottom: 0; } .tweet_list .tweet_avatar { float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } .tweet_list .tweet_time a { color: #9D9D9D; font-size: 11px; font-weight: normal; } .tweet_list .tweet_time a:hover { color: #c2374c; } a.tweet_avatar { display: block; } .tweet_list li span.tweet_time { display:block; } a.tweet_avatar { margin-right: 10px; margin-bottom: 20px; } /* ------------------------------------------------------ Post Like ------------------------------------------------------ */ .like, .entry-share .icon-plus { -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; } .entry-share .icon-plus { line-height: 7px; } .icon-heart.alreadyvoted, .voted .icon-heart { color: #FFF; /*#fa3045;*/ } .post-like a { color: #FFF; } .post-like a:hover .icon-heart { color: #fa3045; } .post-like a:hover { border: 0; } .voted .like, .post-like .alreadyvoted, .post-like a:hover .like { } /* ------------------------------------------------------ Custom Widgets ------------------------------------------------------ */ .related-thumbs-widget { list-style-type: none; padding-left: 0; } .related-thumbs-widget li { list-style-type: none; float: left; margin-right: 10px; margin-bottom: 10px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .related-thumbs-widget li img { display: block; width: 65px; height: 65px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -transition: all 0.3s linear; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .related-thumbs-widget li:hover img { opacity: .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } .flex-big-slider .slides img { margin-bottom: 0 !important; } .carousel-thumb img { margin-bottom: 0 !important; } .carousel-thumb { margin-bottom: 15px; } .read-more { text-transform: uppercase; color: #FFF !important; font-size: 12px; background: #C2374C; padding: 3px 10px; margin-top: 15px; display: inline-block; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .read-more:hover, .read-more:focus, .read-more:active { background: #202020; } .read-more.right { float: right; } .widget-review-stars { display: inline-block; padding: 0px 10px; line-height: 17px; font-size: 11px; color: #FFF; font-weight: bold; text-transform: uppercase; } .widget-post-small-thumb a img, .twitter-logo a img, .product_list_widget li a img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .widget-post-small-thumb:hover a img, .twitter-logo:hover a img, .product_list_widget li a img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } /* ------------------------------------------------------ BLog Widget ------------------------------------------------------ */ #entry-blog article { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #DDD; } #pbd-alp-load-posts { text-align: center; text-transform: uppercase; background: #f1f2f3; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #pbd-alp-load-posts > i { margin-bottom: 15px; } #pbd-alp-load-posts a, .pbd-no-posts { display: block; font-weight: bold; padding: 15px 0; color: #202020; } #pbd-alp-load-posts:hover a { color: #C2374C; } /* ------------------------------------------------------ 2 Columns Widget ------------------------------------------------------ */ .widget-two-column-horizontal { list-style-type: none; padding-left: 0; } .widget-two-column-horizontal li { list-style-position: inside; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #F1F2F3; } .widget-two-column-horizontal li .widget-post-small-thumb img { display: block; width: 48px; height: 48px; margin-bottom: 15px; margin-right: 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .first-post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 4px solid #F1F2F3; } /* ------------------------------------------------------ 1 Column Widget ------------------------------------------------------ */ .widget-one-column-horizontal { list-style-type: none; padding-left: 0; } .widget-one-column-horizontal li { list-style-position: inside; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #F1F2F3; } /* ------------------------------------------------------ Photo News Widgets ------------------------------------------------------ */ ul.photo-news { margin-bottom: 0; } ul.photo-news, ul.photo-news li { list-style-type: none; list-style-position: inside; padding-left: 0; } ul.photo-news li { float: left; margin-right: 18px; margin-bottom: 18px; display: block; width: 100px; height: 67px; } ul.photo-news li img { max-width: 100%; } /* ------------------------------------------------------ Categories Widgets ------------------------------------------------------ */ ul.left-col li, ul.right-col li { padding: 0 10px; background: #f1f2f3; margin-bottom: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } ul.left-col li a, ul.right-col li a { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #777; display: block; } ul.left-col li a:hover, ul.right-col li a:hover { color: #202020; } /* ------------------------------------------------------ Social Icons Widget ------------------------------------------------------ */ .social-icons-list, .social-icons-list li { list-style-type: none; list-style-position: inside; } .social-icons-list li { float: left; border: 1px solid #DDD; display: block; margin-right: 5px; width: 40px; height: 40px; line-height: 40px; margin-bottom: 5px; text-align: center; font-size: 20px; color: #202020; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .social-icons-list li a { color: #202020; } .social-icons-list li:hover a { color: #C2374C; } /* ------------------------------------------------------ Social Counter Widget ------------------------------------------------------ */ .social-counter-list, .social-counter-list li { list-style-type: none; list-style-position: inside; } .social-counter-list li { float: left; padding: 12px 10px 10px; border: 1px solid #DDD; text-align: center; margin-right: 10px; margin-bottom: 10px; width: 72px; height: 72px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .social-counter-list li span { font-weight: bold; } .social-counter-list li a { color: #202020; } .social-counter-list li:hover a { color: #C2374C; } .social-counter-list li.facebook-social:before, .social-counter-list li.twitter-social:before, .social-counter-list li.youtube-social:before, .social-counter-list li.rss-social:before { content: "\f09a"; font-family: "FontAwesome"; font-size: 28px; display: block; text-align: center; margin-bottom: 5px; color: #3b5998; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .social-counter-list li.twitter-social:before { content: "\f099"; color: #00aced; } .social-counter-list li.youtube-social:before { content: "\f167"; color: #c9312c; } .social-counter-list li.rss-social:before { content: "\f09e"; color: #ff6600; } .social-counter-list li.facebook-social:hover:before, .social-counter-list li.twitter-social:hover:before, .social-counter-list li.youtube-social:hover:before, .social-counter-list li.rss-social:hover:before { color: #202020; } .social-counter-list li:last-child { margin-right: 0; } /* ------------------------------------------------------ Comments Widget ------------------------------------------------------ */ .ct-comments-widget li img { float: left; margin-right: 15px; margin-bottom: 10px; display: block; width: 48px; height: 48px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .ct-comments-widget li { margin-bottom: 15px; } .ct-comments-widget li:last-child { margin-bottom: 0; } .ct-comments-widget .author-name { } .ct-comments-widget .author-name h4 { margin: 0; margin-bottom: 5px; font-size: 14px; text-transform: capitalize; } .ct-popularpost-widget .entry-content, .ct-comments-widget .comment-text, .ct-twitter-widget .tweet-text { font-size: 12px; line-height: 20px; } .ct-comments-widget .comment-time, .ct-twitter-widget .tweet-time, .widget_recent_entries li .post-date, .ct-blog-widget .author-by { font-size: 11px; } /* ------------------------------------------------------ Popular & Recent Posts Widget ------------------------------------------------------ */ .popular-posts-widget, .recent-posts-widget, .recent-comments-widget { list-style:none; margin-left:0; margin-bottom: 0; } .popular-posts-widget li, .recent-posts-widget li, .recent-comments-widget li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f2f3 } .recent-comments-widget li:last-child, .recent-posts-widget li:last-child, .popular-posts-widget li:last-child { margin-bottom: 0; } .small-slider .entry-title { margin-top: 15px; margin-bottom: 5px; } .meta [class^="fa-"], .meta [class*=" fa-"] { font-size: 11px; } .meta { color: #929292; font-size: 11px; line-height: 22px; } .meta [class^="meta-"] { margin-left: 17px; display: inline-block; } .meta span:first-child { margin-left: 0; } .meta .post-like a, .meta .meta-category a, .meta .meta-author a, .meta .meta-comments a { color: #929292; } .meta .meta-category a:hover, .meta .meta-author a:hover, .meta .meta-comments a:hover { color: #c2374c; } .meta .icon-eye-open { font-size: 15.5px; } .popular-posts-widget li [class^="fa-"], .popular-posts-widget li [class*=" fa-"], .recent-posts-widget li [class^="fa-"], .recent-posts-widget li [class*=" fa-"], .small-slider li [class^="fa-"], .small-slider li [class*=" fa-"] { width: auto; padding-right: 1px; } .small-slider .flex-direction-nav a { top: 40%; } .widget-post-small-thumb a:hover { border: 0; } .widget-post-small-thumb { position:relative; float: left; } .widget-post-small-thumb img { width: 48px; max-width: 48px; margin-right: 15px; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .media-thumb { margin-bottom: 15px; } /* ------------------------------------------------------ Custom Menu Widget ------------------------------------------------------ */ .widget_nav_menu .menu { margin: 0; list-style-type: none; } .widget_nav_menu li a { color: #363636; } .widget_nav_menu li a:hover { color: #c2374c; } .widget_nav_menu li:before { content: "\f00c"; font-family: FontAwesome; padding-right:10px; font-size: 10px; } .widget_nav_menu li.current-menu-item:before, .widget_nav_menu li.current-menu-ancestor:before { color: #c2374c; } .widget_nav_menu ul.sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; list-style-type: none; } /* ------------------------------------------------------ ONLY FOR MOZILLA ------------------------------------------------------ */ @-moz-document url-prefix() { .nav-next a span, .nav-previous a span { line-height: 36px; } .social-icons-list li { line-height: 38px; } } /* ------------------------------------------------------ Bootstrap Override ------------------------------------------------------ */ select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { font-size: 12px; border: 2px solid #EBEAEA; padding: 5px 10px; color: #777; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comments-title h4 { border-bottom: 1px solid #EBECED; font-weight:normal; } #contacts-form i { margin-right: 0px; } #contacts-form .input-prepend { margin-bottom: 15px; } #contacts-form form { margin-bottom:0;} #contacts-form .btn { float:right; font-size: 12px; } #contacts-form textarea { margin-bottom:15px; } #ajax-contact-form .input-group { margin-bottom: 5px; } #ajax-contact-form .input-group span { border: 2px solid #ebeaea; min-width: 45px; } #ajax-contact-form textarea:focus { border-color: #AAA; } .form-control:focus { border-color: #AAAAAA; box-shadow: none; } /* addthis service */ .addthis_button_facebook_like {height: 22px; margin-bottom: 0;} .addthis_button_tweet { height:22px; } /*.margin-comments li:first-child .first-comment { padding-top:0; }*/ .textwidget .accordion { margin-bottom:0; } .accordion-heading .accordion-toggle { font-weight: bold; } /* sitemap */ .entry-sitemap { padding: 20px; } .entry-sitemap h5 { margin-bottom:5px; } .entry-sitemap ul { margin-bottom:10px; } .entry-sitemap .posts-name { list-style:none; margin-bottom:40px; } .entry-sitemap .category-name {list-style:none;margin-bottom: 40px;} .entry-sitemap .categories img { width:auto; display:inline-block; } .entry-sitemap .posts-name li ul li, .entry-sitemap .category-name li ul li, .entry-sitemap .pages-name li { padding-bottom:5px; } .entry-archives { padding: 20px; } .twitter-tweet-rendered { width:100% !important;} .twt-border { _width: 100%!important; max-width: 100%!important; min-width: 100%!important; } .category-ads ins { float:right; } /* google prettify */ .com { color: #93a1a1; } .lit { color: #195f91; } .pun, .opn, .clo { color: #93a1a1; } .fun { color: #dc322f; } .str, .atv { color: #D14; } .kwd, .prettyprint .tag { color: #1e347b; } .typ, .atn, .dec, .var { color: teal; } .pln { color: #48484c; } .prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /*ul { padding-left: 15px; }*/ /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; } .to-top { background: #202020; color: #FFF; -moz-border-radius: 96%; -webkit-border-radius: 96%; border-radius: 96%; width: 40px; position: fixed; right: 20px; bottom: 45px; height: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; text-align: center; line-height: 40px; font-size: 14px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .to-top:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* * * Other Styles for Plugins * */ /* ------------------------------------------------------ PrettyPhoto ------------------------------------------------------ */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(img/prettyphoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(img/prettyphoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(img/prettyphoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(img/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(img/prettyphoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(img/prettyphoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(img/prettyphoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(img/prettyphoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(img/prettyphoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(img/prettyphoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(img/prettyphoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(img/prettyphoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(img/prettyphoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(img/prettyphoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(img/prettyphoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(img/prettyphoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(img/prettyphoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(img/prettyphoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(img/prettyphoto/default/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: #1E2126;} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(img/prettyphoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(img/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(img/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(img/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(img/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(img/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(img/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(img/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(img/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(img/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(img/prettyphoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(img/prettyphoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(img/prettyphoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(img/prettyphoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(img/prettyphoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(img/prettyphoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{ width:75px;height:22px;background:url(img/prettyphoto/light_square/sprite.png ) -1px -1px no-repeat; cursor:pointer } div.light_square .pp_close { width: 75px; height: 22px; } a.pp_close { color: #333; } div.light_square .pp_nav .pp_play{background:url(img/prettyphoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(img/prettyphoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(img/prettyphoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(img/prettyphoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(img/prettyphoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(img/prettyphoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{ display:none;margin:0} .pp_social { float: left; margin: 2px 0 0; } .pp_social .facebook{float:left;margin-left:5px;width:100px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{ float: left; font-weight: bold; line-height: 18px; margin: 0 10px; padding: 0; white-space: nowrap; } .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(img/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(img/prettyphoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(img/prettyphoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_description { margin-bottom: 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; } /*.pp_description > span, .pp_description > span + span { font-size: 10px; color: #777; margin: 0 10px; } .pp_description > span + span { margin-left: 0; } .pp_description > span:before, .pp_description > span + span:before { content: "["; margin-right: 3px; } .pp_description > span:after, .pp_description > span + span:after { content: "]"; margin-left: 3px; } */ /* ------------------------------------------------------ Flex Slider ------------------------------------------------------ */ .flexslider { margin: 0; border: 0; box-shadow: none; border-radius: 0; } .flex-carousel { background: none; } .flex-carousel li { /* -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);*/ } .flex-carousel li { margin-right: 9px; } .flex-direction-nav li [class^="fa-"], .small-slider li [class^="fa-"] { width: auto; } .flex-direction-nav li [class^="fa-"] { position: relative;} .flex-carousel .slides { padding-bottom: 6px; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { font-size: 26px; height: 40px; width: 40px; background:#202020; color: #fff; line-height: 40px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav a { margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: inherit; color: #FFF; } .flexslider:hover .flex-next {opacity: inherit; right: 0;} .flexslider:hover .flex-prev {opacity: inherit; left: 0;} /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block; /*margin-bottom: 15px;*/ } .flex-small-slider .slides img { margin-bottom: 0; } .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0px; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; /*text-indent: -9999px; */opacity: 0; -webkit-transition: all .3s ease;} .flex-small-slider .flex-direction-nav a { top: 34%; } .flex-carousel .flex-direction-nav a { top: 38%; } .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 0px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 0px;} .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;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* ------------------------------------------------------ ColorPicker ------------------------------------------------------ */ .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url('img/colorpicker/colorpicker_background.png'); font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; display: none; z-index:9999999; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url('img/colorpicker/colorpicker_overlay.png'); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url('img/colorpicker/colorpicker_select.gif'); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url('img/colorpicker/colorpicker_indic.gif') left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: , "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #898989; top: 3px; right: 11px; text-align: right; margin: 0; padding: 0; height: 14px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url('img/colorpicker/colorpicker_hex.png') top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url('img/colorpicker/colorpicker_rgb_r.png'); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url('img/colorpicker/colorpicker_rgb_g.png'); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url('img/colorpicker/colorpicker_rgb_b.png'); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url('img/colorpicker/colorpicker_hsb_h.png'); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url('img/colorpicker/colorpicker_hsb_s.png'); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url('img/colorpicker/colorpicker_hsb_b.png'); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url('img/colorpicker/colorpicker_submit.png') top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } /* Added in v 1.01 */ .ticker-title > span { min-width: 110px; } .media-thumb img { max-width: 100%; } /* Added in v 1.02 */ .post-block .entry-content p { margin: 0 0 10px;} /* Added in v 1.03 */ .sf-menu ul ul { top: -1px; } .social-icons-list { margin-right: -5px !important; } .social-counter-list { margin-right: -10px !important; } .col-lg-3 .social-counter-list li { width: 66px; } /* Added in v 1.05 */ .sticky-entry { width: 100%; } .left .ticker-content { float: none; }