/*!
Theme Name: blueamber
Theme URI: http://underscores.me/
Author: Nurun
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blueamber
Tags:

*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500');


/*
FONTS
*/


@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'luxia';
    src: url('assets/fonts/luxia-display.woff2') format('woff2'),
    url('assets/fonts/luxia-display.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
}


html {
    margin-top: 0 !important;
}

.wrapper {
    width: 100%
}

.container {
    width: 90% !important;
    max-width: 980px !important;
}

.row {
    width: 100%
}

#navigation{
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
}

/* ALL FONTS */

body {
    font-family: 'Montserrat', sans-serif;
    color: #333333;
    font-size: 16px;
    margin: 0;
    line-height: 24px;
}

footer {
    color: #3B6B8E !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'luxia';
    font-weight: normal;
}

h1 {
    font-size: 74px
}

h1 .smaller {
    font-size: 54px
}

h2 {
    font-size: 42px;
    line-height: 52px;
}

h3 {
    font-size: 34px;
    line-height: 52px;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
}

h1 .heading {
    text-align: center;
    color: #3B6B8E;
    width: 100%;
}

#holder img {
    display: block;
    width: 100%;
}

.social img {
    display: block;
    width: auto !important;
    padding: 2em 0.2em;
}

.right {
    float: right !important;
    text-align: right;
}

.left {
    float: left !important;
    text-align: left;
}

.center {
    text-align: center
}

.thumbnailholder {
    width: 100%;
    float: left
}

.thumbnailholder .col-l-3 {
    float: left
}

.thumbnailholder .col-l-3 p {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.thumbnailholder .col-l-3 a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: none;
}

#wrapper {
    width: 100%
}

.row {
    width: 100%
}

/* ALL FONTS */

footer {
    color: #3B6B8E !important;
}

h1 .heading {
    text-align: center;
    color: #3B6B8E;
    width: 100%;
}

#holder img {
    display: block;
    width: 100%;
}

.social img {
    display: block;
    width: auto !important;
    padding: 2em 0.2em;
}

.right {
    float: right !important;
    text-align: right;
}

.left {
    float: left !important;
    text-align: left;
}

.center {
    text-align: center
}

.thumbnailholder {
    width: 100%;
    float: left
}

.thumbnailholder .col-3 {
    float: left
}

.thumbnailholder .col-3 p {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

.thumbnailholder .col-3 a {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: none;
}

.aboutbanner_overlay {
    background: rgba(20, 142, 169, 0.3);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

.heading {
    color: #148EA9;
    text-transform: uppercase;
    margin-top: 2em
}

/* NAVBAR*/

nav {
    background-color: #fff;
    overflow: auto;
    font-size: 10px;
    text-align: center;
    margin: 0 auto;
    z-index: 3;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 4.7em;
    overflow: hidden;

}

#navigation ul li.mega-main-logo a {
    width: 37px !important;
    background: none;
}

nav ul.menu li a {
    float: left;
    display: block;
    color: #333333;
    text-decoration: none;
    padding: 0 1.5em;
    height: 5em;
    line-height: 5em;
}

nav ul.menu li a:hover {
    color: #cccccc;
}

nav ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}

nav ul.menu li {
    float: left;
}

nav ul.sub-menu {
    display: none;
    /*width: 100px;*/
}


nav ul.sub-menu li {
    display: block;
}

.logo {
    display: block;
    padding-top: 0.7em;
}

#textoverlay_home {
    text-align: center;
    position: absolute;
    bottom: 10vh;
    width: 100%;
    margin: 0 auto;
}

#textoverlay_home h1 {
    color: #ffffff;
    font-size: 72px;
    text-transform: uppercase;
    line-height: 82px;
    margin-bottom: 10px;
    font-weight: normal;
}

#textoverlay_home p {
    color: #fff;
    font-size: 14px;
}



