/*!
Theme Name: GTCI
Theme URI: https://globaltalentcompetitivenessindex.org/
Author: eJump
Author URI: https://ejump.ro/
Developer: Emil G.
Description: Custom theme for GTCI
Version: 1.2.0
Text Domain: gtci
----
<   2025 Update  >
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#Base
	##Typography
	##Elements
	##Links
	##Forms
    ##Helpers
    ##Buttons
#Sections
    ##Header
    ##Hero
    ##Footer
#Components
    ##Feed-item
    ##Pagination
    ##Search-form
    ##Modals
#Posts
    ##Posts-navigation
    ##Comments
#Contributors
    ##Single
    ##Archive
#Utilities
	##Accessibility
#Year specific styles
--------------------------------------------------------------*/
@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('2025/fonts/myriad_pro_light.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('2025/fonts/myriad_pro_regular.woff') format('woff');
}
@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('2025/fonts/myriad_pro_bold.woff') format('woff');
}
* {
    /* --font-family: 'PT Sans', sans-serif; */
    --font-family: 'Myriad Pro Regular', sans-serif;
    --font-family-light: 'Myriad Pro Light', sans-serif;
	--font-family-bold: 'Myriad Pro Bold', sans-serif;
    --font-weight-regular: normal;
    --font-weight-bold: normal;
    --font-family-icons: 'Font Awesome 5 Free';
    --font-weight-icons: 900;
    --font-size-h1: 36px;
    --font-size-h2: 24px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-p: 18px;
    --font-size-s: 16px;
    --line-height-s: 1;
    --line-height-m: 1.4;
    --line-height-l: 1.8;
    --color-white: #ffffff;
    --color-text: #181818;
    --color-text-light: #1b5a4a;
    --color-gray: #f1f1f1;
    --color-gray-light: #f9f9ff;
    --color-gray-lightest: #fbfdfd;
    --box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    /*  brand colors */
    --color-background: #f5f8f7;
    --color-primary: #1b5a4a;
    --color-primary-alt: #3a6757;
    --color-secondary: #75329b;
    --color-tertiary: #9544c4;
    --color-first: #e5ebe8;
    --color-second: #dfe0f1;
    --color-third: #9cb5b6;
    --color-fourth: #6a877f;
    --color-fifth: #0079bf;
    --color-sixth: #0f2f3c;
    --transition: all 0.2s;
}
@media screen and (min-width:768px) {
    * {
        --font-size-h1: 40px;
        --font-size-h2: 26px;
        --font-size-h3: 24px;
        --font-size-h4: 22px;
    }
}
@media screen and (min-width:992px) {
    * {
        --font-size-h1: 42px;
        --font-size-h2: 29px;
        --font-size-h3: 26px;
    }
}
/*--------------------------------------------------------------
    #Base
--------------------------------------------------------------*/
html,
body {
    margin: 0;
    padding: 0;
}
body { 
    background: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-p);
    line-height: var(--line-height-l);
    overflow-x: hidden;
}
body .container {
    max-width: 1300px;
}
/*  ##Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px;
    clear: both;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin: 0;
}
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }
p { font-size: var(--font-size-p); }
h1,
h2,
h3 {
    line-height: var(--line-height-s);
}
h4,
h5 {
    line-height: var(--line-height-m);
}
h6,
p {
    line-height: var(--line-height-l);
}
dfn,
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 120%;
}
small {
    font-size: 80%;
}
strong,
b {
    font-family: var(--font-family-bold);
	font-weight: var(--font-weight-bold);
}
/*  ##Elements
--------------------------------------------- */
blockquote,
address,
pre {
    margin: 20px 0;
    padding: 20px;
}
blockquote {
    padding: 20px 20px 20px 50px;
    border-left: 4px solid var(--color-text);
    transition: var(--transition);
}
blockquote:hover {
    border-left-color: var(--color-secondary);
}
blockquote cite,
blockquote cite p {
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-s);
    font-style: normal;
}
pre,
code,
kbd,
tt,
var {
    font-family: monospace;
    line-height: var(--line-height-m);
    overflow: auto;
    max-width: 100%;
}
pre {
	background: var(--color-gray-light);
}
abbr,
acronym {
	border-bottom: 1px dotted var(--color-gray-light);
	cursor: help;
}
mark,
ins {
	background: var(--color-gray-light);
	text-decoration: none;
}
hr {
    display: block;
	background-color: var(--color-gray);
	border: 0;
	height: 1px;
    opacity: 1;
    margin: 30px auto;
}
hr.wp-block-separator {
    border-bottom: none;
    border-top: none;
}
ul,
ol {
	margin: 20px 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
    margin: 0 0 0 20px;
}
dt {
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
}
dd {
	margin: 10px 0;
}
embed,
iframe,
object {
	max-width: 100%;
}
img {
	height: auto;
	max-width: 100%;
}
figure {
	margin: 20px 0;
}
table {
    padding: 0;
	margin: 20px 0;
	width: 100%;
}
table th {
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
}
table thead th {
    border: 1px solid var(--color-white);
}
table td {
    position: relative;
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
}
table td:hover {
    background-color: var(--color-gray-light);
}
table th,
table td {
    padding: 15px;
    font-size: var(--font-size-p);
    line-height: var(--line-height-m);
    border: 1px solid var(--color-gray);
    transition: border 0.3s, background-color 0.3s;
}
.table-responsive {
    display: block;
    overflow-x: auto;
    margin: 30px 0;
}
.table-responsive > table {
    max-width: 100%;
    margin: 0;
}
@media screen and (max-width:768px) {
    .table-responsive table th,
    .table-responsive table td {
        min-width: 120px;
    }
}
#hero table th,
#hero table td {
    border: none;
}
#hero table td:hover {
    background-color: transparent;
}
/*  ##Links
--------------------------------------------- */
a,
a:visited {
    color: var(--color-primary);
    text-decoration: none;
    transition: var(--transition);
}
.no-link-highlight a,
.no-link-highlight a:visited { color: var(--color-text); }
a:hover,
a:focus,
a:active {
	color: var(--color-primary-alt);
    text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
table a,
table a:visited {
    color: var(--color-text-light);
}
table a:hover,
table a:focus,
table a:active {
    color: var(--color-primary);
}
/*  ##Forms
--------------------------------------------- */
button {
    display: inline-block;
    border: none;
}
input,
select,
optgroup,
textarea {
    display: block;
    width: 100%;
    outline: 0;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-s);
    line-height: var(--line-height-m);
    margin: 15px 0;
    padding: 10px 15px;
    transition: var(--transition);
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: var(--color-text);
    color: var(--color-white);
    border-color: var(--color-text);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select,
optgroup {
	color: var(--color-text);
	border-color: var(--color-gray);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus,
optgroup:focus {
    border-color: var(--color-primary);
}
input::placeholder,
textarea::placeholder {
    color: var(--color-text);
	opacity: 0.5;
	font-size: var(--font-size-s);
}
label {
    display: block;
    color: var(--color-text-light);
	margin: 10px 0;
}
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    width: auto;
    margin: 7px 5px;
    vertical-align: top;
}
input[type="checkbox"] + label {
    display: inline-block;
    width: calc(100% - 30px);
    cursor: pointer;
}
/* 	ninja forms */
.modal .nf-before-form-content,
.modal .nf-after-form-content { 
	display: none;
}
.modal nf-fields-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.modal nf-fields-wrap > nf-field {
	flex: 0 1 auto;
	width: 100%;
}
@media screen and (min-width:768px) {
	.modal nf-fields-wrap > nf-field:nth-child(2),
	.modal nf-fields-wrap > nf-field:nth-child(3) {
		width: calc(50% - 10px);
	}
	.modal nf-fields-wrap > nf-field:nth-child(2) { margin-right: 10px; }
	.modal nf-fields-wrap > nf-field:nth-child(3) { margin-left: 10px; }
}
.nf-field-label label { 
	font-weight: 400 !important;
}
.list-radio-wrap .nf-field-element ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.list-radio-wrap .nf-field-element ul li {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	min-width: 150px;
}
.list-radio-wrap .nf-field-element ul li > * {
	flex: 0 1 auto;
}
.list-radio-wrap .nf-field-element ul li input {
	margin: 0;
}
.list-radio-wrap .nf-field-element ul li label {
	margin: 5px 5px 5px 8px;
}
.nf-after-field {
	font-size: 14px;
}
.nf-field-container {
	margin: 0 0 10px 0;
}
/*  ##Helpers
--------------------------------------------- */
/*  arrow */
.custom-arrow {
    display: inline-block;
    width: 34px;
    height: 8px;
    position: relative;
    transition: var(--transition);
}
.custom-arrow.custom-arrow-small {
    width: 20px;
}
.custom-arrow svg {
    fill: var(--color-white);
}
.custom-arrow.custom-arrow-white svg {
    fill: var(--color-text);
}
.custom-arrow.custom-arrow-primary svg {
    fill: var(--color-primary);
}
.custom-arrow.custom-arrow-text  svg {
    fill: var(--color-text);
}
.custom-arrow svg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
/*  opacity */
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.5; }
.opacity-75 { opacity: 0.75; }
/*  font-sizes */
.font-size-h1 { font-size: var(--font-size-h1); }
.font-size-h2 { font-size: var(--font-size-h2); }
.font-size-h3 { font-size: var(--font-size-h3); }
.font-size-h4 { font-size: var(--font-size-h4); }
.font-size-h5 { font-size: var(--font-size-h5); }
.font-size-h6 { font-size: var(--font-size-h6); }
.font-size-p { font-size: var(--font-size-p); }
.font-size-s { font-size: var(--font-size-s); }
.line-height-s { line-height: var(--line-height-s); }
.line-height-m { line-height: var(--line-height-m); }
.line-height-l { line-height: var(--line-height-l); }
/*  aspect ratio */
.aspect-ratio-square,
.aspect-ratio-wide {
    display: block;
    width: 100%;
    position: relative;
}
.aspect-ratio-square { padding-top: 100%; }
.aspect-ratio-wide { padding-top: 50%; }
.aspect-ratio-square img,
.aspect-ratio-wide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*  special hr */
hr.hr-special {
    width: 100px;
    height: 4px;
    margin: 20px 0;
}
hr.hr-special-first { background-color: var(--color-primary); }
hr.hr-special-secondary { background-color: var(--color-secondary); }
/*  border-radius */
.border-radius-50 { border-radius: 50%; }
/*  borders */
.border-top-gray { border-top: 1px solid var(--color-gray-light); }
.border-bottom-gray { border-bottom: 1px solid var(--color-gray-light); }
/*  colors */
.color-white { color: var(--color-white); }
.color-text { color: var(--color-text); }
.color-primary { color: var(--color-primary); }
.color-primary-alt { color: var(--color-primary-alt); }
.color-secondary { color: var(--color-secondary); }
.color-tertiary { color: var(--color-tertiary); }
.color-first { color: var(--color-first); }
.color-second { color: var(--color-second); }
.color-third { color: var(--color-third); }
.color-fourth { color: var(--color-fourth); }
.color-fifth { color: var(--color-fifth); }
.color-sixth { color: var(--color-sixth); }
/*  backgrounds */
.background-white { background-color: var(--color-white); }
.background-gray { background-color: var(--color-gray); }
.background-gray-light { background-color: var(--color-gray-light); }
.background-gray-lightest { background-color: var(--color-gray-lightest); }
.background-text { background-color: var(--color-text); }
.background-text-light { background-color: var(--color-text-light); }
.background-primary { background-color: var(--color-primary); }
.background-secondary { background-color: var(--color-secondary); }
.background-tertiary { background-color: var(--color-tertiary); }
.background-first { background-color: var(--color-first); }
.background-second { background-color: var(--color-second); }
.background-third { background-color: var(--color-third); }
.background-fourth { background-color: var(--color-fourth); }
.background-fifth { background-color: var(--color-fifth); }
.background-sixth { background-color: var(--color-sixth); }
.background-text a,
.background-text a:visited,
.background-text-light a,
.background-text-light a:visited { color: var(--color-gray-light); }
.background-text a:hover,
.background-text a:focus,
.background-text-light a:hover,
.background-text-light a:focus { color: var(--color-secondary); }
.background-sixth a,
.background-sixth a:visited { color: var(--color-secondary); }
.background-primary a,
.background-primary a:visited { color: var(--color-first); }
/*  padding */
.pt-6 { padding-top: 100px; }
.pb-6 { padding-bottom: 100px; }
.py-6 {
    padding-top: 100px;
    padding-bottom: 100px;
}
/*  data-value */
.data-value {
    display: inline-block;
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-s);
    line-height: 1;
    padding: 8px 12px 10px;
    margin: 0 10px;
    text-align: center;
    min-width: 40px;
    color: var(--color-text);
}
.data-value.data-rounded {
    border-radius: 30px;
}
.data-value.data-gray { background-color: var(--color-gray-light); }
.data-value.data-white { background-color: var(--color-white); }
.data-value.data-first { background-color: var(--color-first); }
.data-value.data-second { background-color: var(--color-second); }
.data-value.data-third { background-color: var(--color-third); }
.data-value.data-fourth { background-color: var(--color-fourth); }
.data-value.data-fifth { background-color: var(--color-fifth); }
.data-value.data-sixth { background-color: var(--color-sixth); }
.data-value.data-first,
.data-value.data-second,
.data-value.data-third,
.data-value.data-fourth,
.data-value.data-fifth,
.data-value.data-sixth {
    color: var(--color-text);
}
/*  more boxes */
.more-content {
    display: none;
}
.more-content.is-active {
    display: block;
}
.more-toggle {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
}
/*  hover-animation */
.hover-animation {
    position: relative;
    top: 0;
    transition: var(--transition);
}
.hover-animation:hover {
    top: -10px;
}
/*  ##Buttons
--------------------------------------------- */
.btn {
    display: inline-block;
    margin: 10px 5px;
    padding: 16px 40px;
    font-family: var(--font-family);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-h6);
    line-height: var(--line-height-s);
    text-align: center;
    border-radius: 100px;
    transition: var(--transition);
}
.btn.btn-small {
    font-family: var(--font-family);
    padding: 8px 20px;
    font-size: var(--font-size-s);
}
.btn.btn-large {
    padding: 16px 60px;
}
.btn.btn-icon {
    padding-right: 80px;
    position: relative;
}
.btn.btn-icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.btn.btn-icon.btn-small {
    padding-right: 50px;
}
.btn.btn-icon.btn-small i {
    right: 15px;
}
.btn.btn-strong {
	font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
}
/*  colors */
.btn.btn-dark,
.btn.btn-dark:visited {
    background-color: var(--color-text);
    color: var(--color-white);
}
.btn.btn-dark:hover,
.btn.btn-dark:active,
.btn.btn-dark:focus {
    background-color: var(--color-primary);
}
.btn.btn-white,
.btn.btn-white:visited {
    background-color: var(--color-white);
    color: var(--color-text);
}
.btn.btn-white:hover,
.btn.btn-white:active,
.btn.btn-white:focus {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.btn.btn-primary,
.btn.btn-primary:visited {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: var(--color-primary-alt);
}
.btn.btn-secondary,
.btn.btn-secondary:visited {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
    background-color: var(--color-tertiary);
}
.btn.btn-tertiary,
.btn.btn-tertiary:visited {
    background-color: var(--color-tertiary);
    color: var(--color-white);
}
.btn.btn-tertiary:hover,
.btn.btn-tertiary:active,
.btn.btn-tertiary:focus {
    background-color: var(--color-secondary);
}
.btn.btn-first,
.btn.btn-first:visited,
.btn.btn-first:hover,
.btn.btn-first:active,
.btn.btn-first:focus {
    background-color: var(--color-first);
    color: var(--color-text);
}
.btn.btn-second,
.btn.btn-second:visited,
.btn.btn-second:hover,
.btn.btn-second:active,
.btn.btn-second:focus {
    background-color: var(--color-second);
    color: var(--color-text);
}
.btn.btn-third,
.btn.btn-third:visited,
.btn.btn-third:hover,
.btn.btn-third:active,
.btn.btn-third:focus {
    background-color: var(--color-third);
    color: var(--color-text);
}
.btn.btn-fourth,
.btn.btn-fourth:visited,
.btn.btn-fourth:hover,
.btn.btn-fourth:active,
.btn.btn-fourth:focus {
    background-color: var(--color-fourth);
    color: var(--color-text);
}
.btn.btn-fifth,
.btn.btn-fifth:visited,
.btn.btn-fifth:hover,
.btn.btn-fifth:active,
.btn.btn-fifth:focus {
    background-color: var(--color-fifth);
    color: var(--color-text);
}
.btn.btn-sixth,
.btn.btn-sixth:visited,
.btn.btn-sixth:hover,
.btn.btn-sixth:active,
.btn.btn-sixth:focus {
    background-color: var(--color-sixth);
    color: var(--color-text);
}
/*  btn-border */
.btn.btn-border {
    position: relative;
    color: var(--color-primary);
}
.btn.btn-border,
.btn.btn-border:visited {
    color: var(--color-primary);
}
.btn.btn-border:hover,
.btn.btn-border:active,
.btn.btn-border:focus {
    color: var(--color-text);
}
.btn.btn-border.btn-primary:hover,
.btn.btn-border.btn-primary:active,
.btn.btn-border.btn-primary:focus,
.btn.btn-border.btn-secondary:hover,
.btn.btn-border.btn-secondary:active,
.btn.btn-border.btn-secondary:focus {
    color: var(--color-white);
}
.btn.btn-border:before {
    content: '';
    background-color: var(--color-white);
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    border-radius: 100px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    transition: var(--transition);
}
.btn.btn-border > span {
    position: relative;
    z-index: 2;
}
.btn.btn-border:before,
.btn.btn-border:visited:before {
    opacity: 1;
}
.btn.btn-border:hover:before,
.btn.btn-border:active:before,
.btn.btn-border:focus:before {
    opacity: 0;
}
/*  btn-arrow */
.btn.btn-arrow {
    position: relative;
    padding: 16px 40px 16px 25px;
}
.btn.btn-arrow > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    z-index: 2;
}
.btn.btn-arrow:hover,
.btn.btn-arrow:active,
.btn.btn-arrow:focus {
    text-shadow: none;
    position: relative;
}
.btn.btn-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    z-index: 1;
    background-color: var(--color-third);
    border-radius: 25px;
    opacity: 0.3;
}
.btn.btn-arrow span.custom-arrow {
    margin-left: 10px;
    transition: var(--transition);
}
.btn.btn-arrow:hover span.custom-arrow,
.btn.btn-arrow:active span.custom-arrow,
.btn.btn-arrow:focus span.custom-arrow {
    margin-left: 20px;
}
/*--------------------------------------------------------------
    #Sections
--------------------------------------------------------------*/
/*  ##Header
--------------------------------------------- */
#masthead {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
body.admin-bar #masthead { top: 46px; }
@media screen and (min-width:782px) { body.admin-bar #masthead { top: 32px; } }
/*  branding */
#masthead--branding {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
#masthead--branding a {
    flex: 0 1 auto;
    display: block;
}
#masthead--branding a:first-child { max-width: 200px; }
#masthead--branding a:last-child { max-width: 180px; }
#masthead--branding a img {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
    height: auto;
    transition: var(--transition);
}
#masthead--branding a:first-child img { margin: 20px 15px 20px 0; }
#masthead--branding a:last-child img { margin: 10px 15px 10px 0; }
/*  mobile toggle */
#masthead--toggle { text-align: right; }
#masthead--toggle button {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    border: none;
    background: transparent;
}
#masthead--toggle button span,
#masthead--toggle button span:before,
#masthead--toggle button span:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    height: 2px;
    background: var(--color-white);
    transition: var(--transition);
}
#masthead--toggle button span {
    width: 30px;
    top: calc(50% - 2px);
}
#masthead--toggle button span:before,
#masthead--toggle button span:after {
    width: 30px;
}
#masthead--toggle button span:before { top: -10px; }
#masthead--toggle button span:after { bottom: -10px; }
#masthead--toggle button.is-active span {
    background: transparent;
}
#masthead--toggle button.is-active span:before,
#masthead--toggle button.is-active span:after {
    top: 50%;
    left: 0;
    transform-origin: 50% 50%;
}
#masthead--toggle button.is-active span:before {
    transform: rotate(135deg);
}
#masthead--toggle button.is-active span:after {
    transform: rotate(220deg);
}
/*  menu wrapper */
#masthead--nav { 
    display: none;
    background-color: var(--color-white);
    box-shadow: var(--box-shadow);
    padding-top: 10px;
    padding-bottom: 10px;
}
#masthead--nav.is-active { display: block; }
@media screen and (min-width:992px) {
    #masthead--nav.is-active,
    #masthead--nav { 
        display: flex;
        align-items: center;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
    }
}
/*  menu links */
ul#main-menu a {
    display: block;
    font-size: var(--font-size-p);
    padding: 12px 0 13px;
    margin: 0;
}
ul#main-menu a,
ul#main-menu a:visited {
    color: var(--color-text);
}
ul#main-menu a:hover,
ul#main-menu a:active {
    color: var(--color-primary);
}
ul#main-menu li.current-menu-item > a {
    color: var(--color-primary);
    font-family: var(--font-family-bold);
    font-weight: var(--font-weight-bold);
}
ul#main-menu li.is-active > a {
    color: var(--color-primary);
}
ul#main-menu li:before { content: none; }
@media screen and (min-width:992px) {
    ul#main-menu > li > a,
    ul#main-menu > li > a:visited,
    ul#main-menu > li > a:hover,
    ul#main-menu > li > a:active {
        color: var(--color-white);
    }
    ul#main-menu ul.sub-menu > li > a {
        font-size: var(--font-size-s);
    }
    ul#main-menu ul.sub-menu > li > a,
    ul#main-menu ul.sub-menu > li > a:visited {
        color: var(--color-text);
    }
    ul#main-menu ul.sub-menu > li > a:hover,
    ul#main-menu ul.sub-menu > li > a:active {
        color: var(--color-tertiary);
    }
}
/*  main menu */
ul#main-menu,
ul#main-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-image: none;
}
ul#main-menu > li {
    border-bottom: 1px solid var(--color-gray-light);
}
ul#main-menu > li:last-child {
    border-bottom: none;
}
@media screen and (min-width:992px) {
    ul#main-menu {
        display: flex;
        flex: 1 1 auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
    }
    ul#main-menu > li {
        flex: 0 1 auto;
        padding: 0 20px;
        border-bottom: none;
    }
    ul#main-menu > li > a {
        padding: 20px 0;
    }
    ul#main-menu > li.current-menu-item > a,
    ul#main-menu > li.current-menu-item > a:visited {
        position: relative;
    }
}
@media screen and (min-width:1400px) {
    ul#main-menu > li { padding: 0 40px; }
}
/*  sub menu */
ul#main-menu ul.sub-menu {
    display: none;
    margin: 0;
    padding: 0 0 0 20px;
    border-left: 2px solid var(--color-gray-light);
}
ul#main-menu li.is-active > ul.sub-menu { display: block; }
@media screen and (min-width:992px) { 
    ul#main-menu ul.sub-menu {
        width: 300px;
        padding: 0;
        border-left: none;
        background: var(--color-white);
        box-shadow: var(--box-shadow);
    }
    ul#main-menu li:hover > ul.sub-menu { display: block; }
    ul#main-menu ul.sub-menu > li {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color:var(--color-gray-light);
        transition: var(--transition);
    }
    ul#main-menu ul.sub-menu > li:last-child {
        border-bottom-color: transparent;
    }
    ul#main-menu ul.sub-menu a,
    ul#main-menu ul.sub-menu a:visited {
        padding: 14px 20px;
    }
    ul#main-menu ul.sub-menu { 
        position: absolute;
        z-index: 9;
    }
    /*  level 1 */
    ul#main-menu > li > ul.sub-menu {
        top: 100%;
    }
    /*  level 2/3 */
    ul#main-menu > li > ul.sub-menu > li > ul.sub-menu,
    ul#main-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        top: 0;
        box-shadow: var(--box-shadow);
    }
    /*  positions */
    ul#main-menu > li.first-left > ul.sub-menu { 
        right: 0;
    }
    ul#main-menu > li.first-right > ul.sub-menu { 
        left: 0; 
    }
    ul#main-menu > li.second-left > ul.sub-menu > li > ul.sub-menu { 
        right: calc(100% - 10px); 
    }
    ul#main-menu > li.second-right > ul.sub-menu > li > ul.sub-menu { 
        left: calc(100% - 10px); 
    }
    ul#main-menu > li.third-left > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { 
        right: calc(100% - 10px);
    }
    ul#main-menu > li.third-right > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu { 
        left: calc(100% - 10px);
    }
}
@media screen and (min-width:1400px) { 
    ul#main-menu > li.first-right > ul.sub-menu { 
        left: 20px; 
    }
}
/*  sub-menu toggle */
ul#main-menu li.menu-item-has-children > a { padding-right: 50px; }
ul#main-menu span.toggle-submenu,
ul#main-menu span.toggle-submenu:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
}
ul#main-menu span.toggle-submenu { z-index: 9; }
ul#main-menu span.toggle-submenu:after {
    content: "\f0da";
    font-family: var(--font-family-icons); 
    font-weight: var(--font-weight-icons);
    color: var(--color-primary);
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    transition: var(--transition);
}
ul#main-menu li.is-active > .toggle-submenu:after {
    transform: rotate(90deg);
    color: var(--color-primary);
}
@media screen and (min-width:992px) {
    ul#main-menu li.menu-item-has-children > a { padding-right: 0; }
    ul#main-menu span.toggle-submenu { z-index: -1; }
    ul#main-menu span.toggle-submenu,
    ul#main-menu span.toggle-submenu:after {
        width: 10px;
        height: 20px;
        line-height: 20px;
    }
    ul#main-menu span.toggle-submenu {
        top: calc(50% - 9px);
        right: 5px;
    }
    ul#main-menu > li > ul.sub-menu span.toggle-submenu {
        right: 20px;
        transition: var(--transition);
    }
    ul#main-menu > li > ul.sub-menu li:hover > span.toggle-submenu {
        right: 30px;
    }
    ul#main-menu li > span.toggle-submenu:after { 
        transform: rotate(0deg);
        color: var(--color-gray-light); 
    }
    ul#main-menu > li:hover > span.toggle-submenu:after { 
        transform: rotate(90deg); 
    }
    ul#main-menu li:hover > span.toggle-submenu:after {
        color: var(--color-primary);
    }
    ul#main-menu ul.sub-menu li > span.toggle-submenu:after {
        color: var(--color-primary);
        opacity: 0.4;
    }
    ul#main-menu ul.sub-menu li:hover > span.toggle-submenu:after {
        opacity: 1;
        color: var(--color-primary);
    }
}
@media screen and (min-width:1400px) {
    ul#main-menu span.toggle-submenu {
        right: 20px;
    }
}
/*  class used when the hero has a light background */
body.light #masthead--toggle button span,
body.light #masthead--toggle button span:before,
body.light #masthead--toggle button span:after {
    background: var(--color-text);
}
body.light #masthead--toggle button.is-active span {
    background: transparent;
}
@media screen and (min-width:992px) {
    body.light ul#main-menu > li > a,
    body.light ul#main-menu > li > a:visited,
    body.light ul#main-menu > li > a:hover,
    body.light ul#main-menu > li > a:active {
        color: var(--color-text);
    }
    body.light ul#main-menu > li > span.toggle-submenu:after {
        color: var(--color-text);
    }
}
/*  ##Hero
--------------------------------------------- */
#hero {
    display: block;
    margin: 0;
    padding: 150px 0 100px;
    background-color: var(--color-sixth);
    background-image: url('assets/imgs/default-hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    color: var(--color-white);
    position: relative;
}
body.light #hero {
    color: var(--color-text);
}
#hero.uses-featured-image {
    padding: 100px 0 0;
}
#hero.uses-featured-image .hero-content { display: none; }
@media screen and (min-width:992px) {
    #hero {
        padding: 200px 0 150px;
    }
    #hero.uses-featured-image {
        padding: 100px 0 0;
    }
}
#hero .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #0e3b30;
    z-index: 1;
}
#hero .container {
    position: relative;
    z-index: 2;
}
/*  ##Footer
--------------------------------------------- */
#colophon {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--color-text);
}
#colophon a,
#colophon a:visited {
    color: var(--color-text);
}
#colophon a:hover,
#colophon a:focus,
#colophon a:active {
    color: var(--color-primary);
}
#colophon--widgets {
    padding: 80px 0 60px;
    background-color: var(--color-first);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
