/* Variables */
:root {
  --aic-primary-color: var(--aic-aicinfo-color);
  --aic-secondary-color: var(--aic-aicinfo-secondary-color);
  --aic-panel-color: var(--aic-aicinfo-panel-color);
  --aic-panel-color-2: var(--aic-aicinfo-panel-color-2);
  --aic-panel-color-3: var(--aic-aicinfo-panel-color-3);
  --aic-aicinfo-text-color: #707070;
}

#aicinfo {
  overflow: hidden;
}

b, strong {
  font-weight: bold !important;
}

em {
  font-style: italic !important;
}

body, html, p{
    color: var(--aic-aicinfo-text-color)!important;
}

.aicinfo .wrapper {
  padding-bottom: 4rem;
  background-image: url(/resources/aic/assets/aicinfo/wedge-back-foot.jpg);
  background-repeat: no-repeat;
  background-position: bottom;margin-bottom: 0;
}

.aicinfo .wrapper.samples {
  padding-bottom: 4rem;
  background-image: url(/resources/aic/assets/aicinfo/sampler-wedge-back-head.jpg);
  background-position: top;
    margin-bottom: 0;
}


.feature-label-boxed {
  text-transform: uppercase;
  font-size: 1.5rem;
  background-color: #fff;
  padding: 4px;
  border: 1px solid #C6C6C6;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 20px;color: #000;
}

#aic-info-features {
  padding-top: 50px;
     background-image: url(/resources/aic/assets/aicinfo/wedge-back-head.jpg);
  background-repeat: no-repeat;
  background-position: top;margin-bottom: 0;
}

.ai-feature-item {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}


#aic-info-sections {margin-top: 70px;}


.section-label-boxed {
  text-transform: uppercase;
  text-align: center;
  border-top: 2px solid;
}

.aicinfo .parish h1 {
  color: var(--aic-parish-color);
  font-weight: 400;
}

.aicinfo .school h1 {
  color: var(--aic-school-color);
  font-weight: 400;
}


.aicinfo .adolescents h1 {
  color: var(--aic-adolescents-color);
  font-weight: 400;
}


.aicinfo .bilingual h1 {
  color: var(--aic-aicinfo-color);
  font-weight: 400;
}


.section-label-boxed h1 {
  display: inline-block;
  background-color: #fff;
  padding: 4px 20px;
  margin-top: -32px;
}

.aicinfo .parish .section-label-boxed {
  border-color: var(--aic-parish-color);
}


.aicinfo .school .section-label-boxed {
  border-color: var(--aic-school-color);
}



.aicinfo .adolescents .section-label-boxed {
  border-color: var(--aic-adolescents-color);
}


.aicinfo .bilingual .section-label-boxed {
  border-color: var(--aic-aicinfo-color);
}


.ai-section-item {margin-bottom: 80px;}


.lp-menu-header,
.aicinfo .lp-headings h2,
.aicinfo h1 {
  color: var(--aic-primary-color);
}

.aicinfo .bg-color,
.aicinfo .bg-color-1 {
background-color: var(--aic-aicinfo-color);
}

.aicinfo .bg-color-2 {
background-color: var(--aic-aicinfo-color-2);
}

.aicinfo .bg-color-3 {
background-color: var(--aic-aicinfo-color-3);
}

.aicinfo .bg-color-4 {
background-color: var(--aic-aicinfo-color-4);
}

.aicinfo .form-control {
border-radius: 0;
background-color: var(--aic-primary-color);
color: #fff;
}

.aicinfo.secondary-color {
background-color: var(--aic-secondary-color);
}

.aicinfo .hero.home {
background-image: none;
border: none;
}

.aicinfo #hero {
  background-color: var(--aic-primary-color);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat; 
  
  background-image: url("../images/aicinfo-home-arrow.png");
}


.item-detail .card {
  border: none;
}

.card-body li {
  margin-bottom: 1rem;
  line-height: 1.2rem;
  list-style-type: disc; 
}

.col-md-6.detail-img {padding: 20px;}
.detail-body {padding-left: 30px;}
.col-self-center {
  margin-left: auto;
  margin-right: auto;
}


.aicinfo .btn-secondary {
  background-color: #ffffff;
  color: var(--aic-aicinfo-color);
  border-color: silver;
    margin: 10px; 
}

