/*
 Theme Name:   New Carbon Economy Consortium 
 Theme URI:    https://github.com/asu-ke-web-services/new-carbon-economy-child-theme.git
 Description:  New Carbon Economy Consortium is a child theme of the ASU Web Standards Wordpress Theme.
 Author:       Knowledge Enterprise
 Template:     ASU-Web-Standards-Wordpress-Theme
 Version:      1.0.2
 License:      MIT
 Text Domain:  new-carbon-economy-consortium

  GitHub Theme URI: https://github.com/asu-ke-web-services/new-carbon-economy-child-theme
  Primary Branch: main
*/



/* Headings h1-h5 */
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  text-align: left;
  opacity: 1;
  margin: 1rem 0;
  line-height: calc(100% + .12em);
}

h1 {
  font-size: 4rem;
  letter-spacing: -0.035em;
}

h1.article {
  font-size: 3rem;
}

@media (max-width: 577px) {
  h1 {
    font-size: 2.25rem;
  }
}

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.035em;
}

@media (max-width: 577px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  letter-spacing: -0.035em;
}

h4 {
  font-size: 1.25rem;
  letter-spacing: -0.025em;
}

h5 {
  font-size: 1rem;
  letter-spacing: -0.015em;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}


/* Small gold bar in headings */
    span.gold-bar-sm {
    content: "";
    width: 3rem;
    height: .25rem;
    display: block;
    background-color: #ffc627;
    margin: .5rem 0;
		
}

/* Medium gold bar in headings */
    span.gold-bar-md {
    content: "";
    width: 5rem;
    height: .25rem;
    display: block;
    background-color: #ffc627;
    margin: .5rem 0;
}

/* Small maroon bar in headings */
    span.maroon-bar-sm {
    content: "";
    width: 3rem;
    height: .25rem;
    display: block;
    background-color: #8C1D40;
    margin: .5rem 0;
		
}

/* Medium maroon bar in headings */
    span.maroon-bar-md {
    content: "";
    width: 5rem;
    height: .25rem;
    display: block;
    background-color: #8C1D40;
    margin: .5rem 0;
}



/* Gold highlight on headings */
h1 span.highlight-gold, h2 span.highlight-gold, h3 span.highlight-gold, h4 span.highlight-gold, h5 span.highlight-gold {
    -webkit-box-shadow: -0.15em 0 0 #ffc627, 0.15em 0 0 #ffc627;
    box-shadow: -0.15em 0 0 #ffc627, 0.15em 0 0 #ffc627;
    background: #ffc627;
    color: #191919;
}

/* Bockquote */

