/* Theme Name: Carino Theme URI: http://demos.vanthemes.com/carino Description: A premium wordpress responsive blog Theme. Author: VanThemes Author URI: http://www.vanthemes.com Version: 1.3.2 License: The License with which You Bought This Theme from Themeforest License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/ Tags: brown, gray, green, orange, pink, red, purple, two-columns, custom-colors, post-formats, theme-options, translation-ready, featured-images, left-sidebar, right-sidebar Text Domain: van */ /******************************************************************** * RESET *********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { outline: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong, b { font-weight: bold } small { font-size: smaller } video{-webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important;background-size: 100% 100% !important;} mark { background-color: #61cf81; color: #FFF; font-style: italic; font-weight: bold; } ins { background-color: #61cf81; color: #FFF; text-decoration: none; } del { color: #373737; text-decoration: line-through; } address { letter-spacing: 1px; font-style: italic; margin: 0 0 24px; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ededed; margin-bottom: 15px; padding: 0; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } fieldset { border: 1px solid #ededed; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } input, select { vertical-align: middle } dfn { font-style: italic } dl { margin: 0 20px } dt { font-weight: bold } dd { margin: 0 0 20px } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } table { border: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2em; margin: 0 0 20px; width: 100%; background: #FCFCFC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; padding: 6px 10px; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px; } textarea, input[type="search"], input[type=text], input[type=password], input[type="submit"], input[type="reset"], button, select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 0 none; outline: 0 !important; font-family: 'Montserrat', Arial, Helvetica, sans-serif; } /******************************************************************** * Main *********************************************************************/ body { background-color: #ededed; font-size: 13px; line-height: 1.7em; font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #000000; } .full-screen-bg { display: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -99999; overflow: hidden; } .full-screen-bg .screen-inner { background: #FFF; height: 100%; width: 960px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -moz-box-shadow: 0px 0px 15px #000000; -webkit-box-shadow: 0px 0px 15px #000000; box-shadow: 0px 0px 15px #000000; } h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #616161; line-height: 1.4em; } h1 { font-size: 24px } h2 { font-size: 22px } h3 { font-size: 18px; font-weight: 500; } h4 { font-size: 16px; font-weight: 500; } h5 { font-size: 12px; font-weight: 700; } h6 { font-size: 10px; font-weight: 700; } .container { width: 940px; margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .content { background: #FFF; -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .row { clear: both; margin-bottom: 20px; } #main-wrap { margin-top: 20px; margin-bottom: 20px; } #main-content { width: 620px; float: left; } #sidebar { width: 300px; float: right; } .left-sidebar #sidebar{float:left;} .left-sidebar #main-content{float:right;} .full-width #main-content{width: auto;float: none;} a { color: #61cf81; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } a:hover { color: #616161 } .clear { clear: both } .clearfix:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; zoom: 1; } /******************************************************************** * Header *********************************************************************/ /** * Top Bar */ #top-bar { height: 98px; background: #4f2b13; overflow: hidden; } #top-bar #logo { float: left; /*background: url(assets/images/light-over.png);*/ padding: 0 25px; display: table; height: 70px; } #top-bar #logo img { display: block; } #top-bar #logo h1 { display: table-cell; vertical-align: middle; } #top-bar #logo h1 a { color: #FFF; text-decoration: none; font-size: 35px; line-height: 1.5em; } #top-bar #site-description { float: left; margin-left: 0px; height: 70px; display: table; } #top-bar #site-description p { color: #f4f4c7; display: table-cell; padding-bottom: -34px; vertical-align: bottom; font-size: 23px; font-family: Verdana,Geneva,Kalimati,sans-serif; padding-top: 59px; } #top-bar #header-social { float: right; line-height: 70px; } #top-bar #header-social ul li { float: left; margin-left: 18px; } #top-bar #header-social ul li a { color: #878787; text-decoration:none; } #top-bar #header-social ul li a .icon { font-size: 19px; color: #878787; background: none; } #top-bar #header-social ul li a .icon:hover { color: #d8d8d8 } #top-bar #header-social ul li a:hover { color: #d8d8d8 } #top-bar #header-social ul li:first-child { margin-left: 0 } /** * Main navigation */ #main-nav-wrap { position: relative } #main-nav-wrap #main-navigation { float: left; padding-right: 50px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #main-nav-wrap #main-navigation ul, #main-nav-wrap #main-navigation li { list-style: none; padding: 0; margin: 0; } #main-nav-wrap #main-navigation ul li { display: block; float: left; position: relative; } #main-nav-wrap #main-navigation ul li a { text-decoration: none; color: #616161; text-transform: capitalize; padding: 0 18px; line-height: 60px; height: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; border-bottom: 3px solid transparent; margin-bottom: -2px; } #main-nav-wrap #main-navigation ul li a:hover { border-color: #61cf81; color: #61cf81 !important; } #main-nav-wrap #main-navigation ul li a .has-submenu { padding-right: 3px } #main-nav-wrap #main-navigation ul li:hover > a, #main-nav-wrap #main-navigation ul li.current-menu-item > a, #main-nav-wrap #main-navigation ul li.current-menu-parent > a { border-color: #61cf81; color: #61cf81; } #main-nav-wrap #main-navigation ul li ul { position: absolute; width: 246px; padding: 15px 0 0; margin-top: 10px; background: #FFF; -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); top: 100%; left: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; white-space: nowrap; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 9999; border-radius: 2px; } #main-nav-wrap #main-navigation ul li ul li { float: none; padding: 0 15px; margin-bottom: 15px; } #main-nav-wrap #main-navigation ul li ul li a { font-size: 13px; line-height: 1.5em; height: auto; border: 0; padding: 0; margin: 0; color: #717171; } #main-nav-wrap #main-navigation ul li ul li a .has-submenu { position: absolute; right: 0; } #main-nav-wrap #main-navigation ul li ul li:hover { color: #61cf81 !important } #main-nav-wrap #main-navigation ul li ul:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #FFF; top: -12px; left: 20px; } #main-nav-wrap #main-navigation ul li ul:after { content: ""; position: absolute; top: -17px; left: 0; width: 100%; height: 17px; display: block; } #main-nav-wrap #main-navigation ul li ul ul { left: 100%; top: 0; margin-top: -23px; margin-left: 17px; } #main-nav-wrap #main-navigation ul li ul ul:before { border-left: 0; border-right: 12px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 15px; left: -12px; } #main-nav-wrap #main-navigation ul li ul ul:after { top: 0px; left: -17px; width: 17px; height: 100%; } #main-nav-wrap #main-navigation ul li:hover > ul { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; margin-top: 17px; } #main-nav-wrap #main-navigation ul li ul li:hover > ul { margin-top: -15px } #main-nav-wrap .mobile-nav { display: none; width: 500px; height: 58px; overflow: hidden; padding-left: 36px; } #main-nav-wrap .mobile-nav:before { content: " "; position: absolute; width: 22px; height: 20px; left: 18px; top: 21px; background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -418px; } #main-nav-wrap .mobile-nav select { background: transparent; cursor: pointer; width: 460px; padding: 0 18px; font-size: 13px; color: #616161; /*border: 1px solid #ccc;; */ height: 58px; -webkit-appearance: none; } #main-nav-wrap #header-search { float: right; height: 58px; } #main-nav-wrap #header-search input[type=text] { float: left; height: 100%; width: 100%; position: absolute; top: 0; left: 0; padding: 0 58px 0 20px; font-size: 20px; color: #8f8e8e; z-index: 1; display: none; } #main-nav-wrap #header-search .search-icn { font-size: 26px; line-height: 60px; margin-right: 16px; color: #878787; text-decoration: none; position: absolute; top: 0; right: 0; z-index: 2; } #main-nav-wrap .nav-alert { line-height: 58px; padding-left: 18px; } .fixed-nav { position: fixed !important; top: 0; left: 50%; z-index: 99998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } /******************************************************************** * Main Carousel *********************************************************************/ #main-carousel { position: relative; margin-bottom: 20px; } #main-carousel .content { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #main-carousel .item { margin-right: 20px; float: left; } #main-carousel .entry-media { height: 190px } .before-load { height: 300px; width: 100%; background-image: url(assets/images/loading.gif); background-repeat: no-repeat; background-position: center center; overflow: hidden; } .before-load #carousel-items { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } /******************************************************************** * breadcrumb *********************************************************************/ #breadcrumb { clear: both; display: block; margin-bottom: 20px; background: #FFF; -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 10px;} #breadcrumb ul, #breadcrumb li { list-style: none } #breadcrumb ul li { float: left; display: block; } #breadcrumb ul li a, #breadcrumb ul li span { color: #B1B1B1; text-decoration: none; text-transform: uppercase; font-size: 11px; } #breadcrumb ul li a.active, #breadcrumb ul li span.active { color: #919191 } #breadcrumb ul li a:hover { color: #919191 } #breadcrumb .divider { padding: 0 10px; color: #B1B1B1; } /******************************************************************** * Pages *********************************************************************/ .page-header { margin-bottom: 15px } .page-header .page-title h1 span { color: #61cf81 } #main-content.error404 { width: 100% !important; } #main-content.error404 .entry-container .entry-content p { text-align: center } #main-content.error404 #sitemap-container { margin-top: 15px } #main-content.error404 #sitemap-container .sitemap { width: 24%; float: left; } #main-content.error404 #sitemap-container .sitemap ul, #main-content.error404 #sitemap-container .sitemap ol, #main-content.error404 #sitemap-container .sitemap li { margin: 0 } #main-content.error404 #sitemap-container .sitemap a { color: #919191; text-decoration: none; } #main-content.error404 #sitemap-container .sitemap a:hover { color: #61cf81 } #main-content.error404 #sitemap-container .sitemap h2 { margin-bottom: 10px } #main-content.error404 p.e-404 { display: block; font-size: 100px; line-height: 130px; text-align: center; color: #61cf81; text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2); } #main-content.error404 .main-search { text-align: center } .main-search input[type="submit"] { padding: 10px; cursor: pointer; background: #61cf81; color: #fff; border: 0; font-size: 12px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .main-search input[type="submit"]:hover { background: #373737 } .main-search input[type="submit"]:active { -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; } .main-search .s { *display: inline;zoom: 1;display: inline-block; border-radius: 2px; border: 1px solid #ededed; color: #919191; font-size: 12px; padding: 10px 10px; width: 40%; background: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .main-search .s:focus { border-color: #61cf81 } .widget_search .s{width: 100%;} /******************************************************************** * Main Posts *********************************************************************/ #posts-outer { overflow: visible !important } .entry-media { width: 100%; position: relative; overflow: hidden; } .entry-media img, .entry-media .thumb-overlay { width: 100%; height: 100%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .entry-media .thumb-overlay { position: absolute; top: 0; left: 0; background: #61cf81; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } .entry-media:hover .thumb-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)"; filter: alpha(opacity=38); opacity: 0.38; visibility: visible; } .entry-media:hover img { width: 105%; height: 105%; } .twitter-embed iframe { width: 100%; height: auto; } .entry-media.skipover img { width: 100% !important; height: 100% !important; } article.post-inner .entry-media:before, .box-entry .entry-media:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #FFF; bottom: 0px; left: 20px; z-index: 7777; } .no-media { height: 57px; width: 100%; } .box-entry .entry-media .thumb-overlay { cursor: pointer } .box-entry .entry-media .post-format-icon { position: absolute; right: 14px; top: 14px; background-color: #373737; width: 36px; height: 36px; border-radius: 2px; } /** * Post Format */ .post-format-icon { background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 9px -36px; } .image-format .post-format-icon { background-position: -29px -114px } .gallery-format .post-format-icon { background-position: -28px -152px } .video-format .post-format-icon { background-position: 10px -77px } .audio-format .post-format-icon { background-position: -29px -37px } .link-format .post-format-icon { background-position: 10px -151px } .quote-format .post-format-icon { background-position: 10px -191px } .status-format .post-format-icon { background-position: 11px -114px } .aside-format .post-format-icon { background-position: -27px -76px } .entry-container, .widget-container { padding: 25px } .skip-content .widget-container.content { padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } .entry-title { margin-bottom: 15px } .entry-title a { text-decoration: none; color: #616161; } .entry-title a:hover { color: #61cf81 } .entry-meta { font-size: 11px } .entry-meta a { color: #919191; text-decoration: none; } .entry-meta a:hover { color: #61cf81 } .entry-meta .post-like a:hover, .entry-meta .post-like a:hover .icon, .entry-meta .post-like a.voted .icon { color: #EB4923 } .entry-meta .post-like .voted { cursor: default } .entry-meta .icon { font-size: 14px; color: #919191; margin-right: 1px; *display: inline;zoom: 1;vertical-align: top; display: inline-block; } .entry-meta .divider { padding: 0 12px } article.post-inner { position: relative; margin-bottom: 20px; } article.post-inner .entry-meta { margin-bottom: 15px } article.post-inner .entry-title { margin-bottom: 5px } article.post-inner .ribbon { position: absolute; height: 35px; background: #373737; left: -16px; top: 25px; z-index: 8888; } article.post-inner .ribbon:before { content: " "; position: absolute; left: 0; bottom: -18px; width: 16px; height: 18px; background: url(assets/images/sprites.png) no-repeat -60px 0; } article.post-inner .ribbon .post-format-icon { width: 35px; height: 35px; display: block; float: left; } article.post-inner .ribbon .divider { float: left; width: 0; height: 35px; border-left: 1px solid #292929; border-right: 1px solid #525252; margin-right: 8px; } article.post-inner .ribbon .post-date { color: #FFF; font-size: 10px; display: block; float: left; line-height: 35px; padding-right: 8px; } article.post-inner .entry-media { position: relative; height: 330px; } article.post-inner .entry-media .link, article.post-inner .entry-media .zoom { width: 30px; height: 30px; background-color: #61cf81; background-repeat: no-repeat; background-image: url(assets/images/sprites.png); position: absolute; display: block; top: -30px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } article.post-inner .entry-media .link:hover, article.post-inner .entry-media .zoom:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 !important; } article.post-inner .entry-media:hover .link, article.post-inner .entry-media:hover .zoom { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; top: 25px; } article.post-inner .entry-media .zoom { right: 60px; background-position: 5px -229px; } article.post-inner .entry-media .link { right: 25px; background-position: -27px -230px; } article.post-inner .read-more { text-decoration: none } article.audio-format .entry-media { height: 260px } article.audio-format .entry-media img { width: 100% !important; height: auto !important; } article.audio-format .entry-media .media-overlay { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: url(assets/images/media-over.png) repeat-x bottom; } article.audio-format .entry-media .player-container { position: absolute; bottom: 35px; width: 470px; height: 60px; left: 50%; margin-left: -235px; } article.audio-format .entry-media .player-container.embed { height:auto !important} article.audio-format .entry-media .player-container.embed iframe { width:100%;max-height: 118px;} article.video-format .entry-media { height: 348px } article.video-format .entry-media .player-container { position: relative; width: 100%; height: 100%; } article.video-format .entry-media .player-container video,article.video-format .entry-media .player-container iframe, article.video-format .entry-media .player-container img { width: 100%; height: 100%; } article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; position: absolute; bottom: 35px; width: 550px; height: 50px; left: 50%; margin-left: -275px; } article.quote-format .entry-media { background: #61cf81; position: relative; padding: 25px; padding-left: 85px; width: auto !important; height: auto !important; } article.quote-format .entry-media:before { display: none } article.quote-format .entry-media blockquote, article.quote-format .entry-media a { color: #FFF; text-decoration: none; font-size: 14px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } article.quote-format .entry-media a:hover { text-decoration: underline } article.quote-format .entry-media footer { color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); float: right; } article.quote-format .entry-media footer a { color: #FFF; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); border-bottom: 1px dotted #fff; text-decoration: none !important; } article.quote-format .entry-container.arch { padding: 15px 20px } article.quote-format .entry-container.arch .entry-meta { margin-bottom: 0 } article.quote-format .quote-icon { position: absolute; left: 0; top: 0; height: 100%; padding: 0 15px; display: block; background: url(assets/images/darck-over-16.png); } article.quote-format .quote-icon span { background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -321px; position: relative; display: block; width: 30px; height: 24px; top: 50%; margin-top: -12px; } article.status-format .entry-container { border-left: 5px solid #61cf81 } article.link-format .entry-container { border-left: 5px solid #61cf81 } article.link-format .entry-container .link-meta { font-size: 11px; margin-bottom: 15px; text-align: center; } article.link-format .entry-container .entry-title { margin-bottom: 0; text-align: center; } article.link-format .entry-container .entry-meta { text-align: center } article.link-format .entry-container.arch .entry-meta { margin-bottom: 0 } article.format-gallery .entry-media .gallery-container { width: 100%; height: 100%; } article.format-gallery .entry-media .slides { padding: 0; margin: 0; width: 100%; height: 100%; } article.format-gallery .entry-media .slides img { position: absolute;width: 100%;height: 100%;top: 0;left: 0;width: 100%; height: 100%; } article.format-gallery .entry-media .slides li { height: 100% } article.format-gallery .entry-media .slides .slider-thumb:hover .thumb-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)"; filter: alpha(opacity=38); opacity: 0.38; visibility: visible; } article.format-gallery .entry-media:hover .thumb-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; } article.format-gallery .entry-media .flex-direction-nav a { background-color: #373737; border-radius: 2px; width: 29px; height: 29px; top: 20px; margin: 0; } article.format-gallery .entry-media .flex-direction-nav .flex-prev { right: 53px; left: auto; background-position: -31px -366px; } article.format-gallery .entry-media .flex-direction-nav .flex-next { right: 20px; background-position: 9px -366px; } article.format-gallery .entry-media .gallery-excerpt { position: absolute; bottom: 55px; left: 20px; width: 60%; z-index: 2; background: rgba(0, 0, 0, 0.7); color: #FFF; padding: 10px; } /******************************************** * Layouts *********************************************/ .two_col_sid#main-content { width: 640px; margin-left: -10px; } .three_col_full#main-content { width: 960px; } .two_col_sid #posts-outer { width: 100% } .two_col_sid article.post-inner { width: 300px; margin: 0 10px 20px; float: left; } .two_col_sid article.post-inner .entry-media { height: 320px } .two_col_sid article.audio-format .entry-media { height: 260px } .two_col_sid article.audio-format .entry-media .player-container { position: absolute; bottom: 35px; width: 270px; height: 60px; left: 50%; margin-left: -135px; } .two_col_sid article.video-format .entry-media { height: 169px } .two_col_sid article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; position: absolute; bottom: 20px; width: 270px; height: 50px; left: 50%; margin-left: -135px; } .two_col_full#main-content { margin-left: -10px; width: 960px; float: none; } .two_col_full #posts-outer { width: 100% } .two_col_full article.post-inner { width: 460px; margin: 0 10px 20px; float: left; } .two_col_full article.post-inner .entry-media { height: 330px } .two_col_full article.audio-format .entry-media { height: 260px } .two_col_full article.audio-format .entry-media .player-container { width: 370px; height: 60px; left: 50%; margin-left: -185px; } .two_col_full article.video-format .entry-media { height: 258px } .two_col_full article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { width: 400px; height: 50px; left: 50%; margin-left: -200px; } /************************************************** * Pagination ***************************************************/ #ajax-load{ padding: 15px; text-align: center; } #ajax-load a, #pagination .nav-previous a, #pagination .nav-next a { cursor: pointer; display: block; color: #919191; text-decoration: none; } #pagination .nav-previous a, #pagination .nav-next a { padding:10px 15px; text-align: center;background: #FFF; -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } #ajax-load a:hover, #pagination .nav-previous a:hover, #pagination .nav-next a:hover{ color: #616161 } .btn-loading:before { background-image: url(assets/images/loading.gif); background-repeat: no-repeat; background-position: center center; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; content: ""; width: 16px; height: 16px; *display: inline;zoom: 1;display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 8px; } #pagination .nav-next{float: right;} #pagination .nav-previous{float: left;} /************************************************** * Single ***************************************************/ .row-title { color: #545353; margin-bottom: 20px; } #single-outer article.post-inner .entry-media img { width: 100% !important; height: 100% !important; cursor: -Moz-Zoom-In; cursor: -webkit-zoom-in; } #single-outer article.post-inner #entry-footer { padding: 25px 0 17px; margin-top: 25px; } #single-outer article.post-inner #entry-footer .article-tags { float: right; position: relative; max-width: 54%; } #single-outer article.post-inner #entry-footer .article-tags:before { content: " "; position: absolute; width: 64px; height: 0; border-top: 1px solid #ededed; top: -25px; right: 0; } #single-outer article.post-inner #entry-footer .article-tags strong { text-transform: uppercase; font-size: 12px; margin-right: 10px; float: left; } #single-outer article.post-inner #entry-footer .article-tags a { text-decoration: none; color: #FFF; background: #61cf81; font-size: 11px; padding: 7px 12px; line-height: 1em; *display: inline;zoom: 1;display: inline-block; margin-bottom: 5px; margin-right: 5px; } #single-outer article.post-inner #entry-footer .article-tags a:hover { background: #373737 } #single-outer article.post-inner #entry-footer .article-tags .tags-container { overflow: hidden;font-size: 0; } #single-outer article.post-inner #entry-footer .article-share { float: left; position: relative; font-size: 0;} #single-outer article.post-inner #entry-footer .article-share:before { content: " "; position: absolute; width: 64px; height: 0; border-top: 1px solid #ededed; top: -25px; left: 0; } #single-outer article.post-inner #entry-footer .article-share strong { text-transform: uppercase; font-size: 12px; margin-right: 10px; } #single-outer article.post-inner #entry-footer .article-share a { margin-right: 5px;text-decoration: none; color: #FFF; font-size: 14px; text-align: center; line-height: 26px; width: 35px; height: 26px; *display: inline;zoom: 1;display: inline-block; } #single-outer article.post-inner #entry-footer .article-share a:hover { background: #373737 !important } #single-outer article.post-inner #entry-footer .article-share a:before { width: auto } #single-outer article.post-inner #entry-footer .article-share a.icon-facebook { background: #4861a3 } #single-outer article.post-inner #entry-footer .article-share a.icon-twitter { background: #1bb2e9 } #single-outer article.post-inner #entry-footer .article-share a.icon-gplus { background: #cf3e2b } #single-outer article.post-inner #entry-footer .article-share a.icon-stumbleupon { background: #EB4923 } #single-outer article.post-inner #entry-footer .article-share a.icon-linkedin { background: #0073B2 } #single-outer .entry-content { overflow: hidden } #single-outer .entry-content p, #single-outer .entry-content ul, #single-outer .entry-content ol, #single-outer .entry-content blockquote, #single-outer .entry-content pre, #single-outer .entry-content code { margin-bottom: 1.5em; line-height: 1.5em; } #single-outer .entry-content p:last-child, #single-outer .entry-content ul:last-child, #single-outer .entry-content ol:last-child, #single-outer .entry-content blockquote:last-child, #single-outer .entry-content pre:last-child, #single-outer .entry-content code:last-child { margin-bottom: 0 } #single-outer .entry-content h1, #single-outer .entry-content h2, #single-outer .entry-content h3, #single-outer .entry-content h4, #single-outer .entry-content h5, #single-outer .entry-content h6 { margin-bottom: 20px; color: #616161; line-height: 1.4em; } #single-outer .entry-content ul, #single-outer .entry-content ol { margin-left: 20px; overflow: hidden; } #single-outer .entry-content ul, #single-outer .entry-content ul li { list-style: inside disc } #single-outer .entry-content ol, #single-outer .entry-content ol li { list-style: inside decimal } #single-outer .entry-content ul ul, #single-outer .entry-content ul ul li, #single-outer .entry-content ol ol, #single-outer .entry-content ol ol li { list-style: inside circle } #single-outer .entry-content img { max-width: 100% } #single-outer .entry-content blockquote { border-left: 3px solid #373737;padding: 10px 0px 10px 20px;font-style: italic; } #single-outer .entry-content img, #single-outer .entry-content img[height], #single-outer .entry-content img[class*="align"], #single-outer .entry-content img[class*="wp-image-"], #single-outer .entry-content img[class*="attachment-"] { height: auto } #single-outer .entry-content img.size-full, #single-outer .entry-content img.size-large, #single-outer .entry-content img.wp-post-image { height: auto; max-width: 100%; } #single-outer .entry-content embed, #single-outer .entry-content iframe, #single-outer .entry-content object, #single-outer .entry-content video, #single-outer .entry-content audio { max-width: 100% } #single-outer .entry-content i, #single-outer .entry-content cite, #single-outer .entry-content em, #single-outer .entry-content var, #single-outer .entry-content address, #single-outer .entry-content dfn {font-style: italic;} .post-banner{margin: 0 auto 10px;max-height: 300px;max-width: 468px;display: block;overflow: hidden;} #single-outer .article-navigation { border-top: 1px solid #ededed; padding-top: 25px; } #single-outer .article-navigation .prev, #single-outer .article-navigation .next { width: 45%; display: block; } #single-outer .article-navigation .prev a, #single-outer .article-navigation .next a { display: block } #single-outer .article-navigation strong { display: block; text-transform: uppercase; font-size: 12px; } #single-outer .article-navigation strong span { font-size: 20px } #single-outer .article-navigation a { text-decoration: none } #single-outer .article-navigation .prev { float: left } #single-outer .article-navigation .next { float: right; text-align: right; } .author-info { position: relative; padding-left: 100px; } .author-info .author-avatar-container { width: 80px; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .author-info .author-avatar-container .author-avatar { width: 80px; height: 80px; border-radius: 80px; overflow: hidden; } .author-info .author-avatar-container .author-avatar img { width: 100%; height: 100%; } .author-info .author-desc { padding: 25px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .author-info .author-desc:before { content: " "; display: block; position: absolute; width: 0; height: 0; border-right: 15px solid #FFF; border-top: 15px solid transparent; border-bottom: 15px solid transparent; left: -14px; top: 20px; } .author-info .author-desc p { margin-bottom: 20px } .author-info .author-desc .author-links { margin-bottom: 10px } .author-info .author-desc a { text-decoration: none } .author-info .author-desc strong { margin-right: 5px } .author-info .author-desc .author-social ul, .author-info .author-desc .author-social ul li { list-style: none } .author-info .author-desc .author-social ul li { float: left; display: table; width: 30px; height: 30px; margin-right: 8px; border-radius: 2px; overflow: hidden; } .author-info .author-desc .author-social ul li a { text-decoration: none; background: #E4E4E4; width: 30px; height: 30px; display: table; text-align: center; border-radius: 2px; overflow: hidden; } .author-info .author-desc .author-social ul li a span { font-size: 17px; display: table-cell; vertical-align: middle; text-align: center; } .author-info .author-desc .author-social ul li a span:before { width: auto } .related-articles { position: relative } .related-articles #carousel-items { overflow: hidden } .related-articles #carousel-items .content { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .related-articles #carousel-items .item { margin-right: 20px; float: left; } .related-articles #carousel-items .entry-media { height: 190px } .related-articles #carousel-items .entry-title { margin-bottom: 0 } .related-articles .flex-direction-nav a { background-color: #373737; border-radius: 2px; width: 29px; height: 29px; top: -4px; margin: 0; } .related-articles .flex-direction-nav .flex-prev { left: auto; right: 35px; background-position: -31px -366px; } .related-articles .flex-direction-nav .flex-next { right: 0px; background-position: 9px -366px; } /** * Comments **/ #comments { padding: 25px } #comments #comments-list-head { padding-bottom: 22px; border-bottom: 1px solid #ededed; } #comments #comments-list-head #comments-title { margin-bottom: 0; float: left; } #comments #comments-list-head #respond-link { float: right; text-decoration: none; } #comments .commentslist { list-style: none; padding-bottom: 20px; border-bottom: 1px solid #ededed; } #comments .commentslist li { list-style: none; border-bottom: 1px dashed #ededed; padding: 20px 0; } #comments .commentslist li:last-child { padding-bottom: 0; border-bottom: 0 none; } #comments .commentslist li .comment-avatar { width: 64px; height: 64px; border-radius: 64px; overflow: hidden; float: left; margin-right: 20px; } #comments .commentslist li .comment-avatar img { width: 100%; height: 100%; } #comments .commentslist li .comment-header { margin-bottom: 15px } #comments .commentslist li .comment-header .comment-author { color: #616161; font-weight: bold; } #comments .commentslist li .comment-header .comment-author a { text-decoration: none } #comments .commentslist li .comment-header .comment-author a:hover { color: #61cf81 } #comments .commentslist li .comment-header .comment-dt { display: block; font-size: 12px; } #comments .commentslist li .comment-header .comment-dt a { *display: inline;zoom: 1;display: inline-block; font-size: 12px; text-decoration: none; color: #919191; } #comments .commentslist li .comment-header .comment-dt a:hover { color: #61cf81 } #comments .commentslist li .comment-container { overflow: hidden } #comments .commentslist li .replay { margin-top: 15px } #comments .commentslist li .replay a { text-transform: uppercase; font-size: 12px; text-decoration: none; padding: 4px 8px; background: #61cf81; color: #FFF; border-radius: 2px; } #comments .commentslist li .replay a:hover { background: #373737 } #comments .commentslist .children { margin-left: 40px } #comments .commentslist .children li:last-child { padding-bottom: 20px; border-bottom: 1px dashed #ededed; } #comments #cancel-comment-reply-link { text-decoration: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; margin-left: 8px; } #comments #respond { margin-top: 20px } #comments #respond #replay-title { margin-bottom: 5px; color: #545353; } #comments #respond .required { color: red; font-size: 13px; font-family: sans-serif; } #comments #respond .comment-notes, #comments #respond .logged-in-as { margin-bottom: 20px; font-size: 12px; color: #a2a2a2; } #comments #respond .comment-notes a, #comments #respond .logged-in-as a { font-size: 12px; text-decoration: none; } #comments #respond p { margin-bottom: 10px } #comments #respond p label { margin-bottom: 5px; display: block; font-weight: bold; } #comments #respond p.comment-form-submit { margin-bottom: 0 } #comments #respond input[type="text"], #comments #respond textarea { border-radius: 2px; border: 1px solid #ededed; color: #919191; font-size: 12px; } #comments #respond input[type="text"]:focus, #comments #respond textarea:focus { border-color: #61cf81 } #comments #respond input[type="text"] { padding: 8px 10px; width: 40%; } #comments #respond textarea { padding: 10px; width: 100%; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; } #comments #respond input[type="submit"] { width: 100%; padding: 10px; text-align: center; cursor: pointer; background: #61cf81; color: #fff; border: 0; font-size: 12px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #comments #respond input[type="submit"]:hover { background: #373737 } #comments #respond input[type="submit"]:active { -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; } /******************************************************************** * Widgets *********************************************************************/ #sidebar .widget { margin-bottom: 20px } .widget-title { color: #545353; margin-bottom: 20px; text-transform: capitalize; } .widget-title a { text-decoration: none } .widget .entry-title a { color: #616161 } .widget li a { text-decoration: none; color: #919191; } .widget li a:hover { color: #61cf81 } .posts-widget .entry-media { width: 80px; height: 80px; float: left; margin-right: 20px; } .posts-widget .entry-title { margin-bottom: 10px } .posts-widget li { margin-bottom: 20px } .posts-widget li:last-child { margin-bottom: 0 } .box-posts-widget .entry-media { height: 190px } .box-posts-widget li { margin-bottom: 20px } .box-posts-widget li:last-child { margin-bottom: 0 } .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_recent_entries li, .widget_pages li, .widget_archive li { margin-bottom: 10px } .widget_categories li:last-child, .widget_nav_menu li:last-child, .widget_meta li:last-child, .widget_recent_entries li:last-child, .widget_pages li:last-child, .widget_archive li:last-child { margin-bottom: 0 } .widget_categories li:before, .widget_nav_menu li:before, .widget_meta li:before, .widget_recent_entries li:before, .widget_pages li:before, .widget_archive li:before { color: #61cf81; font-family: "fontello"; font-size: 13px; content: '\e81a'; speak: none; *display: inline;zoom: 1; display: inline-block; width: 1em; text-align: left; font-variant: normal; line-height: 1em; } .widget_nav_menu ul ul, .widget_pages ul ul, .widget_categories ul ul { margin-top: 5px; margin-left: 20px; } .flickr-widget .flickr_badge_image { width: 70px; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 3px; border: 1px solid #4f4f4f; border: 1px solid rgba(255, 255, 255, 0.13); float: left; margin-right: 6px; margin-bottom: 6px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .flickr-widget .flickr_badge_image:nth-child(4n+2) { margin-right: 0 } .flickr-widget .flickr_badge_image:hover { background: #61cf81 } .flickr-widget .flickr_badge_image img { width: 100%; height: 100%; } #sidebar .flickr-widget .flickr_badge_image { border: 1px solid #eaeaea; border: 1px solid rgba(0, 0, 0, 0.08); } #sidebar .flickr-widget .flickr_badge_image:nth-child(4n+2) { margin-right: 6px } #sidebar .flickr-widget .flickr_badge_image:nth-child(4n+1) { margin-right: 0px } .social-widget a { text-decoration: none; background: #E4E4E4; font-size: 17px !important; width: 30px; height: 30px; display: table; float: left; margin-right: 8px; margin-bottom: 8px; text-align: center; border-radius: 2px; overflow: hidden; } .social-widget a span { display: table-cell; vertical-align: middle; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-widget a span:before { width: auto } #sidebar .social-widget a { margin: 2px 2.8px } .social-icons span.icon-rss { color: #FE9900 } .social-icons span.icon-rss:hover { color: #ffffff; background: #FE9900; } .social-icons span.icon-facebook { color: #4861a3 } .social-icons span.icon-facebook:hover { color: #ffffff; background: #4861a3; } .social-icons span.icon-twitter { color: #1bb2e9 } .social-icons span.icon-twitter:hover { color: #ffffff; background: #1bb2e9; } .social-icons span.icon-gplus { color: #cf3e2b } .social-icons span.icon-gplus:hover { color: #ffffff; background: #cf3e2b; } .social-icons span.icon-pinterest { color: #cd2026 } .social-icons span.icon-pinterest:hover { color: #ffffff; background: #cd2026; } .social-icons span.icon-youtube { color: #bc1e2c } .social-icons span.icon-youtube:hover { color: #ffffff; background: #bc1e2c; } .social-icons span.icon-instagramm { color: #ac8568 } .social-icons span.icon-instagramm:hover { color: #ffffff; background: #ac8568; } .social-icons span.icon-dribbble { color: #e14a85 } .social-icons span.icon-dribbble:hover { color: #ffffff; background: #e14a85; } .social-icons span.icon-linkedin { color: #0073b2 } .social-icons span.icon-linkedin:hover { color: #ffffff; background: #0073b2; } .social-icons span.icon-flickr { color: #fe0083 } .social-icons span.icon-flickr:hover { color: #ffffff; background: #fe0083; } .social-icons span.icon-vimeo { color: #20B9EB } .social-icons span.icon-vimeo:hover { color: #ffffff; background: #20B9EB; } .social-icons span.icon-stumbleupon { color: #EB4923 } .social-icons span.icon-stumbleupon:hover { color: #ffffff; background: #EB4923; } .social-icons span.icon-tumblr { color: #3A5976 } .social-icons span.icon-tumblr:hover { color: #ffffff; background: #3A5976; } .social-icons span.icon-behance { color: #1478FF } .social-icons span.icon-behance:hover { color: #ffffff; background: #1478FF; } .social-icons span.icon-skype { color: #00AAF0 } .social-icons span.icon-skype:hover { color: #ffffff; background: #00AAF0; } .social-icons span.icon-github { color: #000 } .social-icons span.icon-github:hover { color: #ffffff; background: #000; } .facebook-widget .widget-container { padding: 6px } #user-logged .author-avatar { float: left; margin-right: 10px; } #loginform-container .login-helpers, #user-logged .login-helpers { overflow: hidden; *display: inline;zoom: 1;display: inline-block; } #loginform-container .login-helpers a, #user-logged .login-helpers a { color: #919191; text-decoration: none; } #loginform-container .login-helpers a:hover, #user-logged .login-helpers a:hover { color: #61cf81 } #loginform-container p.error-message { display: none; color: #fff; background: #FF6A55; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; padding: 10px; margin-bottom: 6px; border: 1px solid #FF2D0F; } #loginform-container p.error-message a { text-decoration: none; color: #FFF; font-weight: bold; } #loginform-container p.error-message a:hover { text-decoration: underline } #loginform-container p.login-username, #loginform-container p.login-password { margin-bottom: 10px } #loginform-container p.login-username label, #loginform-container p.login-password label { margin-bottom: 3px; display: block; } #loginform-container p.login-remember, #loginform-container p.login-submit { margin-bottom: 5px; display: block; } #loginform-container p.login-remember { float: right; line-height: 39px; } #loginform-container p.login-submit { margin-top: 0px; float: left; } #loginform-container .login-helpers { margin-top: 10px } #footer-widget { background: #000 } #footer-widget .login-widget .content { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } #loginform-container input[type="text"], .newsletter input[type="text"], #loginform-container input[type="password"], .newsletter input[type="password"] { border-radius: 2px; border: 1px solid #ededed; color: #919191; font-size: 12px; padding: 8px 10px; width: 100%; } #loginform-container input[type="text"]:focus, .newsletter input[type="text"]:focus, #loginform-container input[type="password"]:focus, .newsletter input[type="password"]:focus { border-color: #61cf81 } #loginform-container input[type="submit"], .newsletter input[type="submit"] { padding: 10px 20px; text-align: center; cursor: pointer; background: #61cf81; color: #fff; border: 0; font-size: 12px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #loginform-container input[type="submit"]:hover, .newsletter input[type="submit"]:hover { background: #373737 } #loginform-container input[type="submit"]:active, .newsletter input[type="submit"]:active { -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; } #footer-widget .newsletter input[type=text] { background: rgba(0, 0, 0, 0.1) !important; border-color: rgba(0, 0, 0, 0.1); color: #FFF; } .newsletter input[type=submit] { margin-top: 10px } .slider-cats-widget { width: 300px; margin: 0 auto; } .slider-cats-widget .slides { overflow: hidden } .slider-cats-widget .slides li { position: relative; width: 300px; height: 190px; } .slider-cats-widget .slides li .entry-media { width: 100%; height: 100%; } .slider-cats-widget .slides li .entry-media img { width: 100% !important; height: 100% !important; } .slider-cats-widget .slides li .gallery-title { position: absolute; bottom: 0px; left: 0; width: 100%; padding: 10px 0; background: rgba(0, 0, 0, 0.6); text-align: center; } .slider-cats-widget .slides li .gallery-title a { color: #fff } .slider-cats-widget .flex-direction-nav a { background-color: #373737; border-radius: 2px; width: 29px; height: 29px; top: 20px; margin: 0; } .slider-cats-widget .flex-direction-nav .flex-prev { right: 53px; left: auto; background-position: -31px -366px; } .slider-cats-widget .flex-direction-nav .flex-next { right: 20px; background-position: 9px -366px; } /** * Tabs */ .tabs-widget ul, .tabs-widget li { list-style: none } .tabs-widget ul.tabs-nav li { float: left; text-align: center; display: block; margin-bottom: 0; width: 33.3333333%; } .tabs-widget ul.tabs-nav li a { background: #373737; cursor: pointer; display: block; padding: 10px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 11px; } .tabs-widget .tabs-nav .active { background: #fff; color: #61cf81; } .tabs-widget .tab-inner { display: none } .tabs-widget .active { display: block !important } /** * TAGS */ .tagcloud a { padding: 5px 10px; *display: inline;zoom: 1; display: inline-block; vertical-align: middle; margin: 0 -0.3em 2px 2px; text-decoration: none; text-align: center; cursor: pointer; background: #61cf81; color: #fff; font-size: 11px !important; border-radius: 2px; text-transform: uppercase; } .tagcloud a:hover { background: #373737 } /** * recent tweet **/ .twitter-widget .follow-btn { margin-bottom: 15px } .twitter-widget .tweets-list { list-style: none } .twitter-widget .tweets-list li { list-style: none; margin-bottom: 20px; line-height: 1.4em; font-size: 12px; } .twitter-widget .tweets-list li a { color: #555; text-decoration: none; } .twitter-widget .tweets-list li a:hover { color: #919191 } .twitter-widget .tweets-list li:last-child { margin-bottom: 0 } /** * ADS */ .ads-trs { margin-bottom: 20px } .ads-content { display: block; overflow: hidden; } .ads120-240 .ads-content { width: 120px; height: 240px; margin: 0 2px 0; float: left; } .ads120-240.ads-trs .ads-content { margin: 0 15px 0 } .ads125-125 { margin: 0 -4px } .ads125-125 .ads-content { width: 125px; height: 125px; margin: 2px 2px 2px; float: left; } .ads125-125.ads-trs { margin: 0 0 20px 0 } .ads125-125.ads-trs .ads-content { margin: 4px 12px 4px } .ads160-600 .ads-content { width: 160px; height: 600px; margin: 0 auto; } .ads250-250 .ads-content { width: 250px; height: 250px; margin: 0 auto; } .ads300-250 .ads-content { width: 300px; height: 250px; margin: 0 auto; } .ads300-600 .ads-content { width: 300px; height: 600px; margin: 0 auto; } /** * calendar widget */ .widget_calendar .content, .widget_calendar .widget-container { padding: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 none; } #wp-calendar { margin: 0 !important; background: #fff; border: 0 !important; width: 100%; color: #999; } #calendar_wrap th, #calendar_wrap td { padding: 5px; border: 1px solid #f1f1f1; text-align: center; } #wp-calendar caption { color: #FFF; background: #61cf81; font-size: 12px; padding: 8px 0; text-align: center; margin: 0 !important; border: 0 !important; } #wp-calendar th { background: #f9f9f9; border-top: 0; color: #616161; } #wp-calendar #today { background: #61cf81; color: #FFF; } #wp-calendar a { text-decoration: none } #wp-calendar #next { font-size: 10px; text-transform: uppercase; text-align: right; border: 0 none; } #wp-calendar #prev { font-size: 10px; text-transform: uppercase; text-align: left; padding-top: 10px; border: 0 none; } #wp-calendar .pad { border: 0 none !important } /** * Social Counter */ .socials_counters li { width: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .socials_counters li:last-child { margin-bottom: 0 } .socials_counters li:hover { background: #373737 !important } .socials_counters span, small { display: block; float: left; margin-right: 20px; } .socials_counters .counter-icon span { float: none !important; margin-right: 0 !important; } .socials_counters li span { color: #FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } .socials_counters li.rss { background: #f18425 } .socials_counters li.twitter { background: #1DA8E2 } .socials_counters li.facebook { background: #506dbd } .socials_counters li.gplus { background: #cf3e2b } .socials_counters li.vimeo { background: #20B9EB } .socials_counters li.youtube { background: #d33c27 } .socials_counters li.dribbble { background: #e7548b } .socials_counters li small { display: block; font-size: 11px; color: #dedede; } .socials_counters .counter-icon span { font-size: 15pt; color: #FFF; margin-bottom: 0; } /******************************************************************** * Page templates *********************************************************************/ #contact p label { display: block; margin-bottom: 5px; } #contact p label .required { color: #ff0000 } #contact p.msg-human label { *display: inline;zoom: 1; display: inline-block; } #contact input[type="text"], #contact textarea { border-radius: 2px; border: 1px solid #ededed; color: #919191; font-size: 12px; } #contact input[type="text"]:focus, #contact textarea:focus { border-color: #61cf81 } #contact input[type="text"] { padding: 8px 10px; width: 40%; } #contact textarea { padding: 10px; width: 100%; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; } #contact input[type="submit"] { width: 100%; padding: 10px; text-align: center; cursor: pointer; background: #61cf81; color: #fff; border: 0; font-size: 12px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #contact input[type="submit"]:hover { background: #373737 } #contact input[type="submit"]:active { -moz-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset; } #contact .input-error { border-color: #FF4646 !important } /******************************************************************** * Contact Form 7 Forms *********************************************************************/ .wpcf7 p { margin-bottom: 10px } .wpcf7 p label { margin-bottom: 5px; display: block; font-weight: bold; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ededed; color: #848991; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; outline: 0 !important; } .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 textarea:focus { border-color: #61cf81 } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="date"] { padding: 8px 10px; width: 40%; } .wpcf7 textarea { padding: 10px; width: 100%; resize: vertical; } .wpcf7 input[type="submit"] { padding: 10px 20px; text-align: center; cursor: pointer; background: #61cf81; color: #fff; border: 0; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .wpcf7 input[type="submit"]:hover { background: #373737 } .wpcf7 .wpcf7-quiz { width: auto !important } .wpcf7 div.wpcf7-validation-errors { border: 1px solid #E38686; background: #EA9F9F; color: #9E2121; } .wpcf7 div.wpcf7-mail-sent-ok { border: 1px solid #accc5d; background: #D0E39F; color: #70892b; } .wpcf7 div.wpcf7-response-output { margin: 0; margin-top: 10px; text-shadow: 0px 1px rgba(255, 255, 255, 0.2); } .widget .wpcf7 p { margin-bottom: 8px } .widget .wpcf7 input[type="text"], .widget .wpcf7 input[type="email"], .widget .wpcf7 input[type="number"], .widget .wpcf7 input[type="date"] { width: 70%; padding: 6px 10px; } .widget .wpcf7 textarea { height: 80px } #main-footer .widget .wpcf7 input[type="text"], #main-footer .widget .wpcf7 input[type="email"], #main-footer .widget .wpcf7 input[type="number"], #main-footer .widget .wpcf7 input[type="date"], #main-footer .widget .wpcf7 textarea { border: 1px solid #2B2C31; border: 1px solid rgba(0, 0, 0, 0.1); background: #2F3136; background: rgba(0, 0, 0, 0.05); color: #FFF; } #main-footer .widget .wpcf7 input[type="submit"]:hover { background: #373737; background: rgba(0, 0, 0, 0.05); } /******************************************************************** * Footer *********************************************************************/ #main-footer #footer-widget { background: #373737; color: #EEE; padding: 25px 0; } #main-footer #footer-widget .widget-title { color: #FFF } #main-footer #footer-widget a { color: #EEE } #main-footer #footer-widget a:hover { color: #61cf81 } #main-footer #footer-widget .box-entry { color: #919191 } #main-footer #footer-widget .box-entry h4 a { color: #616161 } #main-footer #footer-widget .box-entry h4 a:hover { color: #61cf81 } #main-footer #footer-widget .widget-container { padding: 0 } #main-footer #footer-widget .widget-content { float: left; width: 300px; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #main-footer #footer-widget .widget-content:last-child { margin-right: 0 } #main-footer #footer-widget .widget, #main-footer #footer-widget .skip-content { margin-bottom: 20px } #main-footer #footer-widget .widget:last-child, #main-footer #footer-widget .skip-content:last-child { margin-bottom: 0 } #main-footer #footer-bottom { background: #4f4f4f; color: #FFF; padding: 20px 0; } #main-footer #footer-bottom .footer-copyrights { float: left; color: #BBB; } #main-footer #footer-bottom .footer-copyrights a { color: #E4E4E4; text-decoration: none; } #main-footer #footer-bottom .footer-copyrights a:hover { color: #FFF } #main-footer #footer-bottom .footer-nav-wrap { float: right } #main-footer #footer-bottom .footer-nav-wrap ul li { float: left; margin-right: 10px; } #main-footer #footer-bottom .footer-nav-wrap ul li:last-child { margin-right: 0 } #main-footer #footer-bottom .footer-nav-wrap ul li a { color: #BBB; text-decoration: none; } #main-footer #footer-bottom .footer-nav-wrap ul li a:hover { color: #FFF } /******************************************************************** * Go Top Button *********************************************************************/ .scrolltop {background: #61CF81;width: 29px;height: 29px;position: fixed;bottom:-60px;right:15px;z-index: 99999;cursor:pointer;display: none;opacity:0.6;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; transition: all .5s;-moz-transition: all .5s; -webkit-transition: all .5s;-o-transition: all .5s;} .scrolltop .icon{color: #fff;font-size: 30px;margin-top: -1px;margin-left: -1px;display: block;} .scrolltop:hover{ opacity:1;} /******************************************************************** * Responsive *********************************************************************/ @media only screen and (min-width: 768px) and (max-width: 979px) { body.responsive .container { width: 620px } body.responsive #top-bar { height: 140px; background: #373737; overflow: hidden; position: relative; } body.responsive #top-bar #logo { float: none; display: block; padding: 0; height: 70px; width: 100%; text-align: center; } body.responsive #top-bar #logo h1 { display: inline-block; padding: 20px 0; } body.responsive #top-bar #site-description { margin-left: 0 } body.responsive .fixed-nav { z-index:0;margin-left: auto !important; position: relative !important; top: auto !important; left: auto !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 !important; } body.responsive #main-wrap { margin-top: 20px !important } body.responsive #main-nav-wrap .main-nav { display: none } body.responsive #main-nav-wrap .mobile-nav { display: block } body.responsive #main-content, body.responsive #sidebar { float: none } body.responsive #sidebar { margin-top: 20px; width: 640px; margin-left: -10px; } body.responsive #sidebar .widget { width: 300px; margin: 0 10px 20px; } body.responsive #main-footer .widget-content { margin-right: 0 !important; margin-bottom: 20px; float: none !important; width: auto !important; } body.responsive #main-footer .widget-content:last-child { margin-bottom: 0px } body.responsive #main-footer .flickr-widget .flickr_badge_image, body.responsive #main-footer .flickr-widget .flickr_badge_image:nth-child(4n+1) { margin-right: 6px } body.responsive #main-footer .social-widget a, body.responsive #main-footer .social-widget a:nth-child(8n+8) { margin-right: 8px } body.responsive #main-footer #footer-bottom .footer-copyrights, body.responsive #main-footer #footer-bottom .footer-nav-wrap { float: none; text-align: center; } body.responsive #main-footer #footer-bottom .footer-nav-wrap { margin-top: 10px } body.responsive #main-footer #footer-bottom .footer-nav-wrap li { float: none; display: inline-block; } body.responsive #single-outer { margin-bottom: 20px } body.responsive .two_col_full#main-content, body.responsive .three_col_full#main-content { width: 640px } body.responsive .two_col_full article.post-inner { width: 300px } body.responsive .two_col_full article.post-inner .entry-media { height: 200px } body.responsive .two_col_full article.audio-format .entry-media { height: 200px } body.responsive .two_col_full article.audio-format .entry-media .player-container { width: 270px; margin-left: -135px; } body.responsive .two_col_full article.video-format .entry-media { height: 169px } body.responsive .two_col_full article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { width: 270px; margin-left: -135px; bottom: 20px; } body.responsive .two_col_full .mejs-currenttime, body.responsive .two_col_full .mejs-playpause-button { margin-right: 8px !important } body.responsive .two_col_full .mejs-duration, body.responsive .two_col_full .mejs-volume-button { margin-left: 8px !important } body.responsive .two_col_full .mejs-playpause-button { width: 40px !important } body.responsive .two_col_full .mejs-horizontal-volume-total { width: 30px !important } body.responsive .two_col_full div.mejs-horizontal-volume-slider { width: 35px !important } } @media only screen and (max-width: 767px) and (min-width: 480px) { body.responsive .container { width: 450px } body.responsive #top-bar { height: auto } body.responsive #top-bar #logo { float: none; display: block; padding: 0; height: 70px; width: 100%; text-align: center; } body.responsive #top-bar #logo h1 { display: inline-block; padding: 20px 0; } body.responsive #top-bar #site-description { margin-left: 0; float: none; display: block; margin-top: 10px; text-align: center; height: auto; } body.responsive #top-bar #site-description p { display: block; vertical-align: inherit; } body.responsive #top-bar #header-social { float: none; line-height: 1.5em; margin-top: 10px; margin-bottom: 10px; } body.responsive #top-bar #header-social ul { text-align: center } body.responsive #top-bar #header-social ul li { float: none; display: inline-block; text-align: center; } body.responsive #top-bar #header-social ul li a span { margin-left: 15px } body.responsive .fixed-nav { z-index:0;margin-left: auto !important; position: relative !important; top: auto !important; left: auto !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 !important; } body.responsive #main-wrap { margin-top: 20px !important } body.responsive #main-nav-wrap .main-nav { display: none } body.responsive #main-nav-wrap .mobile-nav { display: block; width: 350px; } body.responsive #main-nav-wrap .mobile-nav select { width: 320px } body.responsive #main-carousel { width: 300px; margin: 0 auto 20px; padding: 0 40px; } body.responsive #main-content, body.responsive #sidebar { float: none; width: auto; } body.responsive #sidebar { width: auto; margin-top: 20px; } body.responsive #sidebar .widget { width: 100% } body.responsive #single-outer { margin-bottom: 20px } body.responsive #main-footer .widget-content { margin-right: 0 !important; margin-bottom: 20px; float: none !important; width: auto !important; } body.responsive #main-footer .widget-content:last-child { margin-bottom: 0px } body.responsive #main-footer .flickr-widget .flickr_badge_image, body.responsive #main-footer .flickr-widget .flickr_badge_image:nth-child(4n+1) { margin-right: 6px } body.responsive #main-footer .social-widget a, body.responsive #main-footer .social-widget a:nth-child(8n+8) { margin-right: 8px } body.responsive #main-footer #footer-bottom .footer-copyrights, body.responsive #main-footer #footer-bottom .footer-nav-wrap { float: none; text-align: center; } body.responsive #main-footer #footer-bottom .footer-nav-wrap { margin-top: 10px } body.responsive #main-footer #footer-bottom .footer-nav-wrap li { float: none; display: inline-block; } body.responsive article.post-inner, body.responsive .two_col_full article.post-inner, body.responsive .two_col_sid article.post-inner { width: 450px; margin: 0 0 20px; float: none; } body.responsive article.post-inner .entry-media, body.responsive .two_col_full article.post-inner .entry-media, body.responsive .two_col_sid article.post-inner .entry-media { height: 260px } body.responsive article.audio-format .entry-media, body.responsive .two_col_full article.audio-format .entry-media, body.responsive .two_col_sid article.audio-format .entry-media { height: 250px } body.responsive article.audio-format .entry-media .player-container, body.responsive .two_col_full article.audio-format .entry-media .player-container, body.responsive .two_col_sid article.audio-format .entry-media .player-container { width: 370px; margin-left: -185px; } body.responsive article.video-format .entry-media, body.responsive .two_col_full article.video-format .entry-media, body.responsive .two_col_sid article.video-format .entry-media { height: 253px } body.responsive article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls, body.responsive .two_col_full article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls, body.responsive .two_col_sid article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { width: 400px; margin-left: -200px; } body.responsive .two_col_full#main-content, body.responsive .two_col_sid#main-content, body.responsive .three_col_full#main-content { width: 450px !important; margin-left: 0; } body.responsive .two_col_full .mejs-currenttime, body.responsive .two_col_sid .mejs-currenttime, body.responsive .two_col_full .mejs-playpause-button, body.responsive .two_col_sid .mejs-playpause-button { margin-right: 15px !important } body.responsive .two_col_full .mejs-duration, body.responsive .two_col_sid .mejs-duration, body.responsive .two_col_full .mejs-volume-button, body.responsive .two_col_sid .mejs-volume-button { margin-left: 15px !important } body.responsive .two_col_full .mejs-playpause-button, body.responsive .two_col_sid .mejs-playpause-button { width: 60px !important } body.responsive .two_col_full .mejs-horizontal-volume-total, body.responsive .two_col_sid .mejs-horizontal-volume-total { width: 50px !important } body.responsive .two_col_full div.mejs-horizontal-volume-slider, body.responsive .two_col_sid div.mejs-horizontal-volume-slider { width: 60px !important } body.responsive .box-posts-widget .entry-media { height: 230px } body.responsive #single-outer article.post-inner #entry-footer .article-tags { float: none; width: auto; } body.responsive #single-outer article.post-inner #entry-footer .article-share { float: none; margin-top: 20px; } body.responsive .related-articles #carousel-items { width: 300px; margin: 0 auto 20px; padding: 0 40px; } body.responsive #comments #comment-form input[type="text"] { width: 60% } body.responsive .ads120-240 .ads-content { margin: 0 40px 0 } body.responsive .ads120-240.ads-trs .ads-content { margin: 0 52px 0 } body.responsive .ads125-125 { margin: 0 } body.responsive .ads125-125 .ads-content { margin: 4px 4px 4px } body.responsive .ads125-125.ads-trs { margin: 0 20px 0 } body.responsive .ads125-125.ads-trs .ads-content { margin: 5px 5px 5px } } @media only screen and (max-width: 479px) { body.responsive .container { width: 90% } body.responsive #top-bar { height: auto } body.responsive #top-bar #logo { float: none; display: block; padding: 0; height: 70px; width: 100%; text-align: center; } body.responsive #top-bar #logo h1 { display: inline-block; padding: 20px 0; } body.responsive #top-bar #site-description { margin-left: 0; float: none; display: block; margin-top: 10px; text-align: center; height: auto; } body.responsive #top-bar #site-description p { display: block; vertical-align: inherit; } body.responsive #top-bar #header-social { float: none; line-height: 1.5em; margin-top: 10px; margin-bottom: 10px; } body.responsive #top-bar #header-social ul { text-align: center } body.responsive #top-bar #header-social ul li { float: none; display: inline-block; text-align: center; } body.responsive #top-bar #header-social ul li a span { margin-left: 15px } body.responsive .fixed-nav { z-index:0;margin-left: auto !important; position: relative !important; top: auto !important; left: auto !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 !important; } body.responsive #main-wrap { margin-top: 20px !important } body.responsive #main-nav-wrap .main-nav { display: none } #main-nav-wrap {height: 58px;} body.responsive #main-nav-wrap .mobile-nav { display: block; width: 90%; } body.responsive #main-nav-wrap .mobile-nav select { width: 190px } body.responsive #main-content, body.responsive #sidebar { float: none; width: auto; } body.responsive #main-carousel .content{ width: 100%; } body.responsive #sidebar { width: auto; margin-top: 20px; } body.responsive #sidebar .widget { width: 100% } body.responsive #single-outer { margin-bottom: 20px } body.responsive #main-footer .widget-content { margin-right: 0 !important; margin-bottom: 20px; float: none !important; width: auto !important; } body.responsive #main-footer .widget-content:last-child { margin-bottom: 0px } body.responsive #main-footer .flickr-widget .flickr_badge_image, body.responsive #main-footer .flickr-widget .flickr_badge_image:nth-child(4n+1) { margin-right: 6px } body.responsive #main-footer .social-widget a, body.responsive #main-footer .social-widget a:nth-child(8n+8) { margin-right: 8px } body.responsive #main-footer #footer-bottom .footer-copyrights, body.responsive #main-footer #footer-bottom .footer-nav-wrap { float: none; text-align: center; } body.responsive #main-footer #footer-bottom .footer-nav-wrap { margin-top: 10px } body.responsive #main-footer #footer-bottom .footer-nav-wrap li { float: none; display: inline-block; } body.responsive article.post-inner, body.responsive .two_col_full article.post-inner, body.responsive .two_col_sid article.post-inner { width: 100%; margin: 0 0 20px; float: none; } body.responsive article.post-inner .entry-media, body.responsive .two_col_full article.post-inner .entry-media, body.responsive .two_col_sid article.post-inner .entry-media { height: 200px } body.responsive article.audio-format .entry-media, body.responsive .two_col_full article.audio-format .entry-media, body.responsive .two_col_sid article.audio-format .entry-media { height: 200px } body.responsive article.audio-format .entry-media .player-container, body.responsive .two_col_full article.audio-format .entry-media .player-container, body.responsive .two_col_sid article.audio-format .entry-media .player-container { width: 270px; margin-left: -135px; } body.responsive article.video-format .entry-media, body.responsive .two_col_full article.video-format .entry-media, body.responsive .two_col_sid article.video-format .entry-media { height: 169px } body.responsive article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls, body.responsive .two_col_full article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls, body.responsive .two_col_sid article.video-format .entry-media .player-container .mejs-container.mejs-video .mejs-controls { width: 270px; margin-left: -135px; } body.responsive .two_col_full#main-content, body.responsive .two_col_sid#main-content, body.responsive .three_col_full#main-content { width: 100% !important; margin-left: 0; } body.responsive .mejs-currenttime, body.responsive .mejs-playpause-button { margin-right: 8px !important } body.responsive .mejs-duration, body.responsive .mejs-volume-button { margin-left: 8px !important } body.responsive .mejs-playpause-button { width: 40px !important } body.responsive .mejs-horizontal-volume-total { width: 30px !important } body.responsive div.mejs-horizontal-volume-slider { width: 35px !important } body.responsive #single-outer article.post-inner #entry-footer .article-tags { float: none; width: auto; } body.responsive #single-outer article.post-inner #entry-footer .article-share { float: none; margin-top: 20px; } body.responsive .author-info .author-desc .author-social ul li { margin-top: 4px } body.responsive #comments #comment-form input[type="text"] { width: 100% } body.responsive #comments .commentslist .children { margin-left: 20px } } /******************************************************************** * Retina *********************************************************************/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .before-load, .btn-loading:before{ background-image: url(assets/images/loading@2x.gif); -moz-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px; } article.audio-format .entry-media .media-overlay{ background-image: url(assets/images/media-over@2x.png); -moz-background-size: 1px 260px; -webkit-background-size: 1px 260px; background-size: 1px 260px; } #top-bar #logo{ background-image: url(assets/images/light-over@2x.png); -moz-background-size: 1px 1px; -webkit-background-size: 1px 1px; background-size: 1px 1px; } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded , .player-container .mejs-container .mejs-controls .mejs-playpause-button, article.quote-format .quote-icon{ background-image: url(assets/images/darck-over-16@2x.png); -moz-background-size: 1px 1px; -webkit-background-size: 1px 1px; background-size: 1px 1px; } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .player-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ background-image: url(assets/images/darck-over-26@2x.png); -moz-background-size: 1px 1px; -webkit-background-size: 1px 1px; background-size: 1px 1px; } #main-nav-wrap .mobile-nav:before, .post-format-icon, article.post-inner .ribbon:before, article.post-inner .entry-media .link, article.post-inner .entry-media .zoom, article.quote-format .quote-icon span, .flex-direction-nav a, .player-container .mejs-container .mejs-controls .mejs-playpause-button button, .player-container .mejs-container .mejs-controls .mejs-volume-button button, .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button button{ background-image: url(assets/images/sprites@2x.png); -moz-background-size: 76px 439px; -webkit-background-size: 76px 439px; background-size: 76px 439px; } } /******************************************************************** * jQuery FlexSlider *********************************************************************/ /* Browser Resets */ .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; } .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 */ .no-js .slides > li:first-child { display: block } /* FlexSlider Default Theme */ .flexslider { margin: 0; background: #fff; position: relative; zoom: 1; width: 100%; height: 100%; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-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 { display: block; width: 16px; height: 25px; position: absolute; top: 50%; margin-top: -12.5px; z-index: 10; overflow: hidden; cursor: pointer; background-image: url(assets/images/sprites.png); background-repeat: no-repeat; text-indent: -9999px; font-size: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } .flex-direction-nav .flex-prev { left: -26px; background-position: -19px 0; } .flex-direction-nav .flex-next { right: -26px; text-align: right; background-position: 0 0; } .flex-direction-nav a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .flex-direction-nav .flex-disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4 !important; cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; z-index: 2; } .flex-control-nav li { margin: 0 6px; *display: inline;zoom: 1;display: inline-block; } .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; border-radius: 20px; -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); 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; } /******************************************************************** * MediaElements Player **********************************************************************/ .player-container .mejs-container * { outline: 0 } .player-container .mejs-container .mejs-controls { background-image: none; background: #61cf81 !important; height: 60px; border-radius: 2px; } .player-container .mejs-container .mejs-controls div { font-size: 10px } .player-container .mejs-container .mejs-controls .mejs-time-rail { position: relative; padding: 0; margin: 0; height: 100%; } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { background: transparent url(assets/images/darck-over-26.png); position: absolute; padding: 0; margin: 0; top: 50%; margin-top: -3px; left: 0; } .player-container .mejs-container .mejs-controls .mejs-time-rail span { border-radius: 0; height: 6px; } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: transparent url(assets/images/darck-over-16.png) } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #FFF !important } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 17px; color: #FFF; background: #373737; border-radius: 2px; } .player-container .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: solid 5px #373737; border-color: #373737 transparent transparent transparent; } .player-container .mejs-container .mejs-controls .mejs-currenttime, .player-container .mejs-container .mejs-controls .mejs-duration { line-height: 60px !important; margin: 0; padding: 0; } .player-container .mejs-container .mejs-controls .mejs-currenttime { margin-right: 15px } .player-container .mejs-container .mejs-controls .mejs-duration { margin-left: 15px } .player-container .mejs-container .mejs-controls .mejs-time { height: auto !important; padding: 0 !important; margin: 0 !important; } .player-container .mejs-container .mejs-controls .mejs-time span { font-size: 10px } .player-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider { position: relative; height: 100%; margin: 0; padding: 0; padding-right: 6px; } .player-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: transparent url(assets/images/darck-over-26.png); border-radius: 0; height: 6px; margin: 0; padding: 0; top: 50%; margin-top: -3px; position: absolute; } .player-container .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #FFF !important; border-radius: 0; height: 6px; margin: 0; padding: 0; top: 50%; margin-top: -3px; position: absolute; } .player-container .mejs-container .mejs-controls .mejs-playpause-button { background: transparent url(assets/images/darck-over-16.png); position: relative; margin-right: 15px; width: 60px; height: 100%; } .player-container .mejs-container .mejs-controls .mejs-playpause-button button { height: 16px; width: 12px; background: transparent url(assets/images/sprites.png) no-repeat; margin: 0; padding: 0; top: 50%; left: 50%; margin-left: -6px; margin-top: -8px; } .player-container .mejs-container .mejs-controls .mejs-pause button { background-position: 0 -299px } .player-container .mejs-container .mejs-controls .mejs-play button { background-position: 0 -276px } .player-container .mejs-container .mejs-controls .mejs-volume-button { position: relative; margin: 0; height: 100%; margin-left: 15px; width: 22px; } .player-container .mejs-container .mejs-controls .mejs-volume-button button { margin: 0; padding: 0; height: 18px; width: 19px; background: transparent url(assets/images/sprites.png) no-repeat; top: 50%; margin-top: -9px; } .player-container .mejs-container .mejs-controls .mejs-mute button { background-position: -27px -276px } .player-container .mejs-container .mejs-controls .mejs-unmute button { background-position: -27px -297px } .player-container .mejs-container.mejs-video .mejs-controls .mejs-currenttime, .player-container .mejs-container.mejs-video .mejs-controls .mejs-duration { line-height: 50px !important } .player-container .mejs-container.mejs-video .mejs-controls .mejs-horizontal-volume-slider { padding: 0 } .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button { padding-right: 8px; position: relative; margin: 0; height: 100%; margin-left: 6px; width: 22px; } .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button button { margin: 0; padding: 0; height: 16px; width: 16px; background: transparent url(assets/images/sprites.png) no-repeat; background-position: -54px -276px; top: 50%; margin-top: -8px; } .player-container .mejs-container.mejs-video .mejs-controls .mejs-unfullscreen button { background-position: -54px -299px !important } .player-container .mejs-container.mejs-video .mejs-poster { -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .player-container .mejs-overlay-button { background-position: 0 -100px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .player-container .mejs-overlay-button:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .two_col_sid .mejs-currenttime, .two_col_sid .mejs-playpause-button { margin-right: 8px !important } .two_col_sid .mejs-duration, .two_col_sid .mejs-volume-button { margin-left: 8px !important } .two_col_sid .mejs-playpause-button { width: 40px !important } .two_col_sid .mejs-horizontal-volume-total { width: 30px !important } .two_col_sid div.mejs-horizontal-volume-slider { width: 35px !important } /******************************************************************** * Fontello *********************************************************************/ @font-face { font-family: 'fontello'; src: url('assets/font/fontello.eot?99716909'); src: url('assets/font/fontello.eot?99716909#iefix') format('embedded-opentype'), url('assets/font/fontello.woff?99716909') format('woff'), url('assets/font/fontello.ttf?99716909') format('truetype'), url('assets/font/fontello.svg?99716909#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none;*display: inline;zoom: 1;display: inline-block;text-decoration: inherit;width: 1em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;} .icon-gplus:before { content: '\e813'; } .icon-stumbleupon:before { content: '\e814'; } .icon-pinterest:before { content: '\e80a'; } .icon-dribbble:before { content: '\e812'; } .icon-linkedin:before { content: '\e815'; } .icon-rss:before { content: '\e803'; } .icon-twitter:before { content: '\e80c'; } .icon-vimeo:before { content: '\e811'; } .icon-facebook:before { content: '\e80e'; } .icon-heart:before { content: '\e800'; } .icon-eye:before { content: '\e80b'; } .icon-chat:before { content: '\e802'; } .icon-youtube:before { content: '\e807'; } .icon-instagramm:before { content: '\e805'; } .icon-user:before { content: '\e801'; } .icon-folder:before { content: '\e809'; } .icon-clock:before { content: '\e80d'; } .icon-cancel:before { content: '\e806'; } .icon-search:before { content: '\e804'; } .icon-angle-right:before { content: '\e80f'; } .icon-angle-up:before { content: '\e81b'; } .icon-angle-down:before { content: '\e808'; } .icon-github:before { content: '\e819'; } .icon-behance:before { content: '\e817'; } .icon-right-dir:before { content: '\e81a'; } .icon-flickr:before { content: '\e816'; } .icon-skype:before { content: '\e818'; } .icon-tumblr:before { content: '\e810'; } /******************************************************************** * isotope **********************************************************************/ .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { cursor: inherit; z-index: 1; } .isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /******************************************************************** * Tipsy Tooltip **********************************************************************/ .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /******************************************************************** * 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(assets/images/prettyPhoto/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(assets/images/prettyPhoto/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(assets/images/prettyPhoto/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(assets/images/prettyPhoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(assets/images/prettyPhoto/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(assets/images/prettyPhoto/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(assets/images/prettyPhoto/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(assets/images/prettyPhoto/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(assets/images/prettyPhoto/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(assets/images/prettyPhoto/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(assets/images/prettyPhoto/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(assets/images/prettyPhoto/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(assets/images/prettyPhoto/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(assets/images/prettyPhoto/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(assets/images/prettyPhoto/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(assets/images/prettyPhoto/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(assets/images/prettyPhoto/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(assets/images/prettyPhoto/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(assets/images/prettyPhoto/loader.gif) center center no-repeat} 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:999991} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:999999} .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:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .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{display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{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} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .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} .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} /*** * Wordpress Core ************************************************************/ .alignnone { margin: 5px 15px 15px 0; display: block; } .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: 10px auto 10px auto; } 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 { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #fff; border: 1px solid #f0f0f0; overflow: hidden;max-width: 100%; padding: 5px 3px 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 15px 15px 0 } .wp-caption.alignleft { margin: 5px 15px 15px 0 } .wp-caption.alignright { margin: 5px 0 15px 15px } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; margin: 5px 0 0 0 !important;} .sticky{} .bypostauthor{background: #FDFDFD;} /** * Gallery */ .gallery {margin-bottom: 12px;} .gallery-item {float: left;margin: 0 4px 8px;overflow: hidden;position: relative;} .gallery-item a{font-size: 0;} .gallery-item img{display: block;} .gallery-columns-1 .gallery-item {max-width: 100%;} .gallery-columns-2 .gallery-item {max-width: 48%;} .gallery-columns-3 .gallery-item {max-width: 32%;} .gallery-columns-4 .gallery-item {max-width: 23%;} .gallery-columns-5 .gallery-item {max-width: 19%;} .gallery-columns-6 .gallery-item {max-width: 15%;} .gallery-columns-7 .gallery-item {max-width: 13%;} .gallery-columns-8 .gallery-item {max-width: 11%;} .gallery-columns-9 .gallery-item {max-width: 9%;} .gallery-caption {background-color: #373737;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;margin: 0;max-height: 50%;opacity: 0;padding: 6px 8px;position: absolute;bottom: -50%;left: 0;text-align: center;width: 100%;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;} .gallery-item:hover .gallery-caption {bottom: 0;opacity: 1;} .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {display: none;} /*************************** * IE ************************************************/ .ie7 #top-bar #logo{ padding: 17px 25px 0; } .ie7 #top-bar #site-description{ line-height: 65px; } .ie7 .socials_counters ul{ overflow: hidden; padding: 0; margin: 0; width: 100%; } .ie7 #main-content{ clear: both; } .ie7 #breadcrumb{ overflow: hidden; } .ie7 #single-outer .article-navigation{ clear: both; } .ie #comment textarea{ overflow: hidden; } .ie #main-nav-wrap #header-search input[type=text]{ line-height: 58px; } .ie .player-container .mejs-video .mejs-controls .mejs-time-rail .mejs-time-total{ margin-top: -3px !important ; } .ie .player-container .mejs-audio .mejs-controls .mejs-time-rail, .ie .player-container .mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .ie .player-container .mejs-audio .mejs-controls .mejs-volume-button , .ie .player-container .mejs-audio .mejs-controls .mejs-playpause-button{ height: 60px; } div.checklist{ margin-top:20px; } div.checklist ul{ line-height:1.9em !important; } /*sssssssss*/ table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } #theme-switcher .swt-icn { position: absolute; width: 45px; height: 40px; right: -45px; top: 80px; display: block; background: #373737 url(cog.png) no-repeat center center; cursor: pointer; } #theme-switcher { width: 250px; background: #FFF; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999; top: 250px; left: 0; } #theme-switcher .swt-content { padding: 20px; text-align:center; } #theme-switcher .swt-content .switcher-itm strong { text-align: center; display: block; margin-bottom: 15px; } #theme-switcher .switcher-hd { background: #373737; color: #FFF; height: 40px; padding: 0 20px; } #theme-switcher .switcher-hd h3 { font-size: 16px; line-height: 40px; color: #FFF; } #theme-switcher ul li{ float:left; margin-right: 12px; margin-bottom: 20px; } #theme-switcher ul li img{ border:2px solid rgb(231, 231, 231); } #theme-switcher .list{ display:block; margin:0 auto; width:100%; } #theme-switcher ul { display: inline-table; padding-top: 20px; } #links .swt-icn { position: absolute; width: 45px; height: 40px; right: -45px; top: 0; display: block; background: #EDE8F6 url(Information_icon-40x40.png) no-repeat center center; cursor: pointer; } #links { width: 250px; background: #FFF; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999999999; top: 10px; left: 0; } #links .swt-content { padding:20px; text-align:center; } #links .swt-content img { margin-top:10px; } #links .swt-content .switcher-itm strong { text-align: center; display: block; margin-bottom: 15px; } #links .switcher-hd { background: #9E93C9; color: #FFF; height: 40px; padding: 0 20px; } #links .switcher-hd h3 { font-size: 16px; line-height: 40px; color: #FFF; } #links ul li{ float:left; margin-right: 20px; margin-bottom: 20px; } #links ul li img{ border:2px solid rgb(231, 231, 231); } #links .list{ display:block; margin:0 auto; width:100%; } #links ul { display: inline-table; padding-top: 20px; } .full-screen-bg { display: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -99999; overflow: hidden; } .full-screen-bg .screen-inner { background: #FFF; height: 100%; width: 960px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -moz-box-shadow: 0px 0px 15px #000000; -webkit-box-shadow: 0px 0px 15px #000000; box-shadow: 0px 0px 15px #000000; } #bip .swt-icn { position: absolute; width: 45px; height: 40px; right: -42px; top: 0; display: block; background:url(bip.png) no-repeat center center; cursor: pointer; } #bip { width: 250px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999999999; top: 300px; left: 0; } #kat1 .swt-icn { width: 253px; height: 80px; right: -239px; top: 0; display: block; background: url(katalog1.jpg) no-repeat center center; cursor: pointer; } #kat1 { width: 250px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999999999; top: 150px; } #kat2 .swt-icn { width: 253px; height: 80px; right: -239px; top: 0; display: block; background: url(katalog2.jpg) no-repeat center center; cursor: pointer; } #kat2 { width: 250px; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999999999; top: 250px; } @media (max-width: 1379px) { #kat1{ display:none; } #kat2{ display:none; } } ul#partner_logo_list > li > a > img{ width:100%; } ul#partner_logo_list > li > img{ width:100%; } ul#partner_logo_list > li { text-align:center; } .wspieraja_nas h1{ text-align:center; } .wspieraja{ margin-top:10px; } .wspieraja .slides li{ text-align:center; } } #fb_icon{ width: 250px; background: #FFF; -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.01); border-bottom: 2px solid #e4e4e4; border-bottom: 2px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 99999; top: 450px; left:-200px; }