#quotes {
    background-image: url(/resources/aic/assets/aicinfo/wedge-back-quote.jpg);
    background-position: center;
    background-repeat: no-repeat;
    overflow: visible;
    min-height: 650px;
    padding-top: 7em;
}

.image-slider .carousel,
.quotes-slider .carousel {
  padding: 1rem 1rem;
  background-color: transparent;
}

.quotes-slider .carousel-item {background-color: transparent;}

.quotes-slider .quote-attribution {
  width: 40%;
  margin-left: 50%;
}


.quotes-slider .quote-attribution h3 {
  font-family: myriad-pro, sans-serif;
  font-size: 1rem;
  font-weight: 400;color: var(--aic-aicinfo-color);
}

.image-slider .carousel-dark .carousel-indicators [data-bs-target],
.quotes-slider .carousel-dark .carousel-indicators [data-bs-target] {
    color: #707070;
    background-color: transparent;
  text-indent: inherit;
  height: initial;
}

.image-slider .carousel-indicators [data-bs-target].active,
.quotes-slider .carousel-indicators [data-bs-target].active {
    color: var(--aic-aicinfo-color);
}

.quotes-slider blockquote::before {
  content: open-quote;
    font-family: Titular, serif;
    font-size: 200pt;
    font-weight: 400;
    color: var(--aic-aicinfo-color);
    display: inline;
    position: absolute;
    top: -40px
}

.quotes-slider blockquote p {
    padding-left: 90px;
    margin-top: 50px;font-style: italic;font-size: 1.2rem;padding-bottom: 1.2rem; 
}

.quotes-slider blockquote {
  quotes: "“" "”" "‘" "’";
}

.end-image {
  text-align: center;
  margin-top: 100px;
}

.end-buttons {
  text-align: center;
  padding-bottom: 60px;
}

#end-buttons {
  margin-top: 10px;
    background: transparent;
}

.sample-button a {
  width: 80%;
}

.parish .sample-button a,
.samples-menu .parish a {
  color: var(--aic-parish-color);
}

.school .sample-button a,
.samples-menu .school a {
  color: var(--aic-school-color);
}

.adolescents .sample-button a,
.samples-menu .adolescents a {
  color: var(--aic-adolescents-color);
}

.samples-menu .bilingual a {
  color: var(--aic-aicinfo-color);
}

.parish .sample-button a:hover {
  border-color: var(--aic-parish-color); 
  color: var(--aic-parish-color); 
}

.samples-student-teacher-nav {
  color: var(--aic-aicinfo-text-color)!important;
}

.school .sample-button a:hover {
  border-color: var(--aic-school-color); 
  color: var(--aic-school-color); 
}

.adolescents .sample-button a:hover {
  border-color: var(--aic-adolescents-color); 
  color: var(--aic-adolescents-color); 
}

.samples-student-teacher-nav .nav-link {
  color: var(--aic-aicinfo-text-color)!important;
}

.border-bottom {
  border-bottom: 2px solid var(--aic-parish-color) !important;
}

.samples-menu a.nav-link {
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: .8rem;
  margin-right: .8rem;
  padding-top: 2px;padding-bottom: 2px;
}

.samples-menu .parish a.nav-link.active {
  color: var(--aic-parish-color);
  border-bottom: 4px solid var(--aic-parish-color); 
}

.samples-menu .school a.nav-link.active {
  color: var(--aic-school-color);
  border-bottom: 4px solid var(--aic-school-color); 
}

.samples-menu .adolescents a.nav-link.active {
  color: var(--aic-adolescents-color);
  border-bottom: 4px solid var(--aic-adolescents-color); 
}

.samples-menu .bilingual a.nav-link.active {
  color: var(--aic-aicinfo-color);
  border-bottom: 4px solid var(--aic-aicinfo-color); 
}

.samples-nav-bar {margin-bottom: 5rem;}

.samples-menu .nav-item:last-child {
  border: none;
}

.modal-content.clear-bg {
  background-color: transparent;
  border: none;
}

.close-button {
  font-size: 2rem;
  width: auto;
  position: absolute;
  z-index: 100;
  right: 0;
}

.samples-student-teacher-nav .nav-link.active {  
  border-bottom: 2px solid ; 

}

.samples-student-teacher-nav a {  
    font-weight: normal !important;
}

.sampler-image {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .samples-menu .nav-item {
        border-right: 1px solid var(--aic-aicinfo-text-color); 
    }

    .sample-options {
      padding-left: 6rem;
    }
}