/*
Theme Name: Studio Prajs Theme
Theme URI: http://www.sydney-webpages.com.au/
Template: thegem
Author: SWP.
Description: Custom Wordpress Theme
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,full-width-template,theme-options,translation-ready
Version: 2.2.2.1504339704
Updated: 2017-09-02 08:08:24

*/

/* Studio Prajs Custom Style */


body #site-header-wrapper {
    background-color: #000000 !important;
}
body.page h1{
    font-size: 22px;
    line-height: 24px;
    text-transform: none;
    margin-bottom: 5px;
    font-weight: 300;
}
body #page .breadcrumbs .current {
    color: #009aff;
    padding-bottom: 12px;
    border-bottom: 5px solid #009aff;
}
body .layout-fullwidth #main {
  margin-bottom: 0;
}
body .main-content .block-content:last-of-type {
  padding-bottom: 0;
}
/* SEO SECTION */
div#seo-section {
    position: relative;
    margin-bottom: -71px;
}
body #seo-section h1 {
    color: #d2d2d2;
}
body .gem-button-position-inline .gem-button {
    margin-left: auto;
    margin-right: auto;
}

body #seo-section P{
    color: #d2d2d2;
    font-weight: 300;
}
.prajs-picture img{
    margin-top: 5px;
}
html, body #page {
    background: #f9f9f9;
}
html, body{
    height: 100%;
}
body div#main {
    min-height: 100%;
}
body #page-preloader {
    background: rgba(255, 255, 255, 0.76);
}
body .block-content {
    background-color: transparent;
}
body.single-thegem_pf_item .thegem_pf_item{
    padding-top: 30px;
}

/* UKRYWANIE AKTYWNOSCI LINKA DO PORTFOLIO NA GLOWNYCH GALERIACH */

body .portfolio-item.non-hovered .overlay,
body .portfolio-style-masonry.background-style-white.hover-default .image .overlay .links .portfolio-icons a:first-child{
    display: none!important;
}
body.thegem_pf_item-template-default .socials-colored.socials-rounded,
body.thegem_pf_item-template-default span.post-meta-date {
     display: none;
}
body.thegem_pf_item-template-default article .entry-content.post-content{
    position: relative;
    top: -15px;
}
body.thegem_pf_item-template-default article:not(.type-page) > .entry-content.post-content {
    margin-bottom: 0;
}

body .thegem_pf_item .post-meta-navigation a{
    color: #ffffff;
    background-color: rgba(242, 54, 138, 0.8);
}
body .thegem_pf_item .post-meta-navigation :hover{
    background-color: #009aff;
    opacity: 1;
}
body .thegem_pf_item .post-meta-left span.post-meta-categories {
    text-transform: lowercase;
    background-color: #f3f3f3;
    padding: 4px 8px;
    margin-right: 5px;
}
body .thegem_pf_item .post-meta-left span.post-meta-categories span.gem-date-color {
    color: #bbb8bf;
}
body .thegem_pf_item .post-meta-left span.post-meta-likes {
    position: relative;
    top: 3px;
}
body .thegem_pf_item .zilla-likes:before{
    color: #c3c3c3;
}
body .thegem_pf_item .zilla-likes:hover:before{
    color: #009aff;
}
body .thegem_pf_ite .gem-gallery-grid.hover-zooming-blur .gallery-item .overlay a.icon:before,
body.thegem_pf_item-template-default .gem-gallery-grid .gallery-item .overlay a.icon:before {
    font-size: 24px;
    background-color: #009aff!important;
}

body.thegem_pf_item-template-default .post-meta.date-color .entry-meta {
    margin-bottom: 6px;
}
body.thegem_pf_item-template-default span.sep {
    display: none;
}
body .hover-zooming-blur .portfolio-item:hover .image .image-inner img,
body .hover-zooming-blur .gallery-item:hover .overlay-wrap .image-wrap img {
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
}
body footer#footer-nav{
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 12px 0 14px;
}
body .block-navigation a.gem-button.gem-button-size-tiny.gem-button-style-outline{
    border-radius: 0!important;
    background-color: rgba(160, 160, 160, 0.85)!important;
    border: none!important;
    color: #ffffff!important;
    padding-top: 3px!important;
}
body .block-navigation a.gem-button.gem-button-size-tiny.gem-button-style-outline:hover{
    background-color: #f02d89!important;
    color: #ffffff!important;
}
body footer .footer-site-info{
    color: #7d7d7d;
    font-size: 11px;
}
body footer .footer-site-info a{
    color: #d2d2d2;
}
footer #footer-socials .socials a:nth-child(4) {
	display: none;
}
body #main {
    margin-top: 40px;
    margin-bottom: 20px;
}
body .portfolio-load-more .gem-button-separator-button button,
body header .site-title span.logo img, .zilla-likes:before,
body a.scroll-top-button, body .scroll-top-button:before,
body a.gem-button{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
body header#site-header.fixed.shrink .site-title {
    position: relative;
    z-index: 99;
}
body .portfolio-load-more .gem-button-separator .gem-button-separator-holder{
    opacity: 0;

}
body #site-header .primary-navigation {
    display: block;
    text-align: center;
    position: absolute;
    top: 62px;
    max-height: 60px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

