/*
Theme Name: Remote Staff - Child Theme
Theme URI: http://remotestaff.ph
Description: Remote Staff Child Theme
Author: Emman
Author URI: http://remotestaff.ph
Template: rsph
Version: 1
*/

/*----------------------------------------
FONTS
----------------------------------------*/
@font-face {
    font-family: 'boston_angel_boldbold';
    src: url('framework/fonts/great_studio_-_bostonangelbold-bold-webfont.html') format('woff2'),
         url('framework/fonts/great_studio_-_bostonangelbold-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuralight';
    src: url('framework/fonts/futura_light_bt-webfont.html') format('woff2'),
         url('framework/fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'futuramedium';
    src: url('framework/fonts/futura_medium_bt-webfont.html') format('woff2'),
         url('framework/fonts/futura_medium_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futurabold';
    src: url('framework/fonts/futura_bold-webfont.html') format('woff2'),
         url('framework/fonts/futura_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*----------------------------------------
GENERIC
----------------------------------------*/
body {
  font-family: 'futuralight' !important;     
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'boston_angel_boldbold' !important; 
    font-weight: bold;
    color: #442f38 !important;
    letter-spacing: 1px;
}

p {
  font-family: 'futuralight' !important; 
    margin-bottom: 18px !important;
}

.white, .white a, .white .fa {
    color: #fff !important;
}
.underlined:after {
    display: block;
    border-bottom: 2px solid #00b3d9;
    content: '';
    max-width: 16%;
    margin: 0 auto;
    margin-top: -7px;
    margin-bottom: 7px;
}

.underlineCenter, .underlineLeft {
    display: inline-block;    
}
.underlineCenter:after {
    display: block;
    border-bottom: 2px solid #00b3d9;
    content: '';
    margin-top: -7px;
    margin-bottom: 7px;
    padding-bottom: 7px;
    clear: both;
    margin: 0 auto;
    max-width: 57%;
}
.underlineLeft:after {
    display: block;
    border-bottom: 2px solid #00b3d9;
    content: '';
    margin-top: -7px;
    margin-bottom: 7px;
    padding-bottom: 7px;
    clear: both;
    max-width: 57%;
}
.blue{
    color:#00b3d9 !important;    
}
.black {
    color:#545454 !important;
}

.blue-title {
    color:#00b3d9;
    font-weight: 800;
    font-size: 30px;    
    margin-bottom: 0px;
}


.green-title {
    color:#B2D233;
    font-weight: 800;
    font-size: 30px;    
    margin-bottom: 0px;
}

.subtitle {
    font-size: 22px !important;
    line-height: 32px !important;
    font-weight: 300;
}

.light {
    font-weight: 300 !important
}

.uppercase {
    text-transform: uppercase;
}

.s18 { font-size: 18px !important }
.s20 { font-size: 20px !important }
.s22 { font-size: 22px !important }
.s24 { font-size: 24px !important }
.s26 { font-size: 26px !important }
.s28 { font-size: 28px !important }
.s30 { font-size: 30px !important }
.s32 { font-size: 32px !important }
.s34 { font-size: 34px !important }
.s36 { font-size: 36px !important }
.s46 { font-size: 46px !important }
.s76 { font-size: 76px !important }



.text-center {  text-align: center; }
.text-left {    text-align: left; }
.text-right {   text-align: right; }
.text-justify { text-align: justify; }

.rounded img, .rounded{
    border-radius: 50% !important;
    border: 4px solid #efefef;
}

.text-shadow, .text-shadow .fa, .text-shadow a {
    text-shadow: 0 0 25px #000;
}

.hard-shadow, .hard-shadow .fa, .hard-shadow a {
        text-shadow: 2px 2px 2px #000 !important;
}



.blue-alpha {
    background: #6fc9bba8 !important;
    color: #fff !important;
    padding: 15px 15px !important;
}

.shadowed {
    box-shadow: 10px 11px 0px #0000002b;
}
.right-center {
    float:right;
}

.left-center {

}


@media screen and (max-width: 959px) {
    .s76 { font-size: 46px !important }

    .left-center, .right-center {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;        
    }


}

.timeline-list-item {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid #eaeaea;
    margin-bottom: 0;
    padding-top: 0 !important;
    padding-bottom: 30px;
    line-height: 15px;
}

.timeline-list-item-end {
    border:0 !important;
}

.timeline-list-item:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -13px;
    background-color: #00b0d7;
    border: 0;
    top: 0;
    border-radius: 50%;
    z-index: 1;
    left: -6px;
}

.no-border {
    border:0 !important;
}


.timeline-checkmark {
    position: relative;
    padding-left: 23px !important;
    border-left: 2px solid #d2d2d2;
    margin-bottom: 0;
    padding-top: 0!important;
    padding-bottom: 50px !important;
    line-height: 15px;
    padding-top: 10px !important;
}


.timeline-checkmark:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -13px;
    border: 0;
    top: 0;
    border-radius: 50%;
    z-index: 1;
    left: -20px;
    font-size: 23px;
    display: inline-block;
    background: #B2D32E;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    align-content: center;
    line-height: 35px;
}
/* BUTTONS */


.button, button a, .vc_btn3-container, .vc_btn3-container a {
	font-family: 'Poppins', sans-serif !important;
	letter-spacing: 1.5px !important;
}


.btn-green a {
	background-color: #b3d233 !important;
	color: #09596b !important;
	font-weight: bold !important;
	border:none !important;
}

iframe {
    width: 100% !important;
}

@media screen and (min-width: 768px){
	.flexcenter {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;    
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;    
	}
}

body .bold {
    font-family: 'futuramedium' !important;    
}
/*----------------------------------------
LISTS
----------------------------------------*/
.green-check, .green-check-2, .green-dot {
    list-style-type: none;
}
.green-check li{
    background: url(framework/images/green-check.png)top left no-repeat;
    padding-left: 34px;
    background-position: 0 4px;
    margin-bottom: 15px;
    line-height: normal !important;
}


.green-check-2 li {
    background: url(framework/images/green-check-2.png)top left no-repeat;
    padding-left: 34px;
    background-position: 0 19px;
    margin-bottom: 15px;
    line-height: normal !important;
    padding-top: 15px;
    border-top: 1px solid #b6d436;
    max-width: 300px;
}

.green-check-2 li:last-child {
    border-bottom: 1px solid #b6d436;
       padding-bottom: 15px;
}


.green-check-3 li {
    background: url(framework/images/green-check-2.png)top left no-repeat;
    padding-left: 34px;
    background-position: 0 8px;
    margin-bottom: 5px;
    line-height: normal !important;
    padding-top: 5px;
    list-style-type: none;

}

.green-dot li{
    background: url(framework/images/green-dot.png)top left no-repeat;
    padding-left: 19px;
    background-position: 0 9px;
    margin-bottom: 15px;
    line-height: normal !important;
}


.checkmarck {
    padding-left: 45px;
    background: url(framework/images/checkmarck.png)top left no-repeat;
    background-size: 26px auto;
    background-position: 2px 12px;
}
.xmarck {
    padding-left: 45px;
    background: url(framework/images/xmarck.png)top left no-repeat;
    background-size: 26px auto;
    background-position: 2px 4px;    
}

.square-check li {
    background: url(framework/images/square-check.png)top left no-repeat;
    padding-left: 34px;
    background-position: 0 3px;
    margin-bottom: 25px;
    line-height: normal !important;
    list-style-type: none;
    min-height: 30px;

}

/*----------------------------------------
INPUT
----------------------------------------*/
input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='date'], input[type='number'], textarea, select {
    width: 100%;
}
/*----------------------------------------
CONTENT
----------------------------------------*/
#content.nopadding {
    /*padding-bottom: 100px;*/
}

/*----------------------------------------
NAVIGATION
----------------------------------------*/
body #header.header-v1 {
    background: #002015;
}

