/*
Theme Name: Thusano
Theme URI: https://www.thusanotrust.org/southernpalladium
Author: R&A strategic communications
Author URI: https://rasc.co.za
Description: Thusano Trust
Tags: Thusano
Requires at least: 6.4
Tested up to: 6.8.2
Requires PHP: 8.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thusano
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*-- Find temporary hidden items by searching for the heading title: /*-- TEMP HIDDEN --*/

@import url('assets/css/animate.css');
@import url('assets/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.red-punga-ci {color: #533c14; }
.red-punga-rgb {color: rgba(83, 60, 20, 1); }
.grey-ci {color: #666666;}
.grey-ci-rgb {color: rgba(102, 102, 102, 1);}
.secondary {color: #a4895c;} /*--Beige Barley Corn--*/
.secondary-rgb {}
.yellow {color:#f2af1c;} /*--Yellow Buttercup--*/
.yellow-rgb {color: rgba(242, 175, 181, 28);}
.blue-light {color: #a4895c;}
.blue-xlight {color: #ede7de;}
.gray {color: #969696;color: rgba(150, 150, 150, 0);}
.gray-light {color: #d2d2d2;color: rgba(210, 210, 210, 0);}
.gray-xlight {color: #f0f0f0;}
.body-text {color: #000000;}


.reveal {transform: translateY(0px);-webkit-animation: fadeInUp 1.5s ease-out;animation: fadeInUp 1.5s ease-out;}

*,
*::before,
*::after {box-sizing: border-box;margin: 0;padding: 0;}

a:hover,
a:focus,
button:focus,
li:focus {text-decoration: none;outline: none;}

a {text-decoration: none;}

body {line-height:1.6em; overflow-x: hidden; scroll-behavior:smooth; font-size:15px; }

html {overflow: auto; width: 100%; height: 100vh;}

.wp-site-blocks > * + * {}

.lock-scrolling {height:100vh; width:100vw; overflow: hidden;}

.hide,
.hidden,
.nodisplay {
	display: none !important;
}

@-webkit-keyframes fadeOutR {
	0% {opacity: 1;
	}
	to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);
	}
}
.hide-fadeout {-webkit-animation: fadeOutR 1s ease-out; animation: fadeOutR 1s ease-out;}

header > .is-layout-constrained.alignfull,
main > .is-layout-constrained.alignfull {padding-left: 3em; padding-right: 2em;}

body {webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease;}

:where(.wp-block-columns.has-background),
:where(.wp-block-group.has-background) {padding-left: 1.5rem; padding-right: 1.5rem;}

/*
:root :where(.is-layout-flow) > * {margin-block-start:0rem;}
:root :where(.is-layout-flow) > :last-child {margin-block-start:0rem;}
*/

.fullwidth {width:100% !important; min-width:100% !important; }

article {-webkit-animation: fadeIn 1s ease-out;animation: fadeIn 2s ease-out;}

body.home article {
	webkit-animation: none !important;
	animation: none !important;
	border-top: none !important;
}

.img-top {margin-block-start: 1.5rem !important;}
.img-top-0 {margin-block-start: 0rem !important;}
.img-top-1 {margin-block-start: 1rem !important;}
.img-top-2 {margin-block-start: 0.5rem !important;}

/*--Fade Ins--*/
.fade-in-1s {webkit-animation: fadeIn 1s ease-out;animation: fadeIn 1s ease-out;}
.fade-in-2s {webkit-animation: fadeIn 2s ease-out;animation: fadeIn 2s ease-out;}
.fade-in-3s {webkit-animation: fadeIn 3s ease-out;animation: fadeIn 3s ease-out;}
.fade-in-up-1s {webkit-animation: fadeInUp 1s ease-out;animation: fadeInUp 1s ease-out;}
.fade-in-up-2s {webkit-animation: fadeInUp 2s ease-out;animation: fadeInUp 2s ease-out;}
.fade-in-up-3s {webkit-animation: fadeInUp 3s ease-out;animation: fadeInUp 3s ease-out;}
.fade-in-down-1s {webkit-animation: fadeInDown 1s ease-out;animation: fadeInDown 1s ease-out;}
.fade-in-down-2s {webkit-animation: fadeInDown 2s ease-out;animation: fadeInDown 2s ease-out;}
.fade-in-down-3s {webkit-animation: fadeInDown 3s ease-out;animation: fadeInDown 3s ease-out;}

.fade-in-left-1s {webkit-animation: fadeInLeft 1s ease-out;animation: fadeInLeft 1s ease-out;}
.fade-in-right-1s {webkit-animation: fadeInRight 1s ease-out;animation: fadeInRight 1s ease-out;}


/*--Image scaling--*/
.img-20,
.img-30,
.img-40,
.img-45,
.img-50,
.img-60,
.img-70,
.img-80,
.img-90 {width:auto; max-width: 100% !important;}

@media (min-width: 992px) {.img-20 {width: 20%; max-width: 20% !important;}}
@media (min-width: 992px) {.img-30 {width: 30%; max-width: 30% !important;}}
@media (min-width: 992px) {.img-40 {width: 40%; max-width: 40% !important;}}
@media (min-width: 992px) {.img-45 {width: 45%; max-width: 45% !important;}}
@media (min-width: 992px) {.img-50 {width: 50%; max-width: 50% !important;}}
@media (min-width: 992px) {.img-60 {width: 60%; max-width: 60% !important;}}
@media (min-width: 992px) {.img-70 {width: 70%; max-width: 70% !important;}}
@media (min-width: 992px) {.img-80 {width: 80%; max-width: 80% !important;}}

.no-td,
.no-td a {text-decoration:none !important;}

/*-- .wp-block-heading {margin-block-start:0em; margin-block-end:0.5em;} --*/

h1 {}

h1.wp-block-post-title,
h1.wp-block-heading,
h1.wp-block-post-title.alignconstrained,
h1.wp-block-heading.alignconstrained {
	display: block;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	text-transform: none;
	position: relative;
	color: #a4895c;
}

h1.wp-block-post-title:after,
h1.wp-block-heading:after {display: none;content: '';}

/*--Single Post H1 title--*/
.single-post h1.wp-block-post-title {font-size: 2.5em;margin-bottom: 0.7em !important;color: #533c14;}
.single-post h1.wp-block-post-title:after {display: none;}

h2,
h3,
h4,
h5,
h6 {text-transform: none;}

h2 {color: #533c14; }
h3 {color: #533c14; }
h4 {color: #000000; }
h5 {color: #533c14; }
h6 {color: #000; }

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {padding: 1rem 1.375rem;}

p.has-medium-font-size {line-height: 1.6em;}

main p.lead {
	font-size: 1.4em !important;
	line-height: 1.45em;
	font-weight: 400;
	color: #777 !important;
	/*-- color:#ede7de !important; --*/
}

main .hilite {display: block !important;
	padding: 20px !important;
	background: #ede7de !important;
}
main .hilite p {color: #fff !important;}

main ul {background: transparent; }
main ul.ml,
main ol.ml {margin-left:20px !important;}
main ul ul {}
main li {background: transparent; margin:0 0 8px 0px;}
main ul ul li { }
main ul ul li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054" !important;  
    color:#a4895c; }
main ul ul ul li { }
main li a {color: #533c14;background: transparent;}
main li a:hover {color: #533c14; }

main p strong,
main li strong,
main a strong {font-weight:500; }

main ul li {list-style:none; padding-left:16px; position:relative;  }
main ul li::marker {content:'';}

main ul li::before {font-family:'FontAwesome';
    font-size:0.5em;
    position: absolute !important;
    left:0; top:0;
    content:"\f111";  
    color:#a4895c; } /*-- Secondary Beige--*/

main ul.whitedisc li::before {color:#fff !important; }

main ul.reddisc li {list-style:none; padding-left:16px; position:relative;   }
main ul.reddisc li::marker {content:'';}
main ul.reddisc li::before  {
    font-family:'FontAwesome';
    font-size:0.5em;
    position: absolute;
    left:0; top:0;
    content:"\f111";  
    color:#533c14; } /*--Primary Punga--*/

main ul.darkdisc li {list-style:none; padding-left:16px; position:relative;   }
main ul.darkdisc li::marker {content:'';}
main ul.darkdisc li::before  {
    font-family:'FontAwesome';
    font-size:0.5em;
    position: absolute;
    left:0; top:0;
    content:"\f111";  
    color:#231f20; } /*--Primary Punga--*/

main ul.yellowdisc li {list-style:none; padding-left:16px; position:relative;   }
main ul.yellowdisc li::marker {content:'';}
main ul.yellowdisc li::before  {
    font-family:'FontAwesome';
    font-size:0.5em;
    position: absolute;
    left:0; top:0;
    content:"\f111";  
    color:#f2af1c; }

main ul.primechevron li {list-style:none; padding-left:16px; position:relative;   }
main ul.primechevron li::marker {content:'';}
main ul.primechevron li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054";  
    color:#a4895c; }

main ul.redchevron li {list-style:none; padding-left:16px; position:relative;   }
main ul.redchevron li::marker {content:'';}
main ul.redchevron li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054";  
    color:#533c14; } /*--Primary Punga--*/

main ul.yellowchevron li {list-style:none; padding-left:16px; position:relative;   }
main ul.yellowchevron li::marker {content:'';}
main ul.yellowchevron li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054";  
    color:#f2af1c; }

main ul.whitechevron li {list-style:none; padding-left:16px; position:relative;   }
main ul.whitechevron li::marker {content:'';}
main ul.whitechevron li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054";  
    color:#fff; }

main ul.darkchevron li {list-style:none; padding-left:16px; position:relative;   }
main ul.darkchevron li::marker {content:'';}
main ul.darkchevron li::before  {
    font-family:'FontAwesome';
    font-size:0.8em;
    position: absolute;
    left:0; top:0;
    content:"\f054";  
    color:#231f20; }

/*--Calendar Post Template--*/
main ul.calendar-pt.wp-block-post-template.is-layout-grid {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:1.4em !important; }
@media (min-width: 768px) { main ul.calendar-pt.wp-block-post-template.is-layout-grid {grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { main ul.calendar-pt.wp-block-post-template.is-layout-grid {grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { main ul.calendar-pt.wp-block-post-template.is-layout-grid {grid-template-columns:repeat(4, minmax(0, 1fr)); } }

main ul.calendar-pt.wp-block-post-template li.wp-block-post {padding-left:0 !important; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.15); }

/*--No list marker display--*/
main ul.wp-block-post-template li.wp-block-post::marker,
main ul.wp-block-post-template li.wp-block-post::before,
main .news-page-ql ul.wp-block-post-template li.wp-block-post::marker,
main .news-page-ql ul.wp-block-post-template li.wp-block-post::before,
main ul.calendar-pt.wp-block-post-template li.wp-block-post::marker, 
main ul.calendar-pt.wp-block-post-template li.wp-block-post::before {display:none !important; content:''; }

main ul.calendar-pt.wp-block-post-template li.wp-block-post .wp-block-group {height:100% !important; gap:0.8em !important; }

main ul.calendar-pt.wp-block-post-template li.wp-block-post .wp-block-group h5 {margin-bottom:0; }

/*--News Page--*/
.news-page-ql {}

main ul.news-pt {gap:1.4rem; }

main ul.news-pt li.wp-block-post {background:#f6f3ee; padding:15px 7% !important; border:1px solid #f6f3ee; }
main ul.news-pt li.wp-block-post:hover {background:#ede7de; border:1px solid #a4895c;  }

ul.news-pt li .wp-block-post-date { }
ul.news-pt li .wp-block-post-date time { }
ul.news-pt li h5 {margin-top:0 !important; }
ul.news-pt li h5 a {color:#000; }
ul.news-pt li h5 a:hover {color:#533c14;}

ul.news-pt .pagination {}


/*--Navigation lists-*/
nav ul li::marker {display:none !important; content:''; }

/*-- TEMP HIDDEN --*/
/*--Hide News menu item
li.menu-item-44 {display:none !important;} --*/

/*--Thumbicon--*/
.thumbicon {-webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; background: transparent; gap:15px; }
.thumbicon:hover {transform: scale(1.03);}
.thumbicon img {box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); background: transparent;}
.thumbicon:hover img,
.thumbicon:hover p,
.thumbicon:hover .wp-block-heading {text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); background: transparent;}
.thumbicon a,
.thumbicon p a {text-decoration: none !important;}
.thumbicon a:hover { }
.thumbicon.shadow {}

p.img-descriptor {margin-block-start: 5px !important;}

a.notd,
.notd a {text-decoration: none !important;}
a.notd:hover,
.notd a:hover {color: #ede7de}

.link-nounderline a {text-decoration: none !important;}

.w-100 {width:100% !important; }

/*--Custom Margins--*/
.m-0,
.nomargin {margin: 0 !important;}
.mb-0 {margin-bottom: 0px !important; margin-block-end: 0px !important;}
.mb-5 {margin-bottom: 5px !important; margin-block-end: 5px !important;}
.mb-10 {margin-bottom: 10px !important; margin-block-end: 10px !important;}
.mb-15 {margin-bottom: 15px !important; margin-block-end: 15px !important;}
.mb-20 {margin-bottom: 20px !important; margin-block-end: 20px !important;}
.mb-25 {margin-bottom: 25px !important; margin-block-end: 15px !important;}
.mb-30 {margin-bottom: 30px !important; margin-block-end: 20px !important;}
.mb-40 {margin-bottom: 40px !important; margin-block-end: 20px !important;}
.mb-50 {margin-bottom: 50px !important; margin-block-end: 20px !important;}
.mb-60 {margin-bottom: 60px !important; margin-block-end: 20px !important;}

.mt-0 {margin-top: 0px !important; margin-block-start: 0px !important;}
.mt-5 {margin-top: 5px !important; margin-block-start: 0px !important;}
.mt-10 {margin-top: 10px !important; margin-block-start: 10px !important;}
.mt-15 {margin-top: 15px !important; margin-block-start: 15px !important;}
.mt-20 {margin-top: 20px !important; margin-block-start: 20px !important;}
.mt-25 {margin-top: 25px !important; margin-block-start: 15px !important;}
.mt-30 {margin-top: 30px !important; margin-block-start: 30px !important;}
.mt-auto {margin-top:auto !important;}
.mc-auto {margin-bottom:auto !important;}
.mtb-auto {margin-top:auto !important;margin-bottom:auto !important;}

.mt-m45 {margin-top:-45px !important; }
.mt-m40 {margin-top:-40px !important; }
.mt-m30 {margin-top:-30px !important; }

.ml-m10 {margin-left:-10px !important; }
.ml-m15 {margin-left:-15px !important;}
.ml-m20 {margin-left:-20px !important;}
.ml-m25 {margin-left:-25px !important;}
.ml-m30 {margin-left:-30px !important;}
.ml-m40 {margin-left:-40px !important;}

.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}

.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-25 {padding:25px !important;}

.pl-5 {padding-left:5px !important;}
.pl-10 {padding-left:10px !important;}
.pl-15 {padding-left:15px !important;}
.pl-20 {padding-left:20px !important;}
.pl-25 {padding-left:25px !important;}

.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-20 {padding-right:20px !important;}
.pr-25 {padding-right:25px !important;}


/*--Custom Padding--*/
.p-0,
.nopad {padding: 0 !important;}
.ps-0 {padding-top: 0 !important;}
.ms-0,
.nomargin-top {margin-top: 0 !important; margin-block-start: 0 !important;}

/*--Custom Gap--*/
.gap-0 {gap: 0px !important;}
.gap-5 {gap: 5px !important;}
.gap-10 {gap: 10px !important;}
.gap-15 {gap: 15px !important;}
.gap-20 {gap: 20px !important;}
.gap-25 {gap: 25px !important;}
.gap-30 {gap: 30px !important;}
.gap-40 {gap: 40px !important;}
.gap-50 {gap: 50px !important;}
.gap-60 {gap: 60px !important;}
.gap-70 {gap: 70px !important;}

/*--Custom classes--*/
.br-lg-3 {border-right: 3px solid #ccc;}
.bl-lg-3 {border-left: 3px solid #ccc;}

.pos-relative {position: relative !important;}

.h-100 {height: 100% !important;}

.inline-block {display: inline-block !important;vertical-align: top;}

.float-right {display: block;float: right;}
.float-left {display: block;	float: left;}

.justify-content-left {justify-content:flex-start;}
.justify-content-right {justify-content:flex-end;}
.justify-content-space-between {justify-content:space-between;}
.justify-content-space-around {justify-content:space-around; }
.justify-content-center {justify-content:center;}

.box-shadow-10 {box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
.box-shadow-15 {box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);}
.box-shadow-20 {box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);}

.fadeIn-1 {-webkit-animation: fadeIn 1s ease-in-out;animation: fadeIn 1s ease-in-out;}
.fadeIn-15 {-webkit-animation: fadeIn 1.5s ease-in-out;animation: fadeIn 1.5s ease-in-out;}
.fadeIn-2 {-webkit-animation: fadeIn 2s ease-in-out;animation: fadeIn 2s ease-in-out;}

.arrow-circle {
	display: inline-block !important;
	vertical-align: top;
	width: 38px;
	height: 38px;
	margin: 0 0 0 10px !important;
	padding: 0 !important;
	background: url(../../themes/ukwanda/assets/img/icon-circle-arrow.svg) center top no-repeat;
	background-size: cover;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.arrow-circle:hover {
	background: url(../../themes/ukwanda/assets/img/icon-circle-arrow-hover.svg) center top no-repeat;
	background-size: cover;
	transform: scale(1.04);
}

/*--Buttons Standard--*/
.btn {
	padding: 8px 12px 5px 12px;
	text-align: center !important;
	line-height: 1.2em;
	font-size: 0.8em;
	border: 0;
	border-radius: 0px;
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: var(--font-bold) !important;
	margin-bottom: 0.5em;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.btn:hover {transform: scale(1.05);}

.btn.center {margin: 0 auto 15px auto;}

/*--Buttons--*/
button,
.wp-block-button {
	text-align: center !important;
	margin-top: 0px !important;
	margin-bottom: 0.5em;
	border: 0px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.wp-block-button:hover {
	transform: scale(1.05);
}

.wp-block-buttons .wp-block-button__link,
.wp-block-button .wp-block-button__link {
	border: 0;
	text-decoration: none !important;
	text-transform: uppercase;
	font-weight: 400 !important;
	text-align: center !important;
	padding:12px 14px;
	font-size: 0.7rem;
	line-height: 1em;
	color: #a4895c;
	background: #fff;
    border-radius:20px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) { .wp-block-buttons .wp-block-button__link,
.wp-block-button .wp-block-button__link {padding:15px 17px; font-size: 0.8rem;} }

.wp-block-buttons .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover {
	color: #fff;
	background: #533c14;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.ff-btn {
	color: #fff;
	background: #ede7de !important;
	text-align: center !important;
	margin-top: 0px !important;
	margin-bottom: 0.5em;
	border: 0px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.ff-btn:hover {
	color: #fff;
	background: #533c14 !important;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	transform: scale(1.05);
}

.wp-block-button.btn-lg .wp-block-button__link {
	padding: 14px 18px;
	font-size: 1rem;
	line-height: 1.2em;
}

.btn-primary .wp-block-button__link,
.wp-block-buttons.btn-primary .wp-block-button__link,
.wp-block-button.btn-primary .wp-block-button__link {color:#fff; background: #533c14;}

.btn-primary .wp-block-button__link:hover,
.wp-block-buttons.btn-primary .wp-block-button__link:hover,
.wp-block-button.btn-primary .wp-block-button__link:hover {
	color: #fff;
	background: #f2af1c;
    border:1px solid #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-default .wp-block-button__link,
.wp-block-buttons.btn-default .wp-block-button__link,
.wp-block-button.btn-default .wp-block-button__link {
	color: #fff;
	background: #a4895c;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-default .wp-block-button__link:hover,
.wp-block-buttons.btn-default .wp-block-button__link:hover,
.wp-block-button.btn-default .wp-block-button__link:hover {
	color: #fff;
	background: #533c14;
    border:1px solid #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-yellow .wp-block-button__link,
.wp-block-buttons.btn-yellow .wp-block-button__link,
.wp-block-button.btn-yellow .wp-block-button__link {
	color: #fff;
	background: #f2af1c;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-yellow .wp-block-button__link:hover,
.wp-block-buttons.btn-yellow .wp-block-button__link:hover,
.wp-block-button.btn-yellow .wp-block-button__link:hover {
	color: #fff;
	background: #533c14;
    border:1px solid #fff;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.text-red {}

.btn-white .wp-block-button__link,
.wp-block-buttons.btn-white .wp-block-button__link,
.wp-block-button.btn-white .wp-block-button__link {
	color: #533c14;
	background: #fff;
    border:1px solid #533c14;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-white .wp-block-button__link:hover,
.wp-block-buttons.btn-white .wp-block-button__link:hover,
.wp-block-button.btn-white .wp-block-button__link:hover {
	color: #fff;
	background: #533c14;
    border:1px solid #533c14;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

/*--Btn Footer Register--*/
.btn-footer-register .wp-block-button__link,
.wp-block-buttons.btn-footer-register .wp-block-button__link,
.wp-block-button.btn-footer-register .wp-block-button__link {
	font-size: 0.9em;
	border-radius: 0;
	color: #80b5a9;
	background: #002c1a;
	position: relative;
	padding: 10px 28px 10px 14px;
}

.btn-footer-register .wp-block-button__link:hover,
.wp-block-buttons.btn-footer-register .wp-block-button__link:hover,
.wp-block-button.btn-footer-register .wp-block-button__link:hover {
	color: #fff;
	background: #000;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.btn-footer-register .wp-block-button__link:after {
	color: #338875;
	font-family: 'FontAwesome';
	font-size: 1.4em;
	position: absolute;
	left: auto;
	right: 14px;
	top: 9px;
	content: '\f0da';
}
.btn-footer-register .wp-block-button__link:hover:after {color: #ccc;}

/*--Btn Read more with Arrow - WP blocks --*/
.btn-readmore-arrow .wp-block-button__link,
.wp-block-buttons.btn-readmore-arrow .wp-block-button__link,
.wp-block-button.btn-readmore-arrow .wp-block-button__link {
	font-size: 0.9em;
	border-radius: 0;
	color: #fff;
	background: transparent;
	position: relative;
	padding: 10px 28px 10px 0;
	text-decoration: none !important;
}

.btn-readmore-arrow .wp-block-button__link:hover,
.wp-block-buttons.btn-readmore-arrow .wp-block-button__link:hover,
.wp-block-button.btn-readmore-arrow .wp-block-button__link:hover {
	color: #fff;
	background: transparent;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.btn-readmore-arrow .wp-block-button__link:after {
	color: rgba(255, 255, 255, 0.9);
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	left: auto;
	right: 10px;
	top: 11px;
	content: '\f054';
}
.btn-readmore-arrow .wp-block-button__link:hover:after {
	color: rgba(255, 255, 255, 1);
}

/*--Btn Read more with Arrow with Excerpt(not showing) - WP blocks--*/
.btn-readmore-arrow.wp-block-post-excerpt {
	margin: 0 !important;
}
.btn-readmore-arrow.wp-block-post-excerpt .wp-block-post-excerpt__more-link {
	font-size: 0.9em;
	border-radius: 0;
	color: #fff;
	background: transparent;
	position: relative;
	padding: 10px 28px 10px 0;
	text-decoration: none !important;
}

.btn-readmore-arrow.wp-block-post-excerpt .wp-block-post-excerpt__more-link:hover {
	color: #fff;
	background: transparent;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.btn-readmore-arrow.wp-block-post-excerpt .wp-block-post-excerpt__more-link:after {
	color: rgba(255, 255, 255, 0.9);
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	left: auto;
	right: 10px;
	top: 11px;
	content: '\f054';
}
.btn-readmore-arrow.wp-block-post-excerpt .wp-block-button__link:hover:after {color: rgba(255, 255, 255, 1);}
.btn-readmore-arrow.wp-block-post-excerpt p.wp-block-post-excerpt__more-text {margin: 0 !important;}
.btn-readmore-arrow.wp-block-post-excerpt p.wp-block-post-excerpt__excerpt {display: none !important;}

/*--Custom Btn Read more with arrow simple - Without WP blocks--*/
a.btn-readmore-arrow-s {
	font-size: 0.9em;
	border-radius: 0;
	color: #fff;
	background: transparent;
	position: relative;
	cursor: pointer;
	padding: 10px 28px 10px 0;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none !important;
}

a.btn-readmore-arrow-s:hover {
	color: #fff;
	background: transparent;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	text-decoration: none;
	transform: scale(1.05);
}

a.btn-readmore-arrow-s:after {
	color: rgba(255, 255, 255, 0.9);
	font-family: 'FontAwesome';
	font-size: 1em;
	position: absolute;
	left: auto;
	right: 10px;
	top: 11px;
	content: '\f054';
}
a.btn-readmore-arrow-sc:hover:after {color: rgba(255, 255, 255, 1);}

.wp-block-buttons.btn-sm a.wp-block-button__link,
.wp-block-button.btn-sm a.wp-block-button__link {
	font-size: 0.7em !important;
	margin-top: 0;
	padding: 10px 13px !important;
	line-height: 1em;
}

.wp-block-button.btn-small .wp-block-button__link {
	font-size: 0.8em;
	line-height: 1em;
	font-weight: 500;
	padding: 8px 12px;
	text-decoration: none;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

a.wp-block-post-excerpt__more-link {
	color: #fff;
	background: #ede7de;
	font-size: 0.8em;
	font-weight: 500;
	padding: 7px 12px;
	text-decoration: none !important;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

a.wp-block-post-excerpt__more-link:hover {
	color: #fff;
	background: #533c14;
}

/*--Button for More news / More Downloads / More videos --*/
.wp-block-button.btn-news {
	padding: 0 !important;
}

.btn-news .wp-block-button__link,
.wp-block-buttons.btn-news .wp-block-button__link,
.wp-block-button.btn-news .wp-block-button__link {
	color: #000;
	background: transparent;
	padding: 0px 20px 0px 0px;
	position: relative;
}

.btn-news .wp-block-button__link:after,
.wp-block-buttons.btn-news .wp-block-button__link:after,
.wp-block-button.btn-news .wp-block-button__link:after {
	display: block;
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 15px;
	height: 15px;
	background: url(../../themes/manara/assets/img/icon-news-arrow.svg) center top no-repeat;
	background-size: cover;
}

.btn-news .wp-block-button__link:hover:after,
.wp-block-buttons.btn-news .wp-block-button__link:hover:after,
.wp-block-button.btn-news .wp-block-button__link:hover:after {
	background: url(../../themes/manara/assets/img/icon-news-arrow-h.svg) center top no-repeat;
}

.btn-news .wp-block-button__link:hover,
.wp-block-buttons.btn-news .wp-block-button__link:hover,
.wp-block-button.btn-news .wp-block-button__link:hover {
	color: #ede7de;
	background: transparent;
}

.btn-news {-webkit-transition: transform 0.2s ease;transition: transform 0.2s ease;}
.btn-news:hover {transform: translate(10px, 0);}

/*--Main--*/
main {padding-bottom: 0px; min-height: 800px; }

a:-webkit-any-link {text-decoration: none;}

main a:-webkit-any-link {text-decoration: underline; }

main .wp-block-post-title a {text-decoration: none !important;}


/*--Header--*/
.wp-site-blocks > header {
	display: block;
	position: fixed; top: 0; left: 0;
    z-index: 999;
	width: 100%;
	height: 80px;
    padding: 20px 0px 10px 0px;
    background:#fff;
	-webkit-animation: fadeInDown 1s ease;
	animation: fadeInDown 1s ease;
    box-shadow:2px 2px 20px rgba(0,0,0,0.3); 
}
@media (min-width: 768px) {.wp-site-blocks > header {height:80px; padding:20px 0 10px 0; }}
@media (min-width: 992px) {.wp-site-blocks > header {height:170px; padding:20px 0 20px 0;  background: url(../../themes/thusano/assets/img/curvebar-top.png) left bottom no-repeat; background-size:100% 100%; box-shadow:none; }}
@media (min-width: 1200px) {.wp-site-blocks > header {height:170px; padding:25px 0 30px 0; }}
@media (min-width: 1600px) {.wp-site-blocks > header {height:170px; padding:30px 0 30px 0; }}

body.scrolled .wp-site-blocks > header {height:40px; background-color:#533c14; background-image:none; padding:4px 0px 3px 0px; -webkit-animation: fadeIn 1s ease; animation: fadeIn 1s ease; }


.header-wrapper {
    max-width:100%; /*--1320px--*/
	padding: 10px 0px 12px 0px;
	gap: 0.1rem !important;
	-webkit-transition: padding 0.5s ease-in-out;
	transition: padding 0.5s ease-in-out;
	align-items: flex-start;
}
@media (min-width: 768px) { .header-wrapper { }}
@media (min-width: 992px) { .header-wrapper { }}
@media (min-width: 1200px) { .header-wrapper { }}
@media (min-width: 1600px) { .header-wrapper {max-width:90%; }}

body.scrolled .header-wrapper {padding:10px 50px 5px 0px; gap: 1rem !important;}
@media (min-width: 992px) {body.scrolled .header-wrapper {padding:12px 0 3px 0;}}  --*/

.wp-site-blocks {padding-top: 0;padding-bottom: 0;}

.wp-block-site-logo {
	display: block;
	width: 20%;
	min-width: 80px;
	max-width: 80px;
	margin: 0 !important;
	background: #fff;
	padding: 0;
	border-radius: 0;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: fadeInDown 1s ease-in-out;
	animation: fadeInDown 1s ease-in-out;
}
@media (min-width: 992px) {.wp-block-site-logo {width:20%; max-width:90px; }}
@media (min-width: 1200px) {.wp-block-site-logo {width:20%; max-width:100px; }}
@media (min-width: 1600px) {.wp-block-site-logo {width:20%; max-width:110px; }}
@media (min-width: 1920px) {.wp-block-site-logo {width:20%; max-width:120px; }}

body.scrolled .wp-block-site-logo {
	width: 20%;
	max-width: 100px;
	min-width: 80px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	border-radius: 0;
	padding: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
@media (min-width: 992px) {
	body.scrolled .wp-block-site-logo {
		width: 15%;
		max-width: 100px;
	}
}

/*--Home logo--*/
.home .wp-block-site-logo {
	display: block;
	width: 25%;
	min-width: 100px;
	max-width: 120px;
	margin: 0 !important;
	background: #fff;
	padding: 0;
	border-radius: 0;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-animation: fadeInDown 1s ease-in-out;
	animation: fadeInDown 1s ease-in-out;
}
@media (min-width: 480px) {.home .wp-block-site-logo {width:20%; max-width:100px;}}
@media (min-width: 992px) {.home .wp-block-site-logo {width:20%; max-width:120px;}}
@media (min-width: 1200px) {.home .wp-block-site-logo {width:23%; max-width:140px;}}
@media (min-width: 1600px) {.home .wp-block-site-logo {width:25%; max-width:160px;}}
@media (min-width: 1920px) {.home .wp-block-site-logo {width:25%; max-width:180px;}}

.wp-block-site-logo img,
.wp-block-site-logo.is-default-size img {
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
}

/*--Footer--*/
footer.wp-block-template-part {margin-top: 0; position:relative;}

footer.wp-block-template-part:before {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:95px; margin:-94px 0 0; padding:0; z-index:100; background:url(https://www.thusanotrust.org/wp-content/uploads/2025/09/curvebar-footer.svg) left bottom no-repeat; background-size:100%; }

/*-- .footer-curvebar {display:block; margin:0; padding:0; width:100%; height:auto; max-height:106px; } --*/

footer p {
	font-weight: 300;
	font-size: 0.8em !important;
	line-height: 1.4em;
	margin-block-start:0.5em !important;
	color: #b6a17d !important;
}

footer li {font-weight:300;}

footer h4 {font-size:1.2em; color: #b6a17d; text-transform:uppercase;}


figure.footer-logo {margin-top:10px; }

.footer-group {margin: 0px 0 0;}
.footer-group a {}
.footer-group a:hover {color: #49f386;}
.footer-group.bottom {margin: 0;background: #e5e5e5;}

.footer-columns {padding: 0 15px;}
@media (min-width: 1600px) {.footer-columns {padding: 0;}}

.footer-col {}

.wp-block-column.menu-col,form.wp-block-search__button-outside {margin-block-start: 1rem !important;}

.wp-block-group.row-connect {margin: 1em 0 0.9rem 0; gap: 10px;}

.footer-col.search {}

/*-- TEMP HIDDEN --*/
/*-- .footer-col.search h4 {display:none !important; } --*/


.footer-col.search input.wp-block-search__input {
	border: 0;
	flex-grow: 1;
	margin-left: 0;
	margin-right: 0;
	min-width: 3rem;
	padding: 8px;
	text-decoration: unset !important;
	background: #f6f3ee;
	color: #000;
	font-size: 1.1em;
	height: 45px;
	font-weight: 400;
	border-radius: 0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
    
}

.footer-col.search .wp-element-button {
	width: 60px;
	height: 45px;
	margin-left: 0px;
	color: #f6f3ee !important;
	background: #f6f3ee;
	border: 0;
	border-width: 0;
	font-family: inherit;
	font-size: 0.5em;
	line-height: 1.2em;
	padding: 10px 15px;
	text-decoration: none;
	position: relative;
	z-index: 0;
	-webkit-transition: none;
	transition: none;
	border-radius: 0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.footer-col.search .wp-element-button:before {
	display: block !important;
	border: 0 !important;
	background: transparent;
	font-family: 'FontAwesome' !important;
	font-size: 3em;
	color: #533c14 !important;
	position: absolute;
	right: 7px;
	top: 17px;
	z-index: 1000;
	content: '\f002';
	transform: none;
}

.footer-col.search .wp-element-button:hover:before {border: 0 !important;color: #000 !important;}

.menu-footer-quick-links-container {align-items: flex-start;}

.footer-col ul {
	text-align: left;
	display: block;
	margin: 0;
	align-items: flex-start;
	padding-left: 0px;
	font-weight: 300;
	column-count: 1;
	column-gap: 20px;
}

.footer-col li {
	font-size: 0.85em;
	list-style: none;
	text-align: left;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #b6a17d;
}
.footer-col li:before {display: none;}
.footer-col li a {
	display: block;
	color: #b6a17d;
	text-transform: none !important;
	padding: 0 0 0 15px;
	position: relative;
}
.footer-col li a:hover {color: #fff;}
.footer-col li:last-child a {border: none;}
.footer-col li a:before {
	display: block;
	font-family: 'FontAwesome';
	font-size: 0.6em;
	position: absolute;
	left: 0;
	top: 0px;
	content: '\f054';
	color: #b6a17d;
}

.footer-menu-group {background: #666666;}

ul.footer-menu {
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0;
	font-weight: 300;
}
.footer-menu li {
	font-size: 0.9em;
	list-style: none;
	text-transform: uppercase;
}
.footer-menu li:before {display: none;}
.footer-menu li a {
	color: #a4895c;
	text-transform: none !important;
	padding: 0 15px;
	border-right: 1px solid #a4895c;
}
.footer-menu li a:hover {color: #fff;}
.footer-menu li:last-child a {border: none;}

img.footer-logo {width: 100%;max-width: 250px;}

/*--Footer Connect buttons--*/
.row-connect {}
.row-connect figure.wp-block-image a {
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}
.row-connect figure.wp-block-image a:hover {
	transform: scale(1.05);
}

/*--Page Search--*/
form.page-search.wp-block-search input.wp-block-search__input {
	background: #ededed;
	font-size: 1.2em;
	border: 2px solid #949494;
}
form.page-search.wp-block-search button.wp-block-search__button {
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
}

/*--Footer Register button--*/
.btn-footer-register { }

.wp-block-columns.footer-bottom-menu {margin-bottom: 1em !important;}

hr.hr-footer {margin-block-start: 2rem;}

/*--Home--*/
body.home main.wp-block-group {
	margin: 0 !important;
	padding: 0 !important;
    margin-block-start: 0 !important;
	margin-block-end:-95px !important;
    padding-bottom:50px !important;
	-webkit-animation: fadeIn 1.5s ease-in-out;
	animation: fadeIn 1.5s ease-in-out;
}

/*--Home banner--*/
ul.home-banner {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
    background:#000;
}

ul.home-banner li.tns-item {border-bottom: 1px solid #fff;}

.home-banner .tns-outer {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}
.home-banner .tns-outer {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.home-banner .tns-inner {
    height:100%;
	width: 100%;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;
}
/* 
.home-banner .tns-inner {
	position: relative;
	height:70vh;
	min-height: 500px;
	width: 100%;
	overflow: hidden;
	padding: 0 !important;
	margin: 0 !important;}
@media (min-width: 576px) {.home-banner .tns-inner {height:80vh; min-height:600px;}}
@media (min-width: 768px) {.home-banner .tns-inner {height:90vh; min-height:700px;}}
@media (min-width: 992px) {.home-banner .tns-inner {height:100vh; min-height:800px;}}
@media (min-width: 1200px) {.home-banner .tns-inner {min-height:820px;}}
@media (min-width: 1600px) {.home-banner .tns-inner {min-height:830px;}} */

.banner-slider {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	height: 100%;
	display: flex;
	align-items: stretch;
	width: 100%;
}

.banner-slider .wp-block-post {
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	min-width: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.banner-slider .entry-content {margin: 0;padding: 0;}

.banner-slider .wp-block-cover {
	margin: 0 !important;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.wp-block-cover.banner-home {-webkit-animation: fadeIn 1s ease-in-out; animation: fadeIn 1s ease-in-out; margin:0 !important; padding:0 !important;}
/* */
.wp-block-cover.banner-home {width:100%; margin:0; padding:0 !important; height:70vh; min-height:500px; position:relative;  }
@media (min-width: 480px) { .wp-block-cover.banner-home {height:80vh; min-height:800px; } }
@media (min-width: 768px) { .wp-block-cover.banner-home {height:90vh; min-height:700px; } }
@media (min-width: 992px) { .wp-block-cover.banner-home {height:100vh; min-height:800px; } }
@media (min-width: 1200px) { .wp-block-cover.banner-home {min-height:820px; } }
@media (min-width: 1600px) { .wp-block-cover.banner-home {min-height:830px; } }

.wp-block-cover.banner-home .wp-block-cover__inner-container {width:100%; height:100%; min-height:100%; padding:0; position: relative;}


/*--Home Banner Caption--*/
.hb-caption {
	position: relative;
	width: 100%;
	min-height: 40%;
	margin: 80px auto 0 auto !important;
	padding:0;
	z-index: 2;
	justify-content:center;
	align-items: center;
	gap: 0px !important;
}
@media (min-width: 480px) {.hb-caption {width:100%; margin:140px auto 0 auto !important;}}
@media (min-width: 768px) {.hb-caption {width:90%; margin:150px auto 0 auto !important;}}
@media (min-width: 992px) {.hb-caption {width:80%; margin:160px auto 0 auto !important; }}
@media (min-width: 1200px) {.hb-caption {width:75%; margin:170px auto 0 auto !important;}}
@media (min-width: 1600px) {.hb-caption {width:70%; margin:180px auto 0 auto !important; }}
@media (min-width: 1800px) {.hb-caption {width:60%; margin:190px auto 0 auto !important; }}


.hb-caption h1 {
	margin: 0 0 0.5em 0 !important;
	line-height: 1.3em !important;
	padding: 0 !important;
	font-size: 2em;
	font-weight: 700;
	color: #533c14;
	text-align: center !important;
}
@media (min-width: 480px) {.hb-caption h1 {font-size: 2em;}}
@media (min-width: 768px) {.hb-caption h1 {font-size: 2.6em;}}
@media (min-width: 992px) {.hb-caption h1 {font-size: 3.2em;}}
@media (min-width: 1200px) {.hb-caption h1 {font-size: 3.5em;}}
@media (min-width: 1600px) {.hb-caption h1 {font-size: 3.8em;}}
@media (min-width: 1920px) {.hb-caption h1 {font-size: 4em;}}

.hb-caption h1:after {display: none !important;}

.hb-caption h2 {
	margin: 0 0 0.3em 0 !important;
	line-height: 1em;
	font-size: 1.6em;
	padding: 0;
	color: #fff;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
	text-align: center !important;
}
@media (min-width: 480px) {.hb-caption h2 {font-size: 1.6em;}}
@media (min-width: 768px) {.hb-caption h2 {font-size: 1.8em;}}
@media (min-width: 992px) {.hb-caption h2 {font-size: 2em;}}
@media (min-width: 1200px) {.hb-caption h2 {font-size: 2.5em;}}
@media (min-width: 1600px) {.hb-caption h2 {font-size: 2.8em;}}
@media (min-width: 1920px) {.hb-caption h2 {font-size: 3em;}}

.hb-caption h3 {
	margin: 0 0 0.3em 0 !important;
	line-height: 1em;
	font-size: 1.2em;
	color: #fff;
	font-weight: 600;
	width: auto;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
	text-align: center !important;
}
@media (min-width: 480px) {.hb-caption h3 {font-size: 1.3em;}}
@media (min-width: 768px) {.hb-caption h3 {font-size: 1.7em;}}
@media (min-width: 992px) {.hb-caption h3 {font-size: 1.8em;}}
@media (min-width: 1200px) {.hb-caption h3 {font-size: 2em;}}
@media (min-width: 1600px) {.hb-caption h3 {font-size: 2.2em;}}

.hb-caption p.title {margin: 0 !important;line-height: 1em; }

.hb-caption p {
	font-size:0.9em;
	line-height:1.5em;
	color: #000;
	font-weight: 300;
	margin: 0 0 0.7em 0;
	text-align: center !important;
}
@media (min-width: 480px) { .hb-caption p {font-size:1em;} }
@media (min-width: 768px) { .hb-caption p {font-size:1em;} }
@media (min-width: 992px) { .hb-caption p {font-size:1.1em;} }
@media (min-width: 1200px) { .hb-caption p {font-size:1.2em;} }

.hb-caption ul {margin-left:20px !important;}

.hb-caption li {
	font-size: 1.2em;
	line-height: 1.45em;
	color: #000;
	font-weight: 300;
	margin: 0 0 0.3em 0;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
	text-align: left !important;
}

.banner-home .btn-default a.wp-element-button {
	text-decoration: none !important;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
	border-radius:20px;
    color:#533c14;
    background: #fff;
    border:1px solid #533c14;
}
.banner-home .btn-default a.wp-element-button:hover {background: #fff;color: #000; }

.hb-caption .wp-block-button .wp-block-button__link {background: #fff; color: #533c14; }
.hb-caption .wp-block-button .wp-block-button__link:hover {background: #533c14; color: #fff; }

/*--Banner Logos--*/
figure.ts-logo {margin:0 auto 20px auto; width:12%; max-width:120px; min-width:100px; }
@media (min-width: 480px) { figure.ts-logos {width:12%; max-width:120px; min-width:120px; } }
@media (min-width: 768px) { figure.ts-logo {width:12%; max-width:150px; min-width:150px; } }
@media (min-width: 992px) { figure.ts-logo {width:12%; max-width:180px; min-width:150px; } }
@media (min-width: 1200px) { figure.ts-logo {width:12%; max-width:200px; min-width:150px; } }


.hm-banner-logos {display:block; width:15%; min-width:200px; max-width:300px; padding:0 15px 0 0; }



/* Navigation Dots */
.tns-nav {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	display: flex;
	gap: 12px;
	background: rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	border-radius: 25px;
	backdrop-filter: blur(10px);
}

.tns-nav button {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.5);
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 0;
	margin: 0;
}

.tns-nav button:hover {
	border-color: rgba(255, 255, 255, 0.8);
	transform: scale(1.1);
}

.tns-nav button.tns-nav-active {
	background: #fff;
	border-color: #fff;
	transform: scale(1.2);
}

.tns-liveregion {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 480px) {.tns-inner {height: 40vh; min-height: 250px;}}
@media (max-width: 768px) {.tns-inner {height: 50vh;min-height: 300px;}}
@media (max-width: 480px) {.tns-nav {gap:8px; padding:6px 12px;}}
@media (max-width: 768px) {.tns-nav {bottom:15px; padding:8px 16px; }}
@media (max-width: 480px) {.tns-nav button {width:8px; height:8px; }}
@media (max-width: 768px) {.tns-nav button {width:10px; height:10px; }}

.tns-ovh {overflow: hidden !important;width: 100%;}

.banner-slider.tns-slider {
	transform: translateX(0) !important;
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	white-space: nowrap;
	display: flex !important;
	flex-wrap: nowrap !important;
}

.banner-slider.tns-slider .tns-item {
	white-space: normal;
	display: block !important;
	width: 100% !important;
	flex: 0 0 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	position: relative;
}

/* Hide non-active slides */
.banner-slider.tns-slider .tns-item:not(.tns-slide-active) {display: none !important;}

/* Show only active slide */
.banner-slider.tns-slider .tns-item.tns-slide-active {display: block !important;}

/* Loading State */
.tns-slider:not(.loaded) {opacity: 0; }

.tns-slider.loaded {opacity: 1;transition: opacity 0.5s ease;}

/* Focus States for Accessibility */
.tns-nav button:focus {outline: 2px solid #fff;outline-offset: 2px;}

.tns-slide-active .wp-block-cover__inner-container p {animation: slideInText 0.8s ease-out 0.3s forwards;}


/*--TNS controls--*/
.tns-controls {position:absolute; left:0; top:40vh; right:0; z-index:1000; width:100%; display:flex; flex-flow:row wrap; justify-content:space-between; }

.tns-controls [aria-controls] {
    font-family:'FontAwesome';
    font-size:3em;
    margin:0;
    padding:0;
    width:40px; height:40px;
    color: #533c14;
    background:transparent;
    border-radius:none;
    border: 0;
}
.tns-controls [aria-controls]:first-child {
    margin:0 0 0 10px;
    content:"\f053";  
}
.tns-controls [aria-controls]:second-child{
    margin:0 10px 0 0;
    content:"\f054";  
}



/*--Home banner 1--*/
.banner-home.hb-1 .hb-caption {}

/*--Page Banners--*/
.wp-block-lazyblock-banner-single-post {margin: 0 !important;}

.wp-block-lazyblock-banner {
	display: block;
	width: 100%;
	height: auto;
	margin-block-start: 0;
	padding-top: 0 !important;
	-webkit-animation: fadeIn 1.5s ease;
	animation: fadeIn 1.5s ease;
}

.page-banner {
	display: block;
	box-sizing: border-box;
	height: 400px;
	background-size: cover;
	margin: 0;
	position: relative; /*-- -webkit-animation:fadeIn 1s ease; animation:fadeIn 1s ease;--*/
    text-align:center;
}
@media (min-width: 768px) {.page-banner {height: 500px;}}
@media (min-width: 992px) {.page-banner {height: 500px;}}
@media (min-width: 1300px) {.page-banner {height: 520px;}}
@media (min-width: 1600px) {.page-banner {height: 546px;}}

.page-banner:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

.bannerheader {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	max-width: auto;
	height: 100%;
	margin: 0 auto !important;
	padding: 70px 0 30px 0;
	position: relative;
    text-align:center;
}
@media (min-width: 480px) {.bannerheader {padding:70px 0 100px 0; }}
@media (min-width: 768px) {.bannerheader {padding:130px 0 100px 0; }}
@media (min-width: 1200px) {.bannerheader {max-width: 1320px; padding:140px 0 100px 0; }}
@media (min-width: 1600px) {.bannerheader {max-width: 1320px; padding:150px 0 100px 0;}}
@media (min-width: 1920px) {.bannerheader {max-width: 1320px; padding:170px 0 100px 0;}}

.bh-logo {display:block; margin:40px auto 20px auto; width:12%; max-width:200px; min-width:150px; /* background:url(../../themes/thusano/assets/img/logo-thusano-trust.svg) center top no-repeat; background-size:100%; */  }

.page-banner h2 {
	display: block;
	color: #fff !important;
	text-transform: none;
	font-size: 2.2em;
	font-weight: 700 !important;
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
	border: none;
	margin: 0 !important;
	padding: 0;
	position: relative;
	webkit-animation: fadeIn 2s ease;
    -webkit-animation: fadeInDown 1.5s ease-in-out;
	animation: fadeInDown 1.5s ease-in-out;
	z-index: 1;
}

.page-banner.single {background: url(https://www.thusanotrust.org/thusano/wp-content/uploads/2025/08/banner-investors-media.jpg) center center no-repeat;background-size: cover; }

body.search .page-banner {background: url(https://www.thusanotrust.org/wp-content/uploads/2025/09/banner-default.jpg) center center no-repeat !important; background-size: cover; }

/*--Breadcrumb--
.breadcrumb-wrapper {background: transparent;padding: 0;}

.breadcrumb {
	background: transparent;
	margin: 0 auto !important;
	padding: 0;
	position: relative;
}
@media (min-width: 1400px) {.breadcrumb {max-width: 1320px;}}
@media (min-width: 1600px) {.breadcrumb {max-width: 1320px;}}

p#breadcrumbs {
	display: inline-block;
	position: absolute;
	left: 0;
	top: auto;
	bottom: -20px;
	z-index: 100;
	margin: 0 !important;
	line-height: 1em;
	color: #fff;
	padding: 7px 10px;
	background: #666666;
	border: 0px solid #fff;
}

p#breadcrumbs span {
	color: #fff;
	margin: 0 !important;
	padding: 0 5px;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: 300;
}
p#breadcrumbs a {
	color: #fff;
	text-decoration: none !important;
	pointer-events: cursor;
}
p#breadcrumbs a:hover {
	color: #ccc;
	text-decoration: underline !important;
}
--*/

/*--Main--*/
main.wp-block-group,
main.wp-block-query {
	background: #fff;
	margin-block-start: 0 !important;
	margin-block-end:-95px !important;
    padding-bottom:200px !important;
	-webkit-animation: fadeIn 1.5s ease-in;
	animation: fadeIn 1.5s ease-in;
}

.wp-block-group.moveup {margin-top:-72px !important; }

.page-header {width:100%; height:90px; margin:-80px 0 0; padding:30px 0 0; background:url(../../themes/thusano/assets/img/curvebar-bottom-dark-2.svg) center top no-repeat; background-size:100% auto; }
@media (min-width: 480px) { .page-header {height:100px; margin:-100px 0 0; padding:30px 0 0; } }
@media (min-width: 768px) { .page-header {height:120px; margin:-115px 0 0; padding:50px 0 0; } }
@media (min-width: 992px) { .page-header {height:130px; margin:-115px 0 0; padding:50px 0 0;  } }
@media (min-width: 1200px) { .page-header {height:140px; margin:-115px 0 0; padding:50px 0 0;  } }
@media (min-width: 1600px) { .page-header {height:150px; margin:-115px 0 0; padding:50px 0 0; } }
/*--
.page-header {width:100%; height:150px; margin:-115px 0 0; padding:50px 0 0; background:url(../../themes/thusano/assets/img/curvebar-bottom-dark-lg.svg) left bottom no-repeat; background-size: 100%; } --*/

.page-header:after {display:block; content:''; position:absolute; bottom:-20px; left:0; z-index:10; width:100%; height:20px; background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); }

.page-header h1 {color:#fff; margin:0 auto 0 auto; padding:0px 0 20px 0 !important; font-weight:300; text-align:center; } 

.whiteback {background: #fff !important; }

blockquote.wp-block-quote {
    position:relative;
    font-size:1.5em;
	line-height: 1.6em;
	font-style: italic;
	border-left: 0.2em solid #33aac4;
	margin-top: 2em;
	padding:5px 0 10px 1.2em;
    color:#ede7de; }

/*--Banner bottom curvebar--*/
.home-curvebar {width:100% !important; max-width:100% !important; min-width:100% !important; margin:0 !important; padding:0 !important; height:0px; position:relative; }

img.hm-banner-curvebar {display:block; position:absolute; left:0; bottom:-1px; right:0; z-index:10; width:100% !important; min-width:100% !important; max-width:auto !important; margin:0 !important; padding:0 !important; } 


/*--Home Share Price bar--*/
.hm-share-price-bar {position:relative; }

.hm-share-price-bar:after { }

.hm-sp-cols { }

.hm-sp-cols p {color:#a4895c; font-size:1.15em; font-weight:300; padding-bottom:10px; }
.hm-sp-cols p strong {font-weight:700; font-size:120%; color:#533c14; }
.hm-sp-cols p small {font-size:70%; }
.hm-sp-cols p span.direction { }

.sp-col-l {text-align:center; border-bottom:none !important; }
@media (min-width: 992px) { .sp-col-l {text-align:right; border-bottom:1px solid #baa683 !important;} }

.sp-col-l p {text-align:center;}
@media (min-width: 992px) { .sp-col-l p {text-align:right; } }

.sp-col-r {text-align:center; border-bottom:none !important;}
@media (min-width: 992px) { .sp-col-r {text-align:left; border-bottom:1px solid #baa683 !important;} }

.sp-col-r p {text-align:center; padding-top:15px; }
@media (min-width: 992px) { .sp-col-r p {text-align:left; padding-top:0; } }

p.sp-title {display:block; width:100%; max-width:415px; margin:0 auto; border:1px solid #baa683; border-radius:22px; min-height:50px; padding:13px; font-size:1em;  }
@media (min-width: 992px) { p.sp-title {border-radius:32px; min-height:67px; padding:20px; font-size:1.3em;} }

.sp-title p {margin:0; padding:0; }


.pos-rel {position:relative; font-weight:normal; }


/*--Home-Quick Access--*/
.hm-quick-access {background: url(https://www.thusanotrust.org/wp-content/uploads/2025/09/bg-hm-quick-access.png) left bottom no-repeat; background-size:cover; min-height:800px; z-index:5; }

.hm-quick-access:before {display:block; content:''; position:absolute; top:0; left:0; z-index:10; width:100%; height:30px; background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); }


/*--Home-My-Journey--*/
.hm-my-journey {background: url(https://www.thusanotrust.org/wp-content/uploads/2025/09/bg-hm-my-journey-3.jpg) right bottom no-repeat; background-size:cover; min-height:940px; z-index:0; margin-top:-120px !important; position:relative; }

.hm-my-journey:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-image:linear-gradient(to right, rgba(255,255,255,1),  rgba(255,255,255,0.5), rgba(255,255,255,0));}

.hmj-columns {height:100% !important;  }

.hmj-columns .wp-block-column {position:relative; }

.hmj-col-group {display:flex; flex-flow:column nowrap; justify-content:center; width:100%; height:100% !important; min-height:940px;}

.hmj-stack {gap:15px !important; width:100%; z-index:10; align-self: center; }

/*--Home -Learn and Grow--*/
.hm-learn-and-grow { }
.hm-learn-and-grow:before {display:block; content:''; position:absolute; top:0; left:0; z-index:10; width:100%; height:30px; background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); }

.section-top-gradient-30 { }
.section-top-gradient-30:before {display:block; content:''; position:absolute; top:0; left:0; z-index:10; width:100%; height:30px; background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); }


/*--Home News--*/
.home-news {}
.home-news li.wp-block-post {}
.home-news li.wp-block-post h5 {position:relative;}
.home-news li.wp-block-post h5:before{
		font-family:'FontAwesome';
		font-size:0.8em;
		position: absolute;
		left:-20px; top:5px;
		content:"\f054";  
		color:#f2af1c; }  

.home-news li.wp-block-post h5 a {}
.home-news li.wp-block-post h5 a:hover {color:#000; }

/*--Blog Single page--*/
.post-template-default.single {}



/*--Search page--*/
label.wp-block-search__label {
	display: none;
}
input.wp-block-search__input {
	border: 2px solid #999;
	border-radius: 4px;
	background: #f3f3f3;
	color: #000;
	font-size: 1.2em;
	font-weight: 400;
}
button.wp-block-search__button {
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 0 10px;
	border-radius: 4px;
}

/*-_Press releases--*/
.ql-press-releases {
}
.ql-press-releases time {font-size: 1em;color: #777;}
.ql-press-releases h3.wp-block-post-title {
	margin-top: 0.3rem;
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 1320px;
}

/*--Modal method - Ukwanda--
.modal-wrapper {width:100%; max-width:100% !important; position:absolute; top:0; left:auto; right:0; bottom:auto; z-index:2000; overflow:auto; margin:0 !important; padding:10px 0 10px 0 !important; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); -webkit-animation:fadeIn 1s; animation:fadeIn 1s; }

.wp-post-modal {display:block; margin:10px auto 10px auto !important; width: 100% !important; height:100%; }
@media (min-width: 480px) { .wp-post-modal {width:100% !important;} }
@media (min-width: 768px) { .wp-post-modal {margin:10px 0 10px auto !important; width:10% !important;} }
@media (min-width: 992px) { .wp-post-modal {width:10% !important;} }
@media (min-width: 992px) { .wp-post-modal {width:30% !important;} }
@media (min-width: 1200px) { .wp-post-modal {width:40% !important;} }
@media (min-width: 1600px) { .wp-post-modal {width:50% !important;} }

.modal-content {background-color:#fff; margin:0 !important; padding:40px 30px 30px; border:0px solid #888; width:100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); webkit-animation:fadeInRight 1s; animation:fadeInRight 1s;}

.wp-block-column {position:relative;}


.wp-block-lazyblock-job-title {color:#fff;}

.modal-wrapper.styled .wp-post-modal .close-modal {background:transparent; position:absolute; top:10px; right:15px; font-size:2em; color:#533c14; cursor:pointer; z-index:1; height:34px; width:34px; }
.modal-wrapper.styled .wp-post-modal .close-modal:hover {color:#ede7de;}  --*/

/*--Custom Btn X to close modals - Classic WP button--*/
.btn-x {
	display: block !important;
	position: absolute;
	top: 0px;
	right: 0px;
	left: auto;
	bottom: auto;
	text-align: center;
	padding: 0;
	z-index: 1000;
}

.btn-x a.wp-block-button__link {
	display: block;
	text-align: center;
	z-index: 1000;
	font-size: 1.3em;
	border: 3px solid #999;
	border-radius: 20px;
	color: #999;
	background: transparent;
	padding: 0px 8px 0px 8px;
	cursor: pointer;
	font-weight: bold;
}

.btn-x a.wp-block-button__link:hover {
	color: #ede7de;
	border: 3px solid #ede7de;
	background: transparent;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.btn-x a.wp-block-button__link:before,
.btn-x a:after {
	display: none;
}

.img-aside-team {
	float: right;
	margin-inline-start: 0;
	margin-inline-end: 0;
	width: 100%;
	max-width: 450px;
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	.img-aside-team {
		float: right;
		width: 40%;
		margin-inline-start: 2em;
		margin-inline-end: 0;
	}
}

.img-aside-chairman {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}
@media (min-width: 768px) {
	.img-aside-chairman {
		width: 45%;
		max-width: 400px;
	}
}

.wp-block-buttons.close {
}

/*--Complianz doc--*/
#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 1320px;
}

/*--Lightbox--*/
.lightbox-overlay {
	display: none !important;
}

/*--Lazyblock In the news style --*/
.news-articles-container {
	display: flex;
	flex-flow: column wrap;
	gap: 1rem;
	justify-content: space-between;
}
@media (min-width: 768px) {
	.news-articles-container {
		flex-flow: row nowrap;
		gap: 1.5rem;
	}
}
@media (min-width: 992px) {
	.news-articles-container {
		gap: 1.5rem;
	}
}

.news-article-container {
	flex: 0 1 auto;
	width: 90%;
	border-bottom: 2px dotted rgba(29, 73, 122, 0.3);
}
@media (min-width: 768px) {
	.news-article-container {
		width: 48%;
	}
}
@media (min-width: 992px) {
	.news-article-container {
		width: 32%;
	}
}

p.news-publisher {
	display: block;
	margin: 10px 0 0 !important;
}
p.news-publisher span {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	background: #ede7de;
	border-radius: 5px;
	padding: 7px 12px;
	font-size: 0.8em;
	line-height: 0.9em;
}

.news-article-container .wp-block-post-excerpt__more-text {
	margin-top: 1em !important;
}
.news-article-container .wp-block-post-excerpt__more-text a {
	border-radius: 5px;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	font-weight: 500;
	padding: 8px 13px;
	text-decoration: none !important;
	font-size: 0.8rem;
	color: #fff;
	background: #ede7de;
}
.news-article-container .wp-block-post-excerpt__more-text a:hover {
	color: #fff;
	background: #533c14;
}

/*--Lazyblock In the news Feature --*/
.news-feature-container {
	display: flex;
	flex-flow: column wrap;
	gap: 0;
	justify-content: space-between;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}

.news-feature-container p.news-date {
	margin: 0 !important;
	font-size: var(--wp--preset--font-size--xsmall) !important;
}

.news-feature-container p.news-publisher {
	display: block;
	margin: 5px 0 0 !important;
}
.news-feature-container p.news-publisher span {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	background: #a4895c;
	border-radius: 4px;
	padding: 6px 11px;
	font-size: 0.75em;
	line-height: 0.9em;
}

.news-feature-container h5.news-title {
	font-size: 1.3rem;
	line-height: 1.5em;
	margin: 5px 0 0 !important;
}

.news-feature-container h5.news-title a {
	text-decoration: none;
	-webkit-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
}
.news-feature-container h5.news-title a:hover {
	color: #533c14;
}

/*--Home - Acymailing - Registerfor alerts--*/
.hm-register-for-alerts {
	box-shadow: 0 0 15px rgba(130, 209, 220, 0.3);
}

.hm-register-for-alerts #acym_fulldiv_formAcym1.acym__subscription__form__shortcode {
	height: auto;
	width: 100%;
	max-width: 530px;
	background-color: #ffffff;
	color: #533c14;
	margin: 0;
	padding: 0;
	text-align: left;
	justify-content: center;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 {
	width: 100%;
	padding-left: 0;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1.acym__subscription__form__shortcode .acym__subscription__form__fields {
	margin: 0 !important;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1 .acym__subscription__form__fields > *,
#acym_fulldiv_formAcym1 .acym__subscription__form__fields .onefield {
	margin: 0 0 20px 0 !important;
	font-size: 1em !important;
	font-weight: 400;
	color: #533c14;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1.acym__subscription__form__shortcode .acyfield_text {
	width: 100%;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1.acym__subscription__form__shortcode .acyfield_text input {
	padding: 12px 15px;
	font-size: 1.2em;
	color: #533c14 !important;
	border-radius: 0;
	border: 2px solid #61a4d1;
	background: #eaf7f9;
	width: 100%;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1 .acym__subscription__form__button button {
	background-color: #88b9dd;
	color: #ffffff;
	font-weight: bold;
	border-width: 0px;
	border-style: solid;
	border-color: #88b9dd;
	border-radius: 8px;
	padding: 14px 20px;
}

.hm-register-for-alerts #acym_fulldiv_formAcym1 .acym__subscription__form__button button:hover {
	color: #fff;
	background: #533c14;
	cursor: pointer;
}

/*=======================================================================
*   LazyBlock Announcement Block
*=======================================================================*/
.year-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 40px;
	border-bottom: 2px solid var(--wp--preset--color--light-gray);
	flex-wrap: wrap;
}

.year-tab {
	background: none;
	border: none;
	padding: 12px 24px;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 600;
	color: var(--wp--preset--color--custom-gray);
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
	position: relative;
}

.year-tab:hover {
	color: var(--wp--preset--color--secondary);
	background: rgba(0, 149, 181, 0.1);
}

.year-tab.active {
	color: var(--wp--preset--color--secondary);
	border-bottom-color: var(--wp--preset--color--secondary);
	background: rgba(0, 149, 181, 0.1);
}

.announcements-content {
	position: relative;
}

.year-content {
	display: none;
}

.year-content.active {
	display: block;
}

.announcements-grid {
	margin-bottom: 40px;
}

.announcements-grid ul.wp-block-post-template {
}

.announcements-grid ul.wp-block-post-template li.wp-block-post {
	margin-block-start: 0;
}

.announcement-item,
.documents-item,
.report-item,
.release-item,
.news-articles,
.policy-item {padding:15px 20px 15px 35px; position:relative; }


.announcement-item:nth-child(even),
.documents-item:nth-child(even),
.report-item:nth-child(even),
.release-item:nth-child(even),
.news-articles:nth-child(even),
.policy-item:nth-child(even) {background:#f1f9fb; border-bottom:2px solid #f1f9fb; }

.announcement-item:nth-child(odd),
.documents-item:nth-child(odd),
.report-item:nth-child(odd),
.release-item:nth-child(odd),
.news-articles:nth-child(odd),
.policy-item:nth-child(odd) {background:#d7eef4; border-bottom:2px solid #d7eef4;}

.announcements-grid.ql ul.wp-block-post-template li.wp-block-post:nth-child(even) .announcement-item {background:#f1f9fb !important; border-bottom:2px solid #f1f9fb; }

.announcements-grid.ql ul.wp-block-post-template li.wp-block-post:nth-child(odd) .announcement-item {background:#d7eef4 !important; border-bottom:2px solid #d7eef4; }

.announcement-item:last-child,
.documents-item:last-child,
.report-item:last-child,
.release-item:last-child,
.news-articles:last-child,
.policy-item:last-child {border-bottom: none;}

.announcement-item:hover,
.documents-item:hover,
.report-item:hover,
.release-item:hover,
.news-articles:hover,
.policy-item:hover {border-bottom:2px solid #ede7de; /*--background:#c8e8f0;--*/ }

.announcements-grid.ql ul.wp-block-post-template li.wp-block-post .announcement-item:hover {border-bottom:2px solid #ede7de; /*--background: #b2dfe9 !important;--*/  }

/*--Item before arrows--*/
.announcement-item:before {content:''; display:block; position:absolute; left:15px; top:40px; right:auto; width:10px; height:15px; background:url(../../themes/thusano/assets/img/listarrow-1.svg) left center no-repeat; background-size:100%; }

.announcement-item:nth-child(even):before,
.documents-item:nth-child(even):before,
.report-item:nth-child(even):before,
.release-item:nth-child(even):before,
.news-articles:nth-child(even):before,
.policy-item:nth-child(even):before {content:''; display:block; position:absolute; left:15px; top:40px; right:auto; width:10px; height:15px; background:url(../../themes/thusano/assets/img/listarrow-2.svg) left center no-repeat; background-size:100%; }

.policy-item:nth-child(even):before {top:20px;}

.announcement-item:nth-child(odd):before,
.documents-item:nth-child(odd):before,
.report-item:nth-child(odd):before,
.release-item:nth-child(odd):before,
.news-articles:nth-child(odd):before,
.policy-item:nth-child(odd):before {content:''; display:block; position:absolute; left:15px; top:40px; right:auto; width:10px; height:15px; background:url(../../themes/thusano/assets/img/listarrow-1.svg) left center no-repeat; background-size:100%; }

.policy-item:nth-child(odd):before {top:20px;}

.announcement-item:hover:before,
.documents-item:hover:before,
.report-item:hover:before,
.release-item:hover:before,
.news-articles:hover:before,
.policy-item:hover:before {content:''; display:block; position:absolute; left:15px; top:40px; right:auto; width:10px; height:15px; background:url(../../themes/thusano/assets/img/listarrow-h.svg) left center no-repeat; background-size:100%;}

.policy-item:hover:before {top:20px;}

.news-articles:before,
.news-articles:hover:before {top:30px !important;}

.announcement-title,
.documents-title,
.report-title,
.release-title,
.news-title,
.policy-title,
.newsletter-title,
/*--.video-title,--*/ 
.report-title {
	margin:0;
	font-size: 1.2rem;
	line-height: 1.3em;
	font-weight: 500;
}

.announcement-title a,
.documents-title a,
.report-title a,
.release-title a,
.news-title a,
.policy-title a,
.newsletter-title a,
.report-title a,
.video-title a {
	color:#000; /*--#533c14;--*/
	text-decoration: none !important;
	transition: color 0.3s ease;
}

.announcement-title a:hover,
.documents-title a:hover,
.report-title a:hover,
.release-title a:hover,
.news-title a:hover,
.policy-title a:hover,
.newsletter-title a:hover,
.report-title a:hover,
.video-title a:hover {
	color: var(--wp--preset--color--black);
}

.announcement-meta,
.documents-meta,
.report-meta,
.release-meta,
.news-meta {
	margin-bottom: 0px;
	clear: both; 
    line-height:1.3em;
}

.announcement-date,
.documents-date,
.report-date,
.release-date,
.news-date {
	color: var(--wp--preset--color--custom-gray);
	font-size: 0.7rem;
	font-weight: 300;
    line-height:1em;
}

/*--Excerpt--*/
.report-excerpt p {font-size:0.8em; line-height:1.3em; margin:7px 0 10px 0; }

/*--Hide download button--*/
.announcement-item .wp-block-button {display: none !important;}

.announcements-pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid var(--wp--preset--color--light-gray);
	flex-wrap: wrap;
	gap: 20px;
}

.pagination-info {
	color: var(--wp--preset--color--custom-gray);
	font-size: 0.9rem;
}

.pagination-links {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
}
/*
.pagination-btn,
.pagination-link:not(.pagination-btn .pagination-link) {
	padding: 0 12px !important;
	text-decoration: none;
	color: var(--wp--preset--color--secondary);
	border: 1px solid var(--wp--preset--color--secondary);
	border-radius: 4px;
	transition: all 0.3s ease;
	font-size: 0.9rem;
	height: 30px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
} */

.pagination-btn .pagination-link {
	text-decoration: none !important;
}
/*
.pagination-btn:hover,
.pagination-link:not(.pagination-btn .pagination-link):hover {
	background: var(--wp--preset--color--secondary);
	color: white;
} */

.pagination-link.current {
	background: var(--wp--preset--color--secondary) !important;
	color: white !important;
	cursor: not-allowed !important;
}

.pagination-ellipsis {
	padding: 8px 4px;
	color: var(--wp--preset--color--custom-gray);
}

.no-announcements {
	text-align: center;
	color: var(--wp--preset--color--custom-gray);
	font-size: 1.1rem;
	margin: 40px 0;
}

@media (max-width: 768px) {
	.section-title {
		font-size: 2rem;
	}

	.year-tabs {
		justify-content: flex-start;
		overflow-x: auto;
		padding-bottom: 10px;
	}

	.year-tab {
		white-space: nowrap;
		flex-shrink: 0;
	}

	.announcements-pagination {
		flex-direction: column;
		text-align: center;
	}

	.pagination-links {
		justify-content: center;
	}
}

.page-numbers {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	column-gap: 5px;
}

.pagination-link {}

button.pagination-link:hover,
button.pagination-btn:hover {
	cursor: pointer;
}

.hide {display: none;}
.show {display: block !important;}

/* Light Modal Block plugin - Modal styles */
.wp-block-cloudcatch-light-modal-block__wrapper.is-open {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    padding-top:50px;
    max-width: none !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.wp-block-cloudcatch-light-modal-block__wrapper {
	background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fadeIn 1s ease-in-out;
	animation: fadeIn 1s ease-in-out;
	border-radius: 5px;
    z-index: 10000;
}

.wp-block-cloudcatch-light-modal-block__wrapper p {margin-block-start: 1.6rem;}
.wp-block-cloudcatch-light-modal-block__wrapper ul {margin-block-start: 1.6rem;}

/*--Video Layzyblock
.video-gallery {display:grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
@media (max-width: 576px) {.video-gallery {grid-template-columns: 1fr;}}--*/

.video-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.video-title {
    margin: 8px 0 20px 0;
    padding: 0;
    text-align:center;
    font-size:1.3rem;
    line-height:1.4em;
}

.video-modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    min-width: 900px;
    max-height: 90vh;
    position: relative;
}
@media (max-width: 768px) {.modal-content {padding: 15px;}}
@media (max-width: 900px) {.modal-content {padding: 15px;}}

@media (max-width: 768px) {#modalVideo {width: 100%; height: auto; max-width: 500px;}}
@media (max-width: 900px) {#modalVideo {min-width: 700px;}}


.modal-content iframe {margin-top: 30px;}

.close {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    color: #333;
}

.close:hover {color: #000;}

.dropshad-15 {box-shadow:2px 2px 15px rgba(0,0,0,0.15);}
.dropshad-20 {box-shadow:2px 2px 15px rgba(0,0,0,0.2);}
.dropshad-30 {box-shadow:2px 2px 15px rgba(0,0,0,0.3);}
.dropshad-40 {box-shadow:2px 2px 15px rgba(0,0,0,0.4);}
.dropshad-50 {box-shadow:2px 2px 15px rgba(0,0,0,0.5);}
.dropshad-60 {box-shadow:2px 2px 15px rgba(0,0,0,0.6);}
.dropshad-70 {box-shadow:2px 2px 15px rgba(0,0,0,0.7);}
.dropshad-80 {box-shadow:2px 2px 15px rgba(0,0,0,0.8);}
.dropshad-100 {box-shadow:2px 2px 15px rgba(0,0,0,1);}

.cursor-show {cursor:pointer !important; }


/*--Contact form--*/
/*
input.wpforms-field-required,
textarea.wpforms-field-required,
select.wpforms-field-required {border:1px solid #000 !important; background:#f5f5f5 !important; max-width:550px;} */

.wpforms-field-row {width:100% !important; max-width:100% !important; }

#wpforms-form-1173 {max-width:640px !important;}

#wpforms-form-1173 .wpforms-field {padding:0 0 15px 0 !important;}

div.wpforms-container-full .wpforms-field-label {margin-bottom:10px !important;}

div.wpforms-container-full input,
div.wpforms-container-full select,
div.wpforms-container-full textarea {width:100% !important; max-width:100% !important; border:1px solid #000 !important; background:#f5f5f5 !important; }


/*--Image on page--*/
.img-r {margin:10px 0 20px 20px; }
.img-l {margin:10px 20px 20px 0; }

/*--Newsletter--*/
.newsletters-grid {display:flex; justify-content:flex-start; gap:0.5%; }

.newsletter-item {flex:0 1 auto; width:90%; margin:0 0 20px 0; margin-bottom:2px dotted #a4895c; text-align:center; }
@media (min-width: 576px) { .newsletter-item {width:47%; } }
@media (min-width: 768px) { .newsletter-item {width:47%; } }
@media (min-width: 992px) { .newsletter-item {width:30%; } }
@media (min-width: 1200px) { .newsletter-item {width:23%; } }
@media (min-width: 1600px) { .newsletter-item {width:23%; } }

.newsletter-content {padding:0 15px; text-align:center; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease;}
.newsletter-content:hover {transform: scale(1.03);}

.newsletter-content img {text-shadow:2px 2px 8px rgba(0, 0, 0, 0.2); width:100%; max-width:140px; }
.newsletter-content:hover img {}

.newsletter-thumbnail {text-align:center; background:transparent;}
.newsletter-thumbnail a {text-decoration: none !important; text-align:center;}
.newsletter-thumbnail a:hover {}
.newsletter-thumbnail a img {margin:0 auto 10px auto; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.2); background: transparent; border:1px solid rgba(34, 29, 82, 0.6);}

.newsletter-details {}

h3.newsletter-title {font-size:1.0rem; line-height:1.2em; text-align:center; }
.newsletter-content:hover h3 {text-shadow:2px 2px 8px rgba(0, 0, 0, 0.2); background: transparent; }

/*--Social media Icons--*/
/*.footer-sm .wp-block-columns {gap:10px;}
figure.icon-sm {}
figure.icon-sm img {width:100%; min-width:30px; max-width:40px;} */

/*-- TEMP HIDDEN --*/
.footer-sm {display:none !important;}
/*-- .footer-sm {display:flex; flex-flow:row nowrap; justify-content:flex-start; gap:12px; margin:15px 0 0; padding:10px 0 0 0; } --*/

a.icon-sm {flex:0 1 auto; width:40px; height:40px; -webkit-transition:transform 0.2s ease; transition:transform 0.2s ease; margin:0; padding:0; }
a.icon-sm:hover {transform:scale(1.05); }

a.icon-sm.ism-facebook {background:url(../../themes/thusano/assets/img/icon-facebook.svg) center top no-repeat; background-size:100%;}
a.icon-sm.ism-facebook:hover {background:url(../../themes/thusano/assets/img/icon-facebook-hover.svg) center top no-repeat; background-size:100%;}

a.icon-sm.ism-x {background:url(../../themes/thusano/assets/img/icon-x.svg) center top no-repeat; background-size:100%;}
a.icon-sm.ism-x:hover {background:url(../../themes/thusano/assets/img/icon-x-hover.svg) center top no-repeat; background-size:100%;}

a.icon-sm.ism-linkedin {background:url(../../themes/thusano/assets/img/icon-linkedin.svg) center top no-repeat; background-size:100%;}
a.icon-sm.ism-linkedin:hover {background:url(../../themes/thusano/assets/img/icon-linkedin-hover.svg) center top no-repeat; background-size:100%; }

/*--Multi columns--*/
.multicol-2 { padding: 15px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 1px solid lightgrey;
    -moz-column-rule: 1px solid lightgrey;
    column-rule: 1px solid lightgrey; }

.multicol-3 {padding: 15px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 1px solid lightgrey;
    -moz-column-rule: 1px solid lightgrey;
    column-rule: 1px solid lightgrey; }

/*--VP Gradient-bar--*/
.vp-gradient-bar {background:url(https://www.thusanotrust.org/wp-content/uploads/2025/09/vp-gradient-bar.png) left top no-repeat; background-size:100% 100%; }

/*--Language switcher--*/
.language-dropdown {position:relative; margin-top:0; }
@media (min-width: 992px) { .language-dropdown {margin-top:-10px; } }

.language-dropdown::before {display:block; position:absolute; top:-22px; left:auto; right:auto; content:'LANGUAGE'; width:100%; text-align:center; font-size:0.7em; color:#666; letter-spacing:0.1; }

/*--Border bottoms--*/
p.bb-yellow-4 {border-bottom:4px solid #f2af1c; padding-bottom:12px; }
p.bb-beige-4 {border-bottom:4px solid #a4895c; padding-bottom:12px; }
p.bb-punga-4 {border-bottom:4px solid #533c14; padding-bottom:12px; }

/*--PI Iblock--*/
.pi-iblock {}
.pi-iblock h4 {}

.stack-imh {display:block; position:relative; width:100%; height:auto; overflow:visible; }
@media (min-width: 768px) { .stack-imh {width:100%; height:80px;} }
@media (min-width: 992px) { .stack-imh {height:100px;} }
@media (min-width: 1200px) { .stack-imh {height:120px;} }
@media (min-width: 1600px) { .stack-imh {height:120px; } }

.icon-money-hand {display:block; width:100%; max-width:100px; position:relative; top:auto; left:auto; right:auto; bottom:auto; z-index:500; margin:0 !important; }
@media (min-width: 480px) { .icon-money-hand { } }
@media (min-width: 768px) { .icon-money-hand {position:absolute; /*--top:-80px;--*/ top:auto; left:0; right:0; bottom:0; max-width:260px; } }
/*
@media (min-width: 992px) { .icon-money-hand {top:-100px; left:0; right:0; bottom:auto; } }
@media (min-width: 1200px) { .icon-money-hand {top:-140px; left:0; right:0; bottom:auto; } }
@media (min-width: 1600px) { .icon-money-hand {top:-150px; left:0; right:0; bottom:auto; } } */

.test {width:10px; }

.downarrow {width:30px; height:auto; min-height:20px; display:inline-block !important; vertical-align:top; margin:0 !important; }
.downarrow img {width:100%; height:100%; }

p.inlbl {display:inline-block !important; }

p.plink-br a {text-decoration:none !important; border-bottom:1px solid #a4885c !important; }

/*--Final price calculation group--*/
.fp-calc-large {display:none; }
@media (min-width: 782px) { .fp-calc-large {display:block; } }

.fp-calc-mobile {display:block;}
@media (min-width: 782px) { .fp-calc-mobile {display:none;} }
