/* Parents & Professionals CSS overrides */

/* Header */
#primary-menu li:after,
#primary-menu li.current-menu-item a:after {
    border-color:#6CB125 !important;
}
#primary-menu li .sub-menu {
    border-bottom: 10px solid #6CB125 !important;
}
.menu a {
    padding: 0.7rem 0.3rem 0;
}

/* Homepage */
.green-gradient {
    margin:50px 0;
    padding:40px 0 0;
    position:relative;
    overflow:hidden;
    background: rgb(88, 163, 206);
    background: -moz-linear-gradient(left, rgba(88, 163, 206) 0%, rgba(108, 177, 37) 100%);
    background: -webkit-linear-gradient(left, rgba(88, 163, 206) 0%,rgba(108, 177, 37) 100%);
    background: linear-gradient(to right, rgb(88, 163, 206) 0%,rgb(108, 177, 37) 100%);
    color:#fff;
}
.green-gradient img {
    width:33.333%;
    float:right;
    margin-bottom:-20px;
    margin-top:10px;
}
.button.promo,
.button.load-more {
    background-color:#fff;
    color: #000;
    font-weight:bold;
    border:4px solid #6CB125;
}
.button.promo i,
.button.load-more i {
    color:#6CB125;
    top: 8px;
    font-size: 1.2rem;
}
.button.promo:hover,
.button.load-more:hover {
    background:#6CB125;
    color:#fff;
}
.button.promo:hover i,
.button.load-more:hover i {
    color:#fff;
}
/* General page */
.highlight-paragraph {
    padding: 1.5rem;
    background: rgba(109, 177, 38,0.2);
    margin-top: 2rem;
    margin-bottom: 2rem;
}
body:not(.page-template-template-wide) .featured-image {
    max-height: 450px;
    overflow: hidden;
}
.links h3 {
    margin-bottom:30px;
}
.main-content.nothumb {
    margin-top:0;
}
.main-content .accordion-title {
    border:0;
    font-size: 28px;
    color:#000;
    padding: 1.5rem 1rem;
    overflow:visible;
}

.accordion-title {
    overflow:hidden;
    border:0;
    color:#fff;
    padding: 15px 30px;
    font-size: 1.2rem;
    font-weight:bold;
}
.main-content .accordion-title::before {
    top: 45%;
    left: -30px;
    font-size: 22px;
    content:"\f067";
    font-weight:900;
    font-family: "Font Awesome 5 Free";
}
.main-content .accordion-title::before {
    color:#6CB125
}
.accordion-content {
    border:0;
    background-color: transparent;
}
.main-content .is-active > .accordion-title::before {
    content:"\f068";
}
.main-content .accordion-title:hover, .main-content .accordion-title:focus {
    background-color:transparent;
}
.main-content .accordion-item {
    padding-left:30px;
    border-bottom:2px solid #000;
    overflow: auto;
}
.quote-left, .quote-right {
    color:#6CB125
}
/* Opportunities */
.resource-box.opps .snippet {
    padding: 20px;
    height:auto;
    border: 3px solid #6CB125;
}
.resource-box.opps .snippet h3 {
    margin-top:0;
    margin-left:0;
}
.resource-box.opps .snippet p {
    margin-left:0
}
.resource-box.opps .snippet p a {
    text-decoration:underline;
}
ul.target {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    display: block;
    width:100%;
    overflow: auto;
}
ul.target li {
    display:inline-block;
    float:left;
    margin-right: 10px;
    position:relative;
    font-size: 20px;
    line-height: 24px;
}
ul.target li a {
    text-decoration:underline;
}
ul.target li:after {
    content:",";
    position:absolute;
    right:-6px;
}
ul.target li:first-child:after,
ul.target li:last-child:after {
    content:"";
}