body #page:not(.vertical-header) #site-header.fixed  .primary-navigation {
    top: -15px;
}
body #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li > a {
	 color: #828282;
}
body .header-style-3 #primary-menu.no-responsive > li {
	padding: 20px 1px;
}
body header.fixed .header-style-3 #primary-menu.no-responsive > li {
	margin-top: 7px;
}

header.fixed {}

body #site-header.fixed.shrink #primary-menu.no-responsive > li:hover > a {
    color: #ffffff;
}
body #page  #site-header-wrapper #site-header.shrink.fixed {
  background-color: #000;
}
body #primary-menu.no-responsive > li > a {
    text-transform: none;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
    border: none!important;
}

body .portfolio-style-masonry.background-style-white.hover-default .portfolio-set .portfolio-item.thegem_pf_item.type-thegem_pf_item .image-wrap .overlay:before {
    background-color: rgba(255, 255, 255, 0.9);
}
body .portfolio-item .image .overlay:before, .gallery-item .overlay:before, .widget .flickr-item a:before,
body .widget-gem-portfolio-item .widget-gem-portfolio-item-hover .widget .gem-pp-posts a:before {
    background-color: rgba(255, 255, 255, 0.9)!important;
}
body #portfolio-block .hover-default .portfolio-item:hover .image .links .portfolio-icons a:before {
    font-size: 42px;
    color: rgba(0, 0, 0, 0.6);
}
body #portfolio-block .hover-default .portfolio-item:hover .image .links .portfolio-icons a.icon:hover:before{
    color: #000000;
}
body #portfolio-block .hover-default .portfolio-item:hover .image .links .caption .title.title-h4{
    color: rgba(0, 0, 0, 0.95);
    font-size: 26px;
    line-height: 28px;
}
body #portfolio-block .portfolio .portfolio-item .image .overlay .links .portfolio-sharing-pane .socials-item{
    color: rgba(0, 0, 0, 0.95);
}
body #portfolio-block .hover-default .portfolio-item:hover .image .links .caption  .description .subtitle p{
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
}
body .portfolio:not(.hover-horizontal-sliding) .portfolio-item .image .image-inner img {
    left: 0;
    padding-right: 5%;
}
body .block-content:last-of-type {
    padding-bottom: 30px;
}
/* PRELOADER STYLE COLOR */
#page-preloader .page-preloader-spin,
.block-preloader .page-preloader-spin,
.preloader-spin {
    border-top-color: #0299ff;
    opacity: 1;
    border-width: 4px;
}

.preloader-spin {
    border-top-color: #0299ff;
    opacity: 1;
}

#page-preloader .page-preloader-spin:before,
.block-preloader .page-preloader-spin:before,
.preloader-spin:before {
    border-top-color: #f02d89;
    border-width: 4px;
}

.preloader-spin:before {
    border-top-color: #f02d89;
}

#page-preloader .page-preloader-spin:after,
.block-preloader .page-preloader-spin:after,
.preloader-spin:after {
    border-top-color: #000000;
    border-width: 4px;
}

.preloader-spin:after {
    border-top-color: #000000;
}

/* ============ CONTACT PAGE ============== */

/* CUSTOM CAPTCH sTYLE */

body .wpcf7-form.gem-contact-form-white .cptchpls_block input:not(.gem-button-wpcf-custom){
    border: solid 1px black;
    position: relative;
    top: -4px;
    min-width: 36px;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    background-color: white;
}

body div#contact-block {
    position: relative;
    margin: 0 auto;
    max-width: 500px;
}
body .wpcf7-form.gem-contact-form-white span.wpcf7-form-control-wrap {
    width: 100%;
}
body .site-main .entry-content #contact-block .wpb_wrapper p{
    font-size: 19px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
}
body .site-main .entry-content #contact-block .wpcf7-form-control-wrap input.wpcf7-form-control{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    width: 100%;
    background-color: white;
    border: solid 1px #DADADA;
    padding: 8px 10px;
}
body .site-main .entry-content #contact-block .wpcf7-form-control-wrap input.wpcf7-form-control:focus{
    border: solid 1px black;
}
body .site-main .entry-content #contact-block .wpcf7-form.gem-contact-form-white textarea{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    border: solid 1px #DADADA;
    padding: 8px 10px;
    background-color: #ffffff;
    width: 100%;
    margin: 10px 0 0 0;
}
body .site-main .entry-content #contact-block .wpcf7-form.gem-contact-form-white textarea:focus{
    width: 100%;
}

