/*
Theme Name:   CWS Custom
Template:     cindy
Author:       Jessica Grant
Version:      1.0.0
Description:  CWS Custom Child Theme for Cindy
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
*
*
*
See README-parent-theme-edits.txt for important changes made to the
parent theme because they could not be made in the child theme
*
*
*
*/
/* DEV NOTES:
- style.css is compiled from /assets/scss/style.scss.
!!!!!!!! Do not edit style.css directly!!!!!!!!
- all css attributes are listed in alphabetical order, edits should preserve this convention
*/
/* ******************
STYLE VARS
******************** */
/* ===== COLORS =====*/
/* ===== FONTS =====*/
/* ******************
FUNCTIONAL VARS
******************** */
/*===== RESOURCE PATHS =====*/
/*===== MEDIA QUERIES =====*/
/*
From parent theme:
's'     :  448, // =  28em // Starting mobile landscape
'm'     :  672, // =  42em // Starting tablet portrait
'l'     :  880, // =  55em // Starting tablet landscape
'xl'    : 1280, // =  80em // Starting laptop
'xxl'   : 1600, // = 100em // Starting desktop
'xxxl'  : 1920, // = 120em // Starting desktop full HD
'xxxxl' : 2560, // = 160em // Starting desktop WQHD

USAGE:
// Responsive Styles Desktop And Above
@media all and (min-width: $bp-xl) {

}

// Responsive Styles Standard Desktop Only
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

*/
/* ******************
MIXINS
******************** */
.fa-pseudo {
  font-family: Font Awesome Kit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

/* usage:
.selector:before {
  @include fa-pseudo;
   content: "\f2bb"; // where f2bb is the fa icon unicode
   }
*/
/* usage:
input {
    @include placeholder {color: red;}
}
 */
/* ******************
RESETS
******************** */
.ul-reset, #topbar-widget .widget_nav_menu ul,
.ul-reset li,
#topbar-widget .widget_nav_menu ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

/* ******************
HELPERS
******************** */
.sr-only, #topbar-widget .widget_nav_menu h2 {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ******************
TYPOGRAPHY
******************** */
.strong, strong {
  font-weight: 700;
}

.body1 {
  font-size: 1em;
}

.subheading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  font-weight: 500;
}

.text-caps {
  text-transform: uppercase;
}

/* ******************
BUTTONS
******************** */
.button-cta-white, .buttons-navigation a:not(.has-text-color), .cart_totals .checkout-button:not(.has-text-color), .has-text-color .button:not(.has-text-color), .page-numbers:not(.current):not(.dots):not(.has-text-color), .post-page-numbers:not(.current):not(.dots):not(.has-text-color), .wp-block-button__link:not(.has-text-color), .wp-block-search .wp-block-search__button:not(.has-text-color), [type=button]:not(.has-text-color), [type=reset]:not(.has-text-color), [type=submit]:not(.has-text-color), button:not(.has-text-color), .button-cta-transparent {
  background: #FFFFFF;
  border: 1px solid #0f5a33;
  box-sizing: border-box;
  box-shadow: none;
  color: #0f5a33;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-weight: 700;
  height: 44px;
  text-transform: uppercase;
}
.button-cta-white:hover, .buttons-navigation a:hover:not(.has-text-color), .cart_totals .checkout-button:hover:not(.has-text-color), .has-text-color .button:hover:not(.has-text-color), .page-numbers:hover:not(.current):not(.dots):not(.has-text-color), .post-page-numbers:hover:not(.current):not(.dots):not(.has-text-color), .wp-block-button__link:hover:not(.has-text-color), .wp-block-search .wp-block-search__button:hover:not(.has-text-color), [type=button]:hover:not(.has-text-color), [type=reset]:hover:not(.has-text-color), [type=submit]:hover:not(.has-text-color), button:hover:not(.has-text-color), .button-cta-transparent:hover, .button-cta-white:focus, .buttons-navigation a:focus:not(.has-text-color), .cart_totals .checkout-button:focus:not(.has-text-color), .has-text-color .button:focus:not(.has-text-color), .page-numbers:focus:not(.current):not(.dots):not(.has-text-color), .post-page-numbers:focus:not(.current):not(.dots):not(.has-text-color), .wp-block-button__link:focus:not(.has-text-color), .wp-block-search .wp-block-search__button:focus:not(.has-text-color), [type=button]:focus:not(.has-text-color), [type=reset]:focus:not(.has-text-color), [type=submit]:focus:not(.has-text-color), button:focus:not(.has-text-color), .button-cta-transparent:focus, .button-cta-white:active, .buttons-navigation a:active:not(.has-text-color), .cart_totals .checkout-button:active:not(.has-text-color), .has-text-color .button:active:not(.has-text-color), .page-numbers:active:not(.current):not(.dots):not(.has-text-color), .post-page-numbers:active:not(.current):not(.dots):not(.has-text-color), .wp-block-button__link:active:not(.has-text-color), .wp-block-search .wp-block-search__button:active:not(.has-text-color), [type=button]:active:not(.has-text-color), [type=reset]:active:not(.has-text-color), [type=submit]:active:not(.has-text-color), button:active:not(.has-text-color), .button-cta-transparent:active {
  background: #0f5a33;
  border-color: #0f5a33;
  color: #FFFFFF;
}