blockquote {
		margin-bottom: 1rem;
    font-size: 1.25rem;
    border-left: none;
    font-weight: 700;
    padding-left: 4rem;
    max-width: 75ch;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

/* Black highlight on headings */
h1 span.highlight-black, h2 span.highlight-black, h3 span.highlight-black, h4 span.highlight-black, h5 span.highlight-black {
    -webkit-box-shadow: -0.15em 0 0 #191919, 0.15em 0 0 #191919;
    box-shadow: -0.15em 0 0 #191919, 0.15em 0 0 #191919;
    background: #191919;
    color: #fafafa;
}

/* White highlight on headings */
h1 span.highlight-white, h2 span.highlight-white, h3 span.highlight-white, h4 span.highlight-white, h5 span.highlight-white {
    -webkit-box-shadow: -0.15em 0 0 #fff, 0.15em 0 0 #fff;
    box-shadow: -0.15em 0 0 #fff, 0.15em 0 0 #fff;
    background: #fff;
    color: #191919;
}

/* Button Styling */

.btn {
  text-decoration: none;
  font-weight: bold;
	border-radius: 400rem;
}

.btn.btn-md {
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
}

.btn.btn-sm, .btn-group-sm > .btn {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}

.btn.btn-tag {
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
}

.btn.btn-tag.btn-tag-alt-white {
  background: #e8e8e8;
  color: #191919;
}

.btn.btn-tag.btn-tag-alt-gray {
  background: #bfbfbf;
  color: #191919;
}

.btn.btn-tag.btn-tag-alt-black {
  background: #747474;
  color: #fafafa;
}

.btn.btn-circle {
  padding: 0.25rem 0.25rem;
  width: 2rem;
  height: 2rem;
}

.btn.btn-circle.btn-circle-alt-white {
  background: #e8e8e8;
  color: #191919;
}

.btn.btn-circle.btn-circle-alt-gray {
  background: #bfbfbf;
  color: #191919;
}

.btn.btn-circle.btn-circle-alt-black {
  background: #747474;
  color: #fafafa;
}

.btn.btn-circle.btn-circle-large {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}

.btn:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.btn:active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.btn-success {
  color: #212529;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-success:hover {
  color: #212529;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-success:focus, .btn-success.focus {
  color: #212529;
  background-color: #78be20;
  border-color: #78be20;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(107, 167, 33, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(107, 167, 33, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #212529;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #212529;
  background-color: #78be20;
  border-color: #78be20;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(107, 167, 33, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(107, 167, 33, 0.5);
}

.btn-info {
  color: #ffffff;
  background-color: #00a3e0;
  border-color: #00a3e0;
}

.btn-info:hover {
  color: #ffffff;
  background-color: #00a3e0;
  border-color: #00a3e0;
}

.btn-info:focus, .btn-info.focus {
  color: #ffffff;
  background-color: #00a3e0;
  border-color: #00a3e0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 177, 229, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 177, 229, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #ffffff;
  background-color: #00a3e0;
  border-color: #00a3e0;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: #00a3e0;
  border-color: #00a3e0;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 177, 229, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(38, 177, 229, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ff7f32;
  border-color: #ff7f32;
}

.btn-warning:hover {
  color: #212529;
  background-color: #ff7f32;
  border-color: #ff7f32;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #ff7f32;
  border-color: #ff7f32;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 114, 49, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 114, 49, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ff7f32;
  border-color: #ff7f32;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ff7f32;
  border-color: #ff7f32;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 114, 49, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 114, 49, 0.5);
}

.btn-danger {
  color: #ffffff;
  background-color: #cc2f2f;
  border-color: #cc2f2f;
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #cc2f2f;
  border-color: #cc2f2f;
}

.btn-danger:focus, .btn-danger.focus {
  color: #ffffff;
  background-color: #cc2f2f;
  border-color: #cc2f2f;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(212, 78, 78, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(212, 78, 78, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff;
  background-color: #cc2f2f;
  border-color: #cc2f2f;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #cc2f2f;
  border-color: #cc2f2f;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(212, 78, 78, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(212, 78, 78, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-light:hover {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
}

.btn-dark {
  color: #ffffff !important;
  background-color: #191919 !important;
  border-color: #191919 !important;
}

.btn-dark:hover {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-dark:focus, .btn-dark.focus {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-gold {
  color: #212529;
  background-color: #ffc627;
  border-color: #ffc627;
}

.btn-gold:hover {
  color: #212529;
  background-color: #ffc627;
  border-color: #ffc627;
}

.btn-gold:focus, .btn-gold.focus {
  color: #212529;
  background-color: #ffc627;
  border-color: #ffc627;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 174, 39, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 174, 39, 0.5);
}

.btn-gold.disabled, .btn-gold:disabled {
  color: #212529;
  background-color: #ffc627;
  border-color: #ffc627;
}

.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active,
.show > .btn-gold.dropdown-toggle {
  color: #212529;
  background-color: #ffc627;
  border-color: #ffc627;
}

.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus,
.show > .btn-gold.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 174, 39, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(222, 174, 39, 0.5);
}

.btn-blue {
  color: #ffffff;
  background-color: #00A4E0;
  border-color: #00A4E0;
}

.btn-blue:hover {
  color: #ffffff;
  background-color: #00A4E0;
  border-color: #00A4E0;
}

.btn-blue:focus, .btn-blue.focus {
  color: #ffffff;
  background-color: #00A4E0;
  border-color: #00A4E0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 63, 93, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(157, 63, 93, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
  color: #ffffff;
  background-color: #00A4E0;
  border-color: #00A4E0;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
  color: #ffffff;
  background-color: #00A4E0;
  border-color: #00A4E0;
}

.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 63, 93, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(157, 63, 93, 0.5);
}

.btn-gray {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray:hover {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray:focus, .btn-gray.focus {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
}

.btn-gray-1 {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-gray-1:hover {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-gray-1:focus, .btn-gray-1.focus {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-gray-1.disabled, .btn-gray-1:disabled {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-gray-1:not(:disabled):not(.disabled):active, .btn-gray-1:not(:disabled):not(.disabled).active,
.show > .btn-gray-1.dropdown-toggle {
  color: #ffffff;
  background-color: #191919;
  border-color: #191919;
}

.btn-gray-1:not(:disabled):not(.disabled):active:focus, .btn-gray-1:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-1.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5);
}

.btn-gray-2 {
  color: #ffffff;
  background-color: #484848;
  border-color: #484848;
}

.btn-gray-2:hover {
  color: #ffffff;
  background-color: #484848;
  border-color: #484848;
}

.btn-gray-2:focus, .btn-gray-2.focus {
  color: #ffffff;
  background-color: #484848;
  border-color: #484848;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}

.btn-gray-2.disabled, .btn-gray-2:disabled {
  color: #ffffff;
  background-color: #484848;
  border-color: #484848;
}

.btn-gray-2:not(:disabled):not(.disabled):active, .btn-gray-2:not(:disabled):not(.disabled).active,
.show > .btn-gray-2.dropdown-toggle {
  color: #ffffff;
  background-color: #484848;
  border-color: #484848;
}

.btn-gray-2:not(:disabled):not(.disabled):active:focus, .btn-gray-2:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-2.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}

.btn-gray-3 {
  color: #ffffff;
  background-color: #747474;
  border-color: #747474;
}

.btn-gray-3:hover {
  color: #ffffff;
  background-color: #747474;
  border-color: #747474;
}

.btn-gray-3:focus, .btn-gray-3.focus {
  color: #ffffff;
  background-color: #747474;
  border-color: #747474;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5);
}

.btn-gray-3.disabled, .btn-gray-3:disabled {
  color: #ffffff;
  background-color: #747474;
  border-color: #747474;
}

.btn-gray-3:not(:disabled):not(.disabled):active, .btn-gray-3:not(:disabled):not(.disabled).active,
.show > .btn-gray-3.dropdown-toggle {
  color: #ffffff;
  background-color: #747474;
  border-color: #747474;
}

.btn-gray-3:not(:disabled):not(.disabled):active:focus, .btn-gray-3:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-3.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(137, 137, 137, 0.5);
}

.btn-gray-4 {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray-4:hover {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray-4:focus, .btn-gray-4.focus {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
}

.btn-gray-4.disabled, .btn-gray-4:disabled {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray-4:not(:disabled):not(.disabled):active, .btn-gray-4:not(:disabled):not(.disabled).active,
.show > .btn-gray-4.dropdown-toggle {
  color: #212529;
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.btn-gray-4:not(:disabled):not(.disabled):active:focus, .btn-gray-4:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-4.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(167, 168, 169, 0.5);
}

.btn-gray-5 {
  color: #212529;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}

.btn-gray-5:hover {
  color: #212529;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}

.btn-gray-5:focus, .btn-gray-5.focus {
  color: #212529;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5);
}

.btn-gray-5.disabled, .btn-gray-5:disabled {
  color: #212529;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}

.btn-gray-5:not(:disabled):not(.disabled):active, .btn-gray-5:not(:disabled):not(.disabled).active,
.show > .btn-gray-5.dropdown-toggle {
  color: #212529;
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}

.btn-gray-5:not(:disabled):not(.disabled):active:focus, .btn-gray-5:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-5.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(182, 182, 183, 0.5);
}

.btn-gray-6 {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-gray-6:hover {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-gray-6:focus, .btn-gray-6.focus {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
}

.btn-gray-6.disabled, .btn-gray-6:disabled {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-gray-6:not(:disabled):not(.disabled):active, .btn-gray-6:not(:disabled):not(.disabled).active,
.show > .btn-gray-6.dropdown-toggle {
  color: #212529;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}

.btn-gray-6:not(:disabled):not(.disabled):active:focus, .btn-gray-6:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-6.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5);
}

.btn-gray-7 {
  color: #212529;
  background-color: #fafafa;
  border-color: #fafafa;
}

.btn-gray-7:hover {
  color: #212529;
  background-color: #fafafa;
  border-color: #fafafa;
}

.btn-gray-7:focus, .btn-gray-7.focus {
  color: #212529;
  background-color: #fafafa;
  border-color: #fafafa;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5);
}

.btn-gray-7.disabled, .btn-gray-7:disabled {
  color: #212529;
  background-color: #fafafa;
  border-color: #fafafa;
}

.btn-gray-7:not(:disabled):not(.disabled):active, .btn-gray-7:not(:disabled):not(.disabled).active,
.show > .btn-gray-7.dropdown-toggle {
  color: #212529;
  background-color: #fafafa;
  border-color: #fafafa;
}

.btn-gray-7:not(:disabled):not(.disabled):active:focus, .btn-gray-7:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-7.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5);
}

.accordion .btn:hover {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.accordion .btn:active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

a { color: #8c1d40 }

a:visited:not(.btn) {
  color: #8c1d40
  border-bottom: 1px dotted #00A4E0;
}

a:hover {
    color: #d23153;
    border-bottom: 1px dotted #00A4E0; 
}

.bg.topo-black {
    background-image: url( /wp-content/uploads/2020/07/TopoPatternWhite.png);
}

/* Container Adjustments */

.cont-pad {
	padding: 0px 94px;
}

.cont-marg {
	margin-top: -90px;
}

/* Main title styling */

.main-title {
  background-color: #4A4A4A;
  color: #fafafa; 
  font-weight: bold;
  padding: 15px 94px;
  margin-bottom: 60px;
}


/* Image Container */

.image-container {
    position: relative;
    margin-bottom: 15px;
    background: #fff;
}

.callout {
    position: absolute;
    top: 45%;
    width: 75%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
		font-weight: bold;
    line-height: 1.9rem;
}

/* Card */
.card {
	border: 1px solid #d0d0d0;
	padding: 20px;
	margin: 10px 0px;
}


.imgContent1 {
  z-index: 2;
  position: relative; }
  .imgContent1 .inner {
    display: flex;
    z-index: 2; }
    .imgContent1 .inner .goldBarWrap {
      max-width: 8px;
      padding: 72px 0; }
      .imgContent1 .inner .goldBarWrap .goldBar {
        max-width: 8px;
        height: 100%; }
    .imgContent1 .inner .parallaxImgWrap {
      flex:10; }
      .imgContent1 .inner .parallaxImgWrap .parallaxImg {
        min-height: 100%;
        background: transparent; }
    .imgContent1 .inner .contentWrap {
      flex: 5;
      padding: 72px 0px;
      float: right;
			z-index: inherit; }
      .imgContent1 .inner .contentWrap .content {
        padding-top: 10px;
				padding-bottom: 10px;
				padding-right: 20px;
        background: white;
        margin-left: -192px; }
        .imgContent1 .inner .contentWrap .content p {
          margin-top: 13px; }
    @media (max-width: 1264px) {
      .imgContent1 .inner {
        flex-direction: column; }
        .imgContent1 .inner .goldBarWrap {
          max-width: 100%;
          padding: 0px 32px; }
          .imgContent1 .inner .goldBarWrap .goldBar {
            max-width: 100%;
            height: 8px; }
        .imgContent1 .inner .parallaxImgWrap {
          flex: 1;
          height: 50%; }
        .imgContent1 .inner .contentWrap {
          flex: 1;
          padding: 0px;
          float: none; }
          .imgContent1 .inner .contentWrap .content {
            padding: 32px;
            margin-left: 0px; } }
    @media (max-width: 1264px) {
      .imgContent1 .inner {
        padding: 0px; } }
  .imgContent1.reversed .inner {
    flex-direction: row-reverse; }
    .imgContent1.reversed .inner .contentWrap {
      float: left; }
      .imgContent1.reversed .inner .contentWrap .content {
        margin-left: 0px;
        margin-right: -300px;
        }
        .imgContent1.reversed .inner .contentWrap .content .quoteContent {
          flex: 2; }
          .imgContent1.reversed .inner .contentWrap .content .quoteContent p {
            margin-top: 0px; }
            .imgContent1.reversed .inner .contentWrap .content .quoteContent p span {
              display: block;
              margin-bottom: 0px; }
            .imgContent1.reversed .inner .contentWrap .content .quoteContent p .quoter {
              margin-top: 24px;
              margin-bottom: 8px;
              font-weight: 700; }
          .imgContent1.reversed .inner .contentWrap .content .quoteContent .button {
            margin: 0;
            margin-top: 16px; }
        .imgContent1.reversed .inner .contentWrap .content .quoteImg {
          flex: 1;
          max-width: 128px;
          height: 128px;
          border-radius: 100px;
          overflow: hidden;
          margin-right: 24px;
          margin-top: 0px; }
          .imgContent1.reversed .inner .contentWrap .content .quoteImg img {
            width: 100%; }
    @media (max-width: 1264px) {
      .imgContent1.reversed .inner {
        flex-direction: column; }
        .imgContent1.reversed .inner .goldBarWrap {
          max-width: 100%;
          padding: 0px 32px; }
          .imgContent1.reversed .inner .goldBarWrap .goldBar {
            max-width: 100%;
            height: 8px; }
        .imgContent1.reversed .inner .parallaxImgWrap {
          flex: 1;
          height: 50%;
          width: 100%; }
        .imgContent1.reversed .inner .contentWrap {
          flex: auto;
          padding: 0px;
          float: none; }
          .imgContent1.reversed .inner .contentWrap .content {
            flex-direction: column;
            padding: 32px;
            margin-left: 0px;
            margin-right: 0px; }
            .imgContent1.reversed .inner .contentWrap .content .quoteImg {
              align-self: center;
              margin-bottom: 24px; }
            .imgContent1.reversed .inner .contentWrap .content .quoteContent {
              flex: 1; } }

.cardWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .cardWrap .card {
    border: 1px solid #d0d0d0;
    transition: 0.5s cubic-bezier(0.19, 1, 0.19, 1);
    flex: 1;
    margin-bottom: 24px;
    background: #ffffff;
    text-align: left; }
    .cardWrap .card.third {
      max-width: 384px;
      min-width: 384px; }
      .cardWrap .card.third .cardContent {
        padding: 32px; }
      @media (max-width: 1264px) {
        .cardWrap .card.third {
          max-width: 100%;
          min-width: 100%; }
          .cardWrap .card.third .cardContent {
            padding: 24px; }
          .cardWrap .card.third .cardImg {
            height: 160px; } }
    .cardWrap .card.fourth {
      max-width: 282px;
      min-width: 282px; }
      .cardWrap .card.fourth .cardImg {
        height: 154px; }
      .cardWrap .card.fourth .cardContent {
        padding: 24px; }
      @media (max-width: 1264px) {
        .cardWrap .card.fourth {
          max-width: 100%;
          min-width: 100%; }
          .cardWrap .card.fourth .cardImg {
            height: 160px; } }
    .cardWrap .card.cardLink:hover {
      cursor: pointer;
      transform: scale(1.05);
      box-shadow: 0px 0px 48px 16px rgba(25, 25, 25, 0.4);
      z-index: 9; }
      @media (max-width: 1264px) {
        .cardWrap .card.cardLink:hover:hover {
          cursor: auto;
          transform: none;
          box-shadow: none;
          z-index: auto; } }
    .cardWrap .card.cardLink .button {
      display: none;
      margin-top: 0px; }
      @media (max-width: 1264px) {
        .cardWrap .card.cardLink .button {
          margin-top: 16px;
          display: inline-block; } }
    .cardWrap .card .cardImg {
      overflow: hidden;
      background: #d0d0d0;
      height: 200px; }
      .cardWrap .card .cardImg img {
        width: 100%; }
    .cardWrap .card .cardContent {
      background: #ffffff; }

/* Shadow Container */
.shadow-container {
    padding: 50px 50px;
    -webkit-box-shadow: 0px 0px 36px -5px rgba(200,200,200,1);
    -moz-box-shadow: 0px 0px 36px -5px rgba(200,200,200,1);
    box-shadow: 0px 0px 36px -5px rgba(200,200,200,1);
    background-color: #fff !important;
}

article.post .entry-meta {
    display: none;
}

article.post .entry-footer {
    display: none;
}

.entry-header h2 a{
	font-size: 1.5rem;
	font-weight: bold !important;
	color: #00A4E0 !important;
}

article.post {
   background-color: #fff;
	 }

.entry-title {
	font-size: 2rem;
	
}

.entry-title a {
	color: #00A4E0;
}

.entry-meta {
	display: none;
}

.nav-links {
	display: none;
}

article.post {
	padding: 20px 0px;
}

/* Link styles */
a {
    border-bottom: 1px dotted #00A4E0;
    color: #00A4E0;
    font-weight: 400;
}

a:visited:not(.btn) {
    color: #00A4E0;
}

#asu_mobile_search_button {
    display: none !important;
}

#asu_mobile_hdr {
    float: none;
    margin: 0 auto;
}

#asu_mobile_menu {
    display: none !important;
}

#asu_mobile_menu_button {
    box-sizing: initial;
}

#asu_logo {
    margin: 0px auto;
    float: none !;
}

#asu_logo img {
    margin: 10px 0 !important;
    width: 253px !important;
    display: none;
}

#asu_hdr {
    height: 215px;
}

#asu_hdr img {
    margin: 0 auto;
}

#se_hdr {
    width: 232px;
    margin: 0 auto;
}

#site-name-desktop {
   
}

/* Navigation styles */
.navbar-ws {
    background-color: #A2C83A;
    display: none;
}

.navbar-ws .navbar-nav>li>a {
    color: #4A4A4A;
}

.navbar-ws .navbar-collapse,
.navbar-ws .navbar-form {
    background-color: #A2C83A;
    border-color: #378623;
}

.navbar-ws .navbar-nav>.active>a {
    background-color: #A2C83A;
    color: #4A4A4A;
    }
}

.navbar-ws .navbar-nav>.active>a {
    background-color: #A2C83A;
    color: #4A4A4A;
}
.navbar-ws .navbar-nav>li>a:hover,
.navbar-ws .navbar-nav>li>a:focus {
    background-color: #679D0B;
    color: #ededed;
}

.navbar-ws .navbar-nav>li>a:focus, .navbar-ws .navbar-nav>li>a:hover {
    background-color: #679D0B;
    color: #ededed;
}

.navbar-ws .navbar-nav > li.hover > a {
    background-color: #679D0B;
    color: #ededed;
  }
  
  .navbar-ws .navbar-nav > li.open > a {
    background-color: #679D0B;
    color: #ededed;
  }
  

  .navbar-ws .navbar-nav > .open > a, .navbar-ws .navbar-nav > .open > a:hover, .navbar-ws .navbar-nav > .open > a:focus {
    background-color: #679D0B;
    color: #ededed;
  }
.navbar-ws .navbar-nav > .open span.caret {
    color: #ededed;
  }

  .navbar-ws .dropdown-menu {
    background-color: #A2C83A;
    border: none;
    
}

.navbar-ws .dropdown-menu>li>a {
    color: #4A4A4A;
}

.navbar-ws .navbar-nav>.current-menu-ancestor>a {
    color: #ededed;
}

.navbar-ws .dropdown-menu>.active>a, .navbar-ws .dropdown-menu>.active>a:focus, .navbar-ws .dropdown-menu>.active>a:hover {
    background-color: #679D0B;
}

.navbar-ws .dropdown-menu>li>a:focus, .navbar-ws .dropdown-menu>li>a:hover {
    background-color: #679D0B;
    border: 0;
    color: #ededed;
    text-decoration: none;
}
 
@media (min-width: 768px) {
.navbar-ws .navbar-nav>li>a span.caret {
    color: #4A4A4A;
    }
}

@media (min-width: 768px)
.navbar-ws .navbar-nav>li>a span.caret {
    color: #4A4A4A;
}

@media (min-width: 992px) {
    .navbar-ws .navbar-nav>li>a:hover span.caret,
    .navbar-ws .navbar-nav>li>a:focus span.caret {
        color: #ededed;
    }
}

@media (min-width: 992px) {
.navbar-ws .navbar-nav>.current-menu-ancestor>a span.caret {
    color: #ededed;
}
}
.navbar-ws .navbar-nav>li.hover>a {
    background-color: #A2C83A;
    color: #ededed;
}

.navbar-ws .navbar-nav>li.open>a {
    background-color: #A2C83A;
    color: #ededed;
}


#asu_mobile_hdr a img {
    margin: 0 auto;
}

