/*
CTC Separate Stylesheet
Updated: 2021-08-05 18:22:52
Theme Name: Hestia Child
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 3.0.17.1628187772
*/

/* HOMEPAGE SECTIONS old BKGD COLORS:
FEATURES:
Partner with Us logo: #3579ad
Resources Logo: #f1d284
*/

/* OLD COLORS:
#bf0404



button:hover     background-color: red;
button:active     background-color: #840000;


/* START GLOBAL */

:root {
  --red: #FF5757;
  --redLighter: #f87979;
  --redDarker: #c22727;
  --yellow: #F7D177;
  --green: #84A59D;
  --blue: #007CB2;
  --white: #ffffff;
}



.copyright {
  display: none !important;
}

/* CENTER PAGE TITLES */
.title-in-content {
  text-align: center !important;
}

a.wp-block-file__button.wp-element-button {
  background-color: var(--red);
  color: white;
  padding: 5px 10px;
  border: 1px solid var(--red);
  font-weight: bold;
}

a.wp-block-file__button.wp-element-button:hover {
  background-color: var(--redLighter);
  color: white;
  font-weight: bold;
}

a.wp-block-file__button.wp-element-button:active {
  background-color: var(--redDarker);
  font-weight: bold;
}

p {
  text-align: justify;
}

/* END GLOBAL */

/* START: Change order of Frontpage sections */
/* SOURCE: https://stackoverflow.com/questions/54521414/change-section-order-on-hestia */
.home .main {
  display: grid;
}

/* Banner 1: photo of both of us with our company logo and tagline */
/* Banner 2: Green background banner-ABOUT our COMPANY-TLB is a solution for…… */
.home .main #ribbon {
  grid-row: 1;
  background-color: var(--green);
}

/* Banner 3: Light blue background banner: as is-get in touch */
.home .main #features {
  grid-row: 2;
  background-color: rgba(54, 197, 241, 0.15);
}

/* Banner 4: Green background-bios of Stacy and me */
.home .main #team {
  grid-row: 3;
  background-color: var(--green);
}

/* Banner 5: Yellow or Red background get in touch… (let’s try red) */
.home .main #contact {
  grid-row: 4;
  background-color: var(--red);
}


#team h4.card-title,
#team p.card-description {
  /* color: #3C4858; */
  color: white;
}

/* END: Change order of Frontpage sections */


/* Frontpage Big Title Section */
img.home-hero-logo {
  width: 400px;
  max-width: 40vw;
  padding-top: 20vh;
}

@media (max-width: 600px) {
  img.home-hero-logo {
    max-width: 50vw;
  }
}

.carousel span.sub-title {
  font-size: calc(0.875rem + ((1vw + 5px) * 0.8681)) !important;
  min-height: 0vw;
}

.big-title-slider-content .btn {
  font-size: 18px;
}


/* END Frontpage Big Title Section */

/* Frontpage Section Features */

/* END Frontpage Section Features */


/* START Frontpage Team */

.hestia-team-content .row .col-sm-6 {
  width: 100% !important;
}


.hestia-team .card-image {
  width: 300px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: auto !important;
}

@media (max-width: 768px) {

  .hestia-team .card .content .card-description,
  .team .card .content .card-description,
  .authors-on-blog .card .content .card-description {
    display: inline-block;
  }
}

/* END Frontpage Team */




/* Frontpage Section Ribbon Wellness */
.hestia-ribbon {
  padding: 50px 0;
}

.hestia-ribbon-content-left {
  width: 100%;
  text-align: center;
}

section.hestia-ribbon .hestia-title {
  font-size: calc(2vw + 20px) !important;
  line-height: normal;
  padding: 10px 10%;
  color: white;
}

.hestia-ribbon-content-right {
  display: none;
}

.hestia-ribbon-content-left p {
  font-size: calc(1.2vw + 16px);
  margin: 30px auto 0;
  /* max-width: 80%; */
  font-weight: normal;
}


/* hide the space to the right of "Follow Us!" */
@media (min-width: 992px) {
  .row.hestia-like-table {
    display: inline;
    width: 0;
  }

  .row.hestia-like-table>div {
    display: inline;
  }
}

.hestia-clients-bar {
  background-color: #ffcf63;
  padding-top: 0;
  padding-bottom: 20px;
}

.hestia-clients-bar .clients-bar-wrapper li {
  margin 0 25px !important;
}