.button-cta-transparent:not(:hover), .button-cta-transparent:not(:focus), .button-cta-transparent:not(:active) {
  background: transparent;
}

/* ******************
FORMS
******************** */
.form-search .search-field, .form-search [type=search], .search-form .search-field, .search-form [type=search], form[role=search] .search-field, form[role=search] [type=search] {
  background: #FFFFFF;
  border: 1px solid #AAA;
}
.form-search .search-field::-webkit-input-placeholder, .form-search [type=search]::-webkit-input-placeholder, .search-form .search-field::-webkit-input-placeholder, .search-form [type=search]::-webkit-input-placeholder, form[role=search] .search-field::-webkit-input-placeholder, form[role=search] [type=search]::-webkit-input-placeholder {
  color: #AAA;
}
.form-search .search-field:-moz-placeholder, .form-search [type=search]:-moz-placeholder, .search-form .search-field:-moz-placeholder, .search-form [type=search]:-moz-placeholder, form[role=search] .search-field:-moz-placeholder, form[role=search] [type=search]:-moz-placeholder {
  color: #AAA;
}
.form-search .search-field::-moz-placeholder, .form-search [type=search]::-moz-placeholder, .search-form .search-field::-moz-placeholder, .search-form [type=search]::-moz-placeholder, form[role=search] .search-field::-moz-placeholder, form[role=search] [type=search]::-moz-placeholder {
  color: #AAA;
}
.form-search .search-field:-ms-input-placeholder, .form-search [type=search]:-ms-input-placeholder, .search-form .search-field:-ms-input-placeholder, .search-form [type=search]:-ms-input-placeholder, form[role=search] .search-field:-ms-input-placeholder, form[role=search] [type=search]:-ms-input-placeholder {
  color: #AAA;
}

/* single line inputs */
input[type=search],
input[type=text],
input[type=email] {
  height: 44px;
}

/* ******************
LANGUAGE SWITCHER (used in header and footer)
******************** */
body > .wpml-ls-statics-footer {
  display: none !important;
}

.wpml-ls-legacy-list-horizontal {
  border: 0;
  display: inline-flex;
  margin: 0;
  padding: 0;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.wpml-ls-legacy-list-horizontal ul {
  background: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  overflow: hidden;
}
.wpml-ls-legacy-list-horizontal a {
  background-color: transparent;
  border-radius: 100px;
  color: #FFFFFF;
  margin: 2px;
}
.wpml-ls-legacy-list-horizontal a:hover, .wpml-ls-legacy-list-horizontal a:focus, .wpml-ls-legacy-list-horizontal a:active {
  text-decoration: underline;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
  background-color: #FFFFFF;
  color: #323232;
  cursor: default;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a:hover, .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a:focus, .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a:active {
  text-decoration: none;
}

/* ******************
GLOBAL HEADER
******************** */
/*===== LANGUAGE SWITCHER - HEADER ONLY ====*/
#topbar-widget .widget_icl_lang_sel_widget {
  width: 100%;
}
@media all and (min-width: 1280px) {
  #topbar-widget .widget_icl_lang_sel_widget {
    margin: 6px 0;
    width: auto;
  }
}

/*===== QUICK LINKS =====*/
#topbar-widget {
  background: #24606B;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
