/* Block: resource_list
 *
 * Custom rules for this block, extracted verbatim from the OLD static
 * site's resources/assets/css/style.css. Loaded only when this block is
 * present on the page (via ctmfg_enqueue_module_style() in functions.php).
 * Site-wide chrome (header, footer, body, .container) comes from the home
 * bundle (assets/css/style.min.css + custom.css) loaded on every page.
 * Includes the `svg path` / `a:hover svg path` arrow hover, the #high_school /
 * #Certificate :hover overrides, and the h3 / h6 sizes used inside the list rows.
 */

svg path {
  transition: all 0.3s;
}

a:hover svg path {
  fill: #F26818;
}

#high_school a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#Certificate a:hover {
  color: #ffffff;
}

#high_school .list-link-right {
  transition: all 0.3s;
}

#Certificate .list-link-right {
  transition: all 0.3s;
}

#high_school a:hover .list-link-right {
  color: #F26818;
}

#Certificate a:hover .list-link-right {
  color: #F26818;
}

#Certificate .ext_list_right a {
  transition: all 0.3s;
}

#Certificate .ext_list_right:hover a {
  color: #F26818;
}

h3, .h3 {
  font-size: 56px;
  font-weight: bold;
  margin: 0;
}
@media (max-width: 1439px) {
  h3, .h3 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  h3 br, .h3 br {
    display: none;
    content: "";
  }
}
@media (max-width: 575px) {
  h3, .h3 {
    font-size: 30px;
  }
}
@media (max-width: 374px) {
  h3, .h3 {
    font-size: 26px;
  }
}

h6, .h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}
h6.text-xs, .text-xs.h6 {
  font-size: 14px;
}
@media (max-width: 767px) {
  h6.text-xs, .text-xs.h6 {
    font-size: 20px;
  }
}
@media (max-width: 1599px) {
  h6, .h6 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  h6 br, .h6 br {
    display: none;
    content: "";
  }
}
@media (max-width: 767px) {
  h6, .h6 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  h6, .h6 {
    font-size: 18px;
  }
}
@media (max-width: 374px) {
  h6, .h6 {
    font-size: 16px;
  }
}

