/*
 Theme Name:   AccessPress Parallax Child
 Theme URI:    https://wordpress.org/themes/accesspress-parallax/
 Description:  AccessPress Parallax Child Theme
 Author:       orilia
 Author URI:   http://www.orilia.com
 Template:     accesspress-parallax
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, right-sidebar, responsive-layout, accessibility-ready, parallax
 Text Domain:  accesspress-parallax-child
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
  
#masthead {
  border-bottom: 3px solid #fff;
}

.page-header {
  background: #FFF;
  padding: 10px;
  margin-bottom: 30px;
  border-bottom: 3px solid #195aa2;
}

/* NAVIGATION */

#site-logo img {
  width: 220px;
  height: 84px;
}

.main-navigation {
  float: right;
  max-width: 75%;
  margin-top: 21px;
}

/* LINKS */

a {
  color: #195aa2;
}

.top-footer a:hover {
  opacity:0.8;
  text-decoration: none;
}

.main-navigation > ul > li.current a{
  color: #195aa2;
}

.main-navigation li:hover > a {
  color: #195aa2;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
  color: #195aa2;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #195aa2;
}

.bx-wrapper .bx-pager.bx-default-pager a:active, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #195aa2;
}

.slider-caption .caption-title {
  line-height: 42px;
  margin-bottom:10px;
}

.bx-wrapper .bx-pager {
  /*margin-bottom: -25px;*/
}

.slider-caption .caption-description a:hover, .btn:hover{
  background: #195aa2 !important;
  border: 2px solid #195aa2 !important;
  color:#FFF !important;

}

.testimonial-listing .bx-wrapper .bx-controls-direction a:hover {
  background: #195aa2;
  border: 1px solid #195aa2;
  color: #FFF;
}

#go-top a {
  display: block;
  color: #FFF;
  background-color: #195aa2;
}

.portfolio-list .portfolio-overlay span{
  background: #195aa2;
}

.blog-list .blog-excerpt {
  padding: 0 15px 50px;
  border-bottom: 3px solid #195aa2;
  position: relative;
}

.blog-list .blog-excerpt span {
  background: #195aa2;
}

.blog-list .blog-excerpt .posted-date {
  color: #195aa2;
}

#secondary h2.widget-title {
  border-bottom: 1px solid #195aa2;
}

#secondary ul li a:hover{
  text-decoration: none;
  color: #aaa;
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: -0.5px;
}

.main-navigation > ul > li {
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.portfolio-list h3 {
  position: absolute;
  width: 100%;
  padding: 15px 10px;
  bottom: 0;
  left: 0;
  color: #FFF;
  background: url(images/portfolio-text-bg.png) repeat-x top left;
  font-size: 19px;
  line-height: 1.3;
  text-shadow: black 2px 2px 10px;
}

.entry-header h1.entry-title.no-date {
  margin-left: 10px;
  font-size: 40px;
}

.page .entry-header h1.entry-title {
  margin-left: 0;
  font-size: 40px;
}

/* OVERLAYS */
#main-slider .overlay {
  background: url(images/overlay4.png) repeat rgba(0,0,0,0.4);
}

#section-101 .overlay {
  background: url(images/overlay5.png);
}

/* POST LAYOUT */

.entry-thumb .category-portfolio{
  margin: 20px -20px 15px;
  text-align: center;
  height: 300px;
  overflow: hidden;
}

.entry-thumb {
  margin: 20px -20px 15px;
  text-align: center;
}

.entry-thumb img{
  width:100%;
}

/* SIDEBAR */

#secondary ul {
  padding-top: 10px;
}

#secondary ul .sub-menu{
  margin-left:15px;
}

#secondary ul li {
  margin-bottom: 10px;
}

/* FOOTER */
ul.sub-menu {
  margin-left: 15px;
  margin-top: 5px;}

.footer-block .widget, .footer-block .gallery {
  margin-bottom: 40px;
}

/* BODY */

body.custom-background {
  background-color: #f8f8f8;
  background-image: url('http://moljernih.com/main/wp-content/uploads/2015/04/services_bg5.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: 100% auto;
  background-size: cover;
}

/* BODY for HOME */
body.page-id-25 {
  background-color: #f9f9f9;
  background-image: none;
}

/* BODY for CAREER */
body.page-id-15 {
  background-size: cover;
  background-image: url('http://moljernih.com/main/wp-content/uploads/2015/04/career_bg2.jpg');
}

/* BODY for CONTACT */
body.page-id-17 {
  background-size: cover;
  background-image: url('http://moljernih.com/main/wp-content/uploads/2015/04/contact_bg.jpg');
}

/* BODY for COMPANY PROFILE */
body.page-id-6 {
  background-size: cover;
  background-image: url('http://moljernih.com/main/wp-content/uploads/2015/04/company_bg.jpg');
}

/* SECTIONS - POLICY STATEMENTS */

.testimonial-list .testimonial-content {
  font-size: 18px;
  font-style: normal;
  margin-bottom: 30px;
  line-height: 1.4;
  position: relative;
  padding: 0 150px;
  margin-top: 40px;
}

.testimonial-list .testimonial-content:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  font-size: 24px;
  line-height: 1;
  height: 30px;
  font-family: "FontAwesome";
}

