/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


:root {
	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;

	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #ead9c7;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-white);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

}

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

/*=====================================
=======================================
          Web accessibility  
=======================================
======================================= */

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:var(--global--color-white);
    color: var(--global--color-dark-gray);
    border:3px solid var(--global--color-dark-gray);
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    text-align:center;
    font-size:1em;
    z-index:999;
}

/*=====================================
=======================================
              Universal  
=======================================
======================================= */

@import url("https://use.typekit.net/gac5cfu.css");

body {
  font-family: coranto-2, serif;
}

body.home .entry-header, body.page-template .entry-header {
  display:none;
}

h1, h2, h3 {
  font-family: soleil, sans-serif !important;
}

h1, h2 {
  font-weight: 800 !important;
}

.boldgrid-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

main {
padding-top: 0 !important;
margin-top: 0px;
}

.boldgrid-section .container {
	  max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
}

.boldgrid-section {
	width: 100% !important;
	max-width: 100% !important;
}

.site .button, input[type=submit], input[type=reset], .wp-block-search__button, .wp-block-button .wp-block-button__link {
  border: 3px solid #69db05;
  background: #69db05 !important;
  background-color: #69db05 !important;
  color: #000 !important;
  line-height: 1.2;
}

.site .button:hover, input[type=submit]:hover, input[type=reset]:hover, .wp-block-search__button:hover, .wp-block-button .wp-block-button__link:hover {
  text-decoration: underline;
  border: none;
  border: 3px solid #69db05;
}



.addtoany_share_save_container {
    width: 100% !important;
    max-width: 1077px !important;
}

.a2a_floating_style {
  display: none;
}


@media only screen and (max-width: 992px) {
.addtoany_share_save_container {
    max-width: 970px !important;
}
}


@media only screen and (max-width: 768px) {
.addtoany_share_save_container {
    max-width: 750px !important;
}
}


.header-container header img {
  max-width: 500px !important;
  margin: 50px 0 !important;
}



.mobile-only {
  display: none;
}

@media only screen and (max-width: 768px) {
.desktop-only {
  display: none;
}

.mobile-only {
  display: block;
}
}

/*=====================================
=======================================
              Header  
=======================================
======================================= */

header {
	padding-top: 10px !important;
padding-bottom: 10px !important;
}

header a:focus {
    background: initial !important;
    color: initial !important;
    opacity: 0.8 !important;
}

.site-logo img {
  background-image: url('assets/logo-green-bg.svg');
  background-position: top left;
  background-size: 96%;
  background-repeat: no-repeat;
}

.is-dark-theme .site-logo img {
  background-image: url('assets/logo-white-green-bg.svg');

}

.site-logo .custom-logo {
  max-width: 220px;
  height: auto;
}

@media only screen and (max-width: 700px) {
  .site-logo .custom-logo {
    max-width: 150px;
  }
}


header .menu-item {
  display: flex;
    justify-content: center;
    align-items: center;
}

header .menu-item a, .sub-menu li a {
    text-transform: uppercase;
  font-size: 14px !important;
}

.sub-menu li, #dark-mode-toggler {
  background: var(--global--color-white) !important;
  color: var(--global--color-dark-gray);
}

.is-dark-theme .sub-menu li, .is-dark-theme #dark-mode-toggler {
  background: var(--global--color-dark-gray) !important;
  color: white;
}

#dark-mode-toggler:hover, #dark-mode-toggler:active, #dark-mode-toggler:focus {
  background: var(--global--color-white) !important;
  color: var(--global--color-dark-gray);
  text-decoration: underline;
}

.is-dark-theme #dark-mode-toggler:hover, .is-dark-theme #dark-mode-toggler:active, .is-dark-theme #dark-mode-toggler:focus {
  background: var(--global--color-dark-gray) !important;
  color: white;
  text-decoration: underline;
}


#mc_embed_signup form {
  margin: 20px 0 50px 0 !important;
  padding: 0 !important;
}

#mc_embed_signup form input {
  max-width: 500px !important;
  margin: 0 -2px 0 0;
}

#mc_embed_signup_scroll {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 700px) {
  #mc_embed_signup form input {
    max-width: 100% !important;
    margin-bottom: 10px;
  }
}




