#homepage.taa,
#freeform.taa {
    --brandcolor: #8A2D35;
    --brandlight: #FEEFF1;
}
#homepage.ryan,
#freeform.ryan {
    --brandcolor: #B45B18;
    --brandlight: #FFF2EB;
}

#freeform.taa #entry a,
#freeform.ryan #entry a {color: var(--brandcolor);}
#freeform.taa #post blockquote .blockquote-icon-box,
#freeform.ryan #post blockquote .blockquote-icon-box {background: var(--brandlight);}
#freeform.taa #post blockquote .blockquote-icon-box img:not(.blockquote-graphics-border) {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%) !important;}
#freeform.ryan #post blockquote .blockquote-icon-box img:not(.blockquote-graphics-border) {    filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}
#freeform.taa #post blockquote .blockquote-content,
#freeform.ryan #post blockquote .blockquote-content {background: var(--brandlight);}

.topbar-links a.active {background: var(--brandcolor)}
.taa #logo {width: 173px;}
.ryan #logo {width: 148px;}
.taa #search.search-active input,
.ryan #search.search-active input {background: var(--brandlight);border-color: var(--brandcolor);}
.taa #search button,
.ryan #search button {background: var(--brandlight);height: 50.5px;right: 1px;}
.taa #search button img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
.ryan #search button img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}
.taa #search button:hover,
.ryan #search button:hover {border-color: var(--brandcolor);}
.taa #translate-button img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
.ryan #translate-button img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}
.taa #slider, .ryan #slider {height: 714px;}

#homepage.taa .tns-controls button img, #homepage.taa #video-controls button img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
#homepage.ryan .tns-controls button img, #homepage.ryan #video-controls button img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}

#homepage.taa #main, #homepage.ryan #main {padding-top: 16px;}
.taa .section-btn, .ryan .section-btn {color: var(--brandcolor) !important;}
.taa .section-btn img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%) !important;}
.ryan .section-btn img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}
.taa .section-btn:hover,
.ryan .section-btn:hover {background: var(--brandcolor) !important;color: #fff !important;}
.taa .section-btn:hover img,
.ryan .section-btn:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(244deg) brightness(114%) contrast(101%) !important;}

.taa .floating-share-btn,
.ryan .floating-share-btn {background: var(--brandlight);outline-color: var(--brandcolor);border: 1px solid transparent;}
.taa .floating-share-btn img,
.ryan .floating-share-btn img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
.taa .floating-share-btn:hover,
.ryan .floating-share-btn:hover {outline-color: transparent;border-color: var(--brandcolor);}

.taa #ada-btn, .ryan #ada-btn {background: var(--brandcolor);outline-color: var(--brandlight);}
.taa #ada-btn:hover, .ryan #ada-btn:hover {outline-color: transparent;}

#mission {position: relative;padding: 120px 0;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04) inset;z-index: 1;}
#mission::before {position: absolute;content: '';background: linear-gradient(270deg, var(--Color-Transparency-mid, rgba(255, 255, 255, 0.40)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.88)) 100%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
#mission .mission-wrapper {max-width: 498px;}
#mission .section-heading {color: #1A1A1A;}
#mission .section-heading span {background: var(--brandcolor);border-radius: 24px;padding: 6.6px 16px;margin-bottom: 4px;color: #fff;font-size: 16px;line-height: 1.3;display: block;width: fit-content;}

