@charset "UTF-8";
/*

THIS FILE IS OVERWRITTEN EVERY TIME YOU UPDATE THE PLUGIN.
USE THE CUSTOM CSS OPTION IN THE SUBSCRIPTION SETTING PANEL FOR YOUR
CUSTOM CSS RULES.

*/

div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
    display: block;
    margin: 1em auto;
    max-width: 500px;
    width: 100%;
}

div.tnp-profile {
    display: block;
    margin: 1em 0;
    max-width: 500px;
    /*width: 100%;*/
}

/* Generic field wrapper */
.tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
    margin-bottom: .7em;
    border: 0;
    padding: 0;
}

.tnp-subscription label,
.tnp-profile label
{
    display: block;
    color: inherit;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin: 0;
    margin-bottom: .25em;
    font-size: .9em;
}

.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
    display: inline-block;
}

.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
    width: 100%;
    padding: .7em;
    display: block;
    border: 1px;
    color: #444;
    border-color: #ddd;
    background-color: #f4f4f4;
    background-image: none;
    text-shadow: none;
    font-size: 1em;
    margin: 0;
    line-height: normal;
    box-sizing: border-box;
}

.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{
    /* Fixes some bad themes CSS */
    max-width: 1em;
    display: inline-block;
    margin-right: .5em;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-subscription select option,
.tnp-profile select option
{
    margin-right: .75em;
}

.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
    background-color: #444;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    display: inline-block;
}

@media all and (max-width: 480px) {
    .tnp-subscription input[type=submit],
    .tnp-profile input[type=submit] {
        width: 100%;
    }
}

.tnp-widget {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.tnp-widget .tnp-field {
    margin-bottom: 10px;
    border: 0;
    padding: 0;
}

.tnp-widget label {
    display: block;
    color: inherit;
    font-size: 14px;
}

.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
    width: 100%;
    padding: 10px;
    display: block;
    border: 1px solid #ddd ;
    border-color: #ddd;
    background-color: #f4f4f4;
    background-image: none;
    text-shadow: none;
    color: #444;
    font-size: 14px;
    line-height: normal;
    box-sizing: border-box;
    height: auto;
}

.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
    width: auto;
    display: inline-block;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-widget select option {
    margin-right: 10px;
}

.tnp-widget input.tnp-submit {
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    margin: 0;
}

.tnp-field input[type="submit"] {
    position: inherit;
}

.tnp-field label {

}

/* Newsletter Widget Minimal */

.tnp-widget-minimal {
    width: 100%;
}

.tnp-widget-minimal form {
    margin: 0;
    padding: 0;
    border: 0;
}

.tnp-widget-minimal input.tnp-email {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    color: #444;
    font-size: 14px;
}

.tnp-widget-minimal input.tnp-submit {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border-radius: 0px;
    height: auto;
    margin: 0;
}

/* The minimal form */

.tnp-subscription-minimal {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.tnp-subscription-minimal form {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
    width: 70%;
    max-width: 300px;
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    color: #444;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
    margin-right: 10px;
}

.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
    width: 31%;
}

.tnp-subscription-minimal .tnp-privacy-field {
    margin-top: 10px;
}

/* Some of these styles are overridden by theme styles... */
.tnp-subscription-minimal input.tnp-submit {
    width: 29%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
    margin: 0;
}

.tnp-subscription-posts {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2rem;
}

.tnp-subscription-posts .tnp-subscription {
    max-width: auto;
    margin: 0;
}

@media all and (max-width: 525px) {
    .tnp-subscription-minimal.with-name input.tnp-email,
    .tnp-subscription-minimal.with-name input.tnp-name,
    .tnp-subscription-minimal input.tnp-submit
    {
        width: 100%;
        max-width: 100%;
        margin: 0;
        display: block;
        margin-bottom: .5rem;
    }
}

/* Single button forms */
.tnp-button-form button.tnp-submit {
    box-sizing: border-box;
    padding: 10px;
    display: inline-block;
    border: 1px;
    border-color: #ddd;
    background-color: #444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    border-radius: 0px;
    height: auto;
    margin: 0;
}