.mainimage_home {
    width: 100vw;
    height: 78vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

/* HOMEPAGE THUMBNAILS */

.thumboverlay {
    background-image: url("assets/images/thumboverlay.png");
    width: 100%;
    height: 22.5vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

.thumb{
    float: left;
    margin: 0;
    height: 22vh;
    width: 100vh;
    transition: all .3s ease-in-out;
    background-size: 100% !important;
    background-position: center !important;
}

.partners {
    width:30%;
    float: left;
    margin-left: 2%;
}
.thumb:hover{
    background-size: 120% !important;
    position: relative;
    background-position: center !important;
}

.scroller{
    float: left;
    margin: 0;
    height: 500px;
    width: 100vh;
    transition: all .3s ease-in-out;
    background-size: 100% !important;
    background-position: center !important;
}
#simplr-form input[type=submit] {
    border: 1px solid #148EA9 !important;
    color: #148EA9 !important;
    background-color: white !important;
    padding: 1px 25px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border-radius: 0px;
    display: block;
    -webkit-box-shadow: 0px !important;
    box-shadow:0px !important;
}

input{
    border: 1px solid #148EA9 !important;
    background-color: white !important;
    padding: 1px 25px !important;;
    font-size: 12px !important;;
    text-decoration: none !important;;
    border-radius: 0px !important;;
    display: block !important;;
    -webkit-box-shadow: 0px !important;
    box-shadow:0px !important;
    text-align: left !important;
}

.button-primary  {
    border: 1px solid #148EA9 !important;
    color: #148EA9  !important;
    background-color: white !important;
    padding: 1px 25px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border-radius: 0px;
    display: block;
    -webkit-box-shadow: 0px !important;
    box-shadow:0px !important;
}

.simplr-message{
    width:100%
}

.input {
    border: 1px solid #148EA9 !important;
    background-color: white !important;
    padding: 1px 25px !important;;
    font-size: 12px !important;;
    text-decoration: none !important;;
    border-radius: 0px !important;;
    display: block !important;;
    -webkit-box-shadow: 0px !important;
    box-shadow:0px !important;
    text-align: left !important;
}


.content a {
    border: 1px solid #148EA9;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 12px;
    text-decoration: none;
}

button {
    border: 1px solid #148EA9;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    text-transform: uppercase;
    margin-top: 2em;
    font-size: 1em;
    text-decoration: none;
}

.bannertext a{
    border: 1px solid #148EA9;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: 1em;
    text-decoration: none;
    position: initial !important;
    margin: auto;
}

.partneroverlay a {
    border: 1px solid #148EA9;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 1em;
    text-decoration: none;
    position: absolute;
    bottom: 7%;
    left: 0 !IMPORTANT;
    right: 0 !important;
    width: 50%;
    margin: 0 auto;
}
}

.down {
    color: #fff;
    font-size: 0.6em;
}

/* CONTENT BLOCKS */

#holder {
    padding: 5em 0;
    float: left;
    width: 100%;
}

.nopadding {
    padding: 0 !important;
}

.nopaddingimg {
    padding: 0 !important;
}

/* SECTION BG COLOURS */

.beige {
    background-color: #F7F3EF;
}

.brown {
    background-color: #F3F5F5;
}

.darkbrown_footer {
    background-color: #3B6B8E;
    color: #ffffff;
}

.darkbrown_footer a {
    color: #ffffff;
    float: right;
    height: 3em;
}

.white {
    background-color: #ffffff;
}

.darkblue {
    background-color: #3B6B8E;
    color: #fff;
    font-size: 9px;
}

.darkblue a {
    background-color: #3B6B8E;
    color: #fff;
    font-size: 9px;
    text-decoration: none;
}

.darkblue ul {
    float: right;
}

.darkblue li {
    list-style: none;
    float: left;
    padding: 2em;
    border-right: 1px solid #517C9B;
}

.blue{
    color: #3B6B8E;
}

.grey {
    background-color: #F3F5F5;
}

/* CONTAINERS */

header, footer, section {
    float: left;
    width: 100%;
    clear: both
}

.col-6 {
    float: left;
}

/* TABS */

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #148EA9;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #148EA9;
    text-transform: uppercase;
}