.testimonial-list .testimonial-content:after {
  position: absolute;
  right: 30px;
  bottom: 0;
  content: "";
  font-size: 24px;
  line-height: 1;
  height: 30px;
  font-family: "FontAwesome";
}

/* FORM */
#wpcf7-f293-o1{
    width: 70%;
    margin: 0 auto;
}

.parallax-section input[type="text"], 
.parallax-section input[type="email"], 
.parallax-section input[type="url"], 
.parallax-section input[type="password"], 
.parallax-section input[type="search"], 
.parallax-section input[type="tel"], 
.parallax-section textarea{
  width: 100%; 
  margin-bottom: 10px; 
  background: rgba(0,0,0,0.3);
  border: none;
  outline: none;
  padding: 10px;
  font-size: 25px;
  color: #ccc;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 4px;
  box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
  -webkit-transition: box-shadow .5s ease;
  -moz-transition: box-shadow .5s ease;
  -o-transition: box-shadow .5s ease;
  -ms-transition: box-shadow .5s ease;
  transition: box-shadow .5s ease;
}

.parallax-section .wpcf7-form .wpcf7-submit{
    width:100%;
    height:50px;
    margin: 30px auto 0;
    display: block;
    background: rgba(34, 90, 178, 0.7);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
}

.parallax-section .wpcf7-form .wpcf7-submit:hover{
    background: rgba(34, 90, 178, 1);
}

.parallax-section input[type="text"]:focus, 
.parallax-section input[type="email"]:focus, 
.parallax-section input[type="url"]:focus, 
.parallax-section input[type="password"]:focus, 
.parallax-section input[type="search"]:focus, 
.parallax-section input[type="tel"]:focus, 
.parallax-section textarea:focus{ 
  box-shadow: inset 0 -5px 45px rgba(100,100,100,0.5), 0 1px 1px rgba(255,255,255,0.5); 
  color:#ccc;
  background: rgba(0,0,0,0.6);}

/* ALL FORMS */

button, input[type="button"], input[type="reset"], input[type="submit"] {
  width:100%;
  position: relative;
  background: rgba(34, 90, 178, 0.5);
  display: inline-block;
  line-height: 1;
  padding: 12px 20px;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
}

button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: rgba(34, 90, 178, 1);
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
input[type="password"], 
input[type="search"], 
textarea {
  width: 100%;
  padding:10px;
  font-size:25px;
  color:#333;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
textarea:focus {
  color: #777;
}

.parallax-section .wpcf7-form p {
  margin-bottom: 10px;
  font-size: 14px;
  color: #FFFFFF;
}

div.wpcf7-mail-sent-ok {
  border: 0;
  background-color: rgba(148, 186, 59, 0.91);
  padding: 20px;
  margin: 10px 0 40px 0;
  color: #fff;
}

div.wpcf7-mail-sent-ok {
  border: 0;
  background-color: rgba(148, 186, 59, 0.91);
  padding: 20px;
  margin: 10px 0 40px 0;
  color: #fff;
}

body.parallax-on .wpcf7-not-valid-tip {
  font-size: 15px;
  margin-top: -5px;
  color: #DA0909;
}

div.wpcf7-validation-errors{
  border: none;
  background-color: rgba(42, 42, 42, 0.8);
  padding: 20px;
  margin: 10px 0 40px 0;
  color: #fff;
}

div.wpcf7-mail-sent-ng {
  border: none;
  background-color: rgba(42, 42, 42, 0.8);
  padding: 20px;
  margin: 10px 0 40px 0;
  color: #fff;
}

div.entry-content a.btn{
  position: relative;
  border: 2px solid #eee;
  display: inline-block;
  line-height: 1;
  padding: 12px 20px;
  text-decoration: none;
  color: #195aa3;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 20px;
}

/* TABS for DRILLING */

.su-tabs.tab_drilling { background-color: #eee }
  .su-tabs.tab_drilling .su-tabs-nav span { font-size: 22px; 
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.5px;
    line-height: 1.2;
  }
  .su-tabs.tab_drilling .su-tabs-nav span.su-tabs-current { background-color: #fff; }
  .su-tabs.tab_drilling .su-tabs-pane {
    padding: 1em;
    font-size: 16px;
    background-color: #fff;

  }

/* FOOTER */

.top-footer .top-footer-wrap {
  margin: 0 auto;
}

/* MOBILE */

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

  .menu-toggle {
    display: block;
    height: 40px;
    width: 40px;
    background: url(../images/menu-icon.png) no-repeat center #195aa3;
    text-indent: -9999px;
    cursor: pointer;
  }

  .portfolio-list h3 {
  font-size: 16px;
  }

}

@media screen and (max-width: 768px){
  .slider-caption .caption-title {
    font-size: 30px;
    line-height: 33px;
    margin-top: 15px;
  }
}