.navbar>.container .navbar-brand {
    color: #4A4A4A;
}


/* ----------- 1200px ----------- */

@media (min-width: 1200px) {
    #asu_mobile_hdr {
        max-width: 0px;
    }
}


/* ----------- 991px ----------- */

@media (max-width: 991px) {
    #asu_hdr {
        height: 200px;
    }
    #asu_hdr img {
        height: auto;
        width: 500px;
    }
    .navbar-ws .navbar-brand {
        font-size: 1.5rem !important;
        font-weight: 700;
    }
}


/* ----------- 768px ----------- */

@media (max-width: 768px) {
    #asu_hdr.asu_hdr_white #asu_logo a {
        background-size: contain;
        background-image: url(img/earth-league-logo-color.jpg) !important; 
        display: none;
    }
    #asu_hdr img {
        height: auto;
        width: 300px;
    }
}

/* ----------- Header styles ----------- */
.hero-ratio .panel-pane .pane-title, .hero-slim .panel-pane .pane-title {
    text-align: left;
    line-height: 110%;
    }

.hero-mobile .pane-title {
    color: #fff;
    font-size: 1.75rem;
    text-align: center;
    margin-top: 35px;
    line-height: normal;
}

.hero-ratio h1 .btn-blue {
    border: none;
    font-size: 1.25rem;
    text-shadow: none;
}

@media only screen and (max-width: 768px) {
#asu_logo a {
    width: 162px !important;
    height: 59px !important;
    }
}


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

.footer .big-foot {
    background-color: #353535;
    color: #fff !important;
    padding-bottom: 14px;
    padding-top: 40px;
}

.footer .big-foot a {
    border-bottom: none;
    border-bottom-color: #fff !important;
    color: #fff !important;
    ;
    text-decoration: none;
}

#innovation-bar {
    display: none !important;
}

.footer .little-foot {
    display: none !important;
}

/* ----------- Mobile content styles ----------- */

@media only screen and (max-width: 768px) {
.cont-pad {
    padding: 0px 44px;
    }
}

@media only screen and (max-width: 768px) {
    .main-title {
    padding: 15px 50px;
    }
}