li::before {
    display: none;
}

ul.tabs li.current {
    background: #148EA9;
    color: #fff;
}

.tab-content {
    display: none;
    padding: 15px;
}

.tab-content.current {
    display: inherit;
}

.leafhome {
    background-image: url("/wp-content/themes/blueamber/assets/images/leaf.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
}

.leaffooter {
    background: url('/wp-content/themes/blueamber/assets/images/leaffooter.png') no-repeat;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right bottom;
}

.leafright {
    background-image: url("/wp-content/themes/blueamber/assets/images/leafright.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

.leafleft {
    background-image: url("/wp-content/themes/blueamber/assets/images/leafleft.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
}

.aboutbanner {
    background-image: url("assets/images/aboutbanner.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    width: 100vw;
}

.heading {
    color: #148EA9;
    text-transform: uppercase;
    margin-top: 2em
}

/* NAVBAR*/

.logo {
    display: block;
    padding-top: 0.7em;
}

#textoverlay {
    position: absolute;
    bottom: 0px;
    width: 35%;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0px 10%;
    background-color: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(2em);
    backdrop-filter: blur(2em);
    color:#ffffff;


}

#textoverlay h1 {
    color: #ffffff;
    font-size: 54px;
    line-height: 54px;
    text-transform: uppercase;

}


#textoverlay p {
    color: rgba(255, 255, 255);
    font-size: 1.2em;
    margin: 2em 0 0.2em;
}

/* Destination MAIN IMAGE */

.reservelink {
    width: 46%;
    margin: 0 auto;
    text-align: center;
    padding: 2% 0;
    background-color: #ffffff;
    z-index: 9999999999999;
}

.imageoverlay {
    background-image: url("/wp-content/uploads/2018/08/overlay.png");
    width: 100vw;
    height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
}

.imageoverlay_home {
    background-image: url("/wp-content/themes/blueamber/assets/images/overlay.png");
    width: 100vw;
    height: 78vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    top: 0;
}

/* HOMEPAGE THUMBNAILS */

.thumboverlay {
    background-image: url("assets/images/thumboverlay.png");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.partneroverlay {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 230px;
    position: absolute;
    bottom:0;
    z-index: 2;
    text-align: center;
    overflow: hidden;
}

.partneroverlay h3{
    text-align: center;
}


.wpcf7-submit {
    border: 1px solid #148EA9 !important;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 70px;
    text-transform: uppercase;
    margin: 0px;
    font-size: 1em;
    margin-top: 2em;
}

input {
    color: #333;
    background-color: #ffffff;
    border-radius: 0px;
    margin: 0px;
    margin-top: 0px;
    font-size: 1em;
    margin-top: 2em;
    border: none;
}

.down {
    color: #fff;
    font-size: 0.6em;
}

/* CONTENT BLOCKS */

#holder {
    padding: 5em 0;
    float: left;
    width: 100%;
}

.nopadding {
    padding: 0 !important;
}

.nopaddingimg {
    padding: 0 !important;
}

/* SECTION BG COLOURS */

.beige {
    background-color: #F7F3EF;
}

.brown {
    background-color: #F3F5F5;
}

.darkbrown_footer {
    background-color: #3B6B8E;
    color: #ffffff;
}

.darkbrown_footer a {
    color: #ffffff;
    float: right;
    height: 3em;
}

.white {
    background-color: #ffffff;
}

.lightblue {
    background-color: #76BCCE;
}

.grey {
    background-color: #F3F5F5;
}

/* CONTAINERS */

header, footer, section {
    float: left;
    width: 100%;
    clear: both
}

.container {
    display: flex;
    align-items: center;
    padding: 40px 0;
}

.nopad {
    padding: 0;
}

.col-6 {
    float: left;
}

/* TABS */

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: none;
    color: #148EA9;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #148EA9;
    text-transform: uppercase;
}

li::before {
    display: none;
}

ul.tabs li.current {
    background: #148EA9;
    color: #fff;
}

.tab-content {
    display: none;
    padding: 15px;
}

.tab-content.current {
    display: inherit;
}

.content h1, h2, h3, h4, h5 {
    text-align: center;
    color: #3B6B8E;
    font-weight: normal;
}

.image {
    padding: 2%;
}

.image img{
    width:100% !important;
    height: auto !important;
}

.col-l-6 {
    float: left;
}

.banner {
    height: 400px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    background-color: rgba(20, 142, 169, 0.6);
    width: 100%;
    margin-bottom: 10px;

}

.bannertext {
    color: rgb(255, 255, 255);
    opacity: 1;
    width: 70%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bannertext h2 {
    font-size: 54px;
    line-height: 70px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin: 0;
}

.bannertext p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
}

footer .content h1, h2, h3, h4, h5 {
    text-align: left;
}

footer .content p {
    font-size: 14px;
    line-height: 20px;
}

.homethumbcopy {
    color: #ffffff !important;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.master-logo {
    background-image: url("/wp-content/themes/blueamber/assets/images/logo.png") !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    width: 36px !important;
}

.master-logo a:hover {
    background-image: url("/wp-content/themes/blueamber/assets/images/logo.png") !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    width: 36px !important;
}


ul.action-menu {
    position:absolute;
    top: 0;
    right: 0;
    width: 185px;
    margin: 0;
}

ul.action-menu li {
    list-style: none;
    float: left;
}
.contactnav a {
    background-color: #BFBEA1;
    color: #fff !important;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 10px;
    display: block;
}

header{
    height: 40px !important;
    }

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-item.master-logo > a.mega-menu-link {
    background:none;
}



/*Weather*/

/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
"http://s1.picswalls.com/wallpapers/2014/08/01/holland-desktop-background_010544578_139.jpg"
*/


#weather {
    margin: 0;
    margin-left:-30px;
    text-align: left;
    text-transform: uppercase;
    padding-top: 15px;
}

