/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
.btn-pink {
  background-color: #00abbd;
  border-color: #00abbd;
  color: #ffffff;
  border-radius: 0px;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
  background-color: #00abbd;
  border-color: #00abbd;
  color: #ffffff;
}
.btn-pink.disabled:hover,
.btn-pink.disabled:focus,
.btn-pink.disabled:active,
.btn-pink.disabled.active,
.btn-pink[disabled]:hover,
.btn-pink[disabled]:focus,
.btn-pink[disabled]:active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink:hover,
fieldset[disabled] .btn-pink:focus,
fieldset[disabled] .btn-pink:active,
fieldset[disabled] .btn-pink.active {
  background-color: #00abbd;
  border-color: #00abbd;
}
.overallwrapper {
    background:none;
    -webkit-box-shadow:none;
    box-shadow: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #00abbd;
}
body {
    background-image: none;
    padding-top: 20px;
    background-color: #ffffff;
}
.navbar-nav {
    // Remove background color from open dropdown
    > .open > a {
      &,
      &:hover,
      &:focus {
        background-color: #00abbd;
        color: #00abbd;
      }
    }

    @media (max-width: @grid-float-breakpoint-max) {
      // Dropdowns get custom display when collapsed
      .open .dropdown-menu {
        > li > a {
          color: #ffffff;
          &:hover,
          &:focus {
            color: #00abbd;
            background-color: #00abbd;
          }
        }
        > .active > a {
          &,
          &:hover,
          &:focus {
            color: #ffffff;
            background-color: #00abbd;
          }
        }
        > .disabled > a {
          &,
          &:hover,
          &:focus {
            color: #ffffff;
            background-color: #00abbd;
          }
        }
      }
    }
  }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #00abbd;
}
.navbar-default {
    background: #2acadb;
    background: #2e3192;
    border-color: #2e3192;
	border-radius: 0px;
}
.call-ph {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #00abbd;
}
a {
    color: #00abbd;
    text-decoration: none;
}
.home-box {
    border-radius: 0px;
    background: #2e3192;
    border: 1px solid #2e3192;
    min-height: 185px;
    background-color:#2e3192;
}
.home-box img {
    border: 2px solid #ffffff;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    float: left;
    margin-right: 15px;
}
.home-box-heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    border-bottom: 2px solid #00abbd;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 3px;
}
.timetable {
    border-radius: 0px 0px 0px 0px;
    border: 0px solid #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 20px;
    background-color: #e2e2e2;
    color: #000000;
    line-height: 25px;
}
.wrap {
    background: #ffffff;
    margin-bottom: 17px;
    border-radius: 0px;
    border: 1px solid #2e3192;
    padding-bottom: 20px;
    margin-top: 17px;
}
.sidebar h3, .sidebar .h3 {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px solid #2e3192;
}
.page-header {
    padding-bottom: 0px;
    margin: 20px 0 10px;
    border-bottom: 2px solid #2e3192;
}
h1, .h1 {
    font-size: 20px;
    color: #000000;
}
h2, .h2 {
    font-size: 20px;
    color: #000000;
}
h3, .h3 {
    font-size: 20px;
    color: #000000;
}
p {
    margin: 0 0 10px;
    color: #000000;
}
body {
    font-family: "Helvetica Neue", 		Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #ffffff;
}
.booking-box {
    background-color: #ffffff;
    border: 1px solid #2e3192;
    border-radius: 0px;
    min-height: 340px;
    position: relative;
    overflow: hidden;
}
.featured-image img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 0px;
}
.simple .ccchildpage {
    background: none;
    border-radius: 0px;
	border-color: #2e3192;
	border-width: 1px; 
	border-style: solid;
    color: #333;
}
.simple .ccchildpage a {
    color: #00abbd;
    text-decoration: none;
}
.main img {
    border-radius: 0px;
}
h4, .h4 {
    font-size: 20px;
	font-weight: bold;
}
.form-control, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #2e3192;
    border-radius: 0px;
}
.btn-primary, .comment-form input[type="submit"] {
    color: #ffffff;
    background-color: #00abbd;
    border-color: #00abbd;
}
.btn, .comment-form input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .comment-form input[type="submit"]:hover, .comment-form input[type="submit"]:focus, .comment-form input[type="submit"].focus, .comment-form input[type="submit"]:active, .comment-form input[type="submit"].active, .open > .dropdown-toggle.comment-form input[type="submit"] {
    color: #ffffff;
    background-color: #00abbd;
    border-color: #00abbd;
}
#optinforms-form5-name-field {
    color: #000;
    padding: 8px 8px 8px 33px;
    margin: 0 0 10px 0;
    background: url(../images/icon-user-01.png) no-repeat left center #fff;
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#optinforms-form5-email-field {
    color: #000;
    padding: 8px 8px 8px 33px;
    margin: 0 0 10px 0;
    background: url(../images/icon-email-01.png) no-repeat left center #fff;
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#optinforms-form5-button {
    margin: 0;
    color: #fff;
    background-color: #00abbd;
    padding: 6px;
    border: 0;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
}
@media (min-width: 991px)
#menu-primary-navigation > li > ul {
    border-radius: 0px;
    margin-top: -2px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.copyright {
    margin-top: 15px;
    font-size: 12px;
    color: #2e3192;
    margin-bottom: 15px;
}
.breadcrumb_last {
    color: #2e3192;
}
#breadcrumbs a {
    color: #2e3192;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
span.wu-day-current-temp {
	color: #FFF;
}

.wu-day-title small {
	color: #FFF;
}

.wu-current-conditions .wu-day-title {
	text-align: center;
}

.wu-forecast-body .wu-icon {
	width: 50%;
	float: left;
	text-align: center;
}

.wu-wrapper div img, .wu-wrapper table img {
	max-width: 110px;
	float: none;
}

.weather-widget {
	width: 100%;
	text-align: center;
}

.weather-widget img {
	float: none;
	margin: 0;
	width: 170px;
	border: 0;
}

.main img {
	width: 100%;
	max-width: 100%;
}

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
span.wu-day-current-temp {
	color: #FFF;
}

.wu-day-title small {
	color: #FFF;
}

.wu-current-conditions .wu-day-title {
	text-align: center;
}

.wu-forecast-body .wu-icon {
	width: 50%;
	float: left;
	text-align: center;
}

.wu-wrapper div img, .wu-wrapper table img {
	max-width: 110px;
	float: none;
}

.weather-widget {
	width: 100%;
	text-align: center;
}

.weather-widget img {
	float: none;
	margin: 0;
	width: 170px;
	border: 0;
}

.main img {
	width: 100%;
	max-width: 100%;
}