/* Comments Extension */
.tnp-comments {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tnp-comments label {
    display: block;
}

.tnp-comments input[type=checkbox] {
    display: inline-block;
    width: auto!important;
}


/* Locked Content Extension */
.tnp-lock {
    clear: both;
    display: block;
    box-sizing: border-box;
    box-shadow: none;
    margin: 20px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.tnp-nl-checkout {
    margin-bottom: 1em;
}.org-visual {
background: url(https://kangarooincorporation.com/wp-content/themes/ukroa/assets/images/ukroa_cover_page.jpg?ixlib=rb-4.0.3&auto=format&fit=crop&q=80) center/cover no-repeat;
}

   .team-chapter-header::before {
background:url(https://kangarooincorporation.com/wp-content/themes/ukroa/assets/images/favicon.jpg);

  }




.paypal-donations {
    display: inline-block;
    position: relative;
    line-height: 0; /* Remove extra space below image */
}

input[type="image"][name="submit"] {
    display: block;
    transition: opacity 0.3s ease;
    position: relative;
    z-index: 2;
    /* Hide the original PayPal image */
    opacity: 0;
  
}

input[type="image"][name="submit"]:hover {
    opacity: 0;
}

/* Show your custom donate image as default */
.paypal-donations::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://kangarooincorporation.com/wp-content/themes/ukroa/assets/images/DONATE.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

/* Show hover image on hover */
.paypal-donations::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://kangarooincorporation.com/wp-content/themes/ukroa/assets/images/sakelathan_button.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 0;
}

.paypal-donations:hover::before {
    opacity: 1;
}

.paypal-donations:hover::after {
    opacity: 0;
}


/**
 * Team Members Front CSS
 */

.tmm .tmm_wrap {width:100%; margin-bottom:30px; text-align:center;}
.tmm .clearer {clear:both;}

.tmm .tmm_container {display:inline;}
.tmm .tmm_container:last-child {display:block; text-align:center !important;}
.tmm .tmm_container:last-child .tmm_member {float:none !important;}
.tmm .tmm_columns_containers_desktop {display:block; clear:both;}

.tmm .tmm_member {
	vertical-align:top;
	display:inline-block;
	margin-top:25px;
	margin-bottom:25px;
	height:auto;
	float: left;
	position:relative;
	text-align:center;
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.04);
	border-top:5px solid lightgrey;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom:5px solid whitesmoke;
	background:white;
	box-sizing:border-box;}

	.tmm .tmm_1_columns .tmm_member { 
		width: 96%; 
		margin-right:2%; margin-left:2%;
		margin-top:140px; margin-bottom:25px;}
	
	.tmm .tmm_2_columns .tmm_member {
		width: 42%;
		margin-right:4%; margin-left:4%;
		margin-top:120px; margin-bottom:25px;}

	.tmm .tmm_3_columns .tmm_member {
		width: 29%;
		margin-right:2.16%; margin-left:2.16%;
		margin-top:100px; margin-bottom:25px;}
	
	.tmm .tmm_4_columns .tmm_member {
		width: 23%;
		margin-right:1%; margin-left:1%;
		margin-top:80px; margin-bottom:20px;}
	
	.tmm .tmm_5_columns .tmm_member {
		width: 18%; 
		margin-right:1%; margin-left:1%;
		margin-top:50px; margin-bottom:35px;}


.tmm .tmm_three_entries {clear:both;}


.tmm .tmm_member .tmm_photo {
	margin-left: auto;
	margin-right: auto;
	background-size: cover !important;
	background-position: center center !important;
	width: 60%;
	padding-bottom: 60%;
	border:none;
	-webkit-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	box-shadow: 2px 0px 1px 0px rgba(0,0,0,0.05);
	border-radius: 34% !important;
	margin-top:-30%;
	border:6px solid #eeeeee; }

.tmm_1_columns .tmm_member .tmm_photo { 
	width:35%; padding-bottom:35%; margin-top: -18%; }

.tmm_2_columns .tmm_member .tmm_photo { 
	width:50%; padding-bottom:50%; margin-top: -25%; }


.tmm .tmm_member .tmm_textblock .tmm_scblock {padding-top:10px;}
.tmm .tmm_member .tmm_textblock {padding:10px 12px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink {clear:both; margin-bottom:20px; border:none; box-shadow:0 0 0;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img {
	display:inline-block;
	border:none; width:24px;
	height:24px;
	box-shadow: 0 0 0 0;
	margin:10px 4px;}

.tmm .tmm_5_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:19px; height:19px; margin:6px 2px;}
.tmm .tmm_4_columns .tmm_member .tmm_textblock .tmm_sociallink img {width:21px; height:21px; margin:6px 3px;}
.tmm .tmm_member .tmm_textblock .tmm_sociallink img:hover {opacity:0.8;}

.tmm .tmm_fname {display:inline;}
.tmm .tmm_lname {display:inline;}


/* GENERAL */
.tmm .tmm_names span,
.tmm .tmm_names span.tmm_fname,
.tmm .tmm_names span.tmm_lname,
.tmm .tmm_names {
	color: #222222;
}

.tmm .tmm_desc,
.tmm .tmm_desc span,
.tmm .tmm_desc p {
	color: #555555;
	word-break: break-word;
}

.tmm .tmm_job,
.tmm .tmm_job p {
	color: #888888;
}


/* FONTS */
.tmm .tmm_plugin_f .tmm_names {
	font-size:20px; 
	font-weight:400; 
	line-height:24px;
	margin-bottom:8px; 
	margin-top:10px; }

.tmm .tmm_plugin_f .tmm_job {
	font-size:16px; 
	font-weight:400;}

.tmm .tmm_plugin_f .tmm_desc {
	padding:0px; 
	margin-top:19px; 
	margin-bottom:10px; 
	font-weight:400;
	font-size:14px; 
	line-height:23px;}

.tmm .tmm_theme_f .tmm_names {
	font-size: 1.1em;
	font-weight:400; 
	margin-bottom:8px; 
	margin-top:10px; }

.tmm .tmm_theme_f .tmm_job {
	font-size: 1em;
	font-weight:400;}

.tmm .tmm_theme_f .tmm_desc {
	font-size:0.9em;
	line-height:165%;
	padding:0px; 
	font-weight:400;
	margin-top:19px; 
	margin-bottom:10px; }


/* TABLETS */
@media only screen and (max-width: 64.063em) {

	.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
	.tmm_two_containers_tablet {display:block; clear:both;}

	.tmm .tmm_member,
	.tmm .tmm_2_columns .tmm_member,
	.tmm .tmm_3_columns .tmm_member,
	.tmm .tmm_4_columns .tmm_member,
	.tmm .tmm_5_columns .tmm_member {
		width: 40%; 
		margin-left:5%; margin-right:5%;
		margin-top:80px; margin-bottom:25px;}

	.tmm .tmm_1_columns .tmm_member {
		margin-top:100px; margin-bottom:15px;}

	.tmm .tmm_member .tmm_photo,
	.tmm .tmm_2_columns .tmm_member .tmm_photo,
	.tmm .tmm_3_columns .tmm_member .tmm_photo,
	.tmm .tmm_4_columns .tmm_member .tmm_photo,
	.tmm .tmm_5_columns .tmm_member .tmm_photo {
		width:50%; padding-bottom:50%; margin-top: -25%; }

}


/* MOBILE  */
@media only screen and (max-width: 40em) {

	.tmm .tmm_columns_containers_desktop {display:none; clear:none;}
	
	.tmm .tmm_member,
	.tmm .tmm_1_columns .tmm_member,
	.tmm .tmm_2_columns .tmm_member,
	.tmm .tmm_3_columns .tmm_member,
	.tmm .tmm_4_columns .tmm_member,
	.tmm .tmm_5_columns .tmm_member {
		width: 96%;
		margin:0 2%;
		margin-top:110px;
		margin-bottom:25px;}

	.tmm .tmm_member .tmm_photo,
	.tmm .tmm_1_columns .tmm_member .tmm_photo,
	.tmm .tmm_2_columns .tmm_member .tmm_photo,
	.tmm .tmm_3_columns .tmm_member .tmm_photo,
	.tmm .tmm_4_columns .tmm_member .tmm_photo,
	.tmm .tmm_5_columns .tmm_member .tmm_photo { 
		width:45%; padding-bottom:45%; margin-top: -24%; }

	.tmm .tmm_plugin_f .tmm_desc {
		padding: 0 10px;
		font-size:16px; 
		line-height:27px;}

}


.tmm_plugin_f,
.tmm_plugin_f .tmm_names span,
.tmm_plugin_f .tmm_job,
.tmm_plugin_f .tmm_desc,
.tmm_plugin_f .tmm_desc a,
.tmm_plugin_f .tmm_desc span,
.tmm_plugin_f .tmm_desc p,
.tmm_plugin_f .tmm_desc h1,
.tmm_plugin_f .tmm_desc h2,
.tmm_plugin_f .tmm_desc h3,
.tmm_plugin_f .tmm_desc h4,
.tmm_plugin_f .tmm_desc h5,
.tmm_plugin_f .tmm_desc h6,
.tmm_plugin_f .tmm_desc ul li,
.tmm_plugin_f .tmm_desc ol li {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}