/* Theme Name: Josephine Theme URI: http://themeforest.net/user/DanyDuchaine Author: DanyDuchaine Author URI: http://themeforest.net/user/DanyDuchaine Description: A powerful blog theme powered by Live Composer. Version: 1.0.3 License: GPL2 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /** * Reset CSS */ a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a img{border:0}img, embed, iframe, object { max-width: 100%; }img { height: auto; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /** * Overlay */ .ds-phone-overlay { background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 999999; } @media only screen and ( max-width: 767px ) { .ds-phone-overlay { display: block; } .dslc-res-phone .ds-phone-overlay { display: none; } } /** * General Elements */ body { overflow: hidden; } body.dslca-enabled { overflow: visible; } .screen-reader-text { display: none; } select { padding: 10px; max-width: 100%; border: 1px solid #e5e5e5; } .dslc-widget select { width: 100%; } table { border-spacing: 0; margin: 0 0 20px 0; width: 100%; border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); } table caption { font-weight: bold; margin-bottom: 10px; } td, th { text-align: center; border: 1px solid rgb(224, 224, 224); border-bottom: 0; border-right: 0; padding: 5px; vertical-align: middle; } thead { background: rgb(26, 188, 156); color: #fff; } thead th { border: 0; } /** * General Typogaphy */ body { color: rgb(154, 154, 154); font-size: 16px; font-weight: 400; font-family: Roboto; line-height: 29px; } h1, h2, h3, h4, h5, h6 { font-family: "Lora"; } h1 { color: rgb(63, 63, 63); font-size: 35px; line-height: 47px; font-weight: 600; margin-bottom: 15px; } h2 { color: rgb(63, 63, 63); font-size: 31px; line-height: 40px; font-weight: 600; margin-bottom: 15px; } h3 { color: rgb(63, 63, 63); font-size: 28px; line-height: 36px; font-weight: 600; margin-bottom: 15px; } h4 { color: rgb(63, 63, 63); font-size: 25px; line-height: 36px; font-weight: 600; margin-bottom: 15px; } h5 { color: rgb(63, 63, 63); font-size: 22px; line-height: 33px; font-weight: 600; } h6 { color: rgb(63, 63, 63); font-size: 19px; line-height: 29px; font-weight: 600; } p { margin-bottom: 25px; } a { text-decoration: none; outline: none; color: rgb(26, 188, 156); } a:active, a:focus { outline: none; } .align-center { text-align: center; } input { max-width: 100%; } .comment-form-name, .comment-form-email, .comment-form-website { width: 31%; margin-right: 3%; display: inline-block; } .comment-form-website { margin-right: 0; } .dslc-gallery-thumb-inner img { width: 100%; } .sep-border { margin-bottom: 20px; } .sep-border span { display: inline-block; height: 3px; background: #ea2c2c; width: 122px; } html { overflow-x: hidden; margin-top:0 !important; } #dslc-main, #dslc-theme-content{margin-top:109px} .dslc-navigation li { margin-bottom: 0; } .dslc-navigation .menu ul li { position: relative; } .dslc-navigation .menu ul ul { top: -15px; margin-left: 10px; } #dslc-theme-content { background: #F7F7F7; padding: 33px; } #dslc-theme-content-inner { background: #fff; max-width: 1140px; margin: 0 auto; padding: 46px 59px; } #dslc-theme-content-inner, .lcp-tp-comments, .lcp-comment-form, #dslc-module-170, #dslc-module-171, #dslc-module-172 { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } body.dslc-page-has-content #dslc-theme-content { background: transparent; padding: 0; } body.dslc-page-has-content #dslc-theme-content-inner { background: transparent; max-width: none; margin: 0; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .dslc-position-fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; } body.admin-bar .dslc-position-fixed { top: 32px; } .dslc-res-phone .dslc-position-fixed { position: relative; left: auto; right: auto; top: auto; z-index: auto; } .dslc-res-tablet .dslc-position-fixed .dslc-modules-area { width: 31.91489%; } .dslc-res-phone .dslc-position-fixed .dslc-modules-area { width: 48.93617%; margin-bottom: 0; padding: 15px 0; } .dslc-res-phone .dslc-position-fixed .dslc-modules-area:nth-child(1) { width: 31.91489%;; } .dslc-res-phone .dslc-position-fixed .dslc-modules-area:nth-child(2) { display: none; } .dslc-res-phone .dslc-position-fixed .dslc-modules-area:nth-child(3) { width: 65%; } .ds-load-more { display: block; line-height: 1; text-align: center; } .ds-load-more .dslc-icon { margin-right: 10px; } .ds-load-more-temp, .ds-load-more-temp-pag { display: none; } /** * WordPress Classes */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .gallery-caption { font-weight: bold; } /** * Blog Posts */ .blog-posts-listing { } .blog-posts-listing.dslc-blog-posts-type-grid { margin-bottom: -28px; } .blog-post { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } .blog-post.sticky { background: #ddd; padding: 10px; } .blog-post:last-child { } .blog-post-thumb { overflow: hidden; } .blog-post-alt-thumb-inner { overflow: hidden; } .blog-post-thumb img { display: block; width: 100%; } .blog-post-main { overflow: hidden; } .blog-post-author { float: left; text-align: center; font-style: italic; line-height: 1; } .blog-post-author-avatar { margin-bottom: 19px; } .blog-post-author-avatar img { border-radius: 50%; } .blog-post-author-name { margin-bottom: 25px; } .blog-post-author-name span { display: block; margin-bottom: 9px; } .blog-post-author-name a { line-height: 1; } .blog-post-tags { } .blog-post-tags a { line-height: 1; font-style: normal; display: inline-block; } .blog-post-info { overflow: hidden; position: relative; } .blog-post-info-inner { position: relative; } .blog-post-title { word-wrap: break-word; } .blog-post-title a { color: inherit; } .blog-post-meta { line-height: 1; font-style: italic; } .blog-post-meta a { text-transform: uppercase; } .blog-post-excerpt { } .blog-post-read-more { line-height: 1; } .blog-post-read-more a { color: inherit; display: inline-block; } /** * Blog Posts - Alt */ .dslc-module-DSLC_Josephine_Blog_Alt .dslc-posts, .dslc-module-DSLC_Josephine_Blog_Alt .owl-wrapper-outer { overflow: visible; } .dslc-module-DSLC_Josephine_Blog_Alt .carousel-nav-prev, .dslc-module-DSLC_Josephine_Blog_Alt .carousel-nav-next { position: absolute; display: block; right: 100%; bottom: 0; top: 0; width: 1000px; opacity: 0; } .dslc-module-DSLC_Josephine_Blog_Alt .carousel-nav-next { right: auto; left: 100%; } .blog-post-alt.dslc-carousel-item { opacity: 0.4; margin-bottom: 0 !important; } .dslc-carousel-item-visible .blog-post-alt.dslc-carousel-item { opacity: 1; } .blog-posts-alt-listing-type-grid, .blog-posts-alt-listing-type-carousel .dslc-carousel { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); margin-bottom: 7px; } .blog-posts-alt-heading { position: relative; line-height: 1; } .blog-post-alt { position: relative; } .blog-post-alt-thumb { overflow: hidden; position: relative; } .blog-post-alt-thumb-inner { overflow: hidden; } .blog-post-alt-thumb img { display: block; -webkit-transition: top .3s, transform .3s; transition: top .3s, transform .3s; -webkit-transform: scale( 1.1 ); transform: scale( 1.1 ); } .blog-post-alt:hover .blog-post-alt-thumb img, .blog-posts-alt-hover-effect-disabled .blog-post-alt-thumb img { -webkit-transform: scale( 1 ); transform: scale( 1 ); } .blog-post-alt-thumb-cover { background: #fff; position: absolute; top: 100%; left: -200px; right: -200px; height: 500px; -webkit-transition: top .3s, transform .3s; transition: top .3s, transform .3s; } .blog-posts-alt-diagonal-effect-enabled .blog-post-alt:hover .blog-post-alt-thumb-cover, .blog-posts-alt-diagonal-effect-enabled.blog-posts-alt-hover-effect-disabled .blog-post-alt-thumb-cover { -ms-transform: rotate(-10deg) translate( 0, -50px ); -webkit-transform: rotate(-10deg) translate( 0, -50px ); transform: rotate(-10deg) translate( 0, -50px ); } .blog-posts-alt-diagonal-effect-disabled .blog-post-alt:hover .blog-post-alt-thumb-cover, .blog-posts-alt-diagonal-effect-disabled.blog-posts-alt-hover-effect-disabled .blog-post-alt-thumb-cover { -ms-transform: translate( 0, -50px ); -webkit-transform: translate( 0, -50px ); transform: translate( 0, -50px ); } .blog-post-alt-main { position: relative; } .blog-post-alt-main-inner { -webkit-transition: transform .3s; transition: transform .3s; } .blog-post-alt:hover .blog-post-alt-main-inner, .blog-posts-alt-hover-effect-disabled .blog-post-alt-main-inner { transform:translate( 0, -50px ); -webkit-transform: translate( 0, -50px ); } .blog-post-alt-date { line-height: 1; } .blog-post-alt-title { } .blog-post-alt-title h2 { margin-bottom: 0; } .blog-post-alt-title a { color: inherit; } .blog-post-alt-cat { line-height: 1; } .blog-post-alt-cat a { color: inherit; } .blog-post-alt-read-more { position: absolute; left: 0; right: 0; top: 100%; opacity: 0; margin-top: 18px; line-height: 1; } .blog-post-alt-read-more .dslc-icon { color: rgba(255, 255, 255, 0.66); margin-left: 0; overflow: hidden; opacity: 0; font-size: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .blog-post-alt-read-more:hover .dslc-icon { margin-left: 5px; opacity: 1; font-size: inherit; } @-webkit-keyframes blogButton { 0% {opacity: 0;} 15% { opacity: 0; } 100% { opacity: 1; } } @keyframes blogButton { 0% {opacity: 0;} 15% { opacity: 0; } 100% { opacity: 1; } } .blog-post-alt:hover .blog-post-alt-read-more, .blog-posts-alt-hover-effect-disabled .blog-post-alt-read-more { -webkit-animation-name: blogButton; -webkit-animation-duration: .5s; animation-name: blogButton; animation-duration: .5s; opacity: 1; } .blog-post-alt-read-more a { line-height: 1; display: inline-block; } .cat2{line-height:20px;font-family:'Roboto' !important;} .cat2:after{content:',';margin-left: -3px;margin-right: 3px;} .blog-post-alt-cat .cat2:last-child:after, .blog-post-meta .cat2:last-child:after{content:''; display: none;} a.cat1{font-weight:300 !important;font-style: italic !important;margin-bottom: 10px;display: inline-block;} .dslc-col{margin-bottom: 30px;} .lcp-comment-form-name.dslc-col.dslc-4-col{padding-left:0 !important;} .blog-post-alt-date{display: none !important} #dslc-content #dslc-module-9 .blog-post-alt-read-more a{font-family: 'Roboto' !important;} #dslc-content #dslc-module-43 .blog-post-alt-read-more a{font-family: 'Roboto' !important;} /* Widget tags */ .ds-recent-posts-widget { } .ds-recent-posts-widget-post { overflow: hidden; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; } .ds-recent-posts-widget-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .ds-recent-posts-widget-thumb { width: 88px; float: left; margin-right: 25px; } .ds-recent-posts-widget-thumb img { display: block; } .ds-recent-posts-widget-main { overflow: hidden; } .ds-recent-posts-widget-date { font-size: 14px; font-style: italic; font-family: "Lora", Georgia, sans-serif; color: #b1b1b1; margin-top: 4px; margin-bottom: 7px; } .ds-recent-posts-widget-title { font-size: 14px; color: #3f3f3f; text-transform: uppercase; margin-bottom: 5px; line-height: 18px; } .ds-recent-posts-widget-title a { color: inherit !important; } .ds-recent-posts-widget-category { font-size: 13px; text-transform: uppercase; } .ds-about-author-widget { text-align: center; } .ds-about-author-widget-banner { margin: -50px -55px -41px; } .ds-about-author-widget-avatar { margin-bottom: 10px; } .ds-about-author-widget-avatar img { border-radius: 50%; } .ds-about-author-widget-name { font-size: 14px; line-height: 1; color: #3f3f3f; font-family: "Lora"; font-weight: bold; margin-bottom: 10px; } .ds-about-author-widget-position { font-size: 14px; font-family: "Lora", "Georgia", sans-serif; font-style: italic; line-height: 1; color: #1abc9c; font-weight: 500; margin-bottom: 23px; } #dslc-header { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); z-index: 1; } #dslc-header.dslc-header-pos-fixed .dslc-image{ width: 225px; } #dslc-header.dslc-header-pos-fixed .dslc-image img{width:171px !important;height:auto;display: block;-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: width 1s;} #dslc-header.dslc-header-pos-fixed.sticky .dslc-image{ width:225px; } #dslc-header.dslc-header-pos-fixed.sticky .dslc-image img{ width:115px !important; height: auto; display: block; margin-top: 8px; } #menu-main-menu{margin-top: 13px;} .dslc-5-col{margin-left: 15px;} #dslc-content #dslc-module-29 .dslc-navigation .menu > li > a{line-height: 18px !important} #dslc-header.dslc-header-pos-fixed.sticky .dslc-col, #dslc-header.dslc-header-pos-fixed .dslc-col{margin-bottom: 15px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-section{ padding:15px 0 !important; -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */ transition: all 1s; } #dslc-header.dslc-header-pos-fixed.sticky .dslc-modules-section{ padding:5px 0 !important; } #dslc-header.dslc-header-pos-fixed .dslc-html-module-content h3{ padding: 10px 22px !important; -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */ transition: all 1s; position:relative; border: 1px solid rgb(52, 111, 0); cursor:pointer; margin-top: 20px; } #dslc-header.dslc-header-pos-fixed.sticky .dslc-html-module-content h3{ padding: 10px 22px !important; margin-top:12px; } #dslc-content #dslc-module-4 .dslc-text-module-content h2{margin-top: 20px;} #dslc-content #dslc-module-29 .dslc-navigation-inner{ -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */ transition: all 1s; } #dslc-content #dslc-module-4 .dslc-text-module-content p:last-child{line-height: 16px} #dslc-header.dslc-header-pos-fixed.sticky .dslc-navigation-inner{padding:0 !important;} div.dslc-navigation-inner div.menu-main-menu-container ul#menu-main-menu.menu li:first-child a{font-weight:bold !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-3-col.dslc-first-col{width:auto !important; max-width:171px !important;margin-right:40px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-5-col{width:auto !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col{width:auto !important;float:right;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col h3{font-size:20px !important;} #dslc-content #dslc-module-29 .dslc-navigation-inner{padding:0 !important;} .dslc-widget-wrap { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } .dslc-pagination a { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } .dslc-widget .tagcloud a, .widget .tagcloud a { font-size: 11px !important; color: #fff !important; font-family: "Lora"; line-height: 1; display: inline-block; text-transform: uppercase; padding: 5px 6px; border-radius: 2px; background: #1abc9c; margin-bottom: 4px; } .dslc-widget li:last-child, .widget li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } /* * About Author */ .about-author { overflow: hidden; } .about-author-avatar { overflow: hidden; float: left; } .about-author-avatar img { display: block; } .about-author-main { overflow: hidden; } .about-author-name { line-height: 1; display: inline-block; } .about-author-social { display: inline-block; } /** * Blog - Title */ .blog-single-title-wrapper { position: relative; padding-bottom: 1px !important; } .blog-single-title { padding-right: 55px; } .blog-single-title h1 { margin: 0; } .blog-single-share { position: absolute; top: 0; right: 55px; line-height: 1; } .blog-listing-share { position: absolute; top: 0; right: 0; line-height: 1; } .blog-single-meta { font-style: italic; line-height: 1; } .blog-single-meta a { font-style: normal; } .blog-single-meta a:first-of-type { margin-left: 10px; } /** * Blog Like/Share */ .blog-post-share, .blog-post-like { position: relative; cursor: pointer; color: #d5d5d5; font-size: 14px; margin-left: 8px; } .blog-post-like { padding-right: 1px; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s } .blog-post-like .dslc-icon { width: 14px; } .blog-post-share-opts, .blog-post-like-num { background: #bcbcbc; position: absolute; bottom: 100%; left: 50%; margin-left: -90px; border-radius: 3px; white-space: nowrap; padding: 0 10px; line-height: 35px; margin-bottom: 15px; display: none; text-align: center; } .blog-post-like-num { line-height: 28px; font-size: 12px; margin-left: -14px; color: #fff; -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s; } .blog-post-share-opts:after, .blog-post-like-num:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(188, 188, 188, 0); border-top-color: #bcbcbc; border-width: 5px; margin-left: -5px; } .blog-post-liked-num { background: #FD707A; } .blog-post-liked-num:after { border-top-color: #FD707A; } .blog-post-share-opts a { width: 28px; line-height: 35px; display: inline-block; color: #f1f1f1; } .blog-post-share-opts a:hover { color: #fff; } .blog-post-liked { color: #FD707A; } /** * Widgets Module title line */ .dslc-widget-title { position: relative; } .widget-title-line, .line-in-middle { height: 1px; border-top: 1px solid #e5e5e5; position: absolute; left: 0; right: 0; top: 49%; } .widget-title-text, .line-in-middle-text { background: #fff; position: relative; display: inline-block; padding: 0 15px; } /** * Comments */ .lcp-comment-author-avatar { float: left; margin-right: 30px; } .lcp-comment-author-avatar img { border-radius: 50%; } .lcp-comment-inner { overflow: hidden; } /* .comments > .comment:last-child > .lcp-comment-inner { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } */ .lcp-comment p:last-child { margin-bottom: 0; } .lcp-comment-meta { float: left; } .lcp-comment-meta-author { margin-bottom: 8px; } .lcp-comment-meta-date { font-style: italic; } .lcp-comment-reply { float: right; } .lcp-comment-reply a { text-transform: uppercase; line-height: 20px; display: inline-block; padding: 0 4px; border-radius: 3px; } .lcp-comment .children { margin-left: 80px; } /** * Search Module */ .dslc-social li:last-child { margin-right: 0 !important; } .search-form-wrapper { position: relative; border-left: 1px solid rgba( 255, 255, 255, 0.1 ); padding-left: 30px; } .search-form-wrapper input[type="text"] { display: block; width: 100%; background: transparent; border: 0; outline: 0; } .search-form-wrapper input[type="text"]:-moz-placeholder { color: rgb(145, 145, 145); } .search-form-wrapper input[type="text"]::-moz-placeholder { color: rgb(145, 145, 145); } .search-form-wrapper input[type="text"]:-ms-input-placeholder { color: rgb(145, 145, 145); } .search-form-wrapper input[type="text"]::-webkit-input-placeholder { color: rgb(145, 145, 145); } .search-form-icon { position: absolute; line-height: 1; } /** * Loader */ .dslc-loader { margin-top: 100px; background-image: url("images/carousel-loader.gif"); width: 32px; height: 32px; border: 0; border-radius: 0; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; position: relative; left: 50%; margin-left: -16px; } /** * Projects */ .project-thumb-cover { background: #fff; position: absolute; top: 100%; left: -200px; right: -200px; height: 500px; -webkit-transition: top .3s, transform .3s; transition: top .3s, transform .3s; } .dslc-project:hover .project-thumb-cover, .dslc-project-hover-effect-disabled .project-thumb-cover { -ms-transform: rotate(-10deg) translate( 0, -50px ); -webkit-transform: rotate(-10deg) translate( 0, -50px );; transform: rotate(-10deg) translate( 0, -50px );; } .dslc-project-thumb img { display: block; -webkit-transition: top .3s, transform .3s; transition: top .3s, transform .3s; -webkit-transform: scale( 1.1 ); transform: scale( 1.1 ); } .dslc-project:hover .dslc-project-thumb img, .dslc-project-hover-effect-disabled .dslc-project-thumb img { -webkit-transform: scale( 1 ); transform: scale( 1 ); } .dslc-project-main { position: relative; } .dslc-project-main-inner { -webkit-transition: transform .3s; transition: transform .3s; } .dslc-project:hover .dslc-project-main-inner, .dslc-project-hover-effect-disabled .dslc-project-main-inner { transform:translate( 0, -50px ); -webkit-transform: translate( 0, -50px ); } .dslc-project-read-more { position: absolute; left: 0; right: 0; top: 100%; opacity: 0; margin-top: 18px; } .dslc-project:hover .dslc-project-read-more, .dslc-project-hover-effect-disabled .dslc-project-read-more { -webkit-animation-name: blogButton; -webkit-animation-duration: .5s; animation-name: blogButton; animation-duration: .5s; opacity: 1; } /** * Instagram Widget */ .lcp-instagram-widget-images { overflow: hidden; margin-top: 0 !important; } .lcp-instagram-widget-image { float: left; width: 25%; } .lcp-instagram-widget-image img { display: block; } /** * Comment Form */ .lcp-comment-form { } .lcp-comment-form #reply-title { position: relative; text-align: center; } .lcp-comment-form-title-line { height: 1px; border-top: 1px solid #e5e5e5; position: absolute; left: 0; right: 0; top: 49%; } .lcp-comment-form-title { position: relative; display: inline-block; padding: 0 15px; } .lcp-comment-form input, .lcp-comment-form textarea { width: 100%; } .lcp-comment-form input[type="submit"] { cursor: pointer; } .lcp-comment-form textarea { min-height: 200px; } .lcp-comment-form input::-webkit-input-placeholder, .lcp-comment-form textarea::-webkit-input-placeholder { text-transform: uppercase; } .lcp-comment-form input::-moz-placeholder, .lcp-comment-form textarea::-moz-placeholder { text-transform: uppercase; } .lcp-comment-form .form-submit p { margin-bottom: 0; } .lcp-comment-form #submit { display: block; width: 100%; } #dslc-content #dslc-module-29 .dslc-navigation .menu > li{vertical-align:top;} .modal-content{width:90%;max-width:650px;background:#fff;position:fixed; z-index:1000007; top:-1000px;left:50%;display:block;} .modal-video{width:90%;max-width:1000px;background:#151514;position:fixed;z-index:1000007; top:-1000px;left:50%;display:block;padding:40px 20px;} .video-top{position:relative;width:100%;height:20px;margin-top:-20px;margin-bottom:20px;} .modal-top{background: #222 url("http://cdn.owocni.pl/img/adresik.png") no-repeat scroll center 90px;color:#d7d7d7;height:125px;padding-top:20px;text-align:center;position:relative;} .modal-top h2, p.title{padding:0;margin:0;color:#d7d7d7;font-size:48px;font-family:'Lora'} .video-form p.title{font-size:31px;} .video-player{width:65%;display:inline-block;margin-right:4%;vertical-align:top} .video-form{width:30%;display:inline-block;vertical-align:top;text-align:center;color:#fff;} .video-form textarea{width:100%;padding:5px; height:70px;font-family:'Roboto';color:#000;font-size:14px} .video-form input{width:100%;padding:5px;margin-bottom:10px;font-family:'Roboto';color:#000;font-size:14px} .video-form input[type="submit"]{margin-top:-25px;color:#fff;} .video-form h2{color:#fff;} #nospam2 { background: rgba(0, 0, 0, 0) url("http://www.owocni.pl/wp-content/themes/o/images/landing/strony/nospam2.png") no-repeat scroll left top; color: #9e9e9e; font-family: Tahoma; font-size: 14px; font-weight: normal; height: 18px; margin: -40px auto auto; padding-left: 20px; padding-top: 3px; width: 195px; line-height:18px; } .close-modal{background-image: url("http://cdn.owocni.pl/img/sprite3.png"); background-position: 0 -13px; margin: 0; padding: 0; right:10px; top:10px; background-repeat: no-repeat; display: block; height: 14px; overflow: hidden; text-indent: -99999px; width: 16px; position:absolute; cursor:pointer; } .close-modal:hover{background-position: 0 -27px;} .modal-bg{background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000000; display:none; } .modal-text{padding:20px;} .modal-text p{margin-bottom:5px;} .modal-text .left-modal{font-size:30px; color:#000;} .modal-text .left-form{background:#e3e3e3;float:left;padding:10px 2%;width:50%;margin-top:10px;} .modal-text .left-form input{border:1px dotted #000; background:#f9f9f9;padding:5px 2%;width:100%;} .modal-text .left-form p{margin-bottom:10px;} .modal-text .right-form{float:right;padding:10px 2%;width:50%; color: #bcbcbc; font-size: 14px; padding-top: 9px;} .modal-text .right-form textarea{width:100%;background:#fff;border:1px dotted #000;padding:5px 2%;height:110px;} .modal-text .right-form p{margin-bottom:15px;} .modal-info{background:#E3E3E3;color:#000;text-align:center;font-size:14px;padding:10px 0;} .modal-info span{color:#1abc9c;font-size:16px;font-weight:bold;} .wpcf7-submit { background-color: #1abc9c; border-radius: 3px; border-style: solid; border-width: 0; color: #ffffff; font-size: 16px; font-weight: 700; padding: 10px 0; cursor:pointer; width:50%; display:block; text-align:center; margin-top:-70px; } ._51mz ._51mw{display:block !important;width:100%!important} .left-content-text{float:left;margin-left: 45px; text-align: left;} .left-content-text .pleasure-icon{display:inline-block;} .left-content-text #___plusone_1{ margin-left: 10px !important; position: absolute;} .left-content-text p{margin-bottom:5px !important;display:inline-block;text-align:left !important;} .right-content-text{float:right;margin-right:45px;text-align:left;} .bottom-content-text{padding-bottom:60px} .dslc-no-columns-spacing .dslc-4-col{padding-left:3% !important; width:30,33333% !important} .banner-user{margin:-50px -55px -45px;position:relative;} .banner-user .author-image{position:absolute;bottom:-40px;left:50%;margin-left:-40px;overflow:hidden;border-radius:40px;} .banner-user .author-image img{width:80px;height:80px;display:block;} .author-name{margin-top:115px;text-align:center;font-size:14px; font-family:Arial;color:#000} .author-position{font-family:Georgia; font-size:14px; color:#346f00;text-align:center;} .textwidget{text-align:center;} .textwidget span.bold{font-weight:bold;margin:10px 0;color:#000;font-family:Arial;text-transform:uppercase;display:block;} .textwidget p.video{margin-bottom:0;color:#346f00;text-align:center;text-decoration:underline;cursor:pointer;margin-top: -13px;} #dslc-content #dslc-module-43 .blog-post-alt-thumb-inner{height:130px !important;} #dslc-content #dslc-module-43 .blog-post-alt-main-inner div.blog-post-alt-cat a.cat2{color:#346f00 !important;} .social-fixed { background: #fff none repeat scroll 0 0; display: none; height: 164px; left: 50px; padding: 20px; position: fixed; text-align: center; top: 120px; width: 111px; z-index: 1000; } .social-fixed .fb-like{margin-bottom:10px;} a.cat1{font-family:Georgia !important;text-transform:none !important; color:#747474 !important} .footer-mail{color:rgb(218, 218, 218) !important;border:none !important;font-weight:normal} #dslc-content #dslc-module-4 .dslc-text-module-content a{border-bottom: 1px solid rgb(218, 218, 218);display:inline-block;padding:2px 5px 0px;font-weight:bold;line-height:22px;} .klikaj{position:absolute;left:50%;margin-left:10px; margin-top:-40px;} .footer-logo{float:left;} .footer-map{float:right;} .footer-map a{color:#000;display:block;margin-top:25px;} .social .fb_iframe_widget{position:absolute !important;bottom:2px;left:0;} .social{position:relative;width:130px;height:32px;} .social div:nth-child(2){bottom:0;right:0; position:absolute !important} .dslc-modules-area .social div:nth-child(2){margin-top:0 !important;} #dslc-content #dslc-module-29 .blog-post-meta a, #dslc-content #dslc-module-171 .blog-single-meta a{display:inline-block;margin-left:0;margin-bottom:10px} #dslc-content #dslc-module-250 .dslc-widget a.wpp-post-title{color:#000;} #dslc-content #dslc-module-250 .dslc-widget{line-height:18px !important;} .col{display:inline-block;width:21%;vertical-align:top;margin-right:4%} .col:nth-child(4){margin-right:0;} .col h2, .sitemap-header{font-size:24px;line-height:28px;} #dslc-content #dslc-main #wpp-4.dslc-widget.dslc-col.popular-posts div.dslc-widget-wrap ul.wpp-list li a.wpp-post-title{color:#000;font-size:14px; font-family:'Roboto';text-transform: uppercase;width:150px;display: inline-block;max-height:35px;overflow:hidden;margin-bottom:5px;} #dslc-content #dslc-main #wpp-4.dslc-widget.dslc-col.popular-posts div.dslc-widget-wrap ul.wpp-list li span.wpp-category{display: block; width:290px;} .wpp-category a{ font-family: 'Roboto';font-size:13px; font-weight: 300 !important; font-style:italic;font-family: 'Georgia'; color: #747474 !important;margin-bottom: 5px;} .wpp-category a.country-post, .wpp-category a.material-post{font-family:'Roboto'; font-style: normal; color:#1abc9c !important; font-weight: 700 !important;text-transform: uppercase;} .blog-single-meta{margin-bottom: 0 !important;} #dslc-content #dslc-main #wpp-4.dslc-widget.dslc-col.popular-posts div.dslc-widget-wrap{padding: 50px 30px;} .wsp-tags-title{display: none !important;} #dslc-content #dslc-module-178 .dslc-widget, #dslc-content #dslc-module-17 .dslc-widget{line-height: 20px !important;} .cat{display:block;} .wsp-tags-list { display: inline; list-style: none; margin-left: 0; } h2.big-header{font-size:82px;font-family:'Georgia'; font-weight: 300;line-height: 50px;} h2.big-header span{font-size: 52px;} .contact-left{display: inline-block;} .hours{display: block;width: 100%;border-top:1px dotted #c1c1c1;border-bottom:1px solid #c1c1c1;padding:10px 0;margin-top: 20px;} .clear{clear:both;} .wsp-tags-list li { display: inline; } .telephones{border-top:1px solid #c1c1c1;padding-top: 10px;margin-top: 1px;font-size: 13px;line-height: 16px;} .telephones .col{width:40%;} .wsp-tags-list li:after { content: ", "; } .wsp-tags-list li:last-child:after { content: ""; } .contact-left{display: inline-block;width: 55%;margin-right: 3%;} .contact-right{width: 40%;display: inline-block;vertical-align: top;} .wrap{position:relative;} .separator-big{border-top:5px solid #c1c1c1;width:100%;position: relative;margin: 20px 0;} #small-gallery-right { width: 353px; height: 279px; background: url(http://os.spmedia.pl/wp-content/uploads/2015/07/small-gallery-right-bg.png) no-repeat center top; position: absolute; right: 0px; top: 0; z-index: 4; } #small-gallery-gif { width: 325px; height: 186px; background: url(http://www.etworzenie.pl/wp-content/themes/o/images/bggif.gif) no-repeat; position: absolute; top: 13px; right: 15px; z-index: 3; } #small-cta-gif { width: 317px; height: 186px; background: rgba(0, 0, 0, 0.5); position: absolute; top: 13px; right: 18px; z-index: 5; cursor: pointer; } #small-cta-gif:hover > div, #small-cta-gif:hover > img, #small-cta-gif:hover p > span{opacity:0.7;} #small-cta-gif > img { position: absolute; top: 50px; left: 20px; } #small-cta-gif > div { font-size: 23px; font-family: Arial; font-weight: bold; color: #f2be1a; text-align: left; line-height: 24px; position: absolute; top: 66px; left: 115px; letter-spacing: -0.026em; } #small-cta-gif p > span { font-size: 16px; font-family: Arial; font-weight: bold; color: #f2be1a; text-align: left; line-height: 16px; position: absolute; top: 123px; left: 95px; display: block; } #dslc-theme-content-inner h3{font-size:36px;font-family: 'Georgia';} .form-left{display: inline-block;width: 60%;} .form-right{display: inline-block;width: 34%;margin-left: 5%;vertical-align: top;} .form-left textarea{width: 100%;padding: 5px; font-family: 'Roboto';height: 150px;} .form-right input{width: 96%;padding:5px 2%;margin-bottom: 20px;font-family: 'Roboto'; } .form-right input[type="submit"]{background: #ffa700;color:#000;font-size: 18px;font-family: 'Roboto'; font-weight: 300;margin-top: -20px;border-radius:5px;box-shadow: 0 0 3px #000; border-bottom:1px solid #e97c00;padding: 7px 0;} .form-right input.hidden{opacity:0;} #dslc-content #dslc-module-9 .blog-posts-alt-heading{font-family:'Georgia' !important;} .ciasteczka { background: url(http://cdn.owocni.pl/img/ciasteczka.jpg) no-repeat; margin-right: 55px; margin-top: 15px; float:left; } #cia1.ciasteczka { width: 53px; height: 53px; position: relative; top: 10px; } #cia1.ciasteczka:hover, #cia1.ciasteczka.active { background-position: 0 -67px; } #cia2.ciasteczka { width: 53px; height: 65px; background-position: -75px 0; position: relative; top: 7px; } #cia2.ciasteczka:hover, #cia2.ciasteczka.active { width: 53px; height: 65px; background-position: -75px -66px; } #cia4.ciasteczka { width: 53px; height: 65px; background-position: -193px 0; } #cia4.ciasteczka:hover, #cia4.ciasteczka.active { width: 53px; height: 65px; background-position: -193px -66px; } #cia5.ciasteczka { width: 53px; height: 65px; background-position: -277px 0; position: relative; top: 7px; } #cia5.ciasteczka:hover, #cia5.ciasteczka.active { width: 53px; height: 65px; background-position: -277px -76px; } #cia6.ciasteczka { width: 53px; height: 65px; background-position: -343px 0; } #cia6.ciasteczka:hover, #cia6.ciasteczka.active { width: 53px; height: 65px; background-position: -343px -68px; } *::-webkit-input-placeholder { color: #999; } :focus::-webkit-input-placeholder{color:transparent;} *:-moz-placeholder { color: #999; } :focus::-moz-placeholder{color:transparent;} *::-moz-placeholder { color: #999; } :focus:-moz-placeholder{color:transparent;} *:-ms-input-placeholder { color: #999; } :focus:-ms-input-placeholder{color:transparent;} input.error{outline:1px solid #ff0000 !important;} textarea.error{outline:1px solid #ff0000 !important;} #dslc-content #dslc-module-43 .blog-post-alt-title h2, #dslc-content #dslc-module-43 .blog-post-alt-title h2 a{font-family: 'Roboto' !important;} /** * Smaller Monitors */ @media only screen and ( min-width: 1024px ) and ( max-width: 1140px ) { .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section { width: 940px !important; } .dslc-modules-section.dslc-full .dslc-modules-section-wrapper { width: auto !important; } body.wrapped #page-container { width: 940px !important; } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section { width: 840px !important; } .ds-recent-posts-widget-thumb { display: none; } #dslc-header.dslc-header-pos-fixed .dslc-image{width:140px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col h3{font-size:16px !important} .dslc-mobile-navigation{display:none !important} #dslc-content #dslc-module-29 .dslc-navigation .menu > li{margin-left:15px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-3-col.dslc-first-col{margin-right:20px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-5-col{margin-right:10px !important;} } /** * Tablets */ @media only screen and ( min-width: 768px ) and ( max-width: 1023px ) { .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section { width: 748px !important; } .dslc-modules-section.dslc-full .dslc-modules-section-wrapper { width: auto !important; } body.wrapped #page-container { width: 748px !important; } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section { width: 648px !important; } .blog-post-meta { line-height: 1.5; } .ds-recent-posts-widget-thumb { display: none; } body{margin-top:80px !important} #dslc-header.dslc-header-pos-fixed .dslc-modules-section{padding:10px 0 !important} .dslc-mobile-navigation-hook{font-size:100px !important; color: #367904 !important;} .dslc-mobile-navigation-hook{font-size:56px !important; color: #367904 !important;} #dslc-header.dslc-header-pos-fixed .dslc-image{max-width:110px !important;margin-top:10px;} #dslc-content #dslc-module-10 .dslc-html-module-content h3{font-size:16px !important;} #dslc-header.dslc-header-pos-fixed .dslc-html-module-content{padding:10px !important;margin-top:10px;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-3-col.dslc-first-col{margin-right:20px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-5-col { position: absolute; right: 290px; } #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col{with:340px;} #dslc-header.dslc-header-pos-fixed .dslc-modules-section-wrapper.dslc-clearfix{position:relative;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col h3{margin-top: -10px;} .dslc-mobile-navigation{margin-right:20px;} .banner-user { margin: -30px -30px -45px; position: relative;} .form-left{display: block;width:100%;} .form-right{display: block; width: 100%;} .contact-left, .contact-right{width:100%;margin-left: 0;} .contact-right{height:300px;} } .wpp-thumbnail{margin-right:15px !important;display:inline-block !important;} /** * Mobile Portrait and Landscape */ @media only screen and ( max-width: 767px ) { .form-left{display: block;width:100%;} .contact-left, .contact-right{width:100%;} .form-right{display: block; width: 100%;margin-left: 0;} .klikaj{display:none !important;} .blog-post-meta { line-height: 1.5; } .blog-post-author { display: none; } .ds-recent-posts-widget-thumb { display: none; } .blog-single-title { padding-right: 75px; } .dslc-post-filter { margin-bottom: 10px; } body{margin-top:80px !important} #dslc-header.dslc-header-pos-fixed .dslc-modules-section{padding:10px 0 !important} .dslc-mobile-navigation-hook{font-size:56px !important; color: #367904 !important;} #dslc-header.dslc-header-pos-fixed .dslc-image{max-width:110px !important;margin-top:10px;} #dslc-content #dslc-module-10 .dslc-html-module-content h3{font-size:16px !important;} #dslc-header.dslc-header-pos-fixed .dslc-html-module-content{padding:10px !important;max-width:200px !important;} #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-3-col.dslc-first-col{margin-right:20px !important;} .wrap.video{display:none;} } /** * Mobile Landscape */ @media only screen and ( min-width: 480px ) and ( max-width: 767px ) { .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section { width: 420px !important; } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section { width: 380px !important; } h2.big-header{font-size:36px;line-height: 24px} h2.big-header span{font-size:24px;} } /** * Mobile Portrait */ @media only screen and ( max-width: 479px ) { .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section { width: 300px !important; } body.wrapped #page-container { width: 300px !important; } body{margin-top: 200px !important;} body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section { width: 260px !important; } #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-3-col.dslc-first-col, #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-5-col{ width:50% !important; margin:10px 0 !important; } #dslc-header.dslc-header-pos-fixed .dslc-modules-area.dslc-col.dslc-4-col{width:100%;float:none; clear:both} #dslc-header.dslc-header-pos-fixed .dslc-html-module-content {width: 100% !important; max-width:100% !important;} h2.big-header{font-size:24px;line-height: 24px} h2.big-header span{font-size:18px;} #dslc-theme-content-inner h3{font-size:18px;} .form-right input[type="submit"]{font-size:14px;} }