@charset "UTF-8";
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; } .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]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .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;
} .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 {
} .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;
} .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;
} .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;
}
} .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;
} .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;
} .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://ukroa.org/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://ukroa.org/wp-content/themes/ukroa/assets/images/favicon.jpg);
}
.paypal-donations {
display: inline-block;
position: relative;
line-height: 0; }
input[type="image"][name="submit"] {
display: block;
transition: opacity 0.3s ease;
position: relative;
z-index: 2; opacity: 0;
}
input[type="image"][name="submit"]:hover {
opacity: 0;
} .paypal-donations::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://ukroa.org/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;
} .paypal-donations::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://ukroa.org/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;
}
 .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;} .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;
} .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; } @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%; }
} @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;
}