/*
 Theme Name:     Ascent
 Theme URI:      https://ascentLeader.org/
 Description:    Ascent Leadership Institute Theme
 Author:         Rachelle Wise
 Author URI:     https://www.rachellewise.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-LightItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Thin.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-ThinItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Bold.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-BlackItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Regular.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Light.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Black.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-RegularItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-BoldItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-Medium.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("fonts/BrandonGrotesque-MediumItalic.woff2") format("woff2"),
    url("fonts/BrandonGrotesque-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

/*** column swap magic ***/
@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first_on_mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second_on_mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third_on_mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth_on_mobile {
    -webkit-order: 4;
    order: 4;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
}

body {
  font-family: "Brandon Grotesque", "Verdana", "Arial", sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}

.hidden {
  display: none;
}
.et-fb .hidden {
  display: block;
}

a.et_pb_button {
  color: #fff;
}

#et-info-phone:hover {
  opacity: 0.7;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#top-header .container {
  width: 100%;
  max-width: 100%;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin: auto !important;
}
#top-header .et-social-icons {
  float: right;
}
#et-info {
  width: 100%;
}
#top-menu li li a {
  line-height: 1.2em;
}
.et_mobile_menu li a:hover,
.nav ul li a:hover {
  opacity: 1;
  background-color: rgb(148, 195, 82);
}
#top-menu li li a:hover {
  color: #fff;
}
.et_fixed_nav #top-header {
  position: absolute !important;
}
.et-fixed-header {
  top: 0px !important;
}

@media (max-width: 1015px) {
  #top-menu {
    display: none;
  }
  #et_mobile_nav_menu {
    display: block;
  }
}

@media (min-width: 981px) {
  .et_header_style_left .et-fixed-header #et-top-navigation,
  .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-left: 0 !important;
  }
}

#main-header .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
  position: relative;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
  font-family: "ETmodules";
  text-align: center;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  position: absolute;
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
  font-size: 16px;
  content: "\4c";
  top: 13px;
  right: 10px;
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
  content: "\4d";
}
#main-header .et_mobile_menu ul.sub-menu {
  display: none !important;
  visibility: hidden !important;
  transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu {
  display: block !important;
  visibility: visible !important;
}

#post-47926 .et_builder_inner_content {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='425.8' height='4675.453'><path d='M71.974 4675.453c0-284.368 256.843-286.235 200.817-514.012-30.7-124.828-99.252-234.125-147.428-352.271s-74.777-259.18-20-373.888c35.14-73.588 98.5-125.38 157.786-177.622s118.987-111.566 141.451-190.782-8.459-181.861-81.881-204.635c-25.724-7.979-53.247-5.514-79.469-11.273-92.612-20.342-142.15-140.563-126.85-241.777s76.9-186 137.718-264.5 124.981-159.8 147.313-259.466c37.794-168.663-55.457-341.214-172.094-459.964-86.261-87.819-194.172-171.375-212.637-298.173-20.41-140.157 78.5-265.015 174.545-361.277S395.648 762.4 402.364 620.689c4.884-103.064-48.438-201.257-119.841-269.4S71.974 284.368 71.974 0' fill='none' stroke='%2380bf1f' stroke-miterlimit='10' stroke-width='28'/></svg>");
  color: white;
  background-repeat: repeat-y;
  background-position: 8% center;
}

@media (max-width: 980px) {
  #post-47926 .et_builder_inner_content {
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='425.8' height='4675.453'><path d='M71.974 4675.453c0-284.368 256.843-286.235 200.817-514.012-30.7-124.828-99.252-234.125-147.428-352.271s-74.777-259.18-20-373.888c35.14-73.588 98.5-125.38 157.786-177.622s118.987-111.566 141.451-190.782-8.459-181.861-81.881-204.635c-25.724-7.979-53.247-5.514-79.469-11.273-92.612-20.342-142.15-140.563-126.85-241.777s76.9-186 137.718-264.5 124.981-159.8 147.313-259.466c37.794-168.663-55.457-341.214-172.094-459.964-86.261-87.819-194.172-171.375-212.637-298.173-20.41-140.157 78.5-265.015 174.545-361.277S395.648 762.4 402.364 620.689c4.884-103.064-48.438-201.257-119.841-269.4S71.974 284.368 71.974 0' fill='none' stroke='rgba(128, 191, 31, 0.30)' stroke-miterlimit='10' stroke-width='28'/></svg>");
  }
}

