/*
Theme Name: TownSq
Description: TownSq custom child theme with Avada as parent theme.
Author: Cori Snedecor
Author URI: https://maine-websites.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* COLORS
grey/blue: #5d837e
green: #7ebc0a;
orange: #ef643a;
*/
/**************************************
 UTILITIES
 ****************************************/
h2.red,
.red, .revolucione-text.red b {
  color: #ef643a!important;
}
.box-shadow2{
  box-shadow: 1px 3px 3px 3px rgba(1, 1, 1, 0.1);
  opacity: 1;
  z-index: 1;
}
.enhanced.box-shadow{
  box-shadow: 1px 2px 3px 1px rgba(1, 1, 1, 0.4);
}
.box-shadow{
  box-shadow: 1px 3px 3px 1px rgba(1, 1, 1, 0.04);
}
.grey,
h2.grey,
#main .post h2.grey,
.fusion-modal h2.grey,
.fusion-post-content h2.grey,
.fusion-title h2.grey,
.fusion-widget-area h2.grey,
.post-content h2.grey,
.search-page-search-form h2.grey,
.title h2.grey{
  color: #5d837e;
}
#main .post h2.white,
.fusion-modal h2.white,
.fusion-post-content h2.white,
.fusion-title h2.white,
.fusion-widget-area h2.white,
.post-content h2.white,
.search-page-search-form h2.white,
.title h2.white,
.white,
p.white{
  color: #ffffff;
}
span.green,
.green,
h2.green,
#main .post h2.green,
.fusion-modal h2.green,
.fusion-post-content h2.green,
.fusion-title h2.green,
.fusion-widget-area h2.green,
.post-content h2.green,
.search-page-search-form h2.green,
.title h2.green,
.fusion-modal h3.green,
.fusion-post-content h3.green,
.fusion-title h3.green,
.fusion-widget-area h3.green,
.person-author-wrapper span.green,
.post-content h3.green,
.project-content h3.green,
.sidebar .widget h3.green,
.title h3.green,
.fusion-modal h4, .fusion-post-content h4.green,
.fusion-tabs .nav-tabs > li .fusion-tab-heading, .fusion-title h4.green,
.fusion-widget-area h4.green,
.post-content h4.green,
.project-content .project-info h4.green,
.share-box h4,
.title h4.green{
  color: #7ebc0a;
}
.right-align,
p.right-align{
  text-align:right;
}
.center-align{
  text-align:center;
}
p.small{
  font-size: 14px;
}
.page-template .button-default,
.page-template .fusion-button{
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.large-text{
  font-size: 8vh;
}
h2 strong,
h3 strong,
.button-default.bold-button{
  font-weight: 900;
}
.fusion-main-menu .fusion-dropdown-menu:hover{
  overflow: visible!important;
}
#main .post h2.semi-bold,
#main .reading-box h2.semi-bold,
#main h2.semi-bold,
.ei-title h2.semi-bold,
.fusion-modal h2.semi-bold,
.fusion-title h2.semi-bold,
.fusion-widget-area h2.semi-bold,
.main-flex .slide-content h2.semi-bold,
#main .post-content h2.semi-bold,
.title h2.semi-bold,
h2.semi-bold,
h3.semi-bold,
.fusion-modal h3.semi-bold,
.fusion-title h3.semi-bold,
.fusion-widget-area h3.semi-bold,
.main-flex .slide-content h3.semi-bold,
.post-content h3.semi-bold,
.project-content h3.semi-bold,
.sidebar .widget h3.semi-bold{
  font-weight: 700;
}

/***********************************
 TITLES
 ***********************************/
h1{
  text-align: center;
}
h1 span.accented{
  font-family: "Montserrat";
  text-transform: uppercase;
  color: #5d837e;
  font-size: 4vw;
  display: inline-block;
}
h2 span.accented{
  font-family: Yellowtail, "Comic Sans MS", cursive;
}
.emphasized-title{
  font-family: Yellowtail, "Comic Sans MS", cursive;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0px;
  font-style: normal;
  font-size: 5vw;
}
/**********************************
 HOME
 *********************************/
.why-wait{
  text-align:right;
}
.home #main .post h2.blog-shortcode-post-title a{
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #5d837e;
}
#wrapper #main .fusion-post-content > h2.blog-shortcode-post-title{
  line-height: 1.2em;
}
.icons-home h4,
.icons-home strong{
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 900;
}
.icons-home p{
  color: white;
}
.testimonial-name{
  text-align:right;
  font-family: "Yellowtail", "Comic Sans MS", cursive;
  font-size: 24px;
  margin-top: 0px;
}
.testimonial-text{
  max-width: 70%;
  display: inline-block;
  background: #5d837e;
  padding: 20px;
  color: white;
  border-radius: 20px;
  font-size: 16px;
  position:relative;
}
.testimonial-text::after{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 14px solid transparent;
  border-right-color: #5d837e;
  border-left: 0;
  margin-top: -14px;
  margin-left: -14px;
}
.testimonial-text p{
  margin-bottom: 0px;
  line-height: 1.2em;
}
.testimonial-image{
  display: inline-block;
  margin-right: 5%!important;
  -webkit-mask-image: none!important;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2)!important;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2)!important;
  box-shadow: 2px 2px 5px rgba(0,0,0,.2)!important;
}
.full-width-vid-container{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
iframe.full-width-vid{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/********************************
 WHO WE ARE PAGE
 **********************************/
h2.numbers{
  font-size: 40px!important;
  line-height: 1em!important;
  text-align:center;
  margin-bottom: 0px;
}
.condo-numbers-title{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.condo-numbers-title h2{
  font-size: 40px!important;
  font-weight: 200!important;
  line-height: 1;
  color: #5d837e;
  margin-bottom: 0px;
}

.counter-container,
.counter-container .fusion-column-wrapper{
  border-radius: 10px;
}
.connect h2{
  text-align:right;
}
.where-boxes h2.content-box-heading{
  line-height: 1.1em!important;
  font-weight: 700!important;
  color: #5d837e!important;
}
.where-boxes{
  border-radius: 10px;
}
.where-boxes p{
  font-size: 14px;
  color: #5d837e;
}
.where-boxes .content-container{
  margin-top: -15px;
  margin-bottom: 0px!important;
}
.fusion-content-boxes.where-boxes.content-boxes-clean-horizontal .col{
  border-radius: 10px;
}
.fusion-content-boxes.where-boxes.fusion-columns-1 .fusion-column{
  margin-bottom: 0px;
}
/************************************
 FOOTER
 ***********************************/
.fusion-footer-widget-area .widget-title{
  margin: 0px;
  text-transform: none;
}
.menu-privacy-footer-menu-container ul{
  padding: 0px;
  list-style: none;
}
.menu-privacy-footer-menu-container ul li{
  display:inline-block;
  margin-left: 5px;
}
.menu-privacy-footer-menu-container ul li:first-child{
  margin-left: 0px;
}
.menu-privacy-footer-menu-container ul li:first-child:before{
  content: "";
}
.menu-privacy-footer-menu-container ul li:before{
  content: "|";
  margin-right: 5px;
}
/***********************************
 404 page
 *********************************/
.still-lost{
  padding-top: 5px;
  padding-bottom: 50px;
  background-color: #5d837e;
  margin-top: 30px;
}
.still-lost .widget-title{
  font-size: 35px;
}
.still-lost p,
.still-lost a,
.still-lost .widget-title{
  color: white;
  text-align:center;
}
.still-lost .email-box{
  background: #7ebc0a;
  border-radius: 10px;
  padding: 20px;
  max-width: 300px;
  margin: 0 auto;
}

/************************************
 RESPONSIVE STYLES
 ************************************/
@media screen and (max-width:800px){
  h1 span.accented{
    font-size: 6vw;
  }
  .connect h2{
    text-align:center;
    padding-top: 40px;
  }
  .connect-paragraph .fusion-column-wrapper{
    padding-top: 0px!important;
    padding-bottom: 40px!important;
  }
  .emphasized-title.why-wait{
    text-align:center;
  }
}
@media only screen and (max-width: 475px){
  .condo-numbers-title h2{
    margin-top: 20px;
  }
}