.hestia-clients-bar .clients-bar-item {
  margin-top: 0 !important;
}

/**** Front Page Testimonials *********************************************/
.hestia-testimonials {
  background-color: #ffcf63 !important;
  padding-top: 0;
  padding-bottom: 20px;
  color: #333333 !important;
}

.hestia-testimonials h2.hestia-title {
  font-size: 70px !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 3px #bbbbbb;
}

.hestia-testimonials .hestia-title,
.hestia-testimonials .description,
.hestia-testimonials .card-title,
.hestia-testimonials .category.text-muted,
.hestia-testimonials .card-description {
  color: #333333 !important;
}

/**** END Front Page Testimonials *********************************************/


/**** Front Page Get In Touch *********************************************/
.contactus {
  /* background-color: #2fb67e; */
  background-color: var(--green);
}

.hestia-contact-title-area {
  width: 100%;
}

.btn-getintouch {
  background-color: var(--yellow);
  color: var(--red) !important;
}

.btn-getintouch:hover {
  background-color: var(--redLighter);
  color: white !important;
}

.contactus .hestia-title,
.hestia-contact-info h2,
.hestia-contact-info h3,
.hestia-contact-info h4,
.hestia-contact-info h5,
.hestia-contact-info p,
.hestia-contact-info a {
  color: #fff;
  text-align: center !important;
}

section.hestia-contact .hestia-title {
  font-size: 70px !important;
}

section.hestia-contact .hestia-description h4 {
  font-size: 20px !important;
}

section.hestia-contact .hestia-description h3 {
  font-size: 24px !important;
}

section.hestia-contact .hestia-description h5 {
  margin: 0 !important;
}

img.getintouch.logo-instagram {
  max-height: 75px !important;
  opacity: 0.9;
}

img.getintouch.logo-instagram:hover {
  opacity: 1;
}

.hestia-contact-form-col {
  display: none;
  width: 0;
}

.hestia-contact-info .btn {
  font-size: 22px;
}

.hestia-contact .clients-bar-wrapper {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.hestia-contact .clients-bar-wrapper li {
  display: inline-block;
  margin: 25px;
  vertical-align: middle;
}

.hestia-contact .clients-bar-wrapper li a {
  display: block;
  padding: 5px;
}

.hestia-contact .clients-bar-wrapper li img {
  width: 100%;
  max-width: 80px;
  height: auto;
}

.hestia-contact .row>div {
  padding: 30px;
}


/* @media (min-width: 992px) {

  section#contact .container .row {
    max-width: 70%;
    margin: auto;
  }

  .hestia-contact-title-area {
    width: 45% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .hestia-contact-form-col {
    width: 55% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

*/
@media (max-width: 992px) {

  .hestia-contact-title-area {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
  }

  .hestia-info {
    max-width: none !important;
  }

  section.hestia-contact .hestia-description h4,
  section.hestia-contact .hestia-description h5 {
    text-align: center !important;
  }

}

/**** End Front Page Get In Touch *********************************************/



/* About page bio pics */
.wp-block-image.pic-rounded img {
  border-radius: 10px;
}

@media (max-width:768px) {
  .wp-block-image .alignright {
    display: block;
    float: none;
    text-align: center;
    margin: .5em 0;
  }
}



/**** PARTNER WITH US PAGE ************************************/

body.page-id-89 .main {
  background-color: rgba(54, 197, 241, 0.15);
}

/**** END PARTNER WITH US PAGE ********************************/


/**** PARTNER WITH US PAGE ************************************/

body.page-id-25 .main {
  background-color: rgba(54, 197, 241, 0.15);
}

/**** END PARTNER WITH US PAGE ********************************/


/*********** START CONTACT FORM 7 ****************/

.cf7grid-container {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: 48% 48%;
  gap: 4%;
  padding-bottom: 50px;
}

.cf7grid-item {
  /* text-align: left; */
  /* border: 1px dashed #eee; */
}

.cf7grid-fullwidth {
  grid-column: 1 / span 2;
}

.cf7grid-fullwidth p label {
  width: 100%;
}

@media (max-width:768px) {
  .cf7grid-container {
    display: block;
  }
}


div.wpcf7 input.wpcf7-text,
div.wpcf7 textarea.wpcf7-textarea {
  background-color: white;
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 10px;
}

div.wpcf7 input[type="submit"] {
  background-color: var(--red);
}

/*********** END CONTACT FORM 7 ****************/