.carousel_parent{
    text-align: initial;
}

.carousel_parent h2{
    font-size: 26pt;
    font-weight: 800;
    line-height: 46px;
    margin-bottom: 0;
    margin-top: 0;
}

.carousel_parent h3{
    color: rgb(109, 110, 133);
    font-size: 24pt;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 0;
}

.carousel_parent h4{
    color: rgb(109, 110, 133);
    font-size: 16pt;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 0;
}

.carousel_pointer{
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 30px solid rgb(94, 138, 180);
    padding-right: 15px;
}

.carousel_navigation{
    justify-content: center;
    padding-top: 15px;
}

.carousel_navigation_arrow{
    font-size: 16px;
    cursor: pointer;
    color: 2px solid rgb(109, 110, 133);
}
.carousel_navigation_arrow:hover{
    color: rgb(94, 138, 180);
}
.carousel_prev{
    margin-right: 100px;
}
.carousel_next{
    margin-left: 100px;
}

.carousel_navigation_dot{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
    cursor: pointer;
    border: 2px solid rgb(109, 110, 133);
}
.carousel_navigation_dot:hover{
    background-color: rgb(109, 110, 133);
}
.carousel_navigation_dot.active{
    background-color: rgb(94, 138, 180);
    border: 2px solid rgb(94, 138, 180);
}

.carousel_item.has_navigation{
    margin-top: 27px;
}

img.link[href]{
    cursor: pointer;
}

div.content_main div.post-body.summary:not(.expanded){max-height: 100px;}
div.content_main div.post-body.summary{overflow-y:hidden;}

div#sidebar_content h1, div#sidebar_content h2, div#sidebar_content h3, div#sidebar_content h4, div#sidebar_content h5, div#sidebar_content h6, div#sidebar_content h7, div#sidebar_content h8{
    color: black !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
  background-image: none;
  background-color: #eee;
}

.btn-feature, .btn-feature:active{
    background-image: none;
    border: none;
    border-radius: 4px;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
    background-color: rgb(94, 138, 180);
    margin: 20px 0;
    box-shadow: 0px 14px 26px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 35px 20px 35px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: bold;
}
.btn-feature:hover, .btn-feature:focus, .btn-feature:active,
.btn-feature:active:hover, .btn-feature:active:focus,
.btn-feature:active:hover:focus{
    background-color: rgb(80, 124, 166);
}

/* START SECTION CSS */
div.section, div.pseudo_section{
  padding: 20px 0;
}
div.section:nth-child(odd){
  background-color: white;
}
div.section:nth-child(even){
  background-color: rgb(218, 228, 238);
}
div.section.primary{
  background-color: white;
}
div.section.secondary{
  background-color: rgb(218, 228, 238);
}
div.section:not(.intro) p, div.section:not(.intro) ul, div.section:not(.intro) .features{
  color: rgb(109, 110, 133);
  font-size: 15pt;
}
div.section:not(.intro) p, div.section:not(.intro) ul{
  line-height: 26px;
  padding: 0 70px 16px 70px;
}
div.section.text-left p{
    padding-left: 0;
    padding-right: 0;
}
div.section ul li{
  padding: 5px 0;
}
div.section:not(.intro) h2{
  font-size: 26pt;
  font-weight: 800;
  line-height: 46px;
  padding-bottom: 20px;
}
div.section h3{
  color: rgb(109, 110, 133);
  font-size: 22pt;
  font-weight: 700;
  line-height: 1.1;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.footer_section{
  color: rgb(109, 110, 133);
  font-size: 12pt;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.5px;
}
div.footer_section img{
  max-width: 257px;
  height: auto;
  padding: 5px 0;
}
div.section.intro{
    margin-top: 8px;
}
div.section:not(.intro) .features{
    font-weight: 700;
    line-height: 1.8;
    padding: 35px 0;
}
div.section:not(.intro) .features img{
    margin-left: auto;
    margin-right: auto;
}
div.section:not(.intro) .features .feature_icon{
    padding-left: 15px;
    padding-right: 15px;
}
div.section:not(.intro) .features .feature_icon:first-child{
    padding-left: 0;
}
div.section:not(.intro) .features .feature_icon:last-child{
    padding-right: 0;
}
div.section .feature_details{
    display: flex;
    padding: 55px 0;
}
div.section .feature_details .feature_info{
    border-radius: 4px;
    padding: 19px;
}
div.section:nth-child(odd) .feature_details .feature_info{
    background-color: rgb(218, 228, 238);
}
div.section:nth-child(even) .feature_details .feature_info{
    background-color: white;
}
div.section.primary .feature_details .feature_info{
    background-color: rgb(218, 228, 238);
}
div.section.secondary .feature_details .feature_info{
    background-color: white;
}
div.section .feature_details .feature_info h2{
    font-weight: 700;
}
div.section .feature_details .feature_info ul,
div.section .feature_details .feature_info p{
    padding: 0 70px 20px 70px;
    color: black;
}
div.section .tabs{
    display: flex;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
div.section .tabs .tab{
    flex: 1;
    font-weight: 700;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}
div.section .tabs .tab:first-child{
    padding-left: 0;
}
div.section .tabs .tab:last-child{
    padding-right: 0;
}
div.section .tabs .tab > span[data-target]{
    cursor: pointer;
    font-size: 14pt;
    color: rgb(109, 110, 133);
    transition: font-size 0.1s ease-in-out, color 0.6s ease-in-out;
}
div.section .tabs .tab > span[data-target]:hover{
    color: grey;
}
div.section .tabs .tab.active > span[data-target]{
    color: rgb(94, 138, 180);
}
div.section .tab_content{
    padding-bottom: 20px;
}
div.section .tab_content h2{
    font-weight: 700;
}
div.section .tab_content p{
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.8;
    font-weight: 400;
}
.align_bottom{
    display: flex;
    align-items: baseline;
}
div.section h1{
    font-size: 29pt;
    font-weight: 800;
    line-height: 50px;
}
div.intro p{
    font-size: 15pt;
    font-weight: 400;
    color: rgb(109, 110, 133);
    line-height: 1.8;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media (min-width: 768px){
    div.section:not(.intro) .features .feature_items{
        display: flex;
    }
}
@media (min-width: 1200px){
    div.section .feature_details{
        align-items: center;
    }
    div.section .feature_details:nth-child(odd) .feature_info_parent,
    div.section .feature_details:nth-child(even) .feature_image_parent{
        padding-right: 5px;
    }
    div.section .feature_details:nth-child(even) .feature_info_parent,
    div.section .feature_details:nth-child(odd) .feature_image_parent{
        padding-left: 5px;
    }
    div.section .feature_details:nth-child(even){
        flex-direction: row-reverse;
    }
    div.section .tabs .tab > span[data-target]{
        font-size: 16pt;
    }
    div.section .tabs .tab > span[data-target]:hover{
        font-size: 24pt;
    }
    div.section .tabs .tab.active > span[data-target]{
        font-size: 24pt;
    }
}
@media (max-width: 767px){
    div.section .tabs .tab > span[data-target]{
        font-size: 12pt;
    }
}
@media (max-width: 675px){
    div.section .tabs .tab > span[data-target]{
        font-size: 10pt;
    }
}
@media (max-width: 575px){
    div.section .tabs .tab > span[data-target]{
        /*
            Make the word spacing very high to force text wrapping at
            each word (so that wrapping across tabs is consistent)
        */
        word-spacing: 500px;
    }
}
@media (max-width: 1199px){
    div.section .feature_details{
        flex-direction: column-reverse;
    }
    div.section .feature_details img{
        margin-bottom: 20px;
    }
}
/* END SECTION CSS */