/*********** Talenthire website layout CSS ************/

/* Slices */
.slice { padding-top:6em; padding-bottom:6em; }
.innerSlice { padding:3em; }

/* TYPOGRAPHY */
html { overflow-y: scroll; }
body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, legend { margin:0; font-weight: 300; }
.paralaxText h2 { font-size: 3.21em; font-weight: 800; line-height:1.5em; /*text-transform:uppercase;*/ padding:0.5em 0;}
.paralaxText blockquote { font-size: 3.21em; line-height: 1.5em; margin-bottom:0; font-weight:800; padding-left:0; border:none; text-align:left; text-transform:uppercase; text-align:center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

/* PARALLAX STUFF */
#paralaxSlice5 { background-image:url(../landing_img/paralax-5.jpg); }
#paralaxSlice66 { background: #1ca4d7; }
#paralaxSlice7 { background-image:url(../landing_img/job-requisition-banner.jpg); }
#paralaxSlice8 { background-image:url(../landing_img/job-posts-banner.jpg); }
#paralaxSlice9 { background-image:url(../landing_img/applicants-banner.jpg); }
#paralaxSlice10 { background-image:url(../landing_img/talentbench-banner.jpg); }
#paralaxSlice11 { background-image:url(../landing_img/onboards-banner.jpg); }
#paralaxSlice12 { background-image:url(../landing_img/dashboard-banner.jpg); }
#paralaxSlice13 { background-image:url(../landing_img/leads-banner.jpg);}
#paralaxSlice14 { background-image:url(../landing_img/placement-banner.jpg);}
#paralaxSlice15 { background-image:url(../landing_img/integrations-banner.jpg); }
/*#paralaxSlice16 { background-image:url(../landing_img/pricing-banner.jpg); }
#paralaxSlice17 { background-image:url(../landing_img/contact-banner.jpg); }*/
#paralaxSlice18 { background-image:url(../landing_img/partners-clients-banner.jpg);}
#paralaxSlice19 { background-image:url(../landing_img/product-security.jpg);}
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12, #paralaxSlice13, #paralaxSlice14, #paralaxSlice15, #paralaxSlice16, #paralaxSlice17, #paralaxSlice18, #paralaxSlice19 { width:100%; background-repeat: no-repeat; background-attachment:scroll; background-size: cover; background-position: top center; }
.paralaxText { padding-top:66px; padding-bottom:66px; text-align:center; position: relative; }
.banner-minHight440 { min-height:440px; }
.banner-minHight { min-height:270px; }

/* MEDIA QUERIES */
@media(min-width:1200px) {
#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #homeFullScreen { background-attachment: scroll; background-position: 50% 0;
background-size: cover; }
}
@media (min-width: 1200px) {
#paralaxSlice4 { min-height:500px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 979px) and (max-width: 1200px) {
body #globalWrapper { margin-left:auto; margin-right:auto; width:100%;}
#slidecaption { padding-top: 10%;}
/* parallax */
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11,    #paralaxSlice12 { background-attachment: scroll;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
body #globalWrapper { margin:0 auto; width:100%; }
/* paralax*/
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11, #paralaxSlice12, #paralaxSlice18 { background-attachment:scroll;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
/* paralax*/
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7, #paralaxSlice8, #paralaxSlice9, #paralaxSlice10, #paralaxSlice11,    #paralaxSlice12, #paralaxSlice18 { background-attachment:scroll;}
#paralaxSlice1, #paralaxSlice2, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7 { background-attachment: scroll;}
#paralaxSlice4 .new-design .container .img-responsive{ max-width:500px; width:100%;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.paralaxText { padding:3em 0 1.5em 0;}
}
/* banner height fix */
#paralaxSlice5 .paralaxText { padding-bottom: 80px; padding-top: 80px; }