.wrapper-in {
  background-color: #0076BE;
  color: #fff;
}
.wrapper-in .left-sec {
  width: 700px;
  max-width: 100%;
  background-color: #14234B;
  padding: 55px 50px 55px 110px;
}
@media (max-width: 1740px) {
  .wrapper-in .left-sec {
    width: 560px;
  }
}
@media (max-width: 1599px) {
  .wrapper-in .left-sec {
    width: 30%;
    padding: 55px 15px 55px 2%;
  }
}
@media (max-width: 1199px) {
  .wrapper-in .left-sec {
    width: 100%;
    padding: 40px 30px;
  }
}
@media (max-width: 575px) {
  .wrapper-in .left-sec {
    padding: 30px 20px;
  }
}
.wrapper-in .right-sec {
  max-width: 100%;
  width: calc(100% - 700px);
  padding: 40px 65px;
}
@media (max-width: 1740px) {
  .wrapper-in .right-sec {
    width: calc(100% - 560px);
  }
}
@media (max-width: 1599px) {
  .wrapper-in .right-sec {
    width: 70%;
  }
}
@media (max-width: 1439px) {
  .wrapper-in .right-sec {
    padding: 35px 30px;
  }
}
@media (max-width: 1199px) {
  .wrapper-in .right-sec {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wrapper-in .right-sec {
    padding: 60px 30px;
  }
}
@media (max-width: 575px) {
  .wrapper-in .right-sec {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row {
    padding-bottom: 20px;
  }
}
.wrapper-in .right-sec .list-row:not(:first-child) {
  border-top: 3px solid #14234B;
}
.wrapper-in .right-sec .list-row p {
  margin: 0;
}
.wrapper-in .right-sec .list-row .list-head-left {
  padding: 30px 35px;
  padding-left: 0;
  width: calc(100% - 300px);
}
@media (min-width: 1200px) {
  .wrapper-in .right-sec .list-row .list-head-left {
    min-height: 150px;
  }
}
.wrapper-in .right-sec .list-row .list-head-left p strong {
  font-weight: 600;
  display: block;
}
.wrapper-in .right-sec .list-row .list-head-left h6, .wrapper-in .right-sec .list-row .list-head-left .h6 {
  margin-bottom: 4px;
}
@media (max-width: 1599px) {
  .wrapper-in .right-sec .list-row .list-head-left {
    padding: 20px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row .list-head-left {
    width: 100%;
    padding-right: 0;
  }
  .wrapper-in .right-sec .list-row .list-head-left h6, .wrapper-in .right-sec .list-row .list-head-left .h6 {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row .list-head-left {
    padding: 20px 0;
  }
}
.wrapper-in .right-sec .list-row .list-link-right {
  width: 300px;
  padding: 15px 45px;
  padding-right: 0;
  border-left: 3px solid #14234B;
}
.wrapper-in .right-sec .list-row .list-link-right .desk-arrow {
  width: 80px;
}
@media (max-width: 1599px) {
  .wrapper-in .right-sec .list-row .list-link-right {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row .list-link-right {
    width: 100%;
    border: none;
    padding: 0;
  }
}
.wrapper-in .right-sec .list-row .list-link-right h6, .wrapper-in .right-sec .list-row .list-link-right .h6 {
  width: 100%;
}
.wrapper-in .right-sec .list-row .list-link-right h6 a, .wrapper-in .right-sec .list-row .list-link-right .h6 a {
  width: 100%;
}
.wrapper-in .right-sec .list-row .list-link-right h6 div, .wrapper-in .right-sec .list-row .list-link-right .h6 div {
  width: 100%;
}
@media (min-width: 768px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a, .wrapper-in .right-sec .list-row .list-link-right .h6 a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div, .wrapper-in .right-sec .list-row .list-link-right .h6 div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a, .wrapper-in .right-sec .list-row .list-link-right .h6 a {
    font-size: 28px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div, .wrapper-in .right-sec .list-row .list-link-right .h6 div {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a, .wrapper-in .right-sec .list-row .list-link-right .h6 a {
    font-size: 20px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div, .wrapper-in .right-sec .list-row .list-link-right .h6 div {
    font-size: 20px;
  }
}
@media (max-width: 374px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a, .wrapper-in .right-sec .list-row .list-link-right .h6 a {
    font-size: 18px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div, .wrapper-in .right-sec .list-row .list-link-right .h6 div {
    font-size: 18px;
  }
}
.wrapper-in .right-sec .list-row .list-link-right h6 a .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 a .arrow-img {
  display: inline-block;
}
.wrapper-in .right-sec .list-row .list-link-right h6 div .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 div .arrow-img {
  display: inline-block;
}
.wrapper-in .right-sec .list-row .list-link-right h6 a .arrow-img svg, .wrapper-in .right-sec .list-row .list-link-right .h6 a .arrow-img svg {
  width: 100%;
  height: 100%;
}
.wrapper-in .right-sec .list-row .list-link-right h6 div .arrow-img svg, .wrapper-in .right-sec .list-row .list-link-right .h6 div .arrow-img svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 a .arrow-img {
    margin-left: 4px;
    /*background-image: url('../images/arrow-right-rotate.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
    width: 44px;
    height: 44px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 div .arrow-img {
    margin-left: 4px;
    /*background-image: url('../images/arrow-right-rotate.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;*/
    width: 44px;
    height: 44px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 a .arrow-img img, .wrapper-in .right-sec .list-row .list-link-right .h6 a .arrow-img img {
    opacity: 0;
    visibility: hidden;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div .arrow-img img, .wrapper-in .right-sec .list-row .list-link-right .h6 div .arrow-img img {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row .list-link-right h6 a .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 a .arrow-img {
    width: 28px;
    height: 28px;
  }
  .wrapper-in .right-sec .list-row .list-link-right h6 div .arrow-img, .wrapper-in .right-sec .list-row .list-link-right .h6 div .arrow-img {
    width: 28px;
    height: 28px;
  }
}
.wrapper-in .right-sec .list-row.ext_list-row {
  padding: 45px 0;
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row.ext_list-row {
    padding: 25px 0;
  }
}
.wrapper-in .right-sec .list-row.ext_list-row h6, .wrapper-in .right-sec .list-row.ext_list-row .h6 {
  margin-bottom: 15px;
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items {
  margin-top: 20px;
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_left {
  width: 65%;
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_left {
    width: 100%;
  }
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right {
  width: 35%;
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right {
    width: 100%;
    margin-top: 5px;
  }
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right {
    margin-top: 2px;
  }
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a {
  font-weight: bold;
  gap: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a {
    gap: 2px;
  }
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a .arrow-img .desk-arrow {
    width: 34px !important;
    display: block;
    margin-left: 4px;
  }
}
@media (min-width: 768px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a .arrow-img {
    order: -1;
  }
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a .arrow-img .desk-arrow {
  width: 45px;
  display: block;
}
.wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a .arrow-img .mob-arrow {
  width: 34px;
  display: block;
}
@media (max-width: 575px) {
  .wrapper-in .right-sec .list-row.ext_list-row .ext_list_items .ext_list_right a .arrow-img .mob-arrow {
    width: 22px;
  }
}

.green-section .wrapper-in {
  background-color: #0DB14B;
}
.green-section .wrapper-in .left-sec {
  background-color: #08733B;
}
.green-section .wrapper-in .right-sec .list-row {
  border-color: #08733B;
}
.green-section .wrapper-in .right-sec .list-row .list-link-right {
  border-color: #08733B;
}

.purple-section .wrapper-in {
  background-color: #544B9F;
}
.purple-section .wrapper-in .left-sec {
  background-color: #2E2461;
}
.purple-section .wrapper-in .right-sec .list-row {
  border-color: #2E2461;
}
.purple-section .wrapper-in .right-sec .list-row .list-link-right {
  border-color: #2E2461;
}

.wrapper-in .right-sec .list-row p,
.wrapper-in .right-sec .list-row a {
  margin: 0;
  color: #fff;
}

.wrapper-in .right-sec .list-row p:hover,
.wrapper-in .right-sec .list-row a:hover {
  color: #000;
}