body .header-v1 #navigation > ul {
    float: right;
    margin: 5px 5px 0 0 !important;
}

body .header-v1 .logo {
    margin-top: 13px !important;
}

#header.stuck, .sticky-wrapper .header-v1-only.header-transparent {
    z-index: 11 !important;
}
 
#navigation #nav a {
    font-family: 'futuramedium';
	text-transform: uppercase !important;
	   -o-transition: all 0.2s linear !important;
    -moz-transition: all 0.2s linear !important;
    -khtml-transition: all 0.2s linear !important;
    -webkit-transition: all 0.2s linear !important;
    -ms-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;	
    color:#fff !important;


}

.stuck, .sticky-wrapper .header-v1-only.header-transparent {
    z-index: 99999999999 !important;
}

#mobile-header {
    z-index: 10 !important;
    background:#002015 !important;
}
#mobile-header .fa-bars {
    color: #6AFD51 !important
}

#mobile-navigation {
    background:#002015 !important;
    font-family: 'futuramedium' !important;
}

/*----------------------------------------
SIGN UP/LOGIN MENU
----------------------------------------*/
#navigation #nav .signup-btn a{
    border-right: 1px solid #000
}

#navigation #nav #menu-item-32  a, #navigation #nav .signup-btn a{
	background: #58fe3c !important;
    padding: 5px 10px !important;
    margin-top: -5px !important;
    color: #002015 !important;
}

