/*
Theme Name: Justme-Child
Theme URI: http://dwda.io/themeforest/justme_demo/
Version: 1.0
Description: Just Me is template for creatives, photographers, designers, bloggers, resume, portfolio & vCard. It has attractive modern layout based on fullscreen and colorful design. No coding knowledge is required which makes this template very easy to modify. It can be used for business personal, or showing your portfolio.
Author: kiratheme
Author URI: http://dwda.io
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready
Template: justme
Text Domain: justme-child
*/
body .section#home{display:none; }
body .profile-text {font-size: 16px; margin-bottom: 25px; line-height: 1.4em;}

.abtCtn{ position:relative;}
.ScrollBtn{ position:absolute; right:0; bottom:0;}

/* Mobile  First Media */@media only screen and (min-width: 768px){

/**/
}

@media only screen and (max-width: 800px){
body .header-image{background-position: center;}
/**/	
}



.header-content { 
    position: absolute;
    top: calc(50% - 120px);
}


section#about .image-overlay { background-color: rgba(0, 0, 0, 0);}
hr.image-sep{ display:none;}

.sec-image { background-size:cover;}

body .header-image,
body .header-border{ border:0 ;}
body .common-menu.is_sticky{ position:sticky !important;  
position: -webkit-sticky !important; 
position: -moz-sticky !important; 
position: -o-sticky !important; 
position: -ms-sticky !important; 
position: sticky !important; 
} 



@media only screen and (max-width: 768px){
section {    border-bottom: 1px solid #ccc;}
body .header-image{ background-position: center 40px !important;}
body .jm-name { font-size: 60px; line-height: 60px;}
.vertical-menu.common-menu.is_sticky,
body .vertical-menu{padding: 20px 20px;}
.vertical-menu.common-menu.is_sticky .logo,
body .logo { top: 0; position: relative;}
body .common-menu i { top: 28px;}
body .vertical-menu.common-menu.is_sticky .common-menu i{ top:28px;}
body .sec-content {    padding: 40px 20px 20px;}

body .vertical-menu.common-menu.is_sticky .logo{ top: 15px;  position: relative;} 

body .sec-image { background-size: cover !important;}  
/*.vertical-menu.common-menu.is_sticky .logo{top: -10px ; }*/

 
/*.vertical-menu.common-menu.is_sticky,
.vertical-menu{ top:50px !important;}*/

/**/
}
@media only screen and (max-width: 640px){
body .header-image { background-position: center 40px !important;}
.sec-descr{ padding-right:0 !important;}
/**/
}
@media only screen and (max-width: 480px){

.header-bar .social-links{ display:none;}

/**/
}

.header-content .jm-start{ display:none;}
.wpcf7-response-output{clear: both;}

div.wpcf7-validation-errors { font-size:14px; padding:5px; clear:both;}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    clear: both;
    border: 0px solid #ccc;
    padding: 2px 5px;
    font-size: 12px;
    margin-top: 5px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background: rgba(57, 143, 20, 0.29);
    color: #fff;
    color: #000;
    padding: 5px;
}

.wpb_video_wrapper img{border: 0 none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; cursor:pointer;}
.wpb_video_wrapper img.playBtn{    left: 0; top: 0;	bottom: 0;    right: 0;
    width: auto;	height: auto;         margin: auto;   display: block; }


@media only screen and (max-width: 768px){



body .common-menu.is_sticky{ 

position: -moz-sticky !important; 
position: -o-sticky !important; 
position: -ms-sticky !important; 

position:sticky !important;  
position: -webkit-sticky !important; 

display: table !important;
-webkit-align-self: flex-end !important;
align-self: flex-end !important;
top:0 !important;
z-index: 999999999 !important;
} 

/*Scroll iPhone */	
/*body .sec-descr{ overflow: hidden !important; height:auto !importnt;}	
	/*body section{display:block !important;}*/
	/*body section{        display: block !important; overflow: auto !important;}*/

body .section#home{display: none !important;}
.sec-descr{height:auto !important;}	

body .abtCtn { overflow-y: inherit; height: auto;}
.sec-descr {    height: auto !important;    overflow-y: inherit !important;
	
/**/
}