/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
/* COLOURS | Blue #2EA3F2 |   */
/* SLIDER CSS */

/* Timetable button */
.btn-tt {
    background: transparent none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 3px;
    color: #2ea3f2;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7em !important;
    padding: 0.1em 1em;
    transition: all 0.2s ease 0s;
}

.btn-tt:hover {
   background: #2ea3f2;
   color: #ffffff;
}
/* END Timetable button */
/* Hover color menu */
#top-menu a:hover {
 color:#B0103D!important;
}

/* WOOCOMMERCE STYLING */
/* Problem with table behind header */
.woocommerce table.shop_table {
    margin-top: 91px!important;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    margin-top: 64px;
}

.wc_bookings_field_persons_2023 {
  display:none;
}
/* Remove spacing */ 
.wc-bookings-booking-form .form-field {
    margin: 0;
}
#wc-bookings-booking-form p {
    padding-bottom: 0;
    font-size: 14px !important;
    color: #52b9fe!important;
}
/* END Remove spacing */ 

body {
    color: #444;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    min-width: 600px;
}
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th {
    max-width: 100%;
}
/*  END WOOCOMMERCE STYLING */
.et_pb_toggle_close {
     border: 1px solid;
}
.et_pb_toggle_open {
     border: 1px solid;
}
/* Home page list */
.home-ul {
    background-color: #09c !important;
    border: 5px solid #82c1d6;
    border-radius: 5px;
    color: white;
    font-size: 0.9em;
    font-style: italic;
    margin: 0 30px!important;
    padding:30px 30px 15px 30px !important;
}

/* Slider text CSS */
.fw-slider {
  padding-top :143px!important;
}

.fw-slider h1,
.header-txt h1 {
   font-size:60px;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   display: inline-block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 0px;
   padding-bottom: 10px;  
}
.fw-slider h2 {
  font-size: 60px!important;
}
.fw-slider p {
  font-size: 30px!important;
}
.slider-text {
     margin-top: 142px;
    padding-top: 59px !important;
}


.et_pb_slide_title {
    background-color: rgba(0,0,0,0.4);
    border-radius:4px;
    font-size: 60px;
    font-weight: 100 !important;
    line-height: 68px;
    padding: 0 10px;
    display: inline-block;
    margin-bottom:20px;
}

.et_pb_slide_content p {
    background-color: rgba(0,0,0,0.4);
    border-radius:4px;
    margin-top: 20px;
    font-weight: 100;
    font-size: 20px;
	padding: 6px 12px !important;    
	display:inline-block;
}

.testimonial {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
width: 100% !important;
}

/* Logo width CSS */

#logo {
  max-width: 30%;
  min-width:120px;
}


/* toggle-border color CSS*/

et_pb_toggle{
border:1px solid #2d99cc;
}

/* Contact Us Link Hover CSS */

div#contact-info a:hover {
    color: #f00 !important;   
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* Footer Link Hover CSS */

.footer-widget .textwidget a:hover
{  
    color: #52B9FE !important;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}



/* MEDIA QUERIES */
@media screen and (max-width: 1164px) {
#top-menu li a {
    font-size: 14px!important;
}
}

@media screen and (max-width: 1103px) {
#et-secondary-menu li, #top-menu li {
    padding-right: 16px !important;
}
}
@media screen and (max-width: 1095px) {
#top-menu li a {
    font-size: 14px!important;
}
.woocommerce table.shop_table {
    margin-top: 158px!important;
}
}
@media screen and (max-width: 1070px) {
#top-menu li a {
    font-size: 13px!important;
}
}

@media screen and (max-width: 1024px) {
#logo {
    max-width: 21%!important;
}
#top-menu li a {
    font-size: 13px !important;
}
#et-secondary-menu li, #top-menu li {
    padding-right: 14px !important;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    margin-top: 83px;
}
}

@media screen and (max-width: 768px) {
.et_mobile_menu li a {
  padding-top: 1px!important;
  padding-bottom: 1px!important;
}
/* Home page CTA boxes padding */
#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
  padding-bottom:0;
}
#logo {
    max-height: 100%!important;
}
@media screen and (max-width: 767px) {
.et_pb_slide_description .et_pb_slide_title {
    font-size: 36px !important;
}
.fw-slider p {
    font-size: 22px!important;
}
/* SLider padding top
.et_pb_section.et_pb_section_first {
    padding-top: 0!important;
}
 */
}
@media screen and (max-width: 600px) {
body {
    min-width: 280px;
}
}


@media screen and (max-width: 480px) {
.btn-tt {
    font-size: 14px;
}
}


@media screen and (max-width: 360px) {
/* coupon buttons section to fit */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-size: 16px!important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 134px!important;
}
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce #content .quantity input.qty,
.woocommerce-page #content .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text {
    font-size: 17px !important;
    height: 41px!important;
}
/* ENDcoupon buttons section to fit */
}