#navigation #nav #menu-item-33 a  {
    background: #58fe3c !important;
    padding: 5px 10px !important;
    margin-top: -5px !important;
    color: #002015 !important;	
}

#navigation #nav #menu-item-32 a:hover, #navigation #nav #menu-item-33 a:hover, #navigation #nav .signup-btn a:hover {
	background: #B3D236 !important;
	   -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}



/*----------------------------------------
HOME BANNER
----------------------------------------*/
#homebanner {

}

@media screen and (max-width: 800px){
    #homebanner {
        background: url('framework/images/top-panel-bg-mobile.jpg')top left  no-repeat !important;
    }
}

/*----------------------------------------
HOME CELLS
----------------------------------------*/
.lightblue {
    background: #fff;
    border-radius: 15px;
    border-top: 10px #2bb6da solid;
    overflow: hidden;
    padding: 15px;    
}

.lightgreen {
    background: #fff;
    border-radius: 15px;
    border-top: 10px #B3D236 solid;
    overflow: hidden;
    padding: 15px;    
}

.darkblue {
    background: #fff;
    border-radius: 15px;
    border-top: 10px #107992 solid;
    overflow: hidden;
    padding: 15px;    
}

/*----------------------------------------
CHALLENGES / SOLUTIONS
----------------------------------------*/
#our-solution .wpb_text_column {
    margin-bottom: 5px;
}
 #our-solution ul {
    margin:0
} 
#our-solution li {
    width: 100%;
    display: block;
    padding: 15px 0;
    height: 60px;
    border-bottom: 1px solid #efefef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}

@media screen and (max-width:768px) {
    #your-challenges li, #our-solution li {
        height: auto;
    }
}

/*----------------------------------------
FOOTER
----------------------------------------*/
#custom_html-3, #custom_html-2  {
    padding-left: 30px
}

@media screen and (max-width:768px ){
	footer {
		text-align: center;
	}

    #custom_html-3, #custom_html-2  {
        padding-left: 0
    }


}

/*----------------------------------------
SOCMED FOOTER
----------------------------------------*/
#soc-med-footer .fa {
	font-size: 32px;
	margin-right: 30px
}

/*----------------------------------------
BLOG AUTHOR 
----------------------------------------*/
.entry-image .entry-overlay {
    display: none !important
}

.author-link {
	margin-left: 100px
}
.blog .entry-image{
	overflow: visible !important;
}

.blog .meta-author img{
    max-width: 80px;
    border-radius: 50%;
    float: left;
    border: 5px solid #ffffff;
    background: white;
}
.blog .meta-author a{
    position: absolute;
    z-index: 9;
    bottom: -27px;
    margin-left: 15px;
    width: 100% !important;
}

.blog .button {
    margin-top: 25px;
}

.blog .entry-title {
    margin-top: 45px
}



.author-name {
    position: absolute;
    bottom: 0;
    left: 98px;  
}

/*----------------------------------------
BLOG
----------------------------------------*/
.blog a.button.color-3 {
    background:#4ad532 !important;
    color: #002317 !important;
    border-color: transparent !important;
}

.blog a.button.color-3:hover {
    background:#002317 !important;
    color: #4ad532 !important;    
}

.blogbar {

    background:url('framework/images/blog-header.jpg') top center no-repeat !important;
    background-size: cover;
    padding:50px 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;     
}
.read-more-link {
    display: none !important;
}