i {
    color: #3B6B8E;
    font-family: weather;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

#weather h2 {
    margin: 0 0 8px;
    font-size: 3em;
    font-weight: 300;
    text-align: left;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
    margin: 0;
    padding: 0;
}

#weather li {
    background: #fff;
    background: rgba(255,255,255,0.90);
    padding: 20px;
    display: inline-block;
    border-radius: 5px;
}

#weather .currently {
    margin: 0 20px;
}

button {

    margin: 15px auto;
    width: 140px;
    padding: 5px;
    border: 0;
    border-radius: 5px;
}

footer{
    right: 0;
    bottom: 0;
    left: 0;

}

.widget_media_image{
    float: left;
    margin-right: 0.1em;
}

.post-box{ padding: 2%;
    min-height: 400px}

.post-box p{ color: #3B6B8E;}

.post-box a{
    text-decoration: none;
    color: #333333;
}

.post-box .content a {
    border: 1px solid #148EA9;
    color: #148EA9 !important;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    z-index: 999999999999;
    position: absolute;
}

.post-box img{
    width:100%;}

blockquote{
    font-size: 1.5em;
    width: 20%;
    border-bottom: 5px solid #148EA9;
    color: #148EA9;
    padding-bottom: 2%;
    float: left;
    line-height: 1.25em;
}

.blog_single p.date {
    text-transform: uppercase;
}

.reserveform{
    width: 80%;
    margin: auto 0;
}

.reserveform p{
    width: 30%;
    float: left;
    padding-left: 2%;
}

.leaffooter .textwidget a{
    text-decoration: none;
    color: #333;
}

.leaffooter .widget{
    padding: 10px;
}

.mainimage {
    width: 100vw;
    height: 65vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}



.mega-menu-link {text-transform:uppercase !important}

ul .mega-sub-menu li{padding:0.2em 0.1em !important}

#home .col-l-4{
    width:30.33%
}

.pgwSlider .ps-current{
    height:680px !important;
}

