/*
Theme Name: Essential Berthon
Description: Boats for Sale
Author: UX Themes, Tinstar Design
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* .berthon-blue {color:#00295f;} */
.berthon-blue {color:#00295f;}
/* .berthon-gold {color:#bda764;} */
/* .berthon-gold-green {color:#00A998;} */
.berthon-gold {color:#00A998;}

.bilo {
font-family: "bilo", sans-serif;
font-weight: 400;
font-style: normal;}

.bilo-italic {
font-family: "bilo", sans-serif;
font-weight: 400;
font-style: italic;}

.bilo-medium {
font-family: "bilo", sans-serif;
font-weight: 600;
font-style: normal;}

.bilo-medium-italic {
font-family: "bilo", sans-serif;
font-weight: 600;
font-style: italic;}

.trajan-pro-3 {
font-family: "trajan-pro-3", serif;
font-weight: 400;
font-style: normal;}

h1, h2, h3 {font-family: "trajan-pro-3",serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  font-style: normal !important;}
  
body, body p, body ul, body li {
	font-family: "bilo",sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;}
  
body p strong,body strong p, body p b, body b p {font-family: "bilo",sans-serif !important;font-weight: 600 !important;}

/* body #wrapper {background-color:#00295f;} */

/* ====================== */
/* Global */
/* ====================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  color:#00295f;
  margin-bottom:.5em;
  margin-top:0;
  text-rendering:optimizeSpeed;
  width:100%;
  font-family: "trajan-pro-3", serif !important;font-weight: 400 !important;font-style: normal !important;letter-spacing: 0 !important;
}
.h1,
h1 {
  font-size:3.5rem
}
.h1,
.h2,
h1,
h2 {
  line-height:1.3
}
.h2,
h2 {
  font-size:3rem
}
.h3,
h3 {
  font-size:2em
}
.h4,
h4 {
  font-size:1.75em
}
.h5,
h5 {
  font-size:1em
}
.h6,
h6 {
  font-size:.85em;
  opacity:.8
}
h1.entry-title.mb {
  margin-bottom:30px
}
@media(max-width:549px) {
  h1 {
    font-size:1.4em
  }
  h2 {
    font-size:1.2em
  }
  h3 {
    font-size:1em
  }
}
h6 span {
  font-weight:400;
  font-weight:500
}
h3 label {
  display:inline-block;
  margin-right:10px
}
p {
  margin-top:0
}
#main hr {border-color:#00A998;opacity:.5;}

.whiteshadow {text-shadow: 0 0 8px #FFFFFF;}

/* ====================== */
/* Flatsome Header */
/* ====================== */
@keyframes slideInFromTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.header-wrapper {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromTop;
}


.header-wrapper, .header-wrapper.stuck {border-bottom:4px solid #00A998;}
.header-wrapper h2.headerstrapline {color:#00A998;color:white;font-size:1.5rem;line-height:100px;white-space: nowrap;}
.header-wrapper i.icon-menu::before {color:#00A998;color:white;top: -5px !important;position: relative !important;}
.header-wrapper .header-bg-image.fill {position:relative;z-index:1;background-position: 50% 50%;}
@media only screen and (max-width: 500px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.header-wrapper .header-bg-image.fill {background-image:none;}
}


/* ====================== */
/* Flatsome Footer */
/* ====================== */
#main #content {border-bottom:4px solid #00A998;}
#main .parallax-title.mb {margin-bottom:0 !important;}
span#footerinfo {top:5px;position:relative;}
span#footerinfo,
span#footerinfo a {font-family: "bilo",sans-serif !important;font-weight: 400 !important;color:white;text-transform:uppercase;}
span#footerinfo a img {width:10px;height:10px;margin-right:5px;}


/* ====================== */
/* Menu */
/* ====================== */
.mfp-wrap .mfp-container .mfp-content {background-color: #00295f;}
.mfp-wrap .mfp-container .mfp-content #main-menu a {font-family: 'Bilo', sans-serif;font-weight:600;color:white;}
.mfp-wrap .mfp-container .mfp-content #main-menu .current-menu-item a,
.mfp-wrap .mfp-container .mfp-content #main-menu a:hover {color:#00A998;}


/* ====================== */
/* Yacht Listings */
/* ====================== */

.box.newyacht:after {content:'New Yacht Sales';display:block;position:absolute;top:-5px;right:-5px;z-index:99999;background-color:#00A998;padding:1px 3px;text-transform:uppercase;font-weight:600;font-size:.65rem;color:white;}
h3.breadcrumbs, h4.breadcrumbs, h5.breadcrumbs {margin-bottom:0;}
h3.breadcrumbs > a, h4.breadcrumbs > a, h5.breadcrumbs > a {color:#00295f;border-bottom: 1px solid #00A998;}


/* ====================== */
/* Single Yacht */
/* ====================== */

#main .section.singleyacht h1 {font-size:3rem;}
@media only screen and (max-width: 960px) and (min-width: 580px) {
#main .section.singleyacht h1 {font-size:2.5rem;}
}
@media only screen and (max-width: 579px) and (min-width: 1px) {
#main .section.singleyacht h1 {font-size:1.5rem;}
}


/* ====================== */
/* Video */
/* ====================== */

.video.video-fit iframe {border:4px solid #00A998;}

/*
.berthon-blue {color:#00295f;}
.berthon-gold {color:#bda764;}
.berthon-gold-green {color:#00A998;}
*/