/*=====================================
=======================================
              Footer  
=======================================
======================================= */
footer .site-info {
  margin-top: 10px;
  padding-top: 10px !important;
  border-top: 3px solid var(--global--color-dark-gray);
}

footer .copyright {
  font-size: 12px;
}

footer .widget-area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px !important;
}

footer .widget-area section:first-child {
    width: 40%;
}

footer .widget-area a {
    text-decoration: none;
}

footer .widget {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

footer .menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

footer nav {
  width: 100%;
}

footer #nav_menu-4 .menu, footer .textwidget {
  justify-content: flex-end;
  width: 100%;
}

footer .menu .menu-item {
  margin-right: 20px;

}

@media only screen and (max-width: 768px) {

  footer .widget-area  {
    flex-wrap: wrap;
    text-align: center;
  }
  footer .widget-area section:first-child {
    width: 50%;
    margin: 20px auto;
  }
  footer .widget-area section {
    width: 100%;
  }
  footer .widget-area section:last-child {
    margin: 20px auto;
  }
}

@media only screen and (max-width: 600px) {
footer #nav_menu-5 .menu, footer .textwidget {
  justify-content: flex-start;
  margin-top: 30px;
}
}


.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

/*=====================================
=======================================
              Home  
=======================================
======================================= */



.home-coach-mobile {
  display: none !important;
}

@media only screen and (max-width: 750px) {
.home-coach-mobile {
display: block !important;
}
.home-coach-desktop {
  display: none !important;
}
}



.course-section-wrapper .align-column-center {
    align-self: start;
  
}





.self-advocate-toggle, .dream-job-toggle {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  text-decoration-thickness: 1px;
}

.self-advocate-toggle:hover, .dream-job-toggle:hover, .self-advocate-toggle:active, .dream-job-toggle:active {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.self-advocate-course-waitlist #mc_embed_signup_scroll, .dream-job-course-waitlist #mc_embed_signup_scroll {
  flex-wrap: nowrap !important;
}

.self-advocate-course-waitlist, .dream-job-course-waitlist {
  display: none;
}

.course-section-wrapper .flex {
  display: flex;
}

.course-section-wrapper .flex p {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .self-advocate-course-waitlist #mc_embed_signup_scroll, .dream-job-course-waitlist #mc_embed_signup_scroll {
  flex-wrap: wrap !important;
}

.course-section-wrapper #mc_embed_signup_scroll input {
  width: 100% !important;
}
}


.blog-sidebar-wrap {
  display: none;
}

body.blog .content-area, body.single-post .content-area {
  display: flex !important;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
}

body.blog .content-area main, body.single-post .content-area main {
  width: 65%;
}

body.blog .content-area aside, body.single-post .content-area aside {
  width: 30%;
}

body.blog .blog-sidebar-wrap, body.single-post .blog-sidebar-wrap{
  display: inline;
}

.blog-sidebar-wrap {
  margin-top: 50px;
  padding: 20px;
}

.blog-sidebar-wrap .widget-content {
  padding: 10px 0;
}


.blog-sidebar-wrap .widget-content h3 {
  font-size: 33px;
}

.blog-sidebar-wrap .widget-content p, .blog-sidebar-wrap .widget-content li, .blog-sidebar-wrap .widget-content a {
  font-size: 16px;
  text-align: left;
}

.blog-sidebar-wrap .widget-content ul {
  padding: 0;
}

.blog-sidebar-wrap .widget-content ul li {
  list-style: none;
  margin: 10px 0;
}

.blog-sidebar-wrap .widget-content ul li .menu-item-description {
  display: none;
}

.blog-sidebar-wrap form label {
 display: none;
}

.blog-sidebar-wrap form .search-submit, .blog-sidebar-wrap form #search-form-1 {
  width: 100%;
  margin: 0;
}

.blog-sidebar-wrap form #search-form-1 {
  margin: 15px 0 -2px 0;
}

/*=====================================
=======================================
              About 
=======================================
======================================= */

/*=====================================
=======================================
              Blog 
=======================================
======================================= */
.post-thumbnail {
    max-width: 610px !important;
}