/*
 Theme Name:     Child Theme for LYNC Communities
 Author:         Louise Street Marketing
 Author URI:     https://louisestreet.com
 Template:       Divi
 Version:        1.0
*/

/*-----------------------------------------------*/
/*-----  Root Variables  -----*/
/*-----------------------------------------------*/

:root {
  /* Colour Palette */
  --blue: #0e2b62;
  --green: #89be55;
  --darkgrey: #808080;
  --lightgrey: #f4f4f4;
  --off-white: #f7f7f7;
  --almost-black: #1f1f1f;

  /* Fonts */
  --fs-1: clamp(2rem, 5vw, 3.8rem); /*60.8px*/
  --fs-2: clamp(2rem, 5vw, 3rem); /*48px*/
  --fs-3: clamp(1.7rem, 3vw, 2.8rem); /*44.8px*/
  --fs-4: clamp(1.5rem, 2vw, 2.5rem); /*40px*/
  --fs-5: clamp(1.2rem, 2vw, 2rem); /*32px*/
  --fs-6: clamp(1rem, 2vw, 1.5rem); /*24px*/
  --fs-b: 1.2rem; /*16px*/
  --fs-mainmenu: clamp(1.2rem, 1vw, 1.6rem); /*32px*/
}

/*-----------------------------------------------*/
/*-----  Set Heading Defaults  -----*/
/*-----------------------------------------------*/

/* Change colours by adjusting the variable above and selecting it in the color: variable below */
.et_pb_text h1 {
  font-size: var(--fs-1);
  color: var(--blue);
  font-weight: 700;
}
.et_pb_text h2 {
  font-size: var(--fs-2);
  color: var(--blue);
  font-weight: 700;
}
.et_pb_text h3 {
  font-size: var(--fs-3);
  color: var(--blue);
  font-weight: 700;
}
.et_pb_text h4 {
  font-size: var(--fs-4);
  color: var(--blue);
  font-weight: 700;
}
.et_pb_text h5 {
  font-size: var(--fs-5);
  color: var(--blue);
  font-weight: 700;
}
.et_pb_text h6 {
  font-size: var(--fs-6);
  color: var(--blue);
  font-weight: 700;
}

body {
  font-size: var(--fs-b);
}

/*-----------------------------------------------*/
/*-----  Set Divi Defaults  -----*/
/*-----------------------------------------------*/

body p {
  font-size: var(--fs-b);
}

/*----- Set Defaul Button Styling -----*/
.et_pb_button {
  font-size: var(--fs-6);
}

/*----- Set Divi Module Margin -----*/
.et_pb_module {
  margin-bottom: 0;
  margin-top: 0;
}

/*----- Set Divi Text to Not Break -----*/
.et_pb_text {
  word-wrap: initial !important;
}

/*----- Vertically Center Modules when Equal Columns are Checked -----*/
.et_pb_equal_columns > .et_pb_column {
  margin-top: auto;
  margin-bottom: auto;
}

/*----- Set menu breakpoints: Make sure to add correct classes to Divi sections -----*/

/* Hide desktop header on mobile */
@media (max-width: 980px) {
  .lsm-header-desktop {
    display: none;
  }
}
/* Hide mobile header on dektop */
@media (min-width: 981px) {
  .lsm-header-mobile {
    display: none;
  }
}

/*-----------------------------------------------*/
/*-----  Header  -----*/
/*-----------------------------------------------*/

/*----- Page Titles -----*/
.et_pb_column.lsm-column-titlebox {
  background-color: #fff;
  padding: 5% 8%;
  width: 60%;
  opacity: .9;
}

@media (max-width:1250px) {
.et_pb_column.lsm-column-titlebox {
  width: 80%;
}
}

.lsm-column-titlebox .et_pb_text {
  width: 100%;
  line-height: 1.8rem;
}

.lsm-column-titlebox .et_pb_text h1 {
  padding-bottom: 0;
}


/*-----------------------------------------------*/
/*-----  Main Menu  -----*/
/*-----------------------------------------------*/

/*----- Donate Button -----*/
@media (min-width: 981px) {
  .et-db
    #et-boc
    .et-l
    .et_pb_menu_0_tb_header.et_pb_menu
    ul
    li.lsm-menu-donate
    a {
    color: #fff !important;
    background-color: var(--green);
    padding: 10px 10px;
    margin-top: 21px;
    margin-bottom: 21px;
  }
}

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
  padding: 10px 10px;
}

@media (max-width: 1166px) {
  .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-size: 1.1rem;
    padding: 10px 10px;
  }
}