::selection {
  background: #e87d26; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #e87d26; /* Gecko Browsers */
  color: #fff;
}

div.highlight-and-share-wrapper a,
div.highlight-and-share-wrapper a:hover,
div.highlight-and-share-wrapper a:visited {
  line-height: 1em;
}
div.highlight-and-share-wrapper a:after {
  content: " Tweet This";
  text-transform: capitalize;
  font-size: 12px;
}

.single-post #main-content .container {
  padding-top: 0;
}
.single-post #content-area {
  max-width: 800px;
  margin: auto;
}

.at-below-post.addthis_tool:before {
  content: "Share This Post:";
}
.at-resp-share-element .at-share-btn .at-label {
  display: none;
}

.crp_related {
  margin-top: 50px;
}

.crp_related ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 !important;
}
.crp_related ul li {
  margin-bottom: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 19px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  word-wrap: break-word;
  width: 29.667%;
  margin-right: 5.5%;
}
.crp_related ul li a {
  margin: -20px -20px 29px;
  position: relative;
}
.crp_related img {
  max-width: 100% !important;
  margin-bottom: 15px;
}
.crp_title {
  color: #414042;
  padding: 0 20px;
  display: block;
}

.et_pb_promo_description a {
  text-decoration: underline;
}

#sitemap ul {
  list-style: none;
  padding: 0;
}
#sitemap li {
  margin-bottom: 5px;
}
#sitemap ul.sub-menu {
  padding-left: 1em;
  text-transform: none;
  margin-bottom: 5px;
}
#sitemap .sub-menu li {
  margin-bottom: 0;
}

.btn-inline .et_pb_button_module_wrapper {
  display: inline-block;
  margin: 0 5px;
}
.btn-inline {
  text-align: center !important;
}
.btn-inline.left {
  text-align: left !important;
}

#transposh-3,
#tr_credit {
  display: none;
}
#et-info #transposh-3 {
  float: right;
  display: block;
  margin-top: -7px;
  margin-bottom: -7px;
}
#et-info #transposh-3 span {
  display: inline-block;
  margin-right: 6px;
}

@media (max-width: 767px) {
  #et-info {
    text-align: left;
  }
}
#signupform {
  padding: 50px 0 10px;
  border-top-left-radius: 8vw;
}
#signupform form {
  max-width: 80%;
  margin: auto;
  background: none !important;
  border: 0;
}
#signupform .formkit-powered-by,
#signupform .formkit-guarantee {
  display: none;
}
#signupform .formkit-subheader p {
  font-family: "Brandon Grotesque", Verdana, Arial, sans-serif !important;
  text-align: left;
  font-size: 20px;
}
#signupform .formkit-header {
  font-size: 25px !important;
  font-family: "Brandon Grotesque", Verdana, Arial, sans-serif !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}
#signupform input {
  font-family: "Brandon Grotesque", Verdana, Arial, sans-serif !important;
  font-size: 20px;
}
#signupform .formkit-submit {
  font-size: 18px;
  background: #247e2c !important;
  border: 2px solid #247e2c !important;
  border-radius: 25px !important;
  font-weight: normal !important;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
}
#signupform .formkit-submit span {
  background: none !important;
  font-family: "Brandon Grotesque", Verdana, Arial, sans-serif !important;
  padding: 8px 0;
}
#signupform .formkit-submit:hover {
  color: #247e2c !important;
  background: #fff !important;
  border-color: #247e2c !important;
  border-radius: 25px;
}

.single-post div#left-area {
  width: 100%;
}
.single-post div.container:before,
.single-post div#sidebar {
  display: none;
}

#sidebar .et_pb_widget {
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e2e2e2;
}

.et_pb_widget ul li {
  margin-bottom: 1em;
  line-height: 1.1em;
  font-size: 17px;
  font-weight: 400;
}
.et_pb_widget a {
  color: #3e9f2c;
}
footer .container {
  width: 80%;
  max-width: 80%;
}
#footer-info {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#ascent-events {
  border: none;
  border-bottom: 1px solid #c7e39c;
}
#ascent-events td {
  padding: 15px 0;
  line-height: 1.2em;
  border-top: 1px solid #c7e39c;
}
#ascent-events td:nth-child(odd) {
  max-width: 250px;
}
#ascent-events .heading td {
  border-top: 0;
}
#ascent-events strong {
  display: inline-block;
  margin-right: 10px;
  color: #3e9e2c;
  font-size: 18px;
  line-height: 1.2em;
}
#ascent-events li {
  padding: 20px 20px 0 40px;
}