/* =============================================================================
  Variables
   ========================================================================== */
a {
  text-decoration: none; }

/* =============================================================================
  Helpers
   ========================================================================== */
/* =============================================================================
  Elementor Quirks
   ========================================================================== */
.elementor-inner {
  margin-top: 30px !important; }
  @media (min-width: 1200px) {
    .elementor-inner {
      margin-top: 30px !important; } }
.home .elementor-inner {
  margin-top: 0 !important; }

/* =============================================================================
  Me Custom
   ========================================================================== */
.me-header {
  height: 100px;
  padding: 0 20px;
  position: relative !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25); }
  .me-header__inner {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    padding-top: 22px; }
  .me-header__nav-desktop {
    display: block;
    width: 100%; }
    @media (min-width: 1200px) {
      .me-header__nav-desktop {
        display: block;
        left: 260px;
        width: 900px;
        position: absolute;
        top: 32px; } }
  .me-header__buttons {
    display: block;
    position: absolute;
    right: 0;
    top: 30px; }
    @media (max-width: 1199px) {
      .me-header__buttons {
        display: none; } }
  .me-header__nav-mobile {
    display: none; }

.me-nav-button-mobile, .mega-me-nav-button-mobile {
  display: block !important; }
  @media (min-width: 1197px) {
    .me-nav-button-mobile, .mega-me-nav-button-mobile {
      display: none !important; } }
  .me-nav-button-mobile__signup, .mega-me-nav-button-mobile__signup {
    background: #f27b7d !important;
    color: #fff !important; }
    .me-nav-button-mobile__signup a, .mega-me-nav-button-mobile__signup a {
      color: #fff !important; }
  .me-nav-button-mobile__login, .mega-me-nav-button-mobile__login {
    background: #00ADA8 !important;
    color: #fff !important; }
    .me-nav-button-mobile__login a, .mega-me-nav-button-mobile__login a {
      color: #fff !important; }

/*
.me-button {
	background: #fff;
	width: 80%;
	text-align: center;
	color: #00ada8;	
	border: 2px solid #00ada8; 
}
*/
h2.elementor-heading-title {
  text-transform: none !important; }

.elementor-heading-title {
  text-transform: none !important;
  margin-top: 30px !important; }

.me-hero p {
  color: #fff !important;
  font-weight: 400;
  font-size: 18px; }

.me-hero .me-button a {
  background: #00ada8 !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 500;
  border: none !important;
  /* 	border: 2px solid #00ada8; */ }

.heading-left h2 {
  text-align: left; }

/* =============================================================================
  Me Other button classes need to figure these out...?
   ========================================================================== */
.me-button--turq a {
  background: #00ADA8 !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 500;
  border: none !important;
  /* 	border: 2px solid #00ada8; */ }

.me-cta-button--pink a {
  background: #f27b7d !important;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 500;
  width: 100% !important;
  border-radius: 100px !important;
  -webkit-box-shadow: 0px 6px 15px -10px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: 0px 6px 15px -10px rgba(0, 0, 0, 0.68);
  box-shadow: 0px 6px 15px -10px rgba(0, 0, 0, 0.68);
  border: none !important;
  /* 	border: 2px solid #00ada8; */ }
  .me-cta-button--pink a:hover {
    background: #ca6768 !important; }

.me-section {
  padding: 80px 0; }

.me-section--top0 {
  padding-top: 0px; }

.me-two-column p {
  color: #4d4F54 !important;
  font-size: 16px !important; }

.me-two-column h1, .me-two-column h2, .me-two-column h3 {
  text-transform: none !important;
  font-weight: 600; }

body, body .me-two-column {
  font-size: 16px; }

.single-post .elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 900px !important; }

/*

#mega-menu-wrap-main-menu {
position: absolute;
    left: 280px;
	top: 9px;
}
.shell {
position:relative;
}

*/
/* =============================================================================
  Me Spacing
   ========================================================================== */
.me-spacing {
  margin-bottom: 60px; }

.me-spacing-small {
  margin-bottom: 30px; }

/* =============================================================================
  Me Buttons
   ========================================================================== */
.me-button {
  line-height: 40px;
  font-size: 16px;
  display: inline-block;
  padding: 0 40px;
  border-radius: 4px;
  background: transparent;
  color: #00ADA8;
  border: 2px solid #00ADA8;
  box-sizing: border-box; }
  .me-button--large {
    line-height: 60px;
    font-size: 18px; }
  .me-button--turq {
    border: none;
    background: #00ADA8;
    color: #fff; }
    .me-button--turq:hover {
      background: #007370; }
  .me-button--pink {
    border: none;
    background: #f27b7d;
    color: #fff; }
    .me-button--pink:hover {
      background: #a15253; }
  .me-button--rounded {
    border-radius: 100px; }

.me-elementor-button {
  font-weight: 500 !important; }
  .me-elementor-button--turq .elementor-button {
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 16px !important;
    /* background: rgba($me-turq);*/
    background: #00ADA8;
    color: #fff !important;
    border: 2px solid #00ADA8;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); }
    .me-elementor-button--turq .elementor-button:hover {
      background: #00908c;
      border: 2px solid #00908c; }
  .me-elementor-button--line .elementor-button {
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 16px !important;
    background: rgba(0, 173, 168, 0);
    color: #00ADA8 !important;
    border: 2px solid #00ADA8; }
    .me-elementor-button--line .elementor-button:hover {
      color: #00908c !important;
      border: 2px solid #00908c; }
  .me-elementor-button--pink .elementor-button {
    padding-left: 5% !important;
    padding-right: 5% !important;
    font-size: 16px !important;
    background: #f27b7d;
    color: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); }
    .me-elementor-button--pink .elementor-button:hover {
      background: #ca6768;
      color: #fff; }
  .me-elementor-button--link .elementor-button {
    padding: 0px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    background: transparent;
    color: #00ADA8; }
    .me-elementor-button--link .elementor-button:hover {
      background: transparent;
      color: #00908c; }
    .me-elementor-button--link .elementor-button:visited {
      background: transparent;
      color: #006865; }
  .me-elementor-button--rounded .elementor-button {
    border-radius: 100px !important; }
  .me-elementor-button--full .elementor-button {
    width: 100% !important; }

a {
  color: #00ADA8; }

/* =============================================================================
  Me Links Inline
   ========================================================================== */
.me-links-inline {
  color: rgba(0, 173, 168, 0.6); }
  .me-links-inline p {
    color: rgba(0, 173, 168, 0.6) !important; }
  .me-links-inline a {
    color: rgba(0, 173, 168, 0.6); }
    .me-links-inline a:hover {
      color: #00ada8; }

/* =============================================================================
  Me Blog Details
   ========================================================================== */
.elementor-posts .elementor-post__read-more {
  text-transform: none !important;
  font-weight: 500 !important; }

/* =============================================================================
  Me CTA
   ========================================================================== */
.me-cta-block .elementor-heading-title {
  font-size: 24px;
  color: #4D4F54; }

/* =============================================================================
  Social Icons
   ========================================================================== */
.elementor-social-icon {
  background: #00ADA8 !important; }

/* =============================================================================
  Author
   ========================================================================== */
.elementor-author-box__text div {
  display: inline-block !important;
  font-size: 18px !important;
  color: #00ADA8 !important;
  font-weight: 500 !important; }

.elementor-author-box__text .elementor-author-box__name {
  position: relative;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: capitalize;
  padding-right: 10px; }
  .elementor-author-box__text .elementor-author-box__name:after {
    position: absolute;
    right: -0px;
    content: "|"; }

.elementor-author-box__text .elementor-author-box__bio {
  font-size: 18px !important;
  font-weight: 500 !important; }

/* =============================================================================
  ME Page
   ========================================================================== */
.me-page {
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 60px; }
  .me-page--standard {
    padding: 0 30px; }

.me-title, h3, h2, h1 {
  font-weight: 700;
  font-family: Rubik,sans-serif;
  color: #00ADA8;
  text-align: center;
  margin-bottom: 30px !important; }

h1 {
  font-size: 40px; }
  @media (min-width: 1200px) {
    h1 {
      font-size: 48px; } }
h2 {
  font-size: 32px; }
  @media (min-width: 1200px) {
    h2 {
      font-size: 32px; } }
h3 {
  color: #4d4f54;
  font-size: 28px;
  text-align: left; }
  @media (min-width: 1200px) {
    h3 {
      font-size: 28px; } }
.box-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }

.text-align-center h1, .text-align-center h2, .text-align-center h3, .text-align-center h4, .text-align-center h5 {
  text-align: center !important; }

/* =============================================================================
  ME Elementor Tabs
   ========================================================================== */
.elementor-tabs {
  display: inline;
  border: none; }
  .elementor-tabs div {
    border: none; }

.elementor-tabs-wrapper {
  text-align: center !important; }
  .elementor-tabs-wrapper .elementor-tab-title {
    display: inline-block !important;
    color: rgba(0, 173, 168, 0.5);
    font-weight: 500;
    /*
		&:before {
			content: "|" !important;
			display: block;
			color: $me-turq !important;
			position: absolute !important;
			right:0px !important;
		}
*/
    /*
		&:last-of-type {
			background: red;
		}
*/ }
    .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
      color: #00ADA8; }

.elementor-tab-title, .elementor-tab-content {
  border: none; }

.elementor-widget-tabs .elementor-tab-content, .elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title:after, .elementor-widget-tabs .elementor-tab-title:before, .elementor-widget-tabs .elementor-tabs-content-wrapper {
  border: none !important; }

.mega-toggle-blocks-right {
  top: -50px;
  position: absolute;
  right: 14px; }

#mega-menu-wrap-main-menu .mega-menu-toggle {
  background: none; }

#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu {
  top: 29px;
  background: #fff; }

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
  background: #efefef; }

.footer {
  padding: 40px 0; }

.footer a {
  color: white;
  font-size: 14px; }

/* =============================================================================
ME Other fixes for Elementor etc.
========================================================================== */
.elementor-widget-container ul, .elementor-widget-container ol {
  margin-left: 20px !important; }