/*-----------------------------------------------*/
/*-----  SubMenu  -----*/
/*-----------------------------------------------*/

/*-----------------------------------------------*/
/*-----  Mobile Menu  -----*/
/*-----------------------------------------------*/

#mobile_menu1 {
  margin-top: 35px;
}

/*----- Change Divi hamburger menu to a different icon when open (Any icon can be used by changing the content) -----*/
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/* Make mobile menu fullwidth - Set #mobile_menu(x) to correct menu number */
#mobile_menu2 .et_mobile_menu {
  min-width: 100vw;
  margin-left: -10vw;
}

/*------ Collapses 2nd level items ------*/

/**** This hides the sub menu items on mobile ****/
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.hide {
  display: none !important;
}

/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
  position: relative;
}

#page-container .mobile_nav .menu-item-has-children > a {
  background: transparent;
}

/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  z-index: 3;
}

/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
  content: "\4c";
  display: block;
  color: var(--green);
  font-size: 16px;
  font-family: ETmodules;
}

/*------ END Collapses 2nd level items ------*/

/*-----------------------------------------------*/
/*-----  Page Content  -----*/
/*-----------------------------------------------*/

/*----- Style Blue Circle -----*/
.et_pb_module.lsm-circle-border {
  display: flex;
}

.et_pb_module.lsm-circle-border .et_pb_text_inner {
  margin: auto;
}

.et_pb_row_1-6_1-6_1-6 {
  flex-wrap: nowrap;
}

/*-----------------------------------------------*/
/*-----  Events Calendar  -----*/
/*-----------------------------------------------*/
.tribe-events .tribe-events-c-subscribe-dropdown__container {
  display: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector {
  display: none;
}

/*-----------------------------------------------*/
/*-----  Footer  -----*/
/*-----------------------------------------------*/

/* ------- Vertical Footer Menu (Make sure to add the lsm-vert-menu class to the footer menu in Divi -------- */

@media (min-width: 1200px) {
  .lsm-column-footer-small {
    width: 12% !important;
  }

  .lsm-column-footer-large {
    width: 25% !important;
  }
}

.et_pb_row_0_tb_footer a {
  color: var(--almost-black);
  font-size: 1rem;
}

.et_pb_row_0_tb_footer a:hover {
  text-decoration: underline;
}

/* remove default 11px padding on each side of list items */
.lsm-vert-menu .et-menu > li {
  padding-left: 0px;
  padding-right: 0px;
}

/* make the menu items fullwidth and add space between them */
.lsm-vert-menu nav ul li {
  display: block;
  width: 100%;
  margin: 10px 0;
}

/* Hide vertical menu on mobile */
@media (max-width: 980px) {
  .lsm-vert-menu {
    display: none;
  }
}

.et_pb_row_1_tb_footer.et_pb_row .et_pb_text_inner {
  line-height: 1.1em;
  font-size: 0.8rem;
}

/*-----------------------------------------------*/
/*-----  Gravity Forms  -----*/
/*-----------------------------------------------*/

/* SUBMIT BUTTON */

.gform_wrapper .gform_footer input[type="submit"] {
  font-size: 20px;
  background-color: #89be55;
  border: 0;
  border-radius: 0px;
  letter-spacing: 1px;
  color: #fff;
  padding: 10px 25px !important;
  text-transform: uppercase;
  font-weight: 500;
}

/*----- FIELDS -----*/

input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea {
  background-color: #f4f4f4;
  border: 1px solid #ccc !important;
  padding: 2px;
  border-radius: 4px;
}

.gform_required_legend {
  display: none;
}

/*-----------------------------------------------*/
/*-----  Woocommerce  -----*/
/*-----------------------------------------------*/



/*-----------------------------------------------*/
/*-----  photo masonry gallery thing  -----*/
/*-----------------------------------------------*/
@media (min-width: 981px) {
  .et_pb_gutters2 .et_pb_column_1_4,
  .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
    width: 24.2%  !important;
  }

  .et_pb_gutters2 .et_pb_column,
  .et_pb_gutters2.et_pb_row .et_pb_column {
    margin-right: 1.5%;
  }

  @media (min-width: 981px){}
.et_pb_section_sticky{
     padding-bottom: 50px!important; 
}
}


/*-----------------------------------------------*/
/*-----  nac cta dropdown centered  -----*/
/*-----------------------------------------------*/
li.et_pb_menu_page_id-6333.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-6416 {
    text-align: center !important;
}