body header.mobile-menu-layout-default .primary-navigation.responsive .dl-menu {
    box-shadow: 0 2px 5px #0000008a;
    border-top: 0;
    border-left: solid 1px;
    border-right: solid 1px;
    border-bottom: solid 1px;
    border-color: #02bcd4;
}

footer .row #footer-socials {
    position: relative;
    top: -2px;
}

body .scroll-top-button:before {
    background-color: #f2368a;
    color: #ffffff;
}

body .scroll-top-button.visible {
    opacity: 0.8;
}
body .scroll-top-button{
    right: 47px;
    bottom: 51px;
}
body a.scroll-top-button:hover{
    opacity: 1;

}
body a.scroll-top-button:hover:before {
    background-color: #009aff;
}

/* MOBILE VIEW IMPROVEMENTS */

@media (max-width: 980px) {
    footer .col-md-3.col-md-pull-9 {
        margin-top: 0;
    }
    body footer #footer-socials {
        top: 20px!important;
    }
    body #page #main {
        margin-top: 0;
    }
    body article .entry-content div#portfolio-block{
        margin-top: 0!important;
    }
    body .block-content:last-of-type {
        padding-bottom: 0!important;
    }
    body div#seo-section {
        margin-bottom: -41px;
    }
}

@media (max-width: 480px) {
    header#site-header div.site-title div.site-logo{
        width: 80%!important;
        left: 0;
        margin-left: 0;
    }
    header#site-header div.site-title div.site-logo img.small{
        width: 244px!important;
    }
    body #page .scroll-top-button {
        right: 21px;
    }

}

@media all and (max-width: 1212px) and (min-width: 980px) {

    body #page #main {
        margin-top: -15px!important;
    }
    body header#site-header .primary-navigation {
        top: 42px;
    }
    body header#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title .site-logo{
        position: relative!important;
        top: -14px!important;
        text-align: left!important;
    }
    body #page:not(.vertical-header) #site-header.fixed .primary-navigation {
        top: -5px!important;
    }
    body header#site-header.fixed.shrink .site-title a img.default, #site-header.fixed.shrink .menu-item-logo a img.default {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        top: -1px;
        position: relative;
    }
    body #site-header.fixed.shrink .header-main:not(.header-layout-fullwidth_hamburger) .site-title {
        display: block!important;
    }
    body header#site-header .header-main:not(.header-layout-fullwidth_hamburger):not(.logo-position-menu_center) .site-title .site-logo img{
        width: 80%!important;
    }
    body header #page:not(.vertical-header) #site-header.fixed .primary-navigation {
        top: -5px;
        width: 100%;
    }
    body footer#footer-nav {
        padding: 25px 0 0!important;
    }
}

/* ========== Temporarly hiden link portfolio ========== */

/*
body a.portolio-item-link.self-link {
    pointer-events: none;
}
body a.portolio-item-link.self-link:hover {
    cursor: default;
}
*/

/* PORTFOLIO CUSTOM SINGLE ITEM VIEW */

body.single-thegem_pf_item .site-main .main-content .page-title-block{
    background-color: #f9f9f9;
}
body.single-thegem_pf_item .site-main .main-content .page-title-block .page-title-title h1{
    color: #b0b0b0;
}
body.single-thegem_pf_item .site-main .main-content .page-title-block .breadcrumbs-container{
    display: none;
}
body.thegem_pf_item-template-default .post-meta.date-color {
    position: relative;
    top: 0;
    margin-bottom: 10px;
}
body.single-thegem_pf_item .site-main .main-content div#page-title {
	padding-bottom: 10px!important;
    padding-top: 15px!important;
	background-color: #313131 !important;
	margin-top: 62px;
}
body.single-thegem_pf_item .site-main .main-content div#page-title h1 {
	font-weight: 200;
}
body .thegem_pf_item .post-meta-right {
    float: none;
    position: absolute;
    right: 0;
    z-index: 99;
}
body .thegem_pf_item .post-meta-left {
    position: relative;
    left: 0;
    width: auto;
    display: inline-block;
    z-index: 99;
}
body.single-thegem_pf_item .site-main .main-content article .block-divider.gem-default-divider{
  margin: 5px 0!important;
}