#blogform {
    max-width: 700px;
    display: block;
    margin: 0 auto;
    background: #ffffffb8;
    padding: 20px;
 
}

#blogform form .mc4wp-form-fields{
    display: flex;
    flex-direction: row;    
}
#blogform form input{
    margin:15px;
    max-width: 100%;
    width: 40%;  

}

#blogform form input[type="submit"] {
    background: #58fe3c;
    color: #002015;
    border: 0;
       -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear; 
}

#blogform form input[type="submit"]:hover {
    background: #002015;
    color: #58fe3c;
}

@media screen and (max-width:768px){
    #blogform form .mc4wp-form-fields {
        flex-direction: column;  
    }  
    #blogform form input {
        width: auto;
    } 
}

/*----------------------------------------
FAQ
----------------------------------------*/
#faq .vc_tta-panel {
    display: block;
    margin-bottom: 15px;
}

#faq .vc_tta-panel-heading {
    background-color: transparent !important;
    border: 0  !important;
}


.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    border: 1px solid !important;
    border-radius: 50% !important;
    padding: 2px !important;
}

#faq .vc_tta-panel-body {
    /*padding: 22px 15px 50px 15px!important;*/
    border-bottom: 1px dashed #e6e6e6!important;
    margin-bottom: 15px;
    font-size: 16px !important;
}

#faq .vc_active .vc_tta-panel-title {
	background: #58fe3c !important;
}
#faq .vc_active .vc_tta-controls-icon:before{
	border-color: #002015;
}
#faq .vc_active .vc_tta-panel-title a {
	color:#002015 !important;
}


/*----------------------------------------
SIDEBAR
----------------------------------------*/
#sidebar .widget h3 {
    font-family: 'futuramedium' !important;
    color: #4ad532 !important;
    text-transform: uppercase;

}


.widget_search form:before {
    display: none !important
}
.widget_search form:after {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 14px;
    font-family: 'FontAwesome';
    content: '\f002';
    -webkit-font-smoothing: antialiased;
    color: #999999;
    line-height: 1;
}

.widget_search input {
    padding-left: 10px !important
}


/*----------------------------------------
JOBS
----------------------------------------*/
novo-modal-container {
    z-index: 900000 !important;
}

novo-modal>section {
    max-height: none !important;
}

[_nghost-c3] span.error[_ngcontent-c3] {
    /* display: block;
    background: #fff !important;
    z-index: 11;
    position: static;
    border: 1px solid #efefef;
    padding: 5px;     */
}

.share {
    /*display: none !important;*/
}

/*----------------------------------------
FOOTER
----------------------------------------*/

#footer .widget ul li a {
    display: block;
    font-size: 14px;
}

#footer a, #footer .widget ul li:after, #footer .widget h3 {
    color: #4e4e4e !important;
}
#footer .widget ul li {
    border-bottom-color: #e0e0e0 !important;
    padding: 5px 0;
}

#footer .widget ul li:after {
    color: #e0e0e0 !important;
}

#footer .widget h3 {
    font-weight: bold !important;
    margin-bottom: 5px;
}

#menu-footer-menu  {
    margin-top: 10px !important;
}
#footer {
   background:#011f15 !important; 
}
#footer, #footer a {
    color: #fff !important;;
}
.textwidget {
    line-height: 22px !important;
    font-size: 12.5px;
}
#footer .widget h3 {
    font-family: 'futuramedium' !important;
    font-size: 15px !important;
    color: #fff !important
}

#footer #block-2, #footer #block-2 figure {
    margin-bottom: 0
}

/*----------------------------------------
BUTTONS
----------------------------------------*/
.rs-btn-1, .rs-btn-2, .rs-btn-3, .rs-btn-4 {
    font-family: 'futurabold' !important;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;    
} 

/* btn 1 */
body .rs-btn-1 a, body .rs-btn-1 .vc_btn3 {
    background: #012315 !important;
    color: #6afd52 !important;
    border: 0 !important;
    font-size: 18px;
    font-weight: bold !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;

}

body .rs-btn-1 a:hover, body .rs-btn-1 .vc_btn3:hover {
    background: #6afd52 !important;
    color: #012315 !important;
}

