/*
Theme Name: Sea Service Express
Theme URI: https://www.cucode.dk/
Author: Cucode Development IvS
Author URI: https://www.cucode.dk/
Description: Dette tema er udviklet specialt til Sea Service Express
Version: 1.0
Text Domain: seaserviceexpress
*/

a { text-decoration: none; color: #23527c; }

html { margin: 0; }

* {
  margin: 0; 
  padding: 0;
  box-sizing: border-box; 
}

body {
  background: #cbd1dc;
  font-family: 'Open Sans', sans-serif;
}

.page-wrapper {
  max-width: 1120px; 
  margin: auto; 
  background: #fff;
  overflow: hidden; 
}

.top-bar {
  background: #EEBE38;
  padding: 10px;
  text-align: center;
  font-weight: 700; 
}

.masthead { 
  padding: 40px;
  padding-right: 20px; 
  padding-left: 20px;
  overflow: hidden;
  /* Udskift af det øverste billede i toppen */
  background-image: url('/wp-content/uploads/2017/11/sse_top.jpg');
  background-size: cover; 
}

.logo-box {
  width: 50%;
  float:left; 
}

.languages-switcher {
  width: 50%;
  float:left; 
}

.languages-switcher .danish, .languages-switcher .german { 
  float:left; 
}

.languages-switcher .danish { 
  margin-right: 10px; 
}

.languages-wrap { 
  float:right; margin-top: 26px;
}

.topnav { 
  background: #22354c;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

.topnav a { 
  color: #fff;
  padding: 10px;
  display: block;
  text-decoration: none;
  font-weight: 700;
}

.topnav .menu-item {
  float:left;
}
.topnav li { 
  list-style-type: none; 
}

.left-sidebar .menu-item { list-style-type: none; }

/* Left Sidebar CSS */

.left-sidebar {
  width: 0%;
  float:left;
  padding: 20px; 
}

.left-sidebar .box { 
  margin-bottom: 30px;
}

.left-sidebar .box-two, .left-sidebar .box-three, .left-sidebar .box-four { 
  margin-bottom: 30px; 
  background: #c3d1e7; 
  overflow: hidden; 
}

.left-sidebar .box-two h4, .left-sidebar .box-three h4, .left-sidebar .box-four h4 { 
  background-color: #22354c; 
  color: #fff; 
  text-align: center; 
  padding: 5px;
}

.left-sidebar .box-two img, .left-sidebar .box-three img, .left-sidebar .box-four img { 
  width: 100%; 
}

.left-sidebar .box-two p, .left-sidebar .box-three p, .left-sidebar .box-four p  { 
  padding: 15px
}

.left-sidebar .box-three a { 
  padding: 15px; 
  display: block; 
  padding-top: 0; 
}

.left-sidebar .box-four a { 
  padding: 15px; 
  display: block; 
  padding-top: 0; 
}



.left-sidebar .menu-item { 
  padding-bottom: 3px; 
  padding-top: 3px; 
}

.left-sidebar .menu { 
  list-style-type: none; 
}

.left-sidebar .menu-item { 
  font-weight: 700; 
  border-bottom: 1px solid; 
}

.left-sidebar .sub-menu .menu-item {
	border-bottom: 0px solid;
	font-weight: 300;
}

.left-sidebar .menu ul { 
  margin-left: 20px; 
}




.content { width: 100%; 
  float:left; 
  padding: 20px; 
}

.content h1 { font-size: 20px; margin-bottom: 10px; }

.content p { margin-bottom: 10px; }

.content ul { padding-left: 16px; margin-bottom: 20px}

.footer-wrapper { clear: both; max-width: 1120px; margin: auto; background: #fff; padding: 20px; }

.onest-footer { margin-right: -20px; margin-left: -20px; background: #465c85; color: #fff; text-align: center; padding: 20px; }

.onest-footer p { margin: 5px; }

.twost-footer { padding-top: 20px; text-align: center; }

.copyright-section { border-top: 1px solid #ccc; margin-top: 20px; text-align: center; padding-top: 20px; }

.button-box .buttone { background-color: #EEBE38; display: block !important; margin-bottom: 10px; padding: 10px; text-align: center; text-decoration: none; color: #fff; font-weight: 700; border-radius: 2px; box-shadow: 0px 3px 0px #D7AC36 !important; }

.boxes .box-one .wrap { background: #f2f2f2; min-height: 496px; border-radius: 3px}

.boxes .box-one img { width: 100% !important; }

.boxes .wpb_single_image .wpb_wrapper, .boxes .wpb_single_image .vc_single_image-wrapper { width: 100% !important; }

.images-full-width .wpb_wrapper, .images-full-width .vc_single_image-wrapper, .images-full-width img { width: 100% !important; }

.boxes h4 { background: #22354c; text-align: center; padding: 10px; color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.boxes .box-one p { padding: 15px; }

.boxes .box-one a { display: block; padding-top: 0; text-decoration: none; color: #23527c; font-weight: 700;  }

.boxes .box-one ul { margin: 0; padding: 15px; padding-top: 0;  list-style-type: none;}

.boxes .box-one ul a { padding-bottom: 0 !important; }

.boxes .box-one ul > li > a { margin: 0; list-style: none; padding: 0;  padding-bottom: 15px; }

.boxes { margin-left: -5px !important; margin-right: -5px !important; box-sizing: border-box; margin-bottom: 20px; overflow: hidden; clear:both;}

.left-sidebar .box:not(.box-1):not(.box-2) { background: #eebe38; margin-top: 30px;}

.left-sidebar .box h4:not(.box-1):not(.box-2) { background: #cc9c16 !important; padding: 10px; text-align: center; color: #fff; }

.left-sidebar .box table { padding: 15px; font-size: 13px; }

.left-sidebar .box p:not(.box-1):not(.box-2) { padding: 15px; font-size: 13px; }

.welcometable {
 float:left;
 width: 70%;
}

.welcomepic { width: 30%; float:left;}

.topnav .icon {
    display: none;
}

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 820px) {
  .topnav .menu-item:not(:first-child) { display: none; }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 820px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 10px;
    top: 0;
  }
  .topnav.responsive .menu-item{
    float: none;
    display: block;
    text-align: left;
  }
} 


@media screen and (max-width: 1021px) {
  .left-sidebar { width: 100%; display: none !important; }
  .content { width: 100%; }
}

@media screen and (max-width: 800px) {
  .boxes .box-one { width: 50%; }
  .boxes .box-one .wrap { min-height: 530px;}
}

@media screen and (max-width: 500px) {
  .boxes .box-one { width: 100%; }
}

@media screen and (max-width: 500px) { 
  .logo-box { max-width: 300px; float:unset; margin: auto; width: 300px; }
  .languages-switcher { width: 100%; }
  .languages-wrap { max-width: 60px; margin: auto; float: unset; margin-top: 30px; }
  .top-bar p { font-size: 13px;}
  .welcometable, .welcomepic { width: 100%; margin-bottom: 10px; }
}

.left-sidebar .menu-item-has-children a { border-bottom: 1px solid #000 !important; display: block !important; padding-bottom: 3px; margin-bottom: 4px; ;} 

.left-sidebar .menu-item a { color: #000; }

.left-sidebar .sub-menu a { border-bottom: 0px solid #000 !important; display: block !important; margin-bottom: unset;  } 

.wc-bookings-booking-form {
    border: 0px solid #ddd !important;
    padding: 0 !important;
    margin: 0 0 1em !important;
}

.wc-bookings-date-picker .ui-widget-content {
    -moz-box-shadow: 0 0 0px rgba(0,0,0,.19) !important;
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,.19) !important;
    box-shadow: 0 0 0px rgba(0,0,0,.19) !important;
}

.wc-bookings-booking-form fieldset { border: 0 !important; }


table.blue th {
    padding: 5px 0px;
    color: #FFF;
    border-top: solid 1px #cbd1dc;
    border-bottom: solid 1px #cbd1dc;
    background: #22354c;
    font-size: 14px;
    line-height: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0px;
    font-weight: bold;
}

table.blue td:nth-child(2) {
    width: 70px;
    background: #e3eaf4;
    text-align: right;
    padding-right: 10px;
}

table.blue td:nth-child(1) {
    width: 36%;
}

table.blue td:nth-child(2) {
    width: 14%;
}

table.blue td:nth-child(3) {
    width: 14%;
}

table.blue td:nth-child(3) {
    text-align: right;
    padding-right: 10px;
}

table.blue td {
    border-bottom: 1px solid #CCC;
    padding: 5px 0px;
    padding-right: 0px;
}

table.blue {
    border-collapse: collapse;
    font-size: 14px;   
}


.woocommerce-product-gallery { display: none; }

.woocommerce .product .summary { float:left !important; width: 100% !important;}

.woocommerce .product .summary { background: #f2f2f2; padding: 20px; }

.quantity input { background: #fff !important; padding-right: 10px; padding-left: 10px; max-width: 80px !important;}

.woocommerce .quantity .qty { width: 80px !important; } 

.we-icl-import { display: none !important; }

.woo-event-schedu .col-md-6:last-child {
    border-left: 0px solid #EEEEEE !important;
    margin-left: unset !important;
}

.woo-event-schedu .col-md-6:first-child {
    border-right: 0px solid #EEEEEE !important;
}

.we-navigation { display: none !important; }

.variations select { padding: 10px; }

.variations td { width: 50%; }

.variations select { width: 100%; }

.variations .reset_variations { display: none !important; }

.tt-image, .tt-price { display: none !important; }

.sku_wrapper { display: none; }

.woocommerce-variation-price { display: block !important; }

.variations td { padding-bottom: 10px !important; overflow: hidden; }

.woocommerce form .form-row {
    padding: 0px !important;
}

.thwepo-extra-options { margin-bottom: 20px !important;}

.alert.alert-warning.calendar-info { display: none !important; }

.wc-item-meta { padding: 0 !important; margin: 0 !important; }

.woocommerce-checkout #payment ul.payment_methods {
 margin-bottom: 20px !important;
 padding-bottom: 15px !important;
}

#place_order { float:right !important; } 

#wc-print-button { background: #EEBE38 !important; padding: 10px !important; margin-bottom: 20px !important; display:block; width: 164px; text-align: center; color: #fff; font-weight: 700; font-family: Open Sans; }

.woocommerce-customer-details address { padding: 20px !important; margin-top: 15px}

.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea, .wpcf7-submit { max-width: 505px !important; padding: 10px; width: 100% !important; }

.wpcf7-submit { background: #EEBE38; color: #fff; border: none; border-radius: 3px; text-transform: uppercase; font-weight: 700; font-family: Open Sans; }

.wpcf7-list-item.first { margin: 0; }

.xlwcty_wrap.xlwcty_circle_show .xlwcty_in_wrap {
    padding-left: 0px !important;
}

.xlwcty_wrap .xlwcty_Box {
    margin-bottom: 20px !important;
    padding: 0px !important;
}

.xlwcty_wrap {
    max-width: unset !important; 
}

.xlwcty_wrap .xlwcty_order_details_2_col .xlwcty_pro_list .xlwcty_leftDiv {
    width: 70% !important;
    float: left !important;
    padding: 10px 10px 15px 0px !important;
}

.xlwcty_wrap .xlwcty_order_details_2_col table tfoot tr th {
    width: 70% !important;
    text-align: left !important;
    padding: 10px 10px 15px 0px !important;
}

.xlwcty_wrap .xlwcty_order_details_2_col table tfoot tr td {
    width: 30% !important;
    text-align: right !important;
    padding: 10px 0px 15px 0px !important;
}

.xlwcty_wrap .xlwcty_order_details_2_col .xlwcty_pro_list .xlwcty_rightDiv {
    text-align: right !important;
    width: 30% !important;
    float: left !important;
    padding: 10px 0px 15px 10px !important;
}

.menu-social-media { float:right !important; }

.value.above { margin-bottom: 20px}

.variation-FullservicePakke span { display: unset !important; }

.woocommerce-cart table.cart td.actions .coupon .input-text { width: unset !important; }

.woocommerce-error li { margin-left: 30px !important; }
.woocommerce .woocommerce-error li { margin-left: 30px !important; }

@media screen and (max-width: 500px) {
  .languages-wrap { max-width: 165px; }
}

.woocommerce-message { display: none; }