/*
Theme Name: La Bella LS
Theme URI: http://medaestheticsgroup.com/
Author: Med Aesthetics Group Development Team
Author URI: http://medaestheticsgroup.com/
Description: This responsive theme was built customized to the needs of La Bella LS.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: medspa, responsive
Text Domain: labellals
 
This theme, like WordPress, is licensed under the GPL.
*/

/* Font CSS */
@font-face {
  font-family: "Avenir_Book";
  src: url("./fonts/Avenir-Book.eot?v=4.3.0");
  src: url("./fonts/Avenir-Book.eot?#iefix&v=4.3.0") format("embedded-opentype"),
    url("./fonts/Avenir-Book.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Avenir-Book.woff?v=4.3.0") format("woff"),
    url("./fonts/Avenir-Book.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Avenir-Book.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir_Heavy";
  src: url("./fonts/Avenir-Heavy.eot?v=4.3.0");
  src: url("./fonts/Avenir-Heavy.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("./fonts/Avenir-Heavy.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Avenir-Heavy.woff?v=4.3.0") format("woff"),
    url("./fonts/Avenir-Heavy.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Avenir-Heavy.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir_Light";
  src: url("./fonts/Avenir-Light.eot?v=4.3.0");
  src: url("./fonts/Avenir-Light.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("./fonts/Avenir-Light.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Avenir-Light.woff?v=4.3.0") format("woff"),
    url("./fonts/Avenir-Light.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Avenir-Light.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir_Medium";
  src: url("./fonts/Avenir-Medium.eot?v=4.3.0");
  src: url("./fonts/Avenir-Medium.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("./fonts/Avenir-Medium.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Avenir-Medium.woff?v=4.3.0") format("woff"),
    url("./fonts/Avenir-Medium.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Avenir-Medium.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir_Roman";
  src: url("./fonts/Avenir-Roman.eot?v=4.3.0");
  src: url("./fonts/Avenir-Roman.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("./fonts/Avenir-Roman.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Avenir-Roman.woff?v=4.3.0") format("woff"),
    url("./fonts/Avenir-Roman.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Avenir-Roman.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FuturaStd_Medium";
  src: url("./fonts/FuturaStd-Medium.eot?v=4.3.0");
  src: url("./fonts/FuturaStd-Medium.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("./fonts/FuturaStd-Medium.woff2?v=4.3.0") format("woff2"),
    url("./fonts/FuturaStd-Medium.woff?v=4.3.0") format("woff"),
    url("./fonts/FuturaStd-Medium.ttf?v=4.3.0") format("truetype"),
    url("./fonts/FuturaStd-Medium.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lane_Narrow";
  src: url("./fonts/Lane-Narrow.eot?v=4.3.0");
  src: url("./fonts/Lane-Narrow.eot?#iefix&v=4.3.0") format("embedded-opentype"),
    url("./fonts/Lane-Narrow.woff2?v=4.3.0") format("woff2"),
    url("./fonts/Lane-Narrow.woff?v=4.3.0") format("woff"),
    url("./fonts/Lane-Narrow.ttf?v=4.3.0") format("truetype"),
    url("./fonts/Lane-Narrow.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.full-width {
  max-width: 100%;
  width: 100%;
}

header {
  padding: 1.5rem 0;
}

header .fullContainer {
  max-width: 1400px;
  width: 100%;
}

header .address,
header .phoneNumber {
  font-size: 24px;
  font-family: "Avenir_Medium";
  color: #9bbb4f;
}

header .phoneNumber a {
  color: #9bbb4f;  
}

header .info {
  text-align: right;
}

header .info2 {
  text-align: left;
}

.headline-banner {
  font-size: 30px;
  font-family: "Avenir_Book";
  color: #fff;
  padding: 30px 0;
  text-transform: uppercase;
  background: #9bbb4f;
}

.contentForm {
  background-color: #fff;
  margin-top: 4rem;
}

.contentForm .fullContainer {
  max-width: 1000px;
  width: 100%;
}

.bottomForm input[type="submit"] {
  width: 100% !important;
}

.contentForm h3 {
  font-size: 41px;
  font-family: "Avenir_Medium";
  text-transform: uppercase;
  color: #80b050;
  text-align: center;
}

.contentForm form {
  background-color: #e1e2e1;
  padding: 2rem 4rem;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.contentForm input {
  height: inherit;
  font-size: 24px;
  font-family: "Avenir_Medium";
}

.contentForm input[type="submit"] {
  text-transform: uppercase;
  color: #fff;
  background-color: #9bbb4f;
  padding: 0.75rem 4rem;
  cursor: pointer;
}

.contentForm textarea {
  max-height: 200px;
  font-size: 24px;
  font-family: "Avenir_Medium";
}

.contentForm ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bebfc1;
}
.contentForm ::-moz-placeholder {
  /* Firefox 19+ */
  color: #bebfc1;
}
.contentForm :-ms-input-placeholder {
  /* IE 10+ */
  color: #bebfc1;
}
.contentForm :-moz-placeholder {
  /* Firefox 18- */
  color: #bebfc1;
}

.mainContent {
  margin-top: 4rem;
}

.mainContent .row {
  max-width: 1000px;
  width: 100%;
}

.mainContent h1,
.mainContent h2,
.mainContent h3,
.mainContent h4,
.mainContent h5,
.mainContent h6 {
  font-size: 36px;
  text-transform: uppercase;
}

.mainContent p,
.mainContent ul,
.mainContent li {
  font-size: 24px;
  font-family: "Avenir_Medium";
  line-height: 1.3;
  color: #636666;
}

.mainContent ul {
  display: inline-block;
  width: 47.7%;
  margin: 4rem 0 4rem 1.25rem;
}

.mainContent a {
  color: #9bbb4f;
}

.learnMoreBanner {
  background-color: #80b050;
  border-top: 10px solid #bebfc1;
  border-bottom: 10px solid #bebfc1;
  margin: 2rem 0 0 0;
  padding: 1rem 0;
}

.learnMoreBanner .fullContainer {
  max-width: 1300px;
  width: 100%;
}

.learnMoreBanner p {
  font-size: 48px;
  font-family: "FuturaStd_Medium";
  text-align: center;
  color: #fff;
  margin: 0;
}

.learnMoreBanner .phoneNumber {
  font-size: 50px;
  font-family: "FuturaStd_Medium";
  text-align: center;
  color: #000;
}

.learnMoreBanner .phoneNumber a {
    color: #000;
}

footer {
  margin-top: 4rem;
  padding: 2rem 0;
}

footer .fullContainer {
  max-width: 100%;
  width: 100%;
}

footer .heading {
  font-size: 25px;
  font-family: "Avenir_Medium";
  text-transform: uppercase;
  color: #80b050;
}

footer .content {
  font-size: 21px;
  font-family: "Avenir_Medium";
  text-transform: uppercase;
  color: #636565;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  header .info {
    text-align: center;
  }

  header .info2 {
    text-align: center;
    margin-bottom: 0.75rem;
  }

  .headline-banner {
    font-size: 30px;
  }

  .contentForm h3 {
    font-size: 30px;
  }

  .contentForm form {
    padding: 2rem 2rem;
  }

  .contentForm input {
    font-size: 16px;
  }

  .contentForm textarea {
    max-height: 100px;
    font-size: 16px;
  }

  .mainContent h1,
  .mainContent h2,
  .mainContent h3,
  .mainContent h4,
  .mainContent h5,
  .mainContent h6 {
    font-size: 30px;
  }

  .mainContent p,
  .mainContent ul,
  .mainContent li {
    font-size: 16px;
  }

  .mainContent ul {
    width: 42%;
  }

  .learnMoreBanner p {
    font-size: 25px;
  }

  .learnMoreBanner .phoneNumber {
    font-size: 25px;
  }

  footer .heading {
    font-size: 16px;
  }

  footer .content {
    font-size: 16px;
    margin-bottom: 2rem;
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .headline-banner {
    font-size: 60px;
  }
}