/* btn 2 */
body .rs-btn-2, body .rs-btn-2 a, body .rs-btn-2 .vc_btn3, .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern {
    background:#6afd51 !important;
    color:#042012 !important;
    border: 0 !important;
    font-size: 16px;
    font-weight: bold !important;
    padding: 10px 30px !important;
    border-radius: 50px !important;
}

body .rs-btn-2:hover, body .rs-btn-2 a:hover, body .rs-btn-2 .vc_btn3:hover, .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:hover {
    background:#021f15 !important;
    color:#6afd51 !important;
    border-radius: 30px !important;
}

.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern {
    border-radius: 10px !important
}

#footer .rs-btn-2 {
    border: 1px solid #021f15 !important;
    color: #011f15 !important
}

#footer .rs-btn-2:hover {
    background:#021f15 !important;
    color:#6afd51 !important;
    border-color: #6afd51 !important;
    border-radius: 30px !important;
}

/* btn 3 */
body .rs-btn-3{

}
body .rs-btn-4{

}

#top .rcb-show {
    background: #60fb48;
    color: #011f15;
    border-radius: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    padding: 11px 35px;
}


/*WP BAKERY OVERRIDES*/
.vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern {

}

/*----------------------------------------
TESTIMONIALS
----------------------------------------*/
/*-- freelancers --*/
#eapps-testimonials-slider-2 .eapps-testimonials-slider-page-item-rating-item {
    display: none !important;
}

#eapps-testimonials-slider-2 {

}
#eapps-testimonials-slider-2 .eapps-testimonials-slider-page-item-author-picture-container {

}

/*----------------------------------------
SIGNUP PAGE
----------------------------------------*/
.signup-form {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 10px #b5b5b5;    
    padding: 15px 0 0 0 !important
}

.signup-form #register input[type='text'], 
.signup-form #register input[type='tel'], 
.signup-form #register input[type='email'] {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.signup-form #register .button {
    width: 100%;
    margin: 0;
    border-radius: 0;    
    background: #1db1d6;
    background: -moz-linear-gradient(left,  #1db1d6 0%, #b3d043 100%);
    background: -webkit-linear-gradient(left,  #1db1d6 0%,#b3d043 100%);
    background: linear-gradient(to right,  #1db1d6 0%,#b3d043 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db1d6', endColorstr='#b3d043',GradientType=1 );
    border: none !important;      
}
/*----------------------------------------
REFERRAL PROGRAM / JOB FAIR
----------------------------------------*/
#referral-program{
    position: fixed;
    bottom: 110px;
    right: 0;
    z-index: 9999;

}

#job-fair{
    position: fixed;
    bottom: 390px;
    right: 0;
    z-index: 9999;
    background: #fff;
    max-width: 320px;
}

#minimize-jf {
    position: absolute;
    right: 10px;    
}

#referral-program #minimize {
    position: absolute;
    right: 10px;    
}

#closerp, #closejf {
    cursor: pointer;

    margin-top: 5px;
    display: block;
    /* padding: 1px 8px; */
    width: 28px;
    height: 28px;
    border-radius: 20px;
    font-weight: bold;

    line-height: 24px;
    font-size: 21px;
    text-align: center;
    position: absolute;
    top: -50px;
    right: -3px;
}

@media screen and (max-width: 400px){
    #job-fair, #referral-program img {
        max-width: 200px !important;
    }
    #job-fair {
        bottom: 303px;
    }
}

/*----------------------------------------
TIDIO CHAT
----------------------------------------*/
#tidio-chat-iframe {
	width: 450px !important;
}

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

    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important
    }
 

}    


@media only screen and (min-width: 767px) {
    .mobile-only {
        display: none !important;
    }
    .desktop-only {
        display: block !important
    }    
}

/*----------------------------------------
SWEET ALERT
----------------------------------------*/
.swal2-container.swal2-backdrop-show {
    background: rgba(0,0,0,.7) !important;
    z-index: 9999 !important;
}
.swal2-content {
    font-size: 18px !important;
}

/*----------------------------------------
TEMPLATE OVERRIDES
----------------------------------------*/
footer .container .columns {
    margin-left:0 !important;
}

@media screen and (max-width: 400px){
    .wpb_wrapper {
        padding-right:0 ;
        padding-left: 0;
    }   

    .owl-next {
        right:-10px;
    }     
    .owl-prev {
        left: -10px;
    }    
}