/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.27.1484213626
Updated: 2017-01-12 09:33:46

*/
@import url('../Divi/style.css');
/* Global */
body{
  background: #FFF url(images/wavecut.png) top left repeat;
  font-family: 'Helvetica Neue', Helvetica;
}


.mobile_menu_bar .mobile_menu_bar_toggle{
    z-index: 10000;
}

h1{
  font-size: 30px !important;
}

h1, h2, h3, h4{
  font-family: 'Marcellus SC', serif !important;
  font-weight: 400 !important;
}

#page-container {
  background: #fff;
  padding: 20px;
}

/* Typography */


/* Header */

#main-header {
  background-color: #003d68 !important;
}

.logo_container {
  float: left;
  width: 50%;
}

.et_header_style_centered #main-header .logo_container {
  height: 145px;
}

#main-header .et_pb_widget {
  float:right;
  width: 50%;
}

#main-header .et_pb_widget .textwidget {
  padding-right: 30px;
  text-align: right;
}

#main-header .social-icons {
  padding-top: 20px;
  font-size:25px;
}

#main-header .social-icons ul li {
  display: inline-block;
  margin: 0 0 0 10px;
}

#main-header .social-icons a {
  color: #fff;
}

#main-header .social-icons span{
  display:none;
}

#main-header .enquiries {
  color: #fff;
  text-align: right;
  padding: 25px 0 0 0;
}

#main-header .enquiries strong {
  font-size: 1.75em;
}


/* Navigation */

.nav li ul {
    width: 280px;
}

#top-menu li li a {
	padding: 6px 0px;	
}



/* Main Menu */
.et_header_style_centered #main-header div#et-top-navigation{
  clear: both;
}

#et-top-navigation {
  background-color: #316a91;
}

.et_header_style_centered #top-menu > li > a {
    padding-bottom:0;
    margin: 15px 0;
}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
  top: 77%;
}

/* Slider */

.slider-caption {
  background-color: rgba(0, 29, 48, 0.8);
  padding: 20px !important;
}

/* Body */
@media only screen and (min-width: 1200px){
.et_pb_section {
    padding: 0px 0 !important;
}
}

/* Footer */

#main-footer {
  background-color: #003e68;
  border-top: 8px solid #507ca0;
}

.pre-footer-icons{
  text-align:center;
}

.pre-footer-icons img{
    margin: 0 auto;
    display: block;
    padding-bottom: 15px;
}

#footer-bottom{
  background-color: #fff;
}

/*CONTACT*/

form.wpcf7-form {
  background-color: #316a91;
  padding: 20px 30px;
  border-radius: 10px;
}

form.wpcf7-form p {
  color: #fff;
}

.wpcf7-recaptcha {
  padding-bottom: 15px;
}

.wpcf7-form-control {
  width: 100%;
}

.wpcf7-form-control.wpcf7-submit {
  padding: 10px 20px;
  border: 1px solid #BBB;
  border-radius: 5px;
  background-color: #fff;
  width: 40%;
}

.wpcf7-response-output.wpcf7-display-none {
  color: #fff !important;
}

.nav li#menu-item-101 ul {
 width:400px!important;
}
.nav li#menu-item-101 ul a {
 width:360px!important;
}


/* Media Queries */
@media screen and (min-width: 981px){

  .et_fullwidth_nav #main-header .container {
        padding: 0;
    }

    .et_pb_section{
      padding: 0;
    }
}


@media (max-width: 980px){
  ul#mobile_menu {
    background-color: #fff !important;
}

#main-header .menu-item a{
  color: #32434f !important;
}

.et_mobile_menu{
  border: none !important;
}

#logo{
  max-height: none !important;
}

.et_pb_row{
  padding: 10px 0;
}

.et_pb_section {
  padding: 0;
}

}

@media (max-width: 700px){

#main-header .et_pb_widget{
  width: 100%;
  padding-bottom: 10px;
}

#main-header .logo_container{
  width: 100%;
  max-height: none !important;
}

#main-header .enquiries {
    padding: 0;
}

  #main-header .social-icons{
    display: none;
  }
}

@media (max-width: 600px){
  .hesperiden.tparrows, .hesperiden.tp-bullets{
    display: none !important;
  }
}

@media (max-width: 550px){
  .copyright,
  .websiteby {
    width:100%;
  }
}

@media (max-width: 500px){
  .slider-caption{
    display: none !important;
  }
}

@media (max-width: 430px) {
  .g-recaptcha {
    transform:scale(0.70);-webkit-transform:scale(0.70);transform-origin:0 0;-webkit-transform-origin:0 0;
  }
}