/* section news style */
#news {position: relative;padding: 120px 0;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04) inset;z-index: 1;}
#homepage #news::before {position: absolute;content: '';background: linear-gradient(270deg, var(--Color-Transparency-mid, rgba(255, 255, 255, 0.40)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.88)) 100%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
#news-in {display: flex;align-items: center;justify-content: space-between;gap: 24px;position: relative;}
#news .section-heading {color: #1A1A1A;}
#news .news-text {color: #1A1A1A;font-size: 20px;line-height: 33px;}
.news-right {position: relative;}
.news-card {background: rgba(255, 255, 255, 0.88);box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);backdrop-filter: blur(4px);border-radius: 16px;}
.news-card:hover {background: #fff;}
.news-card .news-img {width: 100%;height: 240px;border-radius: 16px 16px 0 0;}
#homepage .news-info {padding: 32px 48px 32px 32px;}
#homepage .news-date {color: #333;line-height: 26.4px;font-family: "futura-pt-semibld";}
#homepage .news-title {color: #1A1A1A;font-size: 24px;line-height: 36px;text-transform: capitalize;font-family: "futura-pt-semibld";margin: 24px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
#news .news-more-link {display: inline-block;padding: 4px 12px;margin-top: 84px;border-radius: 24px;color: var(--brandcolor);font-size: 18px;font-weight: 500;line-height: 1.34;text-decoration: none;display: flex;align-items: center;gap: 8px;width: fit-content;font-family: "futura-pt-semibld";}
#news .news-more-link img {width: 16px;filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
.ryan #news .news-more-link img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%)}
#news .news-more-link:hover {background: var(--brandcolor);color: #fff;}
#news .news-more-link:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(244deg) brightness(114%) contrast(101%);}
#news .tns-outer {position: static;}
#homepage #news .tns-ovh {padding: 15px;margin: -15px;}
#homepage #news .tns-item:not(.tns-slide-active) .news-card {box-shadow: unset;}
#news .tns-controls {top: unset;transform: unset;bottom: -56px;display: flex;align-items: center;justify-content: space-between;}
#news .tns-controls button:disabled {opacity: 0.3;}

/* section vision style */
#vision {position: relative;padding: 128px 0;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04) inset;z-index: 1;}
#vision::before {position: absolute;content: '';background: linear-gradient(90deg, var(--Color-Brand-TAA-main, #8A2D35) 0.16%, rgba(138, 45, 53, 0.40) 99.84%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.vision-wrapper {max-width: 577px;}
#vision .section-heading span {background: #FEEFF1;border-radius: 24px;padding: 6.6px 16px;margin-bottom: 4px;color: #8A2D35;font-size: 16px;line-height: 1.3;display: block;width: fit-content;}
.vision-text {color: #fff;font-size: 20px;font-weight: 400;line-height: 33px;margin-top: 12px;}
#vision .section-btns {margin-top: 40px;display: flex;flex-direction: column;gap: 12px;}
#homepage.taa #vision .section-btn {color: #FEEFF1 !important;margin-top: 0;}
#homepage.taa #vision .section-btn img {filter: brightness(0) saturate(100%) invert(97%) sepia(2%) saturate(3064%) hue-rotate(286deg) brightness(99%) contrast(102%) !important;}
#homepage.taa #vision .section-btn:hover {background: #fff !important;color: var(--brandcolor) !important;}
#homepage.taa #vision .section-btn:hover img {filter: brightness(0) saturate(100%) invert(19%) sepia(61%) saturate(1403%) hue-rotate(321deg) brightness(103%) contrast(92%) !important;}

/* section events style */
#events {position: relative;padding: 128px 0;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04) inset;}
#events .section-header {margin-bottom: 24px;}
#events .section-heading {color: var(--brandcolor);}
#events .section-btn {margin-top: 0;}

/* about style */
#about {position: relative;padding: 120px 0;z-index: 1;}
#about::before {position: absolute;content: '';background: linear-gradient(270deg, rgba(255, 255, 255, 0.64) 0%, #FFF 100%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.about-wrapper {max-width: 576px;}
#about .section-heading {color: #1A1A1A;}
.about-text {color: #1A1A1A;font-size: 20px;line-height: 33px;margin-top: 12px;}



.taa .social-media-link img {filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(3633%) hue-rotate(326deg) brightness(92%) contrast(89%);}
.ryan .social-media-link img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%)}
.taa .social-media-link:hover,
.ryan .social-media-link:hover {background: var(--brandlight);}

.taa #signup .logo {width: 173px;}
.ryan #signup .logo {width: 148px;}
.ryan #signup .section-btn img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}

/* inner style */
.taa #flyout-wrap,
.ryan #flyout-wrap {background: var(--brandlight)}
#contact-info .contact-link:hover {color: var(--brandcolor);}
.taa #contact-info li img, .taa .resource-link img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}
.ryan #contact-info li img, .ryan .resource-link img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%)}
.taa #resource-wrap .resource-link:hover {background: var(--brandlight);color: var(--brandcolor);}
.taa #resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(21%) sepia(54%) saturate(1471%) hue-rotate(320deg) brightness(95%) contrast(93%);}

/* footer style */
.taa .footer-contact-item .footer-icon-box img {filter: brightness(0) saturate(100%) invert(20%) sepia(28%) saturate(3633%) hue-rotate(326deg) brightness(92%) contrast(89%);}
.ryan .footer-contact-item .footer-icon-box img {filter: brightness(0) saturate(100%) invert(37%) sepia(39%) saturate(1694%) hue-rotate(354deg) brightness(94%) contrast(87%);}


@media only screen and (max-width:1200px) {
    .news-left {padding-right: 0 !important;}
    .news-wrapper {margin-right: 0 !important;}
}

@media only screen and (min-width:992px) {
    .taa #nav ul.make-mage a:not(.fa):hover,
	.taa #nav ul.make-mage span:hover,
    .ryan #nav ul.make-mage a:not(.fa):hover,
	.ryan #nav ul.make-mage span:hover {color: var(--brandcolor);}

    .taa .site-header #nav>li:hover>a:not(.fa),
	.taa .site-header #nav>li:hover>span:not(.fa),
    .ryan .site-header #nav>li:hover>a:not(.fa),
	.ryan .site-header #nav>li:hover>span:not(.fa) {
		color: var(--brandcolor);
	}
	.taa .site-header #nav>li.static:hover>a:not(.fa)::before,
	.taa .site-header #nav>li.static:hover>span:not(.fa)::before,
    .ryan .site-header #nav>li.static:hover>a:not(.fa)::before,
	.ryan .site-header #nav>li.static:hover>span:not(.fa)::before {
		color: var(--brandcolor);
	}


    .news-left {padding-right: 72px;max-width: 365px;width: 100%;}
    .news-right {width: 100%;}
    .taa #footer .footer-col:first-of-type,
    .ryan #footer .footer-col:first-of-type {width: 33.33%;}
    .taa #footer .footer-col:last-of-type,
    .ryan #footer .footer-col:last-of-type {width: 66.66%;}

    .taa #flyout ul, .ryan #flyout ul {background: var(--brandlight);}
}

@media only screen and (max-width:991px) {
    .taa #logo {width: 119px;}
    .ryan #logo {width: 90px;}
    .taa #info-toggle, .taa #nav-toggle, .taa #search-toggle,
    .ryan #info-toggle, .ryan #nav-toggle, .ryan #search-toggle {background: var(--brandcolor);color: #fff;}
    .taa .site-header #nav, .ryan .site-header #nav {background: var(--brandcolor);}

    .taa #slider, .ryan #slider {height: 500px;}

    #mission .section-heading {font-size: 22px;line-height: 38px;}

    #news {padding: 80px 0 120px;}
    #news-in {flex-direction: column;}
    #news .section-btn {margin-top: 32px;}
    .news-right {width: 100%;}
    #homepage .news-info {padding: 32px 15px;}
    #homepage .news-title {font-size: 22px;line-height: 34px;}
    #news .news-more-link {margin-top: 32px;}

    .vision-text {font-size: 16px;line-height: 29px;}

    #events {padding: 72px 0;}
}