@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: local('Poppins Italic'), local('Poppins-Italic'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-Italic.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
src: local('Poppins SemiBold Italic'), local('Poppins-SemiBoldItalic'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-SemiBoldItalic.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: local('Poppins Light'), local('Poppins-Light'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-Light.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins Regular'), local('Poppins-Regular'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-Regular.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-Medium.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-SemiBold.woff2) format('woff2');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins Bold'), local('Poppins-Bold'), url(//oxussociety.org/wp-content/themes/alone/fonts/Poppins-Bold.woff2) format('woff2');
}
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
select {
-webkit-appearance: none;
appearance: none;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
body {
font-family: 'Poppins';
font-size: 16px;
font-weight: 400;
line-height: 175%;
letter-spacing: 0;
color: #333333; }
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 125%;
color: #111111;
margin: 0 0 24px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-size: inherit;
color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #0073a8; }
h1 {
font-size: 42px; }
h2 {
font-size: 32px; }
h3 {
font-size: 24px; }
h4 {
font-size: 18px; }
h5 {
font-size: 14px; }
h6 {
font-size: 12px; }
a {
text-decoration: none;
outline: none;
color: #333333;
-webkit-transition: all .3s;
transition: all .3s; }
a:focus {
outline: none; }
a:focus, a:hover {
color: #0073a8; }
p {
margin-bottom: 24px; }
p img.alignnone, p .alignnone {
margin-bottom: 0; }
img {
max-width: 100%;
height: auto;
border-radius: 0; }
label,
.label {
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 150%;
margin-bottom: 8px; }
::-webkit-input-placeholder {
color: #808080; }
:-ms-input-placeholder {
color: #808080; }
::placeholder {
color: #808080; }
input, select, textarea {
font-weight: 400;
font-size: 16px;
line-height: 150%;
background: #FFFFFF;
padding: 16px 24px;
margin-bottom: 24px;
outline: none;
max-width: 100%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px; }
select {
-moz-appearance: none;
-webkit-appearance: none;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/down-arrow.svg);
background-repeat: no-repeat;
background-size: 12px;
background-position: center right 12px; }
textarea {
height: 94px; }
input[type="checkbox"] {
margin: 0 4px 0 0;
padding: 0; }
input[type="submit"],
button[type="submit"] {
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-align: center;
color: #FFFFFF;
cursor: pointer;
padding: 16px 32px;
margin-bottom: 0;
background: #0073a8;
border-color: #0073a8;
border-radius: 2px;
-webkit-transition: all .3s;
transition: all .3s; }
input[type="submit"]:hover,
button[type="submit"]:hover {
background-color: #00628f;
border-color: #00628f; }
button {
cursor: pointer; }
.screen-reader-text {
display: none; }
@media (max-width: 767.98px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom: 16px; }
h1 {
font-size: 32px; }
h2 {
font-size: 24px; }
h3 {
font-size: 18px; }
h4 {
font-size: 14px; }
h5 {
font-size: 12px; }
h6 {
font-size: 10px; }
p {
margin-bottom: 16px; }
label,
.label {
font-size: 14px;
margin-bottom: 4px; }
input, select, textarea {
font-size: 14px;
padding: 12px 16px; }
input[type="submit"],
button[type="submit"] {
font-size: 13px;
padding: 12px 24px; } }
.menu-toggle,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
position: absolute;
top: 50%;
right: 0;
font-size: 0 !important;
line-height: 0;
width: 54px;
height: 54px;
margin-top: -27px;
padding: 0;
background: #FFFFFF;
border: none;
border-radius: 2px;
display: none; }
@media (max-width: 991.98px) {
.menu-toggle,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
display: block; } }
.menu-toggle.toggled-on:before, .menu-toggle.toggled-on:after, .menu-toggle.ubermenu-responsive-toggle-open:before, .menu-toggle.ubermenu-responsive-toggle-open:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.toggled-on:before,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.toggled-on:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open:before,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open:after {
content: "";
-webkit-transform: rotate(45deg) translate(-9px, 7.5px);
transform: rotate(45deg) translate(-9px, 7.5px); }
.menu-toggle.toggled-on:after, .menu-toggle.ubermenu-responsive-toggle-open:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.toggled-on:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-responsive-toggle-open:after {
-webkit-transform: rotate(-45deg) translate(-7.5px, -9px);
transform: rotate(-45deg) translate(-7.5px, -9px); }
.menu-toggle:before, .menu-toggle:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:before,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 2px;
background: #4A4A4A;
margin: 0;
-webkit-transform: translate(-11px, -6px);
transform: translate(-11px, -6px);
-webkit-transition: all .3s;
transition: all .3s; }
.menu-toggle:after,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:after {
-webkit-transform: translate(-11px, 4px);
transform: translate(-11px, 4px); }
.menu-toggle:hover, .menu-toggle:focus,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover,
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:focus {
outline: none; }
.sub-menu-toggle {
display: inline-block;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
cursor: pointer;
display: none;
background: #f2f2f2;
border-radius: 2px;
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px); }
@media (max-width: 991.98px) {
.sub-menu-toggle {
display: block; } }
.sub-menu-toggle:before, .sub-menu-toggle:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
background: #4A4A4A;
margin: 0;
border-radius: 1px;
-webkit-transform: rotate(0) translate(-6px, -1px);
transform: translate(-6px, -1px);
-webkit-transition: all .3s;
transition: all .3s; }
.sub-menu-toggle:after {
width: 11px;
-webkit-transform: rotate(90deg) translate(-1px, 5.5px);
transform: rotate(90deg) translate(-1px, 5.5px); }
.site-header {
position: relative;
background: #FFFFFF;
padding: 0;
z-index: 999;
-webkit-box-shadow: 0px 1px 0px #F2F2F2;
box-shadow: 0px 1px 0px #F2F2F2; }
.site-header .widget-area {
font-size: 14px;
line-height: 1.5;
color: #FFFFFF;
background: #0073a8;
padding: 24px 0; }
.site-header .widget-area .topbar-widget-wrap {
display: flex;
align-items: center;
justify-content: space-between; }
.site-header .widget-area .topbar-widget-wrap ul {
margin: 0;
padding: 0; }
.site-header .widget-area .topbar-widget-wrap ul li {
list-style: none;
display: inline-block;
padding: 0; }
.site-header .widget-area .topbar-widget-wrap ul li:not(:last-child) {
margin-right: 24px; }
.site-header .widget-area .topbar-widget-wrap ul li a {
color: inherit; }
.site-header .widget-area .topbar-widget-wrap ul li a:hover {
opacity: .85; }
@media (max-width: 991.98px) {
.site-header .widget-area {
padding: 16px 0; }
.site-header .widget-area .topbar-widget-wrap {
flex-direction: column;
align-items: unset;
text-align: center; }
.site-header .widget-area .topbar-widget-wrap .widget:not(:last-child) {
margin-bottom: 4px; }
.site-header .widget-area .topbar-widget-wrap ul li:not(:last-child) {
margin-right: 12px; } }
@media (max-width: 767.98px) {
.site-header .widget-area {
font-size: 13px; } }
@media (max-width: 575.98px) {
.site-header .widget-area {
font-size: 12px; } }
.site-header .site-branding {
position: relative; }
.site-header .site-branding .branding-wrap {
display: flex;
align-items: center; }
@media (max-width: 991.98px) {
.site-header .site-branding .branding-wrap {
flex-direction: column;
align-items: unset; }
.site-header .site-branding .branding-wrap .site-logo {
width: auto; }
.site-header .site-branding .branding-wrap .primary-navigation {
width: 100%; }
.site-header .site-branding .branding-wrap .extras-navigation {
position: absolute;
top: 50%;
right: 54px;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); } }
.site-header .site-logo {
width: 22%; }
.site-header .site-menu-wrap {
width: 78%;
display: flex;
align-items: center;
justify-content: flex-end;
position: relative; }
@media (max-width: 991.98px) {
.site-header .site-menu-wrap {
position: inherit; } }
.sticky-branding {
position: fixed;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.93);
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
-webkit-transition: all 0.6s;
transition: all 0.6s; }
.admin-bar .sticky-branding {
top: 32px; }
.sticky-branding.active {
opacity: 1;
visibility: visible;
z-index: 999;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s; }
.sticky-branding .branding-wrap {
display: flex;
align-items: center; }
@media (max-width: 991.98px) {
.sticky-branding .extras-navigation {
margin-right: 40px; } }
@media (max-width: 575.98px) {
.sticky-branding .extras-navigation {
display: none; } }
.site-logo {
padding: 12px 0; }
.site-logo.text-logo {
padding: 24px 0; }
.site-logo.image-logo {
display: flex;
align-items: center;
min-height: 40px;
line-height: 0;
margin: 0 !important; }
.site-logo.image-logo a {
display: inline-block; }
.site-logo.image-logo .custom-logo {
width: 165px;
height: auto; }
.site-logo .site-title {
font-size: 32px;
font-weight: bold;
margin: 0; }
.site-logo .site-title a {
color: inherit; }
.site-logo .site-title a:hover {
color: #0073a8; }
.site-logo .site-description {
font-size: 14px; }
@media (max-width: 767.98px) {
.site-logo.text-logo {
padding: 16px 0; }
.site-logo.image-logo .custom-logo {
width: 145px; }
.site-logo .site-title {
font-size: 28px; }
.site-logo .site-description {
font-size: 13px; } }
@media (max-width: 575.98px) {
.site-logo.text-logo {
padding: 12px 0; }
.site-logo.image-logo .custom-logo {
width: 115px; }
.site-logo .site-title {
font-size: 24px; }
.site-logo .site-description {
font-size: 12px; } }
@keyframes subMenuAnimation {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes subMenuAnimation {
from {
opacity: 0; }
to {
opacity: 1; } }
.primary-navigation ul, .primary-navigation ul.primary-menu {
list-style: none;
margin: 0;
padding: 0; }
.primary-navigation ul a, .primary-navigation ul.primary-menu a {
font-weight: 600;
font-size: 15px;
line-height: 150%; }
.primary-navigation ul a:hover, .primary-navigation ul.primary-menu a:hover {
color: #0073a8; }
.primary-navigation ul ul.sub-menu a, .primary-navigation ul.primary-menu ul.sub-menu a {
font-weight: normal; }
.primary-navigation ul li, .primary-navigation ul.primary-menu li {
margin: 0;
padding: 0; }
.primary-navigation ul li.current_page_item > a, .primary-navigation ul.primary-menu li.current_page_item > a {
color: #0073a8; }
.primary-navigation ul li.page_item_has_children, .primary-navigation ul li.menu-item-has-children, .primary-navigation ul.primary-menu li.page_item_has_children, .primary-navigation ul.primary-menu li.menu-item-has-children {
position: relative; }
@media (min-width: 992px) {
.primary-navigation { text-align: right; }
.primary-navigation ul.children, .primary-navigation ul.sub-menu, .primary-navigation ul.dropdown-submenu, .primary-navigation ul.primary-menu.children, .primary-navigation ul.primary-menu.sub-menu, .primary-navigation ul.primary-menu.dropdown-submenu {
min-width: 220px;
z-index: 999;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 2px; }
.primary-navigation ul li.page_item_has_children, .primary-navigation ul li.menu-item-has-children, .primary-navigation ul.primary-menu li.page_item_has_children, .primary-navigation ul.primary-menu li.menu-item-has-children {
position: relative; }
.primary-navigation ul, .primary-navigation .primary-menu {
display: inline-block;
text-align: left; }
.primary-navigation ul > li, .primary-navigation .primary-menu > li {
display: inline-block; }
.primary-navigation ul > li:not(:first-child), .primary-navigation .primary-menu > li:not(:first-child) {
margin-left: 24px; }
.primary-navigation ul > li a, .primary-navigation .primary-menu > li a {
display: inline-block;
padding: 16px 0; }
.primary-navigation ul > li.page_item_has_children:hover > .children, .primary-navigation ul > li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children:hover > .children, .primary-navigation ul > li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children:hover > .dropdown-submenu {
display: block;
-webkit-animation: subMenuAnimation .3s both;
animation: subMenuAnimation .3s both; }
.primary-navigation ul > li.page_item_has_children .children, .primary-navigation ul > li.page_item_has_children .sub-menu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .children, .primary-navigation ul > li.menu-item-has-children .sub-menu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .children, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .children, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 16px 0; }
.primary-navigation ul > li.page_item_has_children .children li, .primary-navigation ul > li.page_item_has_children .sub-menu li, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li, .primary-navigation ul > li.menu-item-has-children .children li, .primary-navigation ul > li.menu-item-has-children .sub-menu li, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li, .primary-navigation .primary-menu > li.page_item_has_children .children li, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li, .primary-navigation .primary-menu > li.menu-item-has-children .children li, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li {
display: block;
margin: 0;
padding: 0 16px; }
.primary-navigation ul > li.page_item_has_children .children li a, .primary-navigation ul > li.page_item_has_children .sub-menu li a, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li a, .primary-navigation ul > li.menu-item-has-children .children li a, .primary-navigation ul > li.menu-item-has-children .sub-menu li a, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li a, .primary-navigation .primary-menu > li.page_item_has_children .children li a, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li a, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li a, .primary-navigation .primary-menu > li.menu-item-has-children .children li a, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li a, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li a {
display: block;
padding: 8px 0; }
.primary-navigation ul > li.page_item_has_children .children li.page_item_has_children:hover > .children, .primary-navigation ul > li.page_item_has_children .children li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .children li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children:hover > .children, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .children, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .children, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .children, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .children, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children:hover > .children, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children:hover > .children, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .children, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .children, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .children, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .children, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .sub-menu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children:hover > .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .children, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children:hover > .dropdown-submenu {
display: block;
-webkit-animation: subMenuAnimation .3s both;
animation: subMenuAnimation .3s both; }
.primary-navigation ul > li.page_item_has_children .children li.page_item_has_children .children, .primary-navigation ul > li.page_item_has_children .children li.page_item_has_children .sub-menu, .primary-navigation ul > li.page_item_has_children .children li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children .children, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children .sub-menu, .primary-navigation ul > li.page_item_has_children .children li.menu-item-has-children .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children .children, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children .sub-menu, .primary-navigation ul > li.page_item_has_children .sub-menu li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children .children, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children .sub-menu, .primary-navigation ul > li.page_item_has_children .sub-menu li.menu-item-has-children .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children .children, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children .sub-menu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .children, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .sub-menu, .primary-navigation ul > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children .children, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children .sub-menu, .primary-navigation ul > li.menu-item-has-children .children li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children .children, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children .sub-menu, .primary-navigation ul > li.menu-item-has-children .children li.menu-item-has-children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children .children, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children .sub-menu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children .children, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu, .primary-navigation ul > li.menu-item-has-children .sub-menu li.menu-item-has-children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .children, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .sub-menu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .dropdown-submenu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .children, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .sub-menu, .primary-navigation ul > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children .children, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .children li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children .children, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .children li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children .children, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children .children, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .sub-menu li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children .children, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .children, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.page_item_has_children .dropdown-submenu li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children .children, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children .children, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .children li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children .children, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children .children, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .sub-menu li.menu-item-has-children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .children, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.page_item_has_children .dropdown-submenu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .children, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .sub-menu, .primary-navigation .primary-menu > li.menu-item-has-children .dropdown-submenu li.menu-item-has-children .dropdown-submenu {
display: none;
position: absolute;
top: 0;
left: 100%; } }
@media (max-width: 991.98px) {
.primary-navigation { position: absolute;
top: 100%;
left: 0;
background: #FFFFFF;
opacity: 0;
visibility: hidden;
z-index: 9999;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all .3s;
transition: all .3s; }
.primary-navigation.show-menu {
opacity: 1;
visibility: visible; }
.primary-navigation ul, .primary-navigation ul.primary-menu {
padding: 0 16px; }
.primary-navigation ul a, .primary-navigation ul.primary-menu a {
position: relative;
display: block;
padding: 16px 0; }
.primary-navigation ul li:not(:last-child), .primary-navigation ul.primary-menu li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.primary-navigation ul li.expanded > a .sub-menu-toggle:after, .primary-navigation ul.primary-menu li.expanded > a .sub-menu-toggle:after {
opacity: 0; }
.primary-navigation ul ul, .primary-navigation ul.primary-menu ul {
padding: 0; }
.primary-navigation ul ul li, .primary-navigation ul.primary-menu ul li {
padding-left: 12px; }
.primary-navigation ul ul li:first-child, .primary-navigation ul.primary-menu ul li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.primary-navigation ul ul li:last-child, .primary-navigation ul.primary-menu ul li:last-child {
padding-bottom: 0; }
.primary-navigation ul .children, .primary-navigation ul .sub-menu, .primary-navigation ul .dropdown-submenu, .primary-navigation ul.primary-menu .children, .primary-navigation ul.primary-menu .sub-menu, .primary-navigation ul.primary-menu .dropdown-submenu {
display: none; } }
.extras-navigation {
position: relative;
display: flex;
align-items: center;
margin-left: 24px; }
.extras-navigation .extra-item {
position: relative; }
.extras-navigation .extra-item:not(:last-child) {
margin-right: 12px; }
.extras-navigation .extra-item.active .toggle-icon {
background: #005075; }
.extras-navigation .extra-item.active .toggle-content {
opacity: 1;
visibility: visible; }
.extras-navigation .toggle-icon {
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
background: #0073a8;
border-radius: 50%;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
.extras-navigation .toggle-icon:hover {
background: #005075; }
.extras-navigation .toggle-icon svg {
fill: #FFFFFF; }
.extras-navigation .toggle-content {
position: absolute;
top: calc(100% + 16px);
right: 0;
width: 366px;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s; }
.extras-navigation .toggle-content .content-wrap {
padding: 32px 40px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 2px; }
@media (max-width: 767.98px) {
.extras-navigation .toggle-content .content-wrap {
padding: 24px 32px; } }
@media (max-width: 575.98px) {
.extras-navigation .toggle-content .content-wrap {
padding: 24px 16px; } }
.extras-navigation .search-form {
position: relative;
padding-right: 60px; }
.extras-navigation .search-form label {
width: 100%;
margin: 0; }
.extras-navigation .search-form .search-field {
width: 100%;
margin-bottom: 0;
border-radius: 2px 0 0 2px; }
.extras-navigation .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 58px;
padding: 0;
font-size: 0;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/search-light.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 0 2px 2px 0; }
@media (max-width: 767.98px) {
.extras-navigation .search-form {
padding-right: 50px; }
.extras-navigation .search-form .search-submit {
width: 50px;
height: 47px; } }
@media (max-width: 575.98px) {
.has-mini-items {
padding-bottom: 46px; }
.has-mini-items .site-header .site-branding .branding-wrap .extras-navigation {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: auto;
width: 100%;
background: #FFFFFF;
z-index: 999;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-gap: 1px;
-webkit-transform: unset;
transform: unset; }
.has-mini-items .extras-navigation .extra-item:not(:last-child) {
margin-right: 0; }
.has-mini-items .extras-navigation .toggle-icon {
width: 100%;
height: 46px;
border-radius: 0; }
.has-mini-items .extras-navigation .toggle-content {
top: auto;
left: 0;
width: 100%;
bottom: 54px;
position: fixed;
height: calc(100% - 54px);
background: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center; }
.has-mini-items .extras-navigation .toggle-content .content-wrap {
width: 100%;
max-width: 366px;
max-height: calc(85% - 54px);
overflow-y: auto;
margin: 0 10px; } }
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
margin-top: -8px; }
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
font-size: 16px;
font-weight: 600;
color: #333333; }
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target,
.ubermenu-main .ubermenu-submenu .ubermenu-target {
font-size: 16px;
font-weight: 400; }
.ubermenu-desktop-view.ubermenu-main.ubermenu-horizontal .ubermenu-item > .ubermenu-submenu-drop {
background-color: #FFFFFF;
border: none; }
.ubermenu-mobile-view.ubermenu-responsive {
position: absolute;
top: calc(100% + 25px);
left: 0;
background-color: #FFFFFF; }
.ubermenu-mobile-view.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
background-color: #FFFFFF;
border: none; }
.site-footer .widget-area {
padding: 96px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 767.98px) {
.site-footer .widget-area {
padding: 64px 0; } }
.site-footer .widget-area .footer-widget-wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(218px, 1fr));
grid-gap: 30px; }
@media (max-width: 991.98px) {
.site-footer .widget-area .footer-widget-wrap {
grid-template-columns: repeat(auto-fit, minmax(354px, 1fr)); } }
@media (max-width: 767.98px) {
.site-footer .widget-area .footer-widget-wrap {
grid-template-columns: 1fr; } }
.site-footer .site-info {
padding: 32px 0; }
@media (max-width: 767.98px) {
.site-footer .site-info {
padding: 24px 0; } }
.site-footer .site-info.has-navigation .site-info-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 991.98px) {
.site-footer .site-info.has-navigation .site-info-wrap {
flex-direction: column; }
.site-footer .site-info.has-navigation .site-info-wrap .copyright {
text-align: center; }
.site-footer .site-info.has-navigation .site-info-wrap .footer-navigation {
margin-top: 8px; } }
.site-footer .footer-navigation ul.footer-menu {
margin: 0;
padding: 0; }
.site-footer .footer-navigation ul.footer-menu li {
list-style: none;
display: inline-block; }
.site-footer .footer-navigation ul.footer-menu li:not(:last-child) {
margin-right: 24px; }
.site-footer .footer-navigation ul.footer-menu li a {
font-weight: 600;
font-size: 14px;
line-height: 150%; }
.site-footer .footer-navigation ul.footer-menu li a:hover {
color: #0073a8; }
@media (max-width: 767.98px) {
.site-footer .footer-navigation ul.footer-menu li:not(:last-child) {
margin-right: 16px; }
.site-footer .footer-navigation ul.footer-menu li a {
font-size: 13px; } }
.page-titlebar {
position: relative;
text-align: center;
background: #f0f0f0;
padding: 75px 0; }
.page-titlebar .page-title {
font-size: 30px;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
color: #002866;
margin: 0; }
.page-titlebar .breadcrumbs,
.page-titlebar .page-desc {
position: absolute;
bottom: 0;
left: 50%;
font-size: 14px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
color: #002866;
background: #FFEE00;
padding: 12px 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); } .container {
max-width: 1170px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto; }
.container.fullwidth, .container.fullwidth-no-gap {
max-width: 100%; }
.container.fullwidth-no-gap {
padding-left: 0;
padding-right: 0; }
@media (max-width: 991.98px) {
.container.responsive {
max-width: 780px; } }
@media (max-width: 767.98px) {
.container.responsive {
max-width: 580px; } }
@media (max-width: 575.98px) {
.container.responsive {
max-width: 400px; } }
.pagination {
text-align: center;
margin-top: 64px; }
.pagination .nav-links {
display: inline-flex;
background: #FFFFFF;
border: 1px solid #E7E5E4;
border-radius: 2px; }
.pagination .nav-links .page-numbers {
font-weight: 600;
font-size: 13px;
line-height: 45px;
text-align: center;
text-decoration: none;
min-width: 45px; }
.pagination .nav-links .page-numbers:not(:last-child) {
border-right: 1px solid #E7E5E4; }
.pagination .nav-links .page-numbers:first-child {
border-radius: 2px 0px 0px 2px; }
.pagination .nav-links .page-numbers:last-child {
border-radius: 0px 2px 2px 0px; }
.pagination .nav-links .page-numbers.current, .pagination .nav-links .page-numbers:hover {
color: #FFFFFF;
background: #0073a8; }
.pagination .nav-links .page-numbers.current svg, .pagination .nav-links .page-numbers:hover svg {
fill: #FFFFFF; }
.pagination .nav-links .page-numbers.prev, .pagination .nav-links .page-numbers.next {
padding: 0 16px; }
.pagination .nav-links .page-numbers.prev svg, .pagination .nav-links .page-numbers.next svg {
display: inline-block;
vertical-align: middle;
margin-top: -2px; }
.pagination .nav-links .page-numbers.prev svg {
margin-right: 4px; }
.pagination .nav-links .page-numbers.next svg {
margin-left: 4px; }
@media (max-width: 575.98px) {
.pagination .nav-links .page-numbers {
line-height: 35px;
min-width: 35px; }
.pagination .nav-links .page-numbers.prev, .pagination .nav-links .page-numbers.next {
font-size: 0;
min-width: 35px;
padding: 0; }
.pagination .nav-links .page-numbers.prev svg, .pagination .nav-links .page-numbers.next svg {
margin: -2px 0 0 0; } }
@media (max-width: 767.98px) {
.pagination {
margin-top: 48px; } }
.site-content {
background: #f8f7f5; }
.site-content .content-area {
padding: 96px 0; }
.site-content .content-area.has-sidebar.left-sidebar .container {
flex-direction: row-reverse; }
.site-content .content-area.has-sidebar .container {
display: flex;
justify-content: space-between; }
.site-content .content-area.has-sidebar .site-main {
width: calc(69.5% - 64px); }
@media (max-width: 1199.98px) {
.site-content .content-area.has-sidebar .site-main {
width: calc(69.5% - 48px); } }
.site-content .content-area.has-sidebar .widget-area {
width: 30.5%; }
@media (max-width: 991.98px) {
.site-content .content-area.has-sidebar.left-sidebar .container,
.site-content .content-area.has-sidebar .container {
flex-direction: column; }
.site-content .content-area.has-sidebar .site-main,
.site-content .content-area.has-sidebar .widget-area {
width: 100%; }
.site-content .content-area.has-sidebar .widget-area {
max-width: 400px;
margin: 96px auto 0; } }
@media (max-width: 767.98px) {
.site-content .content-area.has-sidebar .widget-area {
margin-top: 64px; } }
@media (max-width: 767.98px) {
.site-content .content-area {
padding: 64px 0; } }
a.__btn {
display: inline-block;
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #FF2D09;
background: #FFEAE6;
padding: 8px 16px;
border-radius: 4px;
-webkit-transition: all .3s;
transition: all .3s; }
a.__btn:hover {
color: #FFFFFF;
background: #FF2D09; }
body .__btn-back-list {
display: inline-block;
font-weight: 600;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
background: #00798E;
margin-bottom: 40px;
padding: 8px 12px;
border-radius: 4px; }
body .__btn-back-list:hover {
background: #006375; }
body .__btn-back-list svg {
margin-right: 4px; }
body .__btn-back-list .mobile-label {
display: none; }
@media (max-width: 959.98px) {
body .__btn-back-list {
position: fixed;
top: 16px;
left: 16px;
z-index: 1000;
margin-bottom: 0; } }
@media (max-width: 767.98px) {
body .__btn-back-list {
top: 11.5px;
font-size: 13px;
padding: 6px 8px; }
body .__btn-back-list .desktop-label {
display: none; }
body .__btn-back-list .mobile-label {
display: inline-block; } }
.__social_share .__label {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 24px; }
.__social_share .__social_list {
display: inline-flex;
vertical-align: middle; }
.__social_share .__social_list a {
display: inline-block;
vertical-align: middle;
line-height: 1;
margin-left: 12px; }
.__social_share .__social_list a:hover {
opacity: .85; }
#__toc-content {
background: #FFFFFF;
margin-bottom: 72px;
padding: 32px 40px;
border: 0.5px solid #DDDDDD;
border-radius: 8px;
-webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05);
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05); }
#__toc-content .__toc .__title {
font-size: 16px;
line-height: 150%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #00798E;
margin-bottom: 24px; }
#__toc-content .__toc ul {
margin-bottom: 0; }
#__toc-content .__toc ul li {
font-size: 16px;
line-height: 28px;
padding-left: 0; }
#__toc-content .__toc ul li:last-child {
margin-bottom: 0; }
#__toc-content .__toc ul li:before {
display: none; }
#__toc-content .__toc ul li a {
display: inline-block;
background: #FFFFFF;
margin-left: -2px;
padding: 0 2px;
-webkit-box-shadow: 0px 1px 0px #00798E;
box-shadow: 0px 1px 0px #00798E; }
#__toc-content .__toc ul li a:after {
content: "";
display: inline-block;
width: 10.67px;
height: 10.67px;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/arrow-right.svg);
margin-left: 12.67px; }
#__toc-content .__toc ul li a:hover {
background: #F1F8F9; }
@media (max-width: 767.98px) {
#__toc-content {
margin-bottom: 48px;
padding: 20px 16px; }
#__toc-content .__toc .__title {
font-size: 14px;
margin-bottom: 16px; }
#__toc-content .__toc ul li {
font-size: 13px;
line-height: 18px; } }
.socials-offical-color.facebook, .single-team-wrap .entry-socials .socials a.facebook, .related-members-wrap .member-wrap .entry-socials a.facebook {
background: #3b5999; }
.socials-offical-color.messenger, .single-team-wrap .entry-socials .socials a.messenger, .related-members-wrap .member-wrap .entry-socials a.messenger {
background: #0084ff; }
.socials-offical-color.twitter, .single-team-wrap .entry-socials .socials a.twitter, .related-members-wrap .member-wrap .entry-socials a.twitter {
background: #55acee; }
.socials-offical-color.linkedin, .single-team-wrap .entry-socials .socials a.linkedin, .related-members-wrap .member-wrap .entry-socials a.linkedin {
background: #0077B5; }
.socials-offical-color.skype, .single-team-wrap .entry-socials .socials a.skype, .related-members-wrap .member-wrap .entry-socials a.skype {
background: #00AFF0; }
.socials-offical-color.dropbox, .single-team-wrap .entry-socials .socials a.dropbox, .related-members-wrap .member-wrap .entry-socials a.dropbox {
background: #007ee5; }
.socials-offical-color.wordpress, .single-team-wrap .entry-socials .socials a.wordpress, .related-members-wrap .member-wrap .entry-socials a.wordpress {
background: #21759b; }
.socials-offical-color.vimeo, .single-team-wrap .entry-socials .socials a.vimeo, .related-members-wrap .member-wrap .entry-socials a.vimeo {
background: #1ab7ea; }
.socials-offical-color.tumblr, .single-team-wrap .entry-socials .socials a.tumblr, .related-members-wrap .member-wrap .entry-socials a.tumblr {
background: #34465d; }
.socials-offical-color.google, .single-team-wrap .entry-socials .socials a.google, .related-members-wrap .member-wrap .entry-socials a.google {
background: #dd4b39; }
.socials-offical-color.pinterest, .single-team-wrap .entry-socials .socials a.pinterest, .related-members-wrap .member-wrap .entry-socials a.pinterest {
background: #bd081c; }
.socials-offical-color.youtube, .single-team-wrap .entry-socials .socials a.youtube, .related-members-wrap .member-wrap .entry-socials a.youtube {
background: #cd201f; }
.socials-offical-color.whatsapp, .single-team-wrap .entry-socials .socials a.whatsapp, .related-members-wrap .member-wrap .entry-socials a.whatsapp {
background: #25D366; }
.socials-offical-color.wechat, .single-team-wrap .entry-socials .socials a.wechat, .related-members-wrap .member-wrap .entry-socials a.wechat {
background: #09b83e; }
.socials-offical-color.slack, .single-team-wrap .entry-socials .socials a.slack, .related-members-wrap .member-wrap .entry-socials a.slack {
background: #3aaf85; }
.socials-offical-color.instagram, .single-team-wrap .entry-socials .socials a.instagram, .related-members-wrap .member-wrap .entry-socials a.instagram {
background: #e4405f; }
.socials-offical-color.dribbble, .single-team-wrap .entry-socials .socials a.dribbble, .related-members-wrap .member-wrap .entry-socials a.dribbble {
background: #ea4c89; }
.socials-offical-color.flickr, .single-team-wrap .entry-socials .socials a.flickr, .related-members-wrap .member-wrap .entry-socials a.flickr {
background: #ff0084; }
.socials-offical-color.behance, .single-team-wrap .entry-socials .socials a.behance, .related-members-wrap .member-wrap .entry-socials a.behance {
background: #131418; }
.socials-offical-color.mail, .single-team-wrap .entry-socials .socials a.mail, .related-members-wrap .member-wrap .entry-socials a.mail {
background: #e8e60b; }
.entry-social-share {
white-space: nowrap; }
.entry-social-share span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 600;
margin: 0 4px 4px 0; }
.entry-social-share a {
display: inline-flex;
vertical-align: middle;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
color: #FFFFFF;
background: #0073a8;
margin: 0 4px 4px 0;
border-radius: 2px; }
.entry-social-share a:last-child {
margin-right: 0; }
.entry-social-share a:hover {
color: #FFFFFF;
background: #005075; }
.entry-social-share a svg {
fill: current; }
.blog-post-wrap-style-1 {
display: flex;
justify-content: center;
align-items: center;
line-height: 0;
background: #FFFFFF;
margin-bottom: 32px;
border: 1px solid #E7E6E4; }
.blog-post-wrap-style-1 .entry-image {
position: relative;
overflow: hidden;
width: 31.7%;
height: 186px;
background: #E7E6E4; }
.blog-post-wrap-style-1 .entry-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.blog-post-wrap-style-1 .entry-content {
width: 68.3%;
padding: 32px 40px; }
.blog-post-wrap-style-1 .entry-content .entry-cat-links {
font-weight: 600;
font-size: 14px;
line-height: 100%;
margin-bottom: 12px; }
.blog-post-wrap-style-1 .entry-content .entry-cat-links a {
color: #5A5DB7;
text-decoration: none; }
.blog-post-wrap-style-1 .entry-content .entry-title {
font-weight: 600;
font-size: 20px;
line-height: 30px;
min-height: 60px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.blog-post-wrap-style-1 .entry-content .entry-meta {
list-style: none;
margin: 0;
padding: 0; }
.blog-post-wrap-style-1 .entry-content .entry-meta li {
display: inline-block;
font-size: 14px;
line-height: 16px; }
.posts-loadmore {
font-size: 16px;
text-align: center;
margin-top: 60px; }
.posts-loadmore .btn-loadmore {
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
padding: 12px 30px;
color: #FFFFFF;
background: #0073a8;
border-radius: 2px; }
.posts-loadmore .btn-loadmore:hover {
background: #005075; }
.single-post-wrap {
background: #FFFFFF; }
.single-post-wrap .entry-image {
position: relative;
overflow: hidden;
padding-bottom: 54%;
background: #E7E6E4; }
.single-post-wrap .entry-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.single-post-wrap .entry-content {
padding: 32px 48px; }
.single-post-wrap .entry-content .entry-cat-links {
font-weight: 600;
font-size: 16px;
line-height: 125%;
margin-bottom: 4px; }
.single-post-wrap .entry-content .entry-cat-links a {
display: inline-block;
color: #0073a8;
text-decoration: none; }
.single-post-wrap .entry-content .entry-cat-links a:hover {
color: #005075; }
.single-post-wrap .entry-content .entry-title {
font-size: 42px;
line-height: 125%;
margin-bottom: 16px;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.single-post-wrap .entry-content .entry-meta {
list-style: none;
margin: 0 0 32px;
padding: 0; }
.single-post-wrap .entry-content .entry-meta li {
display: inline-block;
font-size: 16px;
line-height: 125%;
color: #808080; }
.single-post-wrap .entry-content .entry-meta li:not(:last-child):after {
content: "";
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background: #0073a8;
border-radius: 4px;
margin: 0 16px; }
.single-post-wrap .entry-content .entry-meta li a {
color: inherit; }
.single-post-wrap .entry-content .entry-meta li a:hover {
color: #0073a8; }
.single-post-wrap .entry-content .entry-meta li .avatar {
float: none;
display: inline;
vertical-align: middle;
border-radius: 50%; }
.single-post-wrap .entry-content .entry-content-inner {
font-size: 16px;
line-height: 175%; }
.single-post-wrap .entry-content .entry-content-inner:after {
content: '';
display: block;
clear: both; }
.single-post-wrap .entry-content .entry-content-inner > *:first-child {
margin-top: 0 !important; }
.single-post-wrap .entry-content .entry-content-inner > *:last-child {
margin-bottom: 0 !important; }
.single-post-wrap .entry-content .entry-content-inner h1, .single-post-wrap .entry-content .entry-content-inner h2, .single-post-wrap .entry-content .entry-content-inner h3, .single-post-wrap .entry-content .entry-content-inner h4, .single-post-wrap .entry-content .entry-content-inner h5, .single-post-wrap .entry-content .entry-content-inner h6 {
font-weight: 600; }
.single-post-wrap .entry-content .entry-content-inner h1 {
margin-top: 48px; }
.single-post-wrap .entry-content .entry-content-inner h2 {
margin-top: 32px; }
.single-post-wrap .entry-content .entry-content-inner h3 {
margin-top: 24px; }
.single-post-wrap .entry-content .entry-content-inner h4 {
margin-top: 18px; }
.single-post-wrap .entry-content .entry-content-inner h5 {
margin-top: 14px; }
.single-post-wrap .entry-content .entry-content-inner h6 {
margin-top: 12px; }
.single-post-wrap .entry-content .entry-content-inner b, .single-post-wrap .entry-content .entry-content-inner strong {
font-weight: 600; }
.single-post-wrap .entry-content .entry-content-inner p {
font-size: 16px;
line-height: 175%;
margin: 24px 0; }
.single-post-wrap .entry-content .entry-content-inner p.has-very-light-gray-color {
color: #FFFFFF; }
.single-post-wrap .entry-content .entry-content-inner p a {
color: #0073a8;
-webkit-box-shadow: 0px 1px 0px #0073a8;
box-shadow: 0px 1px 0px #0073a8; }
.single-post-wrap .entry-content .entry-content-inner p a:hover {
background: rgba(0, 115, 168, 0.1);
-webkit-box-shadow: 0px 2px 0px #0073a8;
box-shadow: 0px 2px 0px #0073a8; }
.single-post-wrap .entry-content .entry-content-inner ol, .single-post-wrap .entry-content .entry-content-inner ul {
margin: 0 0 24px;
padding: 0;
line-height: 150%; }
.single-post-wrap .entry-content .entry-content-inner ol li, .single-post-wrap .entry-content .entry-content-inner ul li {
list-style: none;
margin-bottom: 12px; }
.single-post-wrap .entry-content .entry-content-inner > ol {
counter-reset: my-awesome-counter; }
.single-post-wrap .entry-content .entry-content-inner > ol li {
counter-increment: my-awesome-counter;
position: relative;
padding-left: 30px; }
.single-post-wrap .entry-content .entry-content-inner > ol li:before {
content: counter(my-awesome-counter) ".";
font-size: 18px;
font-weight: 600;
text-align: right;
color: #0073a8;
display: inline-block;
width: 22px;
position: absolute;
top: -2px;
left: 0; }
.single-post-wrap .entry-content .entry-content-inner > ul li {
position: relative;
padding-left: 30px; }
.single-post-wrap .entry-content .entry-content-inner > ul li:before {
content: "";
position: absolute;
left: 0px;
top: 11.5px;
display: inline-block;
width: 19px;
height: 2px;
background: #0073a8; }
.single-post-wrap .entry-content .entry-content-inner blockquote {
font-size: 24px;
line-height: 1.5;
margin: 32px 0;
padding-left: 56px;
background: #FFFFFF;
box-shadow: inset 2px 0px 0px #0073a8; }
.single-post-wrap .entry-content .entry-content-inner blockquote p {
font-size: inherit;
margin: 0; }
@media (max-width: 767.98px) {
.single-post-wrap .entry-content .entry-content-inner blockquote {
font-size: 18px;
padding-left: 24px; } }
.single-post-wrap .entry-content .entry-content-inner table {
margin-bottom: 24px;
border: 1px solid #F8F7F5; }
.single-post-wrap .entry-content .entry-content-inner table tr {
border: none; }
.single-post-wrap .entry-content .entry-content-inner table td, .single-post-wrap .entry-content .entry-content-inner table th {
padding: 12px 16px; }
.single-post-wrap .entry-content .entry-content-inner table th {
font-weight: 600;
font-size: 16px;
line-height: 150%;
color: #111111; }
.single-post-wrap .entry-content .entry-content-inner table td {
font-size: 16px;
line-height: 150%; }
.single-post-wrap .entry-content .entry-content-inner table thead tr {
background: #F8F7F5;
-webkit-box-shadow: inset 0px -1px 0px #F8F7F5;
box-shadow: inset 0px -1px 0px #F8F7F5; }
.single-post-wrap .entry-content .entry-content-inner table tbody tr:nth-child(2n) {
background: #FAFAFA;
-webkit-box-shadow: inset 0px -1px 0px #F8F7F5;
box-shadow: inset 0px -1px 0px #F8F7F5; }
.single-post-wrap .entry-content .entry-content-inner .gallery + * {
margin-top: -15px; }
.single-post-wrap .entry-content .entry-content-inner .gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 24px 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item {
position: relative;
display: inline-block;
margin: 0 10px 10px 0;
text-align: center;
vertical-align: top;
width: 100%; }
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item:hover .gallery-caption {
opacity: 1; }
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item .gallery-icon {
position: relative;
padding-bottom: 66%;
overflow: hidden; }
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item .gallery-icon img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item .gallery-caption {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 16px);
margin: 0;
padding: 4px 8px;
font-size: 13px;
line-height: 20px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0.7);
overflow: hidden;
opacity: 0;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-webkit-transition: all .4s;
transition: all .4s; }
@media (max-width: 767.98px) {
.single-post-wrap .entry-content .entry-content-inner .gallery .gallery-item .gallery-caption {
display: none; } }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-2 .gallery-item {
max-width: calc((100% - 10px * 1) / 2); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-3 .gallery-item {
max-width: calc((100% - 10px * 2) / 3); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-4 .gallery-item {
max-width: calc((100% - 10px * 3) / 4); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-5 .gallery-item {
max-width: calc((100% - 10px * 4) / 5); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-6 .gallery-item {
max-width: calc((100% - 10px * 5) / 6); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-7 .gallery-item {
max-width: calc((100% - 10px * 6) / 7); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-8 .gallery-item {
max-width: calc((100% - 10px * 7) / 8); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-9 .gallery-item {
max-width: calc((100% - 10px * 8) / 9); }
.single-post-wrap .entry-content .entry-content-inner .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0; }
.single-post-wrap .entry-content .entry-content-inner figure {
line-height: 0; }
.single-post-wrap .entry-content .entry-content-inner figure .blocks-gallery-grid {
margin: 0; }
.single-post-wrap .entry-content .entry-content-inner figure .blocks-gallery-grid .blocks-gallery-item {
position: relative;
overflow: hidden; }
.single-post-wrap .entry-content .entry-content-inner figure figcaption,
.single-post-wrap .entry-content .entry-content-inner figure .blocks-gallery-item__caption,
.single-post-wrap .entry-content .entry-content-inner figure .blocks-gallery-caption {
font-size: 14px;
line-height: 20px;
width: calc(100% - 20px);
max-height: calc(100% - 48px); }
.single-post-wrap .entry-content .entry-content-inner .iframe-wrap {
position: relative;
overflow: hidden;
margin: 24px 0;
padding-bottom: 56.2%; }
.single-post-wrap .entry-content .entry-content-inner .iframe-wrap iframe {
position: absolute;
width: 100%;
height: 100%; }
.single-post-wrap .entry-content .entry-content-inner .wp-block-image,
.single-post-wrap .entry-content .entry-content-inner .wp-block-gallery,
.single-post-wrap .entry-content .entry-content-inner .wp-block-button,
.single-post-wrap .entry-content .entry-content-inner .wp-block-cover,
.single-post-wrap .entry-content .entry-content-inner .wp-block-embed {
margin: 24px 0; }
.single-post-wrap .entry-content .entry-content-inner .wp-block-cover-text {
color: #FFFFFF; }
.single-post-wrap .entry-content .entry-content-inner .wp-block-cover-text a {
color: inherit;
-webkit-box-shadow: 0px 1px 0px #FFFFFF;
box-shadow: 0px 1px 0px #FFFFFF; }
.single-post-wrap .entry-content .entry-content-inner .wp-block-cover-text a:hover {
background: rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0px 2px 0px #FFFFFF;
box-shadow: 0px 2px 0px #FFFFFF; }
.single-post-wrap .entry-content .entry-content-inner .wp-block-quote {
border: none; }
.single-post-wrap .entry-content .entry-content-inner .page-links {
margin: 24px 0; }
.single-post-wrap .entry-content .entry-content-inner .page-links .post-page-numbers {
font-weight: 600; }
.single-post-wrap .entry-content .entry-content-inner .page-links .post-page-numbers.current {
color: #0073a8; }
.single-post-wrap .entry-content .entry-footer {
display: flex;
justify-content: space-between;
margin-top: 48px;
padding-top: 16px;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.single-post-wrap .entry-content .entry-footer .entry-tag-links span {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 600;
margin: 0 4px 4px 0; }
.single-post-wrap .entry-content .entry-footer .entry-tag-links a {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 600;
line-height: 20px;
color: #FFFFFF;
background: #0073a8;
margin: 0 4px 4px 0;
padding: 4px 8px;
border-radius: 2px; }
.single-post-wrap .entry-content .entry-footer .entry-tag-links a:last-child {
margin-right: 0; }
.single-post-wrap .entry-content .entry-footer .entry-tag-links a:hover {
background: #005075; }
@media (max-width: 991.98px) {
.single-post-wrap .entry-content .entry-cat-links {
font-size: 16px; }
.single-post-wrap .entry-content .entry-title {
font-size: 42px;
margin-bottom: 12px; }
.single-post-wrap .entry-content .entry-meta {
margin-bottom: 24px; }
.single-post-wrap .entry-content .entry-meta li {
font-size: 14px; }
.single-post-wrap .entry-content .entry-content-inner {
font-size: 16px; }
.single-post-wrap .entry-content .entry-content-inner p {
font-size: 16px; }
.single-post-wrap .entry-content .entry-footer {
margin-top: 32px; } }
@media (max-width: 767.98px) {
.single-post-wrap .entry-content {
padding: 24px 32px; }
.single-post-wrap .entry-content .entry-cat-links {
font-size: 14px; }
.single-post-wrap .entry-content .entry-title {
font-size: 36px;
margin-bottom: 8px; }
.single-post-wrap .entry-content .entry-meta {
margin-bottom: 16px; }
.single-post-wrap .entry-content .entry-meta li {
font-size: 13px; }
.single-post-wrap .entry-content .entry-content-inner {
font-size: 14px;
line-height: 150%; }
.single-post-wrap .entry-content .entry-content-inner p {
font-size: 14px;
line-height: 150%; }
.single-post-wrap .entry-content .entry-footer {
margin-top: 24px;
flex-direction: column; }
.single-post-wrap .entry-content .entry-footer .entry-tag-links {
margin-bottom: 8px; }
.single-post-wrap .entry-content .entry-footer .entry-tag-links a {
font-size: 12px; } }
@media (max-width: 575.98px) {
.single-post-wrap .entry-content {
padding: 24px 16px; }
.single-post-wrap .entry-content .entry-cat-links {
font-size: 13px; }
.single-post-wrap .entry-content .entry-title {
font-size: 32px; }
.single-post-wrap .entry-content .entry-meta li:first-child {
display: block;
margin-bottom: 4px; }
.single-post-wrap .entry-content .entry-meta li:first-child:after {
display: none; } }
.main-template.has-sidebar .blog-posts-list,
.archive-page-template.has-sidebar .blog-posts-list {
grid-template-columns: 1fr 1fr; }
@media (max-width: 767.98px) {
.main-template.has-sidebar .blog-posts-list,
.archive-page-template.has-sidebar .blog-posts-list {
grid-template-columns: 1fr; } }
.main-template .blog-posts-list,
.archive-page-template .blog-posts-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px; }
@media (max-width: 991.98px) {
.main-template .blog-posts-list,
.archive-page-template .blog-posts-list {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 767.98px) {
.main-template .blog-posts-list,
.archive-page-template .blog-posts-list {
grid-template-columns: 1fr; } }
.blog-posts-list .post-wrap,
.related-posts-list .post-wrap {
background: #FFFFFF;
margin-bottom: 0; }
.blog-posts-list .post-wrap .entry-image,
.related-posts-list .post-wrap .entry-image {
position: relative;
overflow: hidden;
padding-bottom: 66%;
background: #E7E6E4; }
.blog-posts-list .post-wrap .entry-image img,
.related-posts-list .post-wrap .entry-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.blog-posts-list .post-wrap .entry-image .entry-comment-count,
.related-posts-list .post-wrap .entry-image .entry-comment-count {
position: absolute;
bottom: 16px;
right: 16px;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 600;
line-height: 24px;
text-align: center;
color: #FFFFFF;
z-index: 3;
border-radius: 2px;
transition: all .3s; }
.blog-posts-list .post-wrap .entry-image .entry-comment-count svg,
.related-posts-list .post-wrap .entry-image .entry-comment-count svg {
position: absolute;
top: 0;
left: 0;
fill: #0073a8;
z-index: -1; }
.blog-posts-list .post-wrap .entry-image .entry-comment-count:hover svg,
.related-posts-list .post-wrap .entry-image .entry-comment-count:hover svg {
fill: #005075; }
.blog-posts-list .post-wrap .entry-content,
.related-posts-list .post-wrap .entry-content {
padding: 24px 32px; }
.blog-posts-list .post-wrap .entry-content .entry-cat-links,
.related-posts-list .post-wrap .entry-content .entry-cat-links {
font-weight: 500;
font-size: 14px;
line-height: 100%;
margin-bottom: 4px; }
.blog-posts-list .post-wrap .entry-content .entry-cat-links a,
.related-posts-list .post-wrap .entry-content .entry-cat-links a {
color: #0073a8;
text-decoration: none; }
.blog-posts-list .post-wrap .entry-content .entry-cat-links a:hover,
.related-posts-list .post-wrap .entry-content .entry-cat-links a:hover {
color: #005075; }
.blog-posts-list .post-wrap .entry-content .entry-title,
.related-posts-list .post-wrap .entry-content .entry-title {
font-weight: 600;
font-size: 20px;
line-height: 30px;
min-height: 60px;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.blog-posts-list .post-wrap .entry-content .entry-title a,
.related-posts-list .post-wrap .entry-content .entry-title a {
color: inherit; }
.blog-posts-list .post-wrap .entry-content .entry-title a:hover,
.related-posts-list .post-wrap .entry-content .entry-title a:hover {
color: #0073a8; }
.blog-posts-list .post-wrap .entry-content .entry-meta,
.related-posts-list .post-wrap .entry-content .entry-meta {
list-style: none;
margin: 0;
padding: 0; }
.blog-posts-list .post-wrap .entry-content .entry-meta li,
.related-posts-list .post-wrap .entry-content .entry-meta li {
display: inline-block;
font-size: 14px;
line-height: 16px; }
.blog-posts-list .post-wrap .entry-content .entry-meta li:not(:last-child):after,
.related-posts-list .post-wrap .entry-content .entry-meta li:not(:last-child):after {
content: "";
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background: #0073a8;
border-radius: 4px;
margin: 0 8px; }
@media (max-width: 767.98px) {
.blog-posts-list .post-wrap .entry-content .entry-title,
.related-posts-list .post-wrap .entry-content .entry-title {
min-height: unset;
-webkit-line-clamp: unset; } }
@media (max-width: 575.98px) {
.blog-posts-list .post-wrap .entry-content,
.related-posts-list .post-wrap .entry-content {
padding: 24px 16px; }
.blog-posts-list .post-wrap .entry-content .entry-title,
.related-posts-list .post-wrap .entry-content .entry-title {
font-size: 18px;
line-height: 28px; }
.blog-posts-list .post-wrap .entry-content .entry-cat-links,
.blog-posts-list .post-wrap .entry-content .entry-meta li,
.related-posts-list .post-wrap .entry-content .entry-cat-links,
.related-posts-list .post-wrap .entry-content .entry-meta li {
font-size: 13px; } }
.search-posts-list .post-wrap {
max-width: 800px;
margin: 0 auto; }
.search-posts-list .post-wrap:not(:last-child) {
margin-bottom: 30px; }
.search-posts-list .post-wrap .entry-image {
position: relative;
overflow: hidden;
padding-bottom: 66%;
background: #E7E6E4; }
.search-posts-list .post-wrap .entry-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.search-posts-list .post-wrap .entry-content {
background: #FFFFFF;
padding: 24px 32px; }
.search-posts-list .post-wrap .entry-content .entry-cat-links {
font-weight: 600;
font-size: 14px;
line-height: 100%;
margin-bottom: 4px; }
.search-posts-list .post-wrap .entry-content .entry-cat-links a {
color: #0073a8;
text-decoration: none; }
.search-posts-list .post-wrap .entry-content .entry-cat-links a:hover {
color: #005075; }
.search-posts-list .post-wrap .entry-content .entry-title {
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 12px; }
.search-posts-list .post-wrap .entry-content .entry-summary {
margin-bottom: 12px; }
.search-posts-list .post-wrap .entry-content .entry-summary > *:first-child {
margin-top: 0; }
.search-posts-list .post-wrap .entry-content .entry-summary > *:last-child {
margin-bottom: 0; }
.search-posts-list .post-wrap .entry-content .entry-meta {
list-style: none;
margin: 0;
padding: 0; }
.search-posts-list .post-wrap .entry-content .entry-meta li {
display: inline-block;
font-size: 14px;
line-height: 16px; }
.search-posts-list .post-wrap .entry-content .entry-meta li:not(:last-child):after {
content: "";
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background: #0073a8;
border-radius: 4px;
margin: 0 16px; }
@media (max-width: 575.98px) {
.search-posts-list .post-wrap .entry-content {
padding: 24px 16px; }
.search-posts-list .post-wrap .entry-content .entry-title {
font-size: 18px;
line-height: 28px;
margin-bottom: 8px; }
.search-posts-list .post-wrap .entry-content .entry-cat-links,
.search-posts-list .post-wrap .entry-content .entry-meta li {
font-size: 13px; }
.search-posts-list .post-wrap .entry-content .entry-summary {
margin-bottom: 8px; } }
.related-posts-wrap {
margin-top: 96px; }
.related-posts-wrap .related-title {
font-weight: bold;
font-size: 24px;
line-height: 36px;
margin-bottom: 24px; }
.related-posts-wrap .related-posts-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px; }
@media (max-width: 991.98px) {
.related-posts-wrap .related-posts-list {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 767.98px) {
.related-posts-wrap .related-posts-list {
grid-template-columns: 1fr; } }
@media (max-width: 767.98px) {
.related-posts-wrap {
margin-top: 64px; }
.related-posts-wrap .related-title {
font-size: 20px;
margin-bottom: 12px; } }
.post-navigation {
max-width: 800px;
margin: 96px auto 0;
padding: 24px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.post-navigation .nav-links {
display: flex; }
.post-navigation .nav-links a {
color: #111111; }
.post-navigation .nav-links a:hover {
color: #0073a8; }
.post-navigation .nav-previous, .post-navigation .nav-next {
width: 50%; }
.post-navigation .nav-next {
margin-left: auto; }
.post-navigation .meta-nav {
font-size: 14px;
line-height: 150%; }
.post-navigation .post-title {
font-size: 18px;
font-weight: 600;
line-height: 150%;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.post-navigation .nav-next {
text-align: right; }
@media (max-width: 767.98px) {
.post-navigation {
margin-top: 64px;
padding: 16px 0; }
.post-navigation .meta-nav {
font-size: 13px; }
.post-navigation .post-title {
font-size: 16px; } }
@media (max-width: 575.98px) {
.post-navigation {
padding: 8px 0; }
.post-navigation .nav-links {
flex-direction: column; }
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
margin: 4px 0; }
.post-navigation .nav-next {
text-align: left; } }
.author-bio {
max-width: 800px;
text-align: center;
margin: 96px auto 0; }
.author-bio .avatar {
float: none;
margin-bottom: 24px;
border-radius: 50%; }
.author-bio .author-title {
font-weight: 600;
font-size: 20px;
line-height: 100%;
margin-bottom: 8px; }
.author-bio .author-desc {
font-size: 16px;
line-height: 175%;
margin-bottom: 8px; }
.author-bio .author-link {
font-size: 16px;
line-height: 175%;
color: #0073a8;
text-decoration: none;
border-bottom: 1px solid; }
.author-bio .author-link:hover {
color: #005075; }
@media (max-width: 991.98px) {
.author-bio {
max-width: 720px; }
.author-bio .avatar {
margin-bottom: 16px; }
.author-bio .author-title {
font-size: 18px; }
.author-bio .author-desc,
.author-bio .author-link {
font-size: 16px; } }
@media (max-width: 767.98px) {
.author-bio {
margin-top: 64px; }
.author-bio .avatar {
margin-bottom: 12px; }
.author-bio .author-title {
font-size: 16px; }
.author-bio .author-desc,
.author-bio .author-link {
font-size: 14px;
line-height: 150%; } }
.single-team-wrap {
display: flex; }
.single-team-wrap .entry-image {
width: 40%;
line-height: 0; }
.single-team-wrap .entry-image img {
width: 100%;
height: auto;
border-radius: 2px; }
.single-team-wrap .entry-content {
width: 60%;
padding-left: 60px; }
.single-team-wrap .entry-header {
margin-bottom: 16px; }
.single-team-wrap .entry-title {
display: inline-block;
font-size: 36px;
font-weight: 700;
line-height: 1.25;
text-transform: uppercase;
margin: 0 30px 0 0; }
.single-team-wrap .entry-position {
display: inline-block;
font-size: 18px;
font-weight: 500;
line-height: 1.25;
text-transform: uppercase; }
.single-team-wrap .entry-socials {
margin-bottom: 30px; }
.single-team-wrap .entry-socials .title {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: 600;
line-height: 1.25;
margin: 0 30px 0 0; }
.single-team-wrap .entry-socials .socials {
display: inline-block;
vertical-align: middle;
margin: 0 -4px; }
.single-team-wrap .entry-socials .socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #FFFFFF;
margin: 4px;
border-radius: 2px; }
.single-team-wrap .entry-info {
margin-bottom: 30px; }
.single-team-wrap .entry-contact {
margin-bottom: 12px; }
.single-team-wrap .entry-contact .title {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: 600;
line-height: 1.25;
margin: 0 30px 0 0; }
.single-team-wrap .entry-contact .content {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1.5;
color: #002866;
background: #EAEAEA;
padding: 24px 30px;
border-radius: 5px; }
.single-team-wrap .entry-contact .content .phone {
font-size: 22px;
font-weight: 600;
margin-bottom: 4px; }
.single-team-wrap .entry-skills .title {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 16px; }
.single-team-wrap .entry-skills .skill-item:not(:last-child) {
margin-bottom: 20px; }
.single-team-wrap .entry-skills .skill-item .title {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
margin: 0; }
@media (max-width: 991.98px) {
.single-team-wrap .entry-content {
padding-left: 30px; } }
@media (max-width: 767.98px) {
.single-team-wrap {
flex-direction: column; }
.single-team-wrap .entry-image {
width: 100%; }
.single-team-wrap .entry-content {
width: 100%;
padding: 30px 0 0; }
.single-team-wrap .entry-title {
font-size: 30px; }
.single-team-wrap .entry-position {
font-size: 16px; } }
.member-about-wrap,
.member-projects-wrap,
.related-members-wrap {
padding-top: 90px; }
.member-about-wrap .title-wrap,
.member-projects-wrap .title-wrap,
.related-members-wrap .title-wrap {
display: flex;
align-items: baseline;
white-space: nowrap;
margin-bottom: 30px; }
.member-about-wrap .title-wrap .title,
.member-projects-wrap .title-wrap .title,
.related-members-wrap .title-wrap .title {
font-size: 36px;
font-weight: 700;
line-height: 1.25;
margin: 0 12px 0 0; }
.member-about-wrap .title-wrap .sub-title,
.member-projects-wrap .title-wrap .sub-title,
.related-members-wrap .title-wrap .sub-title {
font-size: 18px;
font-weight: 500;
line-height: 1.25;
margin-right: 30px; }
.member-about-wrap .title-wrap .line,
.member-projects-wrap .title-wrap .line,
.related-members-wrap .title-wrap .line {
width: 100%;
height: 1px;
background: #C4C4C4; }
@media (max-width: 575.98px) {
.member-about-wrap .title-wrap,
.member-projects-wrap .title-wrap,
.related-members-wrap .title-wrap {
display: block;
white-space: unset; }
.member-about-wrap .title-wrap .title,
.member-projects-wrap .title-wrap .title,
.related-members-wrap .title-wrap .title {
display: inline-block;
font-size: 30px; }
.member-about-wrap .title-wrap .sub-title,
.member-projects-wrap .title-wrap .sub-title,
.related-members-wrap .title-wrap .sub-title {
display: inline-block;
font-size: 16px;
margin-right: 0; }
.member-about-wrap .title-wrap .line,
.member-projects-wrap .title-wrap .line,
.related-members-wrap .title-wrap .line {
display: none; } }
.member-about-wrap .desc > *:first-child {
margin-top: 0; }
.member-about-wrap .desc > *:last-child {
margin-bottom: 0; }
.member-about-wrap .desc p {
margin-bottom: 16px; }
.member-projects-wrap .projects-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px; }
@media (max-width: 991.98px) {
.member-projects-wrap .projects-list {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) {
.member-projects-wrap .projects-list {
grid-template-columns: repeat(1, 1fr); } }
.member-projects-wrap .give-form {
position: relative;
overflow: hidden; }
.member-projects-wrap .give-form .give-card__media {
position: relative;
overflow: hidden;
padding-bottom: 100%;
background: #e7e6e4;
z-index: 1; }
.member-projects-wrap .give-form .give-card__media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.member-projects-wrap .give-form .give-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 40, 102, 0.5); }
.member-projects-wrap .give-form .give-card__category {
position: absolute;
top: 30px;
left: 0;
font-size: 13px;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
color: #002866;
background: #FFEE00;
padding: 10px 20px;
z-index: 3; }
.member-projects-wrap .give-form .give-card__category a {
color: inherit; }
.member-projects-wrap .give-form .give-card__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 30px;
z-index: 3; }
.member-projects-wrap .give-form .give-card__title {
font-size: 22px;
font-weight: 600;
line-height: 1.25;
color: #FFFFFF;
margin-bottom: 0; }
.member-projects-wrap .give-form .give-card__title a {
color: inherit; }
.member-projects-wrap .give-form .give-goal-progress {
color: #FFFFFF;
margin: 24px 0 0; }
.member-projects-wrap .give-form .give-goal-progress .raised {
margin: 0; }
.member-projects-wrap .give-form .give-goal-progress .raised .income, .member-projects-wrap .give-form .give-goal-progress .raised .goal-text {
color: #FFEE00; }
@media (max-width: 575.98px) {
.member-projects-wrap .give-form .give-card__body {
padding: 30px 16px; } }
.related-members-wrap .members-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px; }
@media (max-width: 991.98px) {
.related-members-wrap .members-list {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) {
.related-members-wrap .members-list {
grid-template-columns: repeat(1, 1fr); } }
.related-members-wrap .member-wrap {
position: relative;
overflow: hidden; }
.related-members-wrap .member-wrap .entry-image {
position: relative;
padding-bottom: 105%;
background: #e7e6e4;
overflow: hidden;
margin-bottom: 20px;
border-radius: 2px; }
.related-members-wrap .member-wrap .entry-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: all .3s;
transition: all .3s; }
.related-members-wrap .member-wrap .entry-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
z-index: 1;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s; }
.related-members-wrap .member-wrap .entry-socials {
position: absolute;
bottom: 20px;
right: 20px;
width: 42px;
z-index: 3;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s; }
.related-members-wrap .member-wrap .entry-socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
color: #FFFFFF;
background: #1f3ddc;
border-radius: 30px; }
.related-members-wrap .member-wrap .entry-socials a:not(:last-child) {
margin-bottom: 5px; }
.related-members-wrap .member-wrap .entry-content {
text-align: center; }
.related-members-wrap .member-wrap .entry-title {
font-size: 20px;
font-weight: 600;
line-height: 1.25;
text-transform: uppercase;
color: #002866;
margin-bottom: 4px; }
.related-members-wrap .member-wrap .entry-title a {
color: inherit; }
.related-members-wrap .member-wrap .entry-postion {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
text-transform: uppercase; }
.related-members-wrap .member-wrap:hover .entry-overlay,
.related-members-wrap .member-wrap:hover .entry-socials {
opacity: 1; }
.page-template-default .site-main {
padding: 95px 0; }
.error-page-template {
text-align: center; }
.error-page-template .page-title {
font-size: 42px;
margin-bottom: 16px; }
.error-page-template .page-desc {
font-size: 18px;
margin-bottom: 32px; }
.error-page-template .search-form {
position: relative;
max-width: 420px;
margin: 0 auto;
padding-right: 120px; }
.error-page-template .search-form label {
width: 100%;
margin: 0; }
.error-page-template .search-form .search-field {
width: 100%;
margin-bottom: 0;
border-radius: 2px 0 0 2px; }
.error-page-template .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 58px;
text-align: center;
border-radius: 0 2px 2px 0;
-webkit-transition: background-color .3s, width .3s;
transition: background-color .3s, width .3s; }
@media (max-width: 767.98px) {
.error-page-template .search-form .search-submit {
height: 47px; } }
@media (max-width: 575.98px) {
.error-page-template .search-form {
padding-right: 50px; }
.error-page-template .search-form .search-submit {
width: 50px;
height: 47px;
padding: 0;
font-size: 0;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/search-light.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center; } }
@media (max-width: 991.98px) {
.error-page-template .page-title {
font-size: 42px; } }
@media (max-width: 767.98px) {
.error-page-template .page-title {
font-size: 36px; }
.error-page-template .page-desc {
font-size: 16px; }
.error-page-template .search-form {
max-width: 310px; } }
@media (max-width: 575.98px) {
.error-page-template .page-title {
font-size: 32px; }
.error-page-template .page-desc {
font-size: 14px;
line-height: 150%; } }
.widget .widget-title {
font-size: 20px;
font-weight: 600;
line-height: 125%;
margin-bottom: 16px; }
@media (max-width: 767.98px) {
.widget .widget-title {
font-size: 18px;
margin-bottom: 12px; } }
.widget ul {
margin: 0;
padding: 0; }
.widget ul li {
list-style: none;
margin-bottom: 0;
padding: 8px 0; }
.widget ul li a:hover, .widget ul li a [aria-current="page"] {
color: #0073a8; }
.widget table,
.widget select {
width: 100%; }
.widget table {
text-align: left;
width: 100%; }
.widget table caption {
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 0;
text-align: center; }
.widget table tr {
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 0;
padding: 3px 0; }
.widget table tr td,
.widget table tr th {
padding: 0 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.widget .search-form {
position: relative;
padding-right: 60px; }
.widget .search-form label {
width: 100%;
margin: 0; }
.widget .search-form .search-field {
width: 100%;
margin-bottom: 0;
border-radius: 2px 0 0 2px; }
.widget .search-form .search-submit {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 58px;
padding: 0;
font-size: 0;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/search-light.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 0 2px 2px 0; }
@media (max-width: 767.98px) {
.widget .search-form {
padding-right: 50px; }
.widget .search-form .search-submit {
width: 50px;
height: 47px; } }
.blog-sidebar .widget {
background: #FFFFFF;
padding: 32px 40px;
border-radius: 2px; }
.blog-sidebar .widget:not(:last-child) {
margin-bottom: 48px; }
.blog-sidebar .widget .wp-block-search__input {
margin: 0; }
.blog-sidebar .widget .wp-block-group__inner-container > h2 {
font-size: 22px;
font-weight: 700;
line-height: 125%;
color: #111111;
margin: 0 0 24px; }
.blog-sidebar .widget .wp-block-group__inner-container ul, .blog-sidebar .widget .wp-block-group__inner-container ol {
margin: 0;
padding: 0; }
.blog-sidebar .widget .wp-block-group__inner-container ul li, .blog-sidebar .widget .wp-block-group__inner-container ol li {
list-style: none;
margin-bottom: 0;
padding: 8px 0; }
@media (max-width: 767.98px) {
.blog-sidebar .widget {
padding: 24px 32px; }
.blog-sidebar .widget:not(:last-child) {
margin-bottom: 30px; } }
@media (max-width: 575.98px) {
.blog-sidebar .widget {
padding: 24px 16px; } }
#respond {
margin-top: 24px;
margin-bottom: 24px; }
#respond .comment-reply-title,
#respond .logged-in-as {
display: none; }
#respond input, #respond select, #respond textarea {
width: 100%;
max-width: calc(100% - 48px); }
#respond input[type="checkbox"],
#respond input[type="submit"] {
width: auto; }
#respond .comment-field {
line-height: 1;
margin-bottom: 24px; }
#respond .comment-field input, #respond .comment-field select, #respond .comment-field textarea {
margin: 0; }
#respond div.error {
font-size: 12px;
line-height: 1.5;
color: #ff3333;
margin-top: 4px;
padding-left: 24px; }
#respond .comment-form {
position: relative;
display: flex;
flex-direction: column; }
#respond .comment-form .comment-form-header {
order: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#respond .comment-form .comment-form-header .comment-form-author {
width: calc( 50% - 8px ); }
#respond .comment-form .comment-form-header .comment-form-email {
width: calc( 50% - 8px ); }
#respond .comment-form .comment-form-header .comment-form-url {
width: 100%; }
#respond .comment-form .comment-form-comment {
order: 2; }
#respond .comment-form .comment-form-cookies-consent {
order: 3;
margin: 0 0 32px; }
#respond .comment-form .comment-form-cookies-consent input[type="checkbox"] {
display: none; }
#respond .comment-form .comment-form-cookies-consent label {
position: relative;
margin-bottom: 0;
padding-left: 24px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
#respond .comment-form .comment-form-cookies-consent label:before {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 12px;
height: 12px;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 2px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
#respond .comment-form .comment-form-cookies-consent label:hover {
color: #0073a8; }
#respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before {
background-color: #0073a8;
background-image: url(//oxussociety.org/wp-content/themes/alone/images/tick-light.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
border-color: #0073a8; }
#respond .comment-form .form-submit {
order: 4;
margin: 0; }
#respond .comment-form .comment-note {
order: 5;
font-size: 14px;
line-height: 150%;
color: #808080;
position: absolute;
bottom: 18px;
left: 202px; }
@media (max-width: 767.98px) {
#respond input, #respond select, #respond textarea {
max-width: calc(100% - 36px); }
#respond div.error {
padding-left: 16px; }
#respond .comment-form .comment-note {
bottom: 13px;
left: 172px; } }
@media (max-width: 575.98px) {
#respond .comment-form .comment-form-header .comment-form-author,
#respond .comment-form .comment-form-header .comment-form-email {
width: 100%; }
#respond .comment-form .comment-note {
position: static;
margin-top: 16px; } }
#comments {
max-width: 800px;
margin: 0 auto;
padding-top: 96px; }
#comments .heading-comment {
font-size: 24px;
line-height: 150%;
margin-bottom: 0; }
#comments .comment-item-wrap .comment-item {
padding-left: 64px; }
#comments .comment-item-wrap.depth-1 > .comment-item {
padding-left: 0; }
#comments .comment-item {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
#comments .comment-item .comment-head {
display: flex;
align-items: center;
margin-bottom: 16px; }
#comments .comment-item .avatar {
float: none;
width: 48px;
margin: 0;
border-radius: 50%; }
#comments .comment-item .comment-info {
width: calc( 100% - 48px );
padding-left: 12px; }
#comments .comment-item .comment-info .name {
font-weight: 600;
font-size: 16px;
line-height: 100%;
margin-bottom: 8px; }
#comments .comment-item .comment-info .date {
font-style: normal;
font-size: 13px;
line-height: 100%;
color: #808080; }
#comments .comment-item .comment-content {
font-size: 16px;
line-height: 175%; }
#comments .comment-item .comment-content > *:first-child {
margin-top: 0; }
#comments .comment-item .comment-content p {
font-weight: inherit; }
#comments .comment-item .comment-content a {
color: #0073a8; }
#comments .comment-item .comment-content .comment-reply-link {
display: inline-block;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-decoration: none;
color: #0073a8;
padding: 8px 16px;
border: 1px solid #0073a8;
border-radius: 2px; }
#comments .comment-item .comment-content .comment-reply-link:hover {
color: #FFFFFF;
background: #0073a8; }
#comments .comment-item .comment-content .comment-reply-link:hover svg {
fill: #FFFFFF; }
#comments .comment-item .comment-content .comment-reply-link svg {
display: inline-block;
vertical-align: middle;
fill: #0073a8;
margin-left: 4px; }
@media (max-width: 767.98px) {
#comments {
padding-top: 64px; }
#comments .heading-comment {
font-size: 20px; }
#comments .comment-item .comment-head {
margin-bottom: 12px; }
#comments .comment-item .comment-info .name {
font-size: 14px; }
#comments .comment-item .comment-info .date {
font-size: 13px; }
#comments .comment-item .comment-content {
font-size: 14px;
line-height: 150%; }
#comments .comment-item .comment-content .comment-reply-link {
font-size: 12px;
padding: 6px 12px; } }