#colophon--widgets h5 ul {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
}
#colophon--widgets h5 ul li {
    display: inline-block;
    padding: 5px;
}
#colophon--widgets .widget {
    display: block;
    margin: 0 0 40px 0;
    padding: 0;
}
#colophon--widgets .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#colophon--widgets .widget ul li {
    margin: 0;
	padding: 10px 0;
	line-height: var(--line-height-m);
}
#colophon--copyright {
    padding: 20px 0;
    background-color: var(--color-sixth);
}
#colophon--copyright p {
    font-size: var(--font-size-s);
	color: var(--color-gray);
}
#colophon--copyright p a,
#colophon--copyright p a:visited {
    color: var(--color-third);
}
#colophon--copyright p a:hover,
#colophon--copyright p a:focus,
#colophon--copyright p a:active {
    color: var(--color-white);
}
/*--------------------------------------------------------------
    #Components
--------------------------------------------------------------*/
/*  ##Feed-item
--------------------------------------------- */
.feed-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.feed-item .feed-item--content {
    background-color: var(--color-white);
    padding: 30px 20px;
    margin: 5px 0 0 0;
    height: 100%;
}
.feed-item .feed-item--content p {
    font-size: var(--font-size-s);
    margin: 0 0 10px 0;
}
.feed-item .feed-item--content h4 {
    font-size: var(--font-size-h5);
}
.feed-item .feed-item--content h4 a,
.feed-item .feed-item--content h4 a:visited {
    color: var(--color-text);
}
.feed-item .feed-item--content h4 a:hover,
.feed-item .feed-item--content h4 a:active,
.feed-item .feed-item--content h4 a:focus {
    color: var(--color-primary);
}
/*  ##Pagination
--------------------------------------------- */
.gtci-pagination {
    display: block;
    margin: 0;
    padding: 30px 0;
}
.gtci-pagination .nav-links {
    display: flex;
    justify-content: center;
}
.gtci-pagination .nav-links > a,
.gtci-pagination .nav-links > span {
    flex: 0 1 auto;
    width: 30px;
    height: 30px;
    margin: 5px;
    padding: 0;
    font-size: var(--font-size-s);
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}
.gtci-pagination .nav-links > a,
.gtci-pagination .nav-links > a:visited {
    color: var(--color-text);
    background-color: var(--color-gray-light);
}
.gtci-pagination .nav-links > a:hover,
.gtci-pagination .nav-links > a:active,
.gtci-pagination .nav-links > a:focus {
    color: var(--color-white);
    background-color: var(--color-primary);
}
.gtci-pagination .nav-links > a:after { content: none; }
.gtci-pagination .nav-links > span {
    border: 1px solid var(--color-gray-light);
}
/*  ##Search-form
--------------------------------------------- */
.search-form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 10px auto;
}
@media screen and (min-width:568px) {
    .search-form {
        flex-direction: row;
    }
    .search-form > label {
        flex: 1 1 auto;
    }
    .search-form > input[type="submit"] {
        flex: 0 1 auto;
        width: auto;
        min-width: 150px;
    }
}
/*  ##Modals
--------------------------------------------- */
.modal {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    padding: 40px 20px;
    margin: 0;
    background-color: rgba(0,0,0,0.6);
}
.modal.is-active {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.modal .modal-inner {
    background-color: var(--color-white);
    padding: 80px 40px;
    max-width: 992px;
    max-height: calc(100vh - 80px);
    position: relative;
    box-shadow: var(--box-shadow);
    overflow-x: hidden;
    overflow-y: auto;
}
.modal .modal-close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}
/*--------------------------------------------------------------
    #Posts
--------------------------------------------------------------*/
.single-page #content.single-page-narrow .container,
.single-post #content .container {
    max-width: 1000px;
}
.single-post #hero {
    text-align: center;
}
/*  ##Posts-navigation
--------------------------------------------- */
.post-navigation {
    max-width: 1300px;
    margin: 50px auto;
    padding: 30px 15px;
    border-top: 1px solid var(--color-gray-light);
    border-bottom: 1px solid var(--color-gray-light);
}
.post-navigation .nav-links {
    display: flex;
    flex-direction: row;
}
.post-navigation .nav-links > div { flex: 1 1 50%; }
.post-navigation .nav-links a { display: block; }
.post-navigation .nav-next { text-align: right; }
.post-navigation .nav-links span:first-child {
    text-transform: uppercase;
    font-size: var(--font-size-s);
    display: block;
    color: var(--color-text);
}
.post-navigation .nav-links span:last-child {
    font-size: var(--font-size-p);
}
/*  ##Comments
--------------------------------------------- */
#comment-wrapper { max-width: 900px; }
#comments .no-comments {
    text-align: center;
    margin: 50px auto;
}
#comments .comments-title {
    font-size: var(--font-size-h5);
    text-transform: uppercase;
    color: var(--color-text);
    margin: 0 0 50px 0;
}
#comments ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
#comments > ol > li {
    border-bottom: 1px solid var(--color-gray-light);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#comments > ol > li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#comments ol li ol {
    margin-left: 80px;
}
#comments .comment-author,
#comments .comment-meta {
    font-size: var(--font-size-s);
    display: flex;
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
    justify-content: space-between;
}
#comments .comment-author img {
	width: 60px;
	height: 60px;
    margin: 0 20px 0 0;
}
#comments .comment-body .comment-metadata {
	margin: 0 0 0 20px;
}
#comments .comment-body .comment-metadata a {
    color: var(--color-text);
    font-size: 16px;
}
#comments .comment-body span.says { display: none; }
#comments .comment-body .reply {
    margin: 30px 0;
    text-align: right;
}
#comments .comment-body .reply a,
#comments .comment-body .reply a:visited {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 20px;
    background-color: var(--color-gray-light);
}
#comments .comment-body .reply a:hover,
#comments .comment-body .reply a:focus,
#comments .comment-body .reply a:active {
    color: var(--color-text);
    background-color: var(--color-gray-light);
}
#comments .comment-content { 
    padding: 0 0 0 80px;
    margin: 0;
}
#comments .comment-content p {
    font-size: var(--font-size-s);
}
#comments .bypostauthor { display: block; }
#comments #respond {
    margin: 0 0 50px;
}
#comments #respond h3.comment-reply-title {
    font-size: var(--font-size-h5);
    color: var(--color-body);
    text-transform: uppercase;
    margin: 0 0 5px 0;
}
#comments #respond .comment-reply-title small { 
    font-size: var(--font-size-s);
    margin-left: 20px;
}
#comments #respond #commentform {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
#comments #respond #commentform p {
    flex: 0 1 auto;
    width: 100%;
    font-size: var(--font-size-s);
    margin: 7px 0;
}
@media screen and (min-width:768px) {
    #comments #respond #commentform { 
        flex-direction: row;
        justify-content: space-between;
    }
    #comments #respond #commentform p {
        width: calc(33.33% - 10px);
    }
    #comments #respond #commentform p.comment-notes,
    #comments #respond #commentform p.comment-form-comment {
        width: 100%;
    }
    #comments #respond #commentform p.comment-form-cookies-consent {
        width: calc(66.66% - 10px);
    }
    #comments #respond #commentform p.form-submit {
        text-align: right;
    }
}
#comments .comment-navigation {
	font-size: var(--font-size-s);
	margin: 0;
	padding: 30px 0;
}
#comments .nav-links {
    display: flex;
    flex-direction: row;
}
#comments .nav-links div { flex: 1 1 auto; }
#comments .nav-links div.nav-next { text-align: right; }
/*--------------------------------------------------------------
    #Contributors
--------------------------------------------------------------*/
/*  ##Single
--------------------------------------------- */
#primary.contributor #content {
    background-color: var(--color-gray-light);
}
.contributor-box {
    background-color: var(--color-white);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 30px 20px;
    margin: 15px 0;
}
.contributor-box > .contributor-box--image {
    flex: 0 1 auto;
    width: 140px;
    margin-right: 30px;
}
.contributor-box > .contributor-box--image .aspect-ratio-square {
    border-radius: 70px;
    overflow: hidden;
}
.contributor-box > .contributor-box--info {
    flex: 1 1 auto;
}
.contributor-box > .contributor-box--info p {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
}
.contributor-box > .contributor-box--info p.contributor-box--role {
	font-size: 13px;
	line-height: var(--line-height-m);
}
ul.contributor-box--social {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
ul.contributor-box--social li {
    margin: 0;
    padding: 0;
}
ul.contributor-box--social li a {
    padding: 0 8px;
    margin: 0;
    display: block;
}
ul.contributor-box--social li:first-child a {
    padding: 0 8px 0 0;
}
.contributor-box > .contributor-box--info a,
.contributor-box > .contributor-box--info a:visited {
    color: var(--color-text);
}
.contributor-box > .contributor-box--info a:hover,
.contributor-box > .contributor-box--info a:active,
.contributor-box > .contributor-box--info a:focus {
    color: var(--color-primary);
}
/*  ##Archive
--------------------------------------------- */
/*  filter */
#contributor-filter {
    padding: 50px 0 20px;
    background-color: transparent;
    position: relative;
    z-index: 99;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: var(--transition);
}
#contributor-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#contributor-filter ul li {
    margin: 0;
    padding: 0;
}
#contributor-filter ul li a {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-s);
    padding: 5px 15px;
}
#contributor-filter ul li a,
#contributor-filter ul li a:visited {
    color: var(--color-text);
}
#contributor-filter ul li a:hover,
#contributor-filter ul li a:active,
#contributor-filter ul li a:focus {
    color: var(--color-primary);
}
#contributor-filter.hsticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0 10px;
    box-shadow: var(--box-shadow);
}
#contributor-filter.hsticky ul li a {
    font-size: var(--font-size-s);
    text-transform: uppercase;
}
/*  contributor section */
.contributor-section {
    padding: 60px 0;
    margin: 0 0 60px;
}
/*  contributor box */
.contributors .contributor-box {
    transition: var(--transition);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.contributors .contributor-box:hover {
    box-shadow: var(--box-shadow);
}
.contributors .contributor-box .contributor-box--info h4 {
    font-size: var(--font-size-h5);
}
/*  contributor images */
.contributors .contributor-box--image a {
    width: 160px;
    height: 160px;
    padding: 20px;
    display: block;
	position: relative;
	border-radius: 0 !important;
}
.contributors .contributor-box--image a img {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    object-fit: cover;
    position: relative;
	z-index: 1;
}
.contributors .contributor-box .contributor-box--image a:after {
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 2;
}
/* .contributors #gtci-team .contributor-box .contributor-box--image a:after {
	content: url('assets/imgs/contributor-bg-1.png');
}
.contributors #technical-advisory-board .contributor-box .contributor-box--image a:after {
	content: url('assets/imgs/contributor-bg-2.png');
}
.contributors #advisory-board .contributor-box .contributor-box--image a:after {
	content: url('assets/imgs/contributor-bg-3.png');
} */
/*  contributor modal */
.contributor-modal .modal-content p {
    font-size: var(--font-size-s);
}
.contributor-modal .contributor-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0 40px;
    padding: 0 0 40px 0;
    border-bottom: 1px solid var(--color-gray-light);
}
.contributor-modal .contributor-details > div {
    flex: 0 1 auto;
}
.contributor-modal .contributor-details .contributor-details--image {
    width: 140px;
    margin-right: 30px;
    border-radius: 70px;
    overflow: hidden;
}
/*--------------------------------------------------------------
    #Utilities
--------------------------------------------------------------*/
/*  ##Accessibility
--------------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}