/*

Theme Name: Heartworks
Theme URI: https://careers.heartworksvt.com/
Author: Emily Hoang for Little Sprouts
Author URI: https://careers.heartworksvt.com/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/


/* //// MEDIA QUERIES \\\ */

.sup{ font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; }

.clear {
	clear:both;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 0.75em !important;
}

.h-widget {
    color: #fff !important;
    font-size: 150%;
    line-height: 1.3;
    margin: 16px 0 12px;
}
.boxify {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 21px;
    margin: 2.15em 0;
    padding: 1.5em 1.75em 1.75em;
}

.x-sidebar .h-widget {
    background-color: transparent;
    border: none;
    color: #418a40;
    font-size: 150%;
    letter-spacing: 0.15em;
    margin-top: 0;
    padding: 0.65em 0.65em 0.75em;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 499px) {
.x-topbar{ padding: 0;}
    .x-logobar {text-align: center;}
    .alignright a {text-align:center;margin:0px auto;}
    .x-topbar {text-align:center;margin:0px auto;}
}


@media only screen and (max-width: 828px) {/* hide desktop buttons on mobile screens */
  .call-button-desktop{display:none;}
  .tour-button-desktop{display:none;}
  .jobs-button-desktop{display:none;}
  .tour-button{display:none;}
  .snow-button{display:none;}  
  .tour-button-tablet{display:none;}
}