.pgwSlider .ps-current .ps-prev{
    bottom:7em !IMPORTANT;
}
.pgwSlider .ps-current .ps-next{
    bottom:7em !IMPORTANT;
}

ul.pgwSlider > li img, .pgwSlider > ul > li img {
    width: 100% !important;
}

ul.pgwSlider.wide > li, .pgwSlider.wide > ul > li {
    width: 330px !important;
    height: 110px !important;
    margin-bottom: 10px;
}

ul.pgwSlider.listOnTheLeft, .pgwSlider.listOnTheLeft > ul{
    margin-left:5%;
}

.pgwSlider .ps-current{
    width: 70% !important;
}

.pgwSlider .ps-caption{
    width: 94%;
    height: 100px;
}

.info_banner {
    height:400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

.mainimage_home video  {
    width: 100%;
}

#simplr-form {
    width: 100%;
}

#simplr-form input[type=text] {
    padding: 15px !important;
    width: 100%;
}

#simplr-form form .simplr-field label {
    float: left;
    display: block;
    margin-right: 10px;
    width: auto;
    color: #333;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
}

.right {
    float:none !important;
    text-align: none !important;

}

#simplr-form input[type=submit] {
    border: 1px solid #148EA9;
    color: #148EA9;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 10px 35px;
    text-transform: uppercase;
    font-size: 1em;
    text-decoration: none;
    position: initial !important;
    margin: auto;
}

#dataroom .download_box {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    #textoverlay_home img {
        width: 75%;
    }
    .leafhome, .leaffooter, .leafright, .leafleft{
        background-size: 0%;
    }
    form input{
        width: 100%;
    }

    .mainimage_home, .imageoverlay_home, .mainimage, .imageoverlay{
        height: 100vh;
    }

    #textoverlay_home h1{
        font-size: 38px;
        line-height: 44px;
        width: 50%;
        margin: 0 auto;
    }

    #textoverlay_home p{
        width: 50%;
        margin: 0 auto;
    }

    h2{
        font-size: 24px;
        line-height: 32px;
    }

    .leftpadding{
        padding: 0;
    }

    .left{
        width:100%;
    }

    footer .content h1, h2, h3, h4, h5, p{
        text-align: left;
    }



    #custom_html-5 {
        margin-top:10%;
    }

    .darkblue li {
        list-style: none;
        padding: 0 1em;
        border-right: none;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .darkblue ul {
        float: none;
        width: 85%;
        text-align: center;
        margin: auto;
    }

    #custom_html-5 {
        margin-top: 5%;
        width: 100%;
        text-align: center;
    }

    .mainimage{
        background-position: center;
    }

    #textoverlay{
        width: 94%;
        margin: 0;
        background-color: #2ED7E5;
        opacity: 1;
        padding: 3%;
    }

    h1{
        font-size: 36px;
        margin: 10px 0;
    }


    .blog_single h3{
        text-align: left;
    }

    .blog_single p{
        text-align: left;
    }

    #footer p{
        text-align: center;
    }

    .right{
        text-align: center;
    }

    header {
        display: block !important;
    }

    .post-box{
        padding: 5%;
        text-align: left !important;
    }


    #text-3 {
        text-align: center;
        width: 100%;
    }
}

#mega-menu-wrap-main #mega-menu-main {
    visibility: visible;
    text-align: left !important;
    padding: 0px 0px 0px 20% !important;
}

body.login #nav a, body.login #backtoblog a {
    color: #fff !important;
    text-shadow: none !important;
}

#login h1{
    display: none !important;}

.login form .input, .login input[type="text"]{
    font-size: 14px !important;
}

body.login div#login h1 a, #login_error{
    display: none !important;}

body.login #loginform p.submit .button-primary, body.wp-core-ui .button-primary{
    border: 1px solid #148EA9 !important;
    color: #148EA9 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;
    padding: 1px 35px !important;
    text-transform: uppercase !important;
    font-size: 1em !important;
    text-decoration: none !important;
    position: initial !important !important;
    margin: auto !important;
    text-shadow: none !important;
    box-shadow: none !important;
}