/* Showcase */
.showcase-info {
    padding:25px;
    margin:25px 0;
    background:#7096AD;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.showcase-info p {
    color:#fff;
}
.showcase-info a {
    text-decoration:underline;
    color:#fff !important;
}
.exp-sidebar.showcase {
    background:#7096AD;
}
.showcase-wrap {
    height:170px;
    border:3px solid #fff;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow:hidden;
    margin-bottom:25px;
    width: 80% !important;
}
.showcase-wrap.odd {
    margin-left: 60px !important;
}
.showcase-wrap .grid-x {
    height:100%;
}
.showcase-img {
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    position:relative;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.showcase-title {
    padding:20px;
}
.showcase-title h5 {
    color:#fff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    line-height: 1.2;
}
.showcases .resource-box .snippet {
    border: 3px solid #7096AD;
    height: 250px;
}
.showcases .resource-box .snippet .arrow {
    background-color:#7096AD;
}
.showcase .themes-list {
    font-weight: 600;
    margin: 40px 0 10px;
}
.showcase .themes-list div {
    background:#7096AD
}
/* General */
.main-content {
    padding: 30px;
}
.resource-box .snippet {
    border: 3px solid #6CB125;
    height: 250px;
}
.resource-box .snippet .arrow {
    background-color:#6CB125;
}
.resource-box .snippet p,
.resource-box .snippet h3 {
    margin-left:20px;
}
.pag .numbers {
    text-align:center;
}
.pag .numbers .page-numbers {
    background: #6CB125;
    padding: 5px 10px;
    margin-right: 7px;
    color: #fff;
}
.pag .numbers .page-numbers.current {
    color: #000;
}
.resource-container {
    margin-top:40px;
}
#filters {
    width:100%;
}
#filters ul {
    list-style:none;
    margin-left: 0;
    padding-left:1rem;
}
.showcase-filter #filters .accordion-title {
    background-color:#7096AD;
    padding: 15px;
    color:#fff;
}
.opps-filter #filters .accordion-title {
    background-color:#6CB125;
    padding: 15px;
    color:#fff;
}
.opps-filter #filters .accordion-content {
    background-color:rgba(108, 177, 37, 0.2);
}
.showcase-filter #filters .accordion-content  {
    background-color:rgba(112, 150, 173, 0.2)
}
.showcase-filter #filters .accordion-content li {
    margin-bottom:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid rgba(112, 150, 173, 0.4);
}
.opps-filter #filters .accordion-content li {
    margin-bottom:0.5rem;
    padding-bottom:0.5rem;
    border-bottom:1px solid rgba(108, 177, 37, 0.4);
}
.showcase-filter #filters .accordion-content li a.selected:before {
    content:'\f0da';
    font-weight:900;
    font-family: "Font Awesome 5 Free";
    position:absolute;
    left: -1rem;
    color:#7096AD;
}
.opps-filter #filters .accordion-content li a.selected:before {
    content:'\f0da';
    font-weight:900;
    font-family: "Font Awesome 5 Free";
    position:absolute;
    left: -1rem;
    color:#6CB125;
}
.showcase-filter #filters .accordion-content li:last-child,
.opps-filter #filters .accordion-content li:last-child {
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}
.showcase-filter #filters .accordion-content a,
.opps-filter #filters .accordion-content a {
    text-decoration:none;
    color:#000;
    display:block;
    width:100%;
    position:relative;
}
.showcase-filter #filters .accordion-content a:hover,
.opps-filter #filters .accordion-content a:hover {
    opacity:1 !important;
}
.showcase-filter #filters .accordion-content a:not(.selected),
.opps-filter #filters .accordion-content a:not(.selected) {
    opacity:0.5;
}
.page-load-status {
    display:none;
}
.no-more-posts {
    display:none;
}
.main-content .accordion .section-title {
    background: rgba(109, 177, 38, 0.2);
}

/* Footer */
#main-footer .tabs-panel.voyage-kids .cell.visit-btn,
#main-footer .tabs-panel.voyage .cell.visit-btn {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 20px 0;
}
.promo-boxes .button.promo{
    display: inline;
    position: relative;
    top: -10px;
}
.align-center{
    text-align: center;
}

/* RESPONSIVE STYLES */
@media screen and (max-width: 1199px) {

}
@media screen and (min-width: 1024px) {

}
@media screen and (max-width: 1023px) {
    #primary-menu li {
        background:#6CB125;
        border-bottom: 1px solid #fff;
    }
    .home .promo-boxes {
        margin-left: 0;
        margin-right: 0;
    }

}
@media screen and (max-width: 789px) {

}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 350px) {
}