@media only screen and (min-width: 829px) {/* hide mobile buttons on desktop screens */
  .call-button-mobile{display:none;}
  .tour-button-mobile{display:none;}
  .jobs-button-mobile{display:none;}
  .tour-button-mini{display:none;}
  .tour-button-tablet{display:none;}
  .call-button-mini{display:none;}
  .snow-button-mini{display:none;}
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h-landmark, .entry-title {
color:#418a40;
margin-top: 1em;
}

.h-widget {
    color: #fff;
    font-size: 150%;
    line-height: 1.3;
    margin: 16px 0 12px;
}

.x-navbar-fixed-top {
    left: 0;
    right: 0;
    top: 40px;
}

.x-topbar{
    background-color: #6894bd !important;
    height: 40px;
    max-width: 1440px;
    width: 88%;
    top:0px;
    position:fixed;
    z-index: 1031;
    color: #fff;
    margin:0px auto;
}

.x-logobar-inner {
    padding-bottom: 20px;
    padding-top: 23px;
    margin-top:40px;
}
.x-topbar .p-info{
  text-align: center;
  width: 100%;
  margin-top:4px;
  color: #fff;
  border:none;
  padding: 0px !important;
}
.lefttext{text-align:left;float:left;margin-top:7px;color:#fff;clear:both;}
.lefttext a{color:#fff !important}

.underline{text-decoration:underline;}
.bold{font-weight:bold;}

p { margin: 0 0 1em; }

.x-breadcrumb-wrap a {color:#981C5E !important;}
.x-breadcrumb-wrap .delimiter {color:#981C5E !important;}

/* suppressing the flip action of the Card element */
.x-card-outer.no-flip .x-face-outer.front {
    transform: none !important;
    animation: none !important;
    z-index: 2 !important;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.x-card-outer.no-flip .x-card-inner {
    transform: none !important;
    animation: none !important;
}

.x-card-outer.no-flip .x-face-outer.back {
    transform: none !important;
    animation: none !important;
    z-index: 1 !important;
}
/*End */


/*header customization */

.masthead .masthead-stacked {margin-top: 0px !important;}

/* hide the button on the back of the teacher card */
a.x-face-button {
  display: none !important;
}

.with-container {
padding:0px;
}

.x-logobar {background-color:#fff !important;}

.noshow {display:none;}

/* BRAND COLORS */
.orange{color: #F7941D;}
.yellow{color: #FFCD32;}
.blue{color: #00b5cb;}
.red{color: #cd0043;}
.white{color: #ffffff;}
.black{color: #000000;}
.purple{color:#981C5E;}
.darkblue{color:#003da6;}
.left{float:left;}
.x-logobar {text-align: left;}
.x-social-global {display: none;}
.gobig, .gobig a { font-size: 200%; color:#fff; }
.75percent {font-size:75%;}
.50percent {font-size:50%; margin-top:-20px;}
.25percent {font-size:25%;}
.125percent {font-size:125%;}

.x-feature-box-title {
    font-size: 2em;
    line-height: 1.2;
    margin: -25px 0 0 0;
}

.x-btn-navbar, .x-btn-navbar.collapsed:after {
content: "MENU";
}
.x-navbar .desktop .x-nav{
margin-right: 0px !important;
float:right;
}
.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0px !important;
}
.x-navbar {border-bottom: none; }

.x-navbar-wrap .x-container.max.width {
    width: 100%;
}

.x-btn-navbar.collapsed {
    color: #981C5E;
}
.x-btn-navbar.collapsed:hover {
    color: #981c5e;
}
.x-btn-navbar {
    color: #981C5E;
}
.x-btn-navbar:hover {
    color: #981C5E;
}

.iconclear {float:left; margin: 1px 5px 5px 0; clear:right;}

.menu-item a i {
	font-size: 1.4em;
}

.white{color:#fff;}
.nomargintop {margin-top:0px;}

.x-colophon.top {
    background-color: #abc27e !important;
    padding: 5% 0 5.25%;
    color: #fff;
}

.x-colophon.bottom {
    background-color: #41873e;
}

.widget ul li a, .widget ol li a {
color:#fff;
display: inline-block;
}
.widget{
color:#fff;
}

.x-accordion {
    margin-bottom: 20px;
}
.x-accordion-heading .x-accordion-toggle::before {
    -moz-osx-font-smoothing: grayscale;
    bottom: 0.05em;
    color: #fff;
    content: "";
    display: inline-block;
    font-family: "FontAwesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    margin-right: 10px;
    position: relative;
    text-decoration: inherit;
    text-rendering: auto;
    transform: rotate(-180deg);
    transition: all 0.3s ease 0s;
}
.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #8dc63f;
}
.x-accordion-heading .x-accordion-toggle {
    background-color: #8dc63f;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 114.2%;
    font-weight: 400;
    padding: 9px 15px 10px;
    text-transform: uppercase;
}

.x-accordion-inner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #8dc63f;
    border: none !important;
    /*
    border-color: -moz-use-text-color rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    */
    padding: 4%;
}

/*
// Buttons
*/


.x-btn.green-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #41873e;
  background-color: #41873e;
}

.x-btn.green-btn:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #f99d32;
  background-color: #f99d32;
}

.x-btn.white-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #cd0043 !important;
  border-color: #ffffff;
  background-color: #ffffff;
}

.x-btn.white-btn:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #00b5cb;
  border-color: #fff;
  background-color: #fff;
}

.x-btn.purple-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #981C5E;
  background-color: #981C5E;
}

.x-btn.purple-btn:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #F7941D;
  background-color: #F7941D;
}

.x-btn.trans-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: transparent;
  background-color: transparent;
}

.x-btn.purple-btn:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #e7e7e7;
  border-color: transparent;
  background-color: transparent;
}

.x-btn.orange-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #feb507;
  background-color: #feb507;
}

.x-btn.orange-btn:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #abc27e;
  background-color: #abc27e;
}
.x-btn.orange-btn2 {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #ffffff;
  border-color: #feb507;
  background-color: #feb507;
}

.x-btn.orange-btn2:hover {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #feb507;
  border-color: #fff;
  background-color: #fff;
}

.x-btn {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight: 700;
}

.x-btn.x-btn-alt,
.button.x-btn-alt,[type="submit"].x-btn-alt {
  border-color: #02aed6;
  background-color: #02aed6;
  /*box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);*/
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type="submit"].x-btn-alt:hover {
  border-color: #0b8ead;
  background-color: #0b8ead;
  /*box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);*/
}


/*
// Dropcap
*/

.x-dropcap {
  background-color: #02aed6;
}


/*
// Headings - Dark section
*/

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
  color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
  color: #fff;
  opacity: 0.65;
}

.ext-btns {
	float:right;
	margin-top:5px;
	clear:both;
}

/* This applies from 600px onwards 
@media (min-width: 600px) {
  body { 
    background: yellow; 
  }
}

*/

/*
// Tabs
*/

.x-feature-box-title {padding-top:18px;}

.x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
    box-shadow: inset 0 60px 0 0 #8dc63f;
    background-color: #8dc63f;
}
.x-nav-tabs > li > a {
  font-size: 20px;
  text-transform: uppercase;
}
.x-nav-tabs.top,
.x-nav-tabs.top>li,
.x-nav-tabs.top>li a,
.x-nav-tabs.top>.active>a, 
.x-nav-tabs.top>.active>a:hover {
    color: #fff;
    background-color: #b4e565;
    font-weight:bold;
}

.x-nav-tabs > li {
    /*border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;*/
    float: left;
    text-align: center;
    transition: border-color 0.3s ease 0s;
}

.x-nav-tabs {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) -moz-use-text-color;*/
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin-bottom: 1px;
    position: relative;
    top: 1px;
    z-index: 10;
}
.widget a {
  color: #02aed6;
}

/*
// Footer
*/
.x-colophon.bottom {background-color:#568b0e !important; color:#fff!important;}
.x-colophon-content {color:#fff!important;}
.x-colophon.bottom .x-nav li a {color:#fff!important;}

/*
// Flip Card Hard Coded Style
*/
.x-face-content{padding: 10% !important;}
.x-card-inner{ 
border-width: 8px !important; 
border-style: dotted; 
border-color: #028b9c; 
color: #ffffff; 
background-color: #00b5cb;
}

/* POPUP MAKER CSS */
/* Popup Theme 2961: Default Theme */
.popmake-overlay.theme-2961, .popmake-overlay.theme-default-theme { background-color: rgba( 255, 255, 255, 1 ) } 
.popmake.theme-2961, .popmake.theme-default-theme { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1 ) } 
.popmake.theme-2961 .popmake-title, .popmake.theme-default-theme .popmake-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: inherit; font-size: 32px; font-style: normal; line-height: 36px } 
.popmake.theme-2961 .popmake-content, .popmake.theme-default-theme .popmake-content { color: #8c8c8c; font-family: inherit; font-weight: inherit; font-style: normal } 
.popmake.theme-2961 > .popmake-close, .popmake.theme-default-theme > .popmake-close { height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: inherit; font-size: 12px; font-style: normal; line-height: 14px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1 ) } 
/* Popup Theme 2938: homepage */
.popmake-overlay.theme-2938, .popmake-overlay.theme-homepage { background-color: rgba( 255, 255, 255, 0.85 ) } 
.popmake.theme-2938, .popmake.theme-homepage { padding: 25px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 255, 255, 255, 1 ) } 
.popmake.theme-2938 .popmake-title, .popmake.theme-homepage .popmake-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 32px; line-height: 36px } 
.popmake.theme-2938 .popmake-content, .popmake.theme-homepage .popmake-content { color: #8c8c8c; font-family: inherit } 
.popmake.theme-2938 > .popmake-close, .popmake.theme-homepage > .popmake-close { height: auto; width: auto; left: auto; right: 0px; bottom: 0px; top: auto; padding: 8px; color: #ffffff; font-family: inherit; font-size: 12px; line-height: 14px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1 ) }