/* Theme Name:   Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Wise by Design & Elegant Themes
 Author URI:     http://wisebydesign.co.uk, http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("style.css");
 
/* WxD Customisation
------------------------------------------------------- */
#main-header .nav li ul a {
	color: #1e73be !important;
}

#top-menu li li a {
    width: 240px;
    padding: 6px;
}

#top-menu li li {
  font-weight: 400;
}

.nav li ul {
	width: 270px;
}

.et_pb_widget li a:hover {
    color: #006699;
}

.post-meta {
	display: none;
}

.et_pb_fullwidth_header_0.et_pb_fullwidth_header {
  height:520px;
}

blockquote {
    border-color: #44c7f4;
}

.et_pb_post .entry-content {
    padding-top: 12px;
}

#et_pb_widget_area_5 {
	padding-bottom: 28px;
	float: left;
	width: 20.875%;
	padding-left: 30px;
}

#et_pb_widget_area_5 .et_pb_widget {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}

/* Contact Form Module */
form {
    display: block;
    margin-top: 0em;
}

.form-group {
    margin-bottom: 15px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.checkbox label {
	font-weight: 400;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input {
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    text-rendering: auto;
	letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
	text-align: start;
}

textarea.form-control {
    height: auto;
	overflow: auto;
	-webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 2px;
}

.form-control:focus,
input[type=text]:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
  padding-left: 6px;
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  color: #999;
  padding-left: 6px;
  font-style: italic;
}
.form-control::-webkit-input-placeholder {
  color: #999;
  padding-left: 6px;
  font-style: italic;
}

.wpcf7-submit {
	position: relative;
    padding: 0.3em 1em;
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	color: #d21439;
	
}
.wpcf7-submit:hover {
	padding: 0.3em 1em;
}

/* validation states */


.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.wpcf7-validation-errors ,
.alert-warning {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.et_pb_scroll_top.et-pb-icon {
  background: rgba(91, 112, 132, 0.67);
}

/* Yacht Search Listing ------------------------------------------------------------------------- */
.single-item {
  clear:both;
}

.single-item hr {
    border-top: 1px #97AEBE;
}


/* Search & Filter */

.searchandfilter ul {
  padding: 0 !important;
  /*position: relative;*/
}
.searchandfilter > ul > li {
  display:inline-block !important;
  padding-right: 24px;
}

.searchandfilter .chosen-container-multi .chosen-choices {
    display: block;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    padding: 0 0.65em;
    font-size: 13px;
    line-height: normal;
    color: #555;
    background-color: #fff;
    
} 
.searchandfilter input.default {
border-color: rgba(0,0,0,0.3);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.2);
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
    transition: border linear 0.2s,box-shadow linear 0.2s;
}

.searchandfilter li.sf-field-category {
    width: 100% !important;
}

.searchandfilter select.sf-input-select {
    width: 100%;
}

.et_pb_widget a {
  color: #d21439;
}

.et_pb_widget a:hover {
  color: #006699;
}

.et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(n+2):nth-child(-n+3) .fwidget {
    margin-bottom: 10%;
}

#footer-widgets #simple-social-icons-2 li:before  {
  content: none !important;
} 

/* Bareboat Styling ----------------------------------------------------------------------------- */

table {
  font-size: 12px;  
}

.bareboat-type {
  width: 180px !important;
}

.bareboat-cabins {
  width: 180px !important;
}


/* Single Yacht Styling ------------------------------------------------------------------------- */

/* Gallery */ 

.single-yacht .et_gallery_item {
    width: 32.353%;
    margin: 0 1.47% 1.47% 0;
}

.single-yacht .et_gallery_item:nth-child(3n) {
    margin-right: 0;
  }

/* At a Glance Box*/ 

#wxd-boxout {
  background-color: #e0e9ec;
  color: #006699;
  font-size: 18px;
  padding: 16px;
}

#wxd-boxout label {
  font-size: 18px;
  font-weight: 600;
}

#wxd-boxout ul {
  list-style-type: none;
  padding: 0;
}

#wxd-boxout ul li {
  display: inline;
  padding-right: 30px;
}

/* Accordion */

.single-yacht button.accordion {
    background-color: #e0e9ec;
    color: #006699;
    cursor: pointer;
    padding: 6px 10px 6px 18px;
    margin-bottom: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 300;
    font-size: 24px;
}

.single-yacht button.accordion.active, button.accordion:hover {
    background-color: #97AEBE;
    color: #fff;
}

.single-yacht button.accordion:after {
    content: '\02795';
    font-size: 12px;
    color: #006699;
    float: right;
    margin: 8px 5px;
}

.single-yacht button.accordion.active:after {
    content: "\2796";
}

.single-yacht div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

.single-yacht div.panel.show {
    opacity: 1;
    max-height: 2000px; 
} 

.single-yacht hr {
  border-top: 1px #97AEBE;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
  margin-left: 0;
  padding-left: 0;
}

#table_1_filter,
#table_1_info {
  display: none;
}

#latest-news {
	padding: 0;
}
/* Responsive Tweaks -------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  #top-menu li a {
    font-size: 13px;
  }

  .container {
    width: 96%;
  }
}

@media all and (max-width: 980px) {

	#et_pb_widget_area_5 {
		width: 100% !important;
		float: none;
		padding-right: 0;
		padding-left: 0;
	}

    #wxd-boxout ul li {
    display: block;
    padding-right: 0px;
  }

}