#topbar-widget .widget_nav_menu ul {
  display: flex;
}
#topbar-widget .widget_nav_menu ul li {
  align-items: center;
  color: #FFFFFF;
  display: flex;
}
#topbar-widget .widget_nav_menu ul li:before {
  font-family: Font Awesome Kit;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-size: 20px;
  margin-right: 9px;
}
#topbar-widget .widget_nav_menu ul li.quicklinks-quote:before {
  content: "\e002";
}
#topbar-widget .widget_nav_menu ul li.quicklinks-schedule:before {
  content: "\e000";
}
#topbar-widget .widget_nav_menu ul li.quicklinks-reports:before {
  content: "\e001";
}
#topbar-widget .widget_nav_menu ul li.quicklinks-pay:before {
  content: "\e003";
}
#topbar-widget .widget_nav_menu ul a {
  color: #FFFFFF !important;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#topbar-widget .widget_nav_menu ul a:hover, #topbar-widget .widget_nav_menu ul a:focus, #topbar-widget .widget_nav_menu ul a:active {
  text-decoration: underline;
}
@media all and (min-width: 1280px) {
  #topbar-widget {
    align-items: stretch;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: -18px;
  }
  #topbar-widget .widget_nav_menu {
    align-items: center;
    display: flex;
  }
  #topbar-widget .widget_nav_menu nav {
    flex: 1;
  }
  #topbar-widget .widget_nav_menu ul {
    justify-content: space-between;
    margin-left: -18px;
  }
  #topbar-widget .widget_nav_menu ul li {
    padding: 9px 18px;
  }
  #topbar-widget .widget_nav_menu ul li:hover, #topbar-widget .widget_nav_menu ul li:active {
    background: #2f6e7a;
  }
}

/*===== HEADER SEARCH BOX ====*/
@media all and (min-width: 1280px) {
  #header-widgets {
    justify-content: flex-end;
  }
  #header-widgets .widget_search {
    margin-right: 0;
  }
}

/*===== MAIN MENU =====*/
.main-navigation-section {
  border: 0;
}
.main-navigation-section .menu-primary a:before {
  display: none;
}
.main-navigation-section .menu-primary li.menu-item-is-depth-0 > a {
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (min-width: 1280px) {
  .main-navigation-section .main-navigation-content,
.main-navigation-section .main-navigation-container {
    max-width: unset;
  }
  .has-navigation-mobile .main-navigation-section .main-navigation-container {
    display: block;
  }
  .main-navigation-section .main-navigation {
    width: 100%;
  }
  .main-navigation-section .main-navigation .menu-primary {
    justify-content: space-between;
    padding-bottom: 1px;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-0 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-0:first-of-type {
    margin-left: -18px;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-0:nth-last-child(2) {
    margin-right: -18px;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-0:hover, .main-navigation-section .main-navigation li.menu-item-is-depth-0:active {
    background: #3d715c;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-0 > a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .main-navigation-section .main-navigation .sub-menu {
    left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-1 {
    font-size: 16px;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-1:hover, .main-navigation-section .main-navigation li.menu-item-is-depth-1:active {
    background: #3d715c;
  }
  .main-navigation-section .main-navigation li.menu-item-is-depth-1 > a {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* ******************
GLOBAL FOOTER
******************** */
.footer-widgets .widget {
  flex: unset;
  max-width: unset;
}

.site-footer .site-branding {
  display: none !important;
}

.site-footer-content {
  max-width: unset;
}

/*===== ICONS NAVIGATION - FOOTER 1 WIDGET  =====*/
.footer-1-widgets-section .footer-1-widgets-content {
  padding: 12px 0;
}
.footer-1-widgets-section #member-social-wrap {
  /*===== FOOTER MENU =====*/
  /*===== FOOTER LOCATIONS INFO =====*/
}
.footer-1-widgets-section #member-social-wrap .subheading {
  margin-bottom: 0;
  margin-right: 13px;
  text-transform: uppercase;
}
.footer-1-widgets-section #member-social-wrap li {
  border: 0;
  padding: 0 13px;
  margin: 0;
}
.footer-1-widgets-section #member-social-wrap a {
  display: block;
}
.footer-1-widgets-section #member-social-wrap .memberships-col img {
  display: inline-block;
  width: auto;
  height: 45px;
}
.footer-1-widgets-section #member-social-wrap .social-col i {
  font-size: 28px;
}
.footer-1-widgets-section #member-social-wrap .social-col .fa-google {
  padding-right: 4px;
}
@media all and (min-width: 1280px) {
  .footer-1-widgets-section #member-social-wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .footer-1-widgets-section #member-social-wrap .memberships-col,
.footer-1-widgets-section #member-social-wrap .social-col {
    display: flex;
    align-items: center;
  }
  .footer-1-widgets-section #member-social-wrap .memberships-col ul,
.footer-1-widgets-section #member-social-wrap .social-col ul {
    display: flex;
    align-items: center;
  }
  .footer-1-widgets-section #member-social-wrap .memberships-col {
    margin-right: 18px;
  }
}
.footer-1-widgets-section #member-social-wrap .footer-2-widgets-section .site-branding {
  display: none !important;
}
.footer-1-widgets-section #member-social-wrap #footer-widget {
  background: #0f5a33;
  color: #FFFFFF;
}

/*===== FOOTER MENU - FOOTER 2 WIDGET  =====*/
/*===== FOOTER LOCATIONS - FOOTER WIDGET AREA WIDGET =====*/
#footer-widget {
  background: #0f5a33;
  color: #FFFFFF;
}