/*
Theme Name: R&L Manpower
Author: Novage Communications
Author URI: http://novage.com.sg
Description: Theme for R&L Manpower Service website
Version: 1.0
Text Domain: rnlmanpower
*/

html { font: 14px/1.5 "Open Sans", sans-serif; color: #444; }
body { margin: 0; }

h1 { font-size: 2em; line-height: 1.5; }
h3 { font-size: 1.5em; line-height: 1.5; font-weight: 300; }
h4 { font-size: 1.15em; line-height: 1.5; }

input, select, option, textarea { font: 14px/1.5 "Open Sans", sans-serif; color: #444; padding: .5em 1em; border: 1px solid #ccc; border-radius: .5em; width: 100%; background: #fafafa; }
option { padding: 2px 0 2px 2%; border: none; border-radius: 0; }
input, textarea { box-sizing: border-box; }
input[type="submit"] { cursor: pointer; color: #fff; border: none; transition: .2s; }

img { max-width: 100%; height: auto; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr { margin: 3em 0; border: solid #999; border-width: 1px 0 0; }

.text-center { text-align: center; }

.text-cap { text-transform: uppercase; }

.list-1,
  .gallery-1,
  .menu,
  .sub-menu,
  .flexslider .slides,
  .flex-direction-nav,
  #social-bar,
  #lang_sel_list ul { margin: 0; padding: 0; list-style: none; }

.color-crimson,
  a:hover,
  #main-nav a:hover { color: #ed1c24; }

.color-endeavour,
  a,
  h2,
  h3 { color: #2b3990; }

.gradient-gray-1,
  .button-1,
  .sidebar-block .content,
  .home-block .content {
background-image: -moz-linear-gradient(top,  rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .1)), color-stop(100%,rgba(0, 0, 0, .1))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* IE10+ */
background-image: linear-gradient(to bottom,  rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
}

.background-crimson,
  input[type="submit"],
  .button-1,
  .nav-links > span.current { background-color: #ed1c24; }

.background-endeavour,
  input[type="submit"]:hover { background-color: #2b3990; }

.central-column { width: 1180px; margin-left: auto; margin-right: auto; }

.list-1,
  .government-logo-list,
  .partner-list { margin: 0; padding: 0; list-style: none; }
.list-2 > li { margin: 1em 0; }

.government-logo-list { padding-left: 4em; }
.government-logo-list > li { margin-bottom: 2em; }

.partner-list { margin-bottom: 1em; display: flex; align-items: center; flex-wrap: wrap;  }
.partner-list:after { content: ''; display: block; clear: both; }
.partner-list > li { float: left; width: 16.666%; margin-bottom: 1em; }
.partner-list img { display: block; max-width: 80%; max-height: 150px; width: auto; height: auto; margin: 0 auto; }

.gallery-1 { margin-top: .5em; margin-bottom: .5em; }
.gallery-1 > li { display: inline-block; width: 32%; }
.gallery-1.alt > li { width: 22%; margin: 0 1% .8% 0; }

.gallery-2 .wpb_image_grid_ul > li { width: 32%; }

.button-1 { display: inline-block; color: #fff; padding: .7em 1.2em; border-radius: 3px; text-transform: uppercase; border-bottom: 3px solid #780f13; }
.button-1:hover { color: #fff; text-decoration: none; text-shadow: 0 0 3px #fff; }

.table-1 { border-collapse: collapse; }
.table-1 th,
	.table-1 td { padding: .5em 1em; border: 1px solid #999; }
.table-1 thead th { background: #17365d; color: #fff; }
.table-1 tbody th { background: #548dd4; color: rgba(255, 255, 255, .7); }

.flexslider img { display: block; margin: 0 auto; }

.sidebar-block,
  .home-block .wpb_wrapper { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); margin-bottom: 3em; }
.sidebar-block:after { content: ''; display: block; clear: both; }
.sidebar-block .heading,
  .home-block .heading { margin: 0; padding: .5em 16px .5em 16px;  background: url(./images/background-4.jpg) no-repeat; background-size: cover; color: #fff; font-weight: 300; text-transform: uppercase; vertical-align: middle; }
.sidebar-block .content,
  .home-block .content { margin: 0; padding: .5em 16px .5em 16px; border: solid #d9d9d9; border-width: 0 1px 1px; }

.clients_review { margin-bottom: 2em; }
.clients_review:after { content: ''; display: block; clear: both; }
.clients_review > .wp-post-image { float: left; width: 20%; }
.clients_review.has-post-thumbnail > .text { float:  right; width: 78%; }
.clients_review .title { margin: 0; }

.pagination .screen-reader-text { visibility: hidden; height: 0; margin: 0; }
.nav-links { text-align: center; }
.nav-links > * { display: inline-block; width: 2em; line-height: 2em; background: #eee; }
.nav-links > .current { color: #fff; }
.nav-links a:hover { text-decoration: none; }

.wpcf7-form label { display: block; clear: both; margin-bottom: .5em; }
.wpcf7-form .label { float: left; }
.wpcf7-form .wpcf7-form-control-wrap,
  .wpcf7-form .field-container { display: block; margin-bottom: 1em; margin-left: 210px; }
.wpcf7-form .field-container .wpcf7-form-control-wrap { margin: 0; }
.wpcf7-form .field-container .country-code { width: 30%; float: left; }
.wpcf7-form .field-container .phone-number { margin-left: 35%; }

article.job,
  article.post { margin-bottom: 3em; }

.home-block { text-align: center; }
.home-block .heading { font-size: 1.15em; line-height: 1.5; }
.home-block .content { padding-top: 0; padding-bottom: 1em; min-height: 24em; }
.home-block .image { margin: 0 -16px; }

.wpb_single_image .vc_figure { max-width: 100%; }

.margin-top-0 { margin-top: 0; }

#top-bar { color: #fff; background: url(./images/background-1.png) repeat-x center top; background-size: cover; box-shadow: 0 0 4px rgba(0, 0, 0, .7); padding: .2em 0; }
#top-bar:after { content: ''; display: block; clear: both; }
#top-bar a { color: #fff; }

#social-bar { float: left; }
#social-bar li { display: inline-block; margin-right: 20px; padding: 2px 0; position: relative; }
#social-bar .icon { display: inline-block; margin-right: .2em; margin-top: 1px; }
#social-bar .text { display: inline-block; }

#lang_sel_list { float: right; font-size: 1em; padding-top: 1px; }
#lang_sel_list li { display: inline-block; margin-left: 1em; }
#lang_sel_list .lang_sel_sel { font-weight: bold; }
#lang_sel_list a:hover { text-shadow: 0 0 3px #fff; text-decoration: none; }

#site-header:after { content: ''; display: block; clear: both; }
#site-header > div { position: relative; }

#site-title { margin: 10px 0 0; float: left; }
#site-title img { width: 140px; height: auto; }

#main-nav { float: right; }
#main-nav .menu > li { float: left; position: relative; }
#main-nav .menu > li > a { display: block; text-transform: uppercase; line-height: 21px; padding: 45px 1.2em; color: #444; transition: .3s; }
#main-nav a { white-space: nowrap; }
#main-nav a:hover { text-decoration: none; }
#main-nav .menu > li:hover > a,
  #main-nav .menu .current-menu-item > a,
  #main-nav .menu .current-menu-parent > a { color: #fff; background: rgba(237, 28, 36, .9); }

#main-nav .sub-menu { display: none; position: absolute; background: rgba(237, 28, 36, .9); z-index: 1; text-align: left; }
#main-nav li:hover > .sub-menu { display: block; }
#main-nav .sub-menu a { color: #fff; display: block; white-space: nowrap; padding: .6em 1em; }
#main-nav .sub-menu a:hover { text-shadow: 0 0 3px #fff; }

#menu-main-nav-toggler { display: none; cursor: pointer; position: absolute; top: 0; right: 15px; }
#menu-main-nav-toggler:before { font: 30px/40px FontAwesome; content: "\f0c9"; }

#main-banner { margin-bottom: 3em; }
#main-banner .flexslider { position: relative; }
#main-banner .flex-direction-nav a { position: absolute; display: block; height: 70px; overflow: hidden; top: 50%; margin-top: -35px; color: rgba(0,0,0,.5); }
#main-banner .flex-direction-nav a:hover { text-decoration: none; }
#main-banner .flex-direction-nav a:before { display: block; font-family: FontAwesome; font-size: 70px; line-height: 70px; }
#main-banner .flex-prev { left: 10px; }
#main-banner .flex-next { right: 10px; }
#main-banner .flex-prev:before { content: "\f104"; }
#main-banner .flex-next:before { content: "\f105"; }


#page-title { color: #fff; background: url(./images/background-2.jpg) repeat-x center top; text-transform: uppercase; margin: 0 0 1.5em; border-bottom: 1px solid #fff; box-shadow: 0 3px 6px rgba(0,0,0,.5); }
#page-title .central-column { display: block; height: 99px; vertical-align: middle; }
#page-title .central-column:before { content: ''; display: inline-block; height: 99px; vertical-align: middle; }

#body { padding-top: 1em; padding-bottom: 1em; }
#body:after { content: ''; display: block; clear: both; }
#content { float: left; width: 70%; margin-bottom: 2em; }

#sidebar { float: right; width: 28%; }
#sidebar .badge { width: 60%; display: block; margin: 0 auto 2em; }

#content > .subtitle { margin-top: 0; }

#site-footer { color: rgba(255,255,255,.8); background: url(./images/background-3.png); background-size: cover; font-size: .8em; line-height: 1.5; padding: 1em 0; }
#site-footer:after { content: ''; display: block; clear: both; }
#site-footer a { color: rgba(255,255,255,.8); }
#copyright { float: left; }
#design-by { float: left; margin-left: 5px; opacity: .5; }

#resume-form { margin-top: 3em; width: 80%; }

#contact-form .wpcf7-form-control-wrap,
  #contact-form .field-container { margin-left: 130px; margin-bottom: 1em !important; }
#contact-form .field-container .wpcf7-form-control-wrap { margin-left: 0; margin-bottom: 0; }
#contact-form .field-container .phone-number { margin-left: 35% !important; }
#contact-form .message textarea { height: 150px; }


@media ( max-width: 1230px ) {
  .central-column { width: auto; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

  #main-nav > .menu > li > a { padding-left: .5em; padding-right: .5em;  }
}

@media ( max-width: 1100px ) {
	.government-logo-list { padding: 0 1.5em; }

  #main-nav > .menu > li > a { text-transform: none; }
}

@media ( max-width: 950px ) {
  #main-nav > .menu > li > a { font-size: 12px; }
}

@media ( max-width: 900px ) {
  #top-bar { text-align: center; }
  #social-bar { float: none; }
  #lang_sel_list { float: none; }
}

@media ( max-width: 800px ) {
  .sidebar-block .gallery-1 > li { width: 48.5%; }

  #resume-form { width: auto; }
}

@media ( max-width: 780px ) {
  .partner-list > li { width: 25%; }

  #main-nav { text-align: center; float: none; margin-left: 150px; padding: 1.2em 0; }
  #main-nav > .menu > li { display: inline-block; float: none; margin: .2em 0; }
  #main-nav > .menu > li > a { padding: .5em; background-color: #f4f4f4; }

  #site-footer { text-align: center; padding-bottom: 42px; }
  #copyright,
    #design-by { float: none; }
}

@media ( max-width: 600px ) {
  .sidebar-block .gallery-1 > li { width: 100%; }

  .gallery-1.alt > li { width: 31.5%; }
}

@media ( max-width: 500px ) {
  .sidebar-block .gallery-1 > li { width: 32%; }
  
  .partner-list > li { width: 33.333%; }

  #social-bar { display: none; }
  
  #content,
    #sidebar { float: none; width: auto; }

  #sidebar { display: none; }

  #site-title { float: none; text-align: center; }

	#main-nav { margin-left: 0; }
  #menu-main-nav { display: none; }
    .main-nav-on #menu-main-nav { display: block; }
  #main-nav > .menu > li { display: block; }
	#main-nav > .menu > li > a { font-size: 1em; }
	#main-nav .sub-menu > li { border-top: 1px solid #fff; }
	#main-nav .sub-menu > li > a { font-size: .8em; background-color: #e4e4e4; white-space: normal; }
	#main-nav .sub-menu .current-menu-item > a { background: #e4e4e4; color: #ed1c24; }

  #menu-main-nav .sub-menu { display: block; position: static; text-align: center; }
  #menu-main-nav .sub-menu a { background-color: #f4f4f4; color: #444; }
  #menu-main-nav .sub-menu a:hover  { color: #ed1c24; }

  #menu-main-nav-toggler { display: block; }
	
	#page-title { font-size: 1.5em; text-align: center; }
}

@media ( max-width: 400px ) {
    .gallery-1.alt > li { width: 48%; }

  #resume-form .label { display: block; float: none; }
  #resume-form .wpcf7-form-control-wrap,
      #resume-form .field